:root{--font-sans: "Geist", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--font-mono: "Geist Mono", ui-monospace, "JetBrains Mono", monospace;--bg: oklch(.985 .004 75);--bg-elev: oklch(1 0 0);--bg-sunken: oklch(.96 .005 75);--surface: oklch(1 0 0);--border: oklch(.91 .006 75);--border-strong: oklch(.85 .008 75);--text: oklch(.22 .008 60);--text-muted: oklch(.48 .01 60);--text-subtle: oklch(.62 .012 60);--text-faint: oklch(.75 .01 60);--accent: oklch(.55 .05 55);--accent-hover: oklch(.48 .06 55);--accent-soft: oklch(.94 .02 60);--accent-ring: oklch(.85 .04 60);--green: oklch(.62 .08 150);--green-soft: oklch(.94 .03 150);--amber: oklch(.72 .1 75);--amber-soft: oklch(.95 .05 85);--red: oklch(.58 .12 25);--red-soft: oklch(.94 .04 25);--blue: oklch(.58 .08 245);--blue-soft: oklch(.94 .03 245);--a1: oklch(.6 .06 40);--a2: oklch(.58 .05 185);--a3: oklch(.62 .06 290);--a4: oklch(.52 .06 140);--a5: oklch(.6 .07 15);--shadow-sm: 0 1px 2px oklch(.2 .01 60 / .04);--shadow: 0 2px 8px oklch(.2 .01 60 / .06), 0 1px 2px oklch(.2 .01 60 / .04);--shadow-lg: 0 12px 32px oklch(.2 .01 60 / .1), 0 2px 6px oklch(.2 .01 60 / .05);--r-xs: 4px;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 20px;--ease: cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{--bg: oklch(.18 .006 65);--bg-elev: oklch(.22 .006 65);--bg-sunken: oklch(.15 .006 65);--surface: oklch(.24 .007 65);--border: oklch(.3 .008 65);--border-strong: oklch(.38 .01 65);--text: oklch(.95 .004 75);--text-muted: oklch(.72 .008 70);--text-subtle: oklch(.58 .01 70);--text-faint: oklch(.42 .01 65);--accent: oklch(.78 .05 70);--accent-hover: oklch(.85 .06 70);--accent-soft: oklch(.3 .02 65);--accent-ring: oklch(.45 .04 65);--green: oklch(.75 .12 150);--green-soft: oklch(.28 .04 150);--amber: oklch(.82 .12 80);--amber-soft: oklch(.3 .05 80);--red: oklch(.72 .14 25);--red-soft: oklch(.3 .05 25);--blue: oklch(.72 .1 245);--blue-soft: oklch(.28 .04 245);--a1: oklch(.75 .07 40);--a2: oklch(.72 .06 185);--a3: oklch(.75 .07 290);--a4: oklch(.7 .07 140);--a5: oklch(.73 .08 15);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow: 0 2px 8px oklch(0 0 0 / .35), 0 1px 2px oklch(0 0 0 / .2);--shadow-lg: 0 12px 32px oklch(0 0 0 / .5), 0 2px 6px oklch(0 0 0 / .25)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--text)}.app{display:grid;grid-template-columns:232px 1fr;grid-template-rows:48px 1fr;height:100vh;overflow:hidden}.topbar{grid-column:1 / -1;background:var(--bg-elev);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px 0 20px;gap:14px;z-index:20}.brand{display:flex;align-items:center;gap:10px;width:212px;font-family:var(--font-serif);font-size:20px;letter-spacing:-.02em}.brand-mark{width:22px;height:22px;border-radius:6px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:0}.topbar-search{flex:1;max-width:420px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r);color:var(--text-muted);font-size:13px}.topbar-search kbd{margin-left:auto;font-family:var(--font-mono);font-size:11px;padding:1px 6px;border:1px solid var(--border);border-radius:4px;color:var(--text-subtle);background:var(--bg-elev)}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.pending-badge{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 8px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:12.5px;font-weight:500;transition:all .15s var(--ease)}.pending-badge:hover{border-color:var(--border-strong);background:var(--bg-sunken)}.pending-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.pending-badge strong{font-variant-numeric:tabular-nums;font-weight:600}.icon-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--text-muted);transition:all .12s var(--ease)}.icon-btn:hover{background:var(--bg-sunken);color:var(--text)}.user-chip{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border-radius:999px;transition:all .12s var(--ease)}.user-chip:hover{background:var(--bg-sunken)}.user-chip .avatar{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:10.5px;font-weight:600}.user-chip .name{font-size:12.5px;font-weight:500}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);padding:12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.side-section-label{font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:10px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;font-size:13px;color:var(--text-muted);transition:all .1s var(--ease);position:relative;cursor:pointer}.nav-item:hover:not(.locked){background:var(--bg-sunken);color:var(--text)}.nav-item.active{background:var(--bg-sunken);color:var(--text);font-weight:500}.nav-item.locked{color:var(--text-faint);cursor:not-allowed}.nav-item svg{flex-shrink:0}.nav-item .count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-subtle);font-variant-numeric:tabular-nums}.nav-item.active .count{color:var(--text)}.nav-item .lock-ic{margin-left:auto;opacity:.5}.sidebar-footer{margin-top:auto;padding:10px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted)}.tenant-chip{flex:1;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;background:var(--bg-sunken)}.tenant-chip .tenant-mark{width:18px;height:18px;border-radius:4px;background:var(--a4);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:600}.main{overflow-y:auto;background:var(--bg);scroll-behavior:smooth}.page{max-width:1280px;margin:0 auto;padding:28px 36px 80px}.page-wide{max-width:none;padding:0;height:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:20px}.page-title{font-family:var(--font-serif);font-size:34px;font-weight:400;letter-spacing:-.015em;margin:0 0 4px;color:var(--text)}.page-sub{color:var(--text-muted);font-size:13.5px;margin:0}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;font-size:13px;font-weight:500;transition:all .12s var(--ease);border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{background:var(--text-muted)}.btn-ghost{color:var(--text-muted);border-color:var(--border);background:var(--bg-elev)}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface)}.btn-soft{background:var(--bg-sunken);color:var(--text)}.btn-soft:hover{background:var(--accent-soft)}.btn-sm{padding:4px 9px;font-size:12px}.surface{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg)}.surface-flush{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--bg-sunken);color:var(--text-muted);border:1px solid var(--border)}.pill.green{background:var(--green-soft);color:var(--green);border-color:transparent}.pill.amber{background:var(--amber-soft);color:var(--amber);border-color:transparent}.pill.red{background:var(--red-soft);color:var(--red);border-color:transparent}.pill.blue{background:var(--blue-soft);color:var(--blue);border-color:transparent}[data-theme=dark] .pill.green{color:#9ee1ab}[data-theme=dark] .pill.amber{color:#ffd896;color:oklch(.9 .1 80)}[data-theme=dark] .pill.red{color:#ffaba3;color:oklch(.82 .12 25)}[data-theme=dark] .pill.blue{color:#8ecbff;color:oklch(.82 .1 245)}.dot-inline{width:6px;height:6px;border-radius:50%;display:inline-block;background:currentColor}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.faint{color:var(--text-faint)}.hstack{display:flex;align-items:center;gap:8px}.vstack{display:flex;flex-direction:column;gap:8px}.divider{height:1px;background:var(--border);border:0;margin:0}.scroll-area{overflow-y:auto}.scroll-area::-webkit-scrollbar{width:10px;height:10px}.scroll-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:2px solid var(--bg)}.scroll-area::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.email-html-body{overflow-wrap:anywhere;word-break:normal}.email-html-body,.email-html-body *{box-sizing:border-box}.email-html-body p,.email-html-body ul,.email-html-body ol,.email-html-body blockquote{margin-top:0;margin-bottom:.85em}.email-html-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.email-html-body img{max-width:100%;height:auto}.email-html-body table{max-width:100%;border-collapse:collapse}.email-html-body pre{white-space:pre-wrap}.agent-mark{width:28px;height:28px;display:grid;place-items:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.agent-mark.circle{border-radius:50%}.agent-mark.square{border-radius:6px}.agent-mark.diamond{transform:rotate(45deg);border-radius:4px}.agent-mark.diamond>span{transform:rotate(-45deg);display:block}.agent-mark.hex{clip-path:polygon(25% 5%,75% 5%,95% 50%,75% 95%,25% 95%,5% 50%);border-radius:0}.agent-mark.pent{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.tinder-feedback{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:9px 14px;border-radius:10px;border:1px solid transparent;font-size:12.5px;font-family:inherit;cursor:pointer;text-align:left;animation:tinderFeedbackIn .2s ease-out;transition:filter .12s}.tinder-feedback:hover{filter:brightness(1.05)}.tinder-feedback--approve{background:var(--green-soft);color:var(--green);border-color:var(--green)}.tinder-feedback--reject{background:var(--red-soft);color:var(--red);border-color:var(--red)}.tinder-feedback--ack{background:var(--bg-sunken);color:var(--text-muted);border-color:var(--border)}@keyframes tinderFeedbackIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s,transform 80ms}.action-icon-btn:hover{background:var(--bg-sunken);color:var(--text);border-color:var(--text-faint)}.action-icon-btn:active{transform:scale(.94)}.action-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.action-icon-btn.is-skip:hover{color:var(--red);border-color:var(--red);background:var(--red-soft)}.action-icon-btn.is-restore:hover{color:var(--green);border-color:var(--green);background:var(--green-soft)}@media(max-width:720px){.action-icon-btn{width:36px;height:36px}}.tinder-stack{position:relative;height:clamp(300px,calc(100vh - 240px),520px);perspective:1200px}.tinder-card{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl);padding:22px 24px 20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:transform .4s var(--ease),opacity .4s var(--ease),border-color .3s var(--ease);overflow:hidden}.tinder-card.ampel-green{border-left:3px solid var(--green)}.tinder-card.ampel-amber{border-left:3px solid var(--amber)}.tinder-card.ampel-red{border-left:3px solid var(--red)}.tinder-card.behind-1{transform:translateY(14px) scale(.96);opacity:.78;z-index:2}.tinder-card.behind-2{transform:translateY(26px) scale(.92);opacity:.5;z-index:1}.tinder-card.front{z-index:3}.tinder-card.swipe-right{transform:translate(140%) rotate(12deg);opacity:0}.tinder-card.swipe-left{transform:translate(-140%) rotate(-12deg);opacity:0}.dashboard-row-primary{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px}.dashboard-row-secondary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:860px){.dashboard-row-primary,.dashboard-row-secondary{grid-template-columns:1fr}}@media(max-width:720px){.tinder-modal-inner{width:100%!important;max-width:100vw!important;padding:8px}.tinder-card{padding:16px 14px 14px}}@keyframes detailSheetIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes detailSheetInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:720px){.detail-sheet{top:auto!important;bottom:0!important;right:0!important;left:0!important;width:100vw!important;max-height:90vh;border-top-left-radius:16px;border-top-right-radius:16px;animation:detailSheetInBottom .24s ease-out!important}}@media(max-width:720px){.tinder-card .btn-sm,.detail-sheet .btn-sm{min-height:36px;min-width:36px}}.input{width:100%;padding:8px 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);font-size:13px;color:var(--text);outline:none;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.input:focus{border-color:var(--accent-ring);box-shadow:0 0 0 3px var(--accent-soft)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-weight:500;color:var(--text-subtle);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-sunken)}.tbl td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:var(--bg-sunken)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--r-xs)}.chk{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;display:grid;place-items:center;background:var(--bg-elev);cursor:pointer;flex-shrink:0;transition:all .12s var(--ease)}.chk.on{background:var(--text);border-color:var(--text)}.chk.on svg{color:var(--bg)}.kan-col{background:var(--bg-sunken);border-radius:var(--r-lg);padding:10px;display:flex;flex-direction:column;min-height:200px}.kan-col-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px}.kan-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:all .12s var(--ease)}.kan-card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.kan-card.dragging{opacity:.4}.kan-col.drop-hover{background:var(--accent-soft)}.kan-col-head .col-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.board-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.board-tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:left;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .1s;overflow:hidden;width:100%}.board-tile:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.1));border-color:var(--accent);transform:translateY(-1px)}.board-tile-new{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--text-muted);border-style:dashed;min-height:88px}.board-tile-new:hover{color:var(--accent);border-color:var(--accent);transform:none}.board-rail{background:var(--bg-sunken);border-radius:var(--r-lg);padding:10px;width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 200px);overflow-y:auto}.board-rail-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:10px 8px 4px;font-weight:500}.board-rail-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r);font-size:13px;cursor:pointer;color:var(--text-muted);transition:background .12s var(--ease);border:none;background:transparent;width:100%;text-align:left}.board-rail-item:hover{background:var(--bg-elev);color:var(--text)}.board-rail-item.active{background:var(--bg-elev);color:var(--text);font-weight:500}.board-rail-item .board-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.board-rail-item .board-count{margin-left:auto;font-size:10.5px;color:var(--text-faint);font-family:var(--font-mono)}.col-header-chip{display:flex;align-items:center;gap:6px;padding:2px 6px;border-radius:var(--r-sm, 4px)}.col-header-chip:hover{background:var(--bg-elev)}.col-add-btn{border:1px dashed var(--border);border-radius:var(--r-lg);padding:8px 14px;background:transparent;color:var(--text-muted);font-size:12.5px;cursor:pointer;align-self:flex-start;height:fit-content;min-width:140px}.col-add-btn:hover{border-color:var(--border-strong);color:var(--text);background:var(--bg-sunken)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a15128c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:start center;overflow-y:auto;padding:20px 0;z-index:100;animation:fadeIn .2s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:14px;background:var(--text);border-radius:2px}.msg{max-width:70%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5}.msg.them{background:var(--bg-sunken);border-top-left-radius:4px}.msg.me{background:var(--text);color:var(--bg);border-top-right-radius:4px;margin-left:auto}.chan-chip{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:10px}.chan-email{background:var(--blue)}.chan-phone{background:var(--a4)}.chan-wa{background:var(--green)}.chan-ig{background:var(--a5)}.lock-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,var(--bg-elev) 100%);display:grid;place-items:end center;padding-bottom:18px;pointer-events:none;opacity:.85}.ph{background:repeating-linear-gradient(45deg,var(--bg-sunken) 0 6px,var(--bg-elev) 6px 12px);border:1px dashed var(--border);border-radius:var(--r);display:grid;place-items:center;color:var(--text-faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.03em}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a15128c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:100;animation:fadeIn .2s var(--ease);padding:24px;overflow-y:auto}.dialog{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;width:100%;box-shadow:0 24px 64px #0000002e;animation:slideUp .22s var(--ease)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h3{font-size:15px;font-weight:600;margin:0}.dialog-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:500;color:var(--text-subtle)}.form-error{font-size:11.5px;color:var(--red);margin-top:2px}.pos-table{width:100%;border-collapse:collapse;font-size:12.5px}.pos-table th{text-align:left;font-size:11px;font-weight:500;color:var(--text-subtle);padding:6px 8px;border-bottom:1px solid var(--border);background:var(--bg-sunken);white-space:nowrap}.pos-table td{padding:5px 4px;border-bottom:1px solid var(--border);vertical-align:middle}.pos-table tr:last-child td{border-bottom:0}.pos-table .input{padding:5px 8px;font-size:12.5px}.pos-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.totals-block{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--bg-sunken);border-radius:var(--r);min-width:200px}.totals-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.totals-row.total-final{font-size:15px;font-weight:600;border-top:1px solid var(--border);padding-top:8px;margin-top:4px}
