:root{--sc-lime:#C4FF5C;--sc-lime-2:#7CE24A;--sc-teal:#2DD4BF;--sc-indigo:#6C63FF;--sc-indigo-2:#5148D6;--sc-coral:#FF6B57;--sc-coral-2:#FF9E5C;--sc-gold:#E8B84B;--sc-stripe:linear-gradient(90deg,#C4FF5C,#2DD4BF,#6C63FF,#FF6B57,#E8B84B);--sc-cta:linear-gradient(135deg,#C4FF5C,#2DD4BF);--ad-bg:#F7F6F2;--ad-card:#FFFFFF;--ad-line:#E9E6DE;--ad-faintline:#F0EDE6;--ad-hover:#FBFAF7;--ad-ink:#171512;--ad-slate:#6B655B;--ad-faint:#989186;--ad-input:#F4F2EC;--ad-chip:#F1EFE8;--sc-r-card:20px;--sc-r-btn:12px;--sc-shadow-card:0 10px 26px rgba(0,0,0,.08)}body.dark{--ad-bg:#121110;--ad-card:#1B1916;--ad-line:#2C2925;--ad-faintline:#232019;--ad-hover:#211E1A;--ad-ink:#F5F2EC;--ad-slate:#A8A196;--ad-faint:#7A746A;--ad-input:#221F1B;--ad-chip:#262219;--sc-shadow-card:0 10px 26px rgba(0,0,0,.4)}body{font-family:var(--font-body),"IBM Plex Sans",system-ui,sans-serif;transition:background .25s ease,color .25s ease}.btn,.card-h h3,.kpi .val,.side-brand b,.topbar h1,h1,h2,h3{font-family:var(--font-display),"Space Grotesk",system-ui,sans-serif;letter-spacing:-.02em}.kpi .val{font-weight:700}.side{background:var(--ad-card);color:var(--ad-slate);border-right:1px solid var(--ad-line)}.side:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--sc-stripe);z-index:2}.side-brand{border-bottom:1px solid var(--ad-line);padding-top:22px}.side-brand b{color:var(--ad-ink)}.side-brand span span,.side-label{color:var(--ad-faint)}.side-label{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.14em}.side-label:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--ad-faint);flex:none}.side-label[data-zone=workspace]:before{background:var(--sc-lime)}.side-label[data-zone=sales]:before{background:var(--sc-teal)}.side-label[data-zone=ops]:before{background:var(--sc-indigo)}.side-label[data-zone=marketing]:before{background:var(--sc-coral)}.side-label[data-zone=accounting]:before{background:var(--sc-gold)}.side-label[data-zone=assistant]:before{background:var(--sc-indigo)}.nav-item{color:var(--ad-slate);border-radius:11px;font-weight:600;transition:background .12s,color .12s,transform .12s}.nav-item:hover{background:var(--ad-hover);color:var(--ad-ink);transform:translateX(2px)}.nav-item.active{background:#171512;color:var(--sc-lime);box-shadow:none}body.dark .nav-item.active{background:#0B0A08}.nav-item.active svg{color:var(--sc-lime);opacity:1}.nav-item .badge,.nav-item.active .badge{background:var(--sc-coral);color:#fff}.side-foot{border-top:1px solid var(--ad-line)}.side-foot .av{background:linear-gradient(140deg,var(--sc-indigo),var(--sc-indigo-2));color:#fff}.side-foot .who b{color:var(--ad-ink)}.side-foot .out,.side-foot .who span{color:var(--ad-faint)}.side-foot .out:hover{color:var(--ad-ink);background:var(--ad-hover)}.topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--ad-line)}body.dark .topbar{background:rgba(23,21,18,.88)}.card{border-radius:var(--sc-r-card);border-color:var(--ad-line);transition:transform .15s ease,box-shadow .15s ease}.card-h{border-bottom-color:var(--ad-line)}.kpi{border-radius:var(--sc-r-card);transition:transform .15s ease,box-shadow .15s ease}.kpi:hover{transform:translateY(-3px);box-shadow:var(--sc-shadow-card)}.kpi:after{content:"";position:absolute;top:0;left:0;right:0;height:3px}.kpi.g:after{background:linear-gradient(90deg,var(--sc-lime),var(--sc-lime-2))}.kpi.b:after{background:var(--sc-teal)}.kpi.p:after{background:var(--sc-indigo)}.kpi.o:after{background:var(--sc-gold)}.kpi.g .ic{background:rgba(196,255,92,.2);color:#4E7A15}.kpi.b .ic{background:rgba(45,212,191,.16);color:#0E7C71}.kpi.p .ic{background:rgba(108,99,255,.16);color:var(--sc-indigo-2)}.kpi.o .ic{background:rgba(232,184,75,.2);color:#8A6410}body.dark .kpi.g .ic{color:var(--sc-lime)}body.dark .kpi.b .ic{color:var(--sc-teal)}body.dark .kpi.p .ic{color:#A9A2FF}body.dark .kpi.o .ic{color:var(--sc-gold)}.tbl th{border-bottom-color:var(--ad-line);color:var(--ad-faint)}.tbl td{border-bottom-color:var(--ad-faintline)}.tbl tbody tr:hover,body.dark .tbl tbody tr:hover{background:var(--ad-hover)}.btn{border-radius:var(--sc-r-btn);transition:transform .12s ease,box-shadow .12s ease,background .12s,color .12s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-sm{border-radius:10px}.btn-lime{background:var(--sc-cta);color:#0B0E14;box-shadow:0 8px 22px rgba(45,212,191,.25)}.btn-lime:hover{background:var(--sc-cta);filter:brightness(1.04)}.btn-blue{background:var(--sc-indigo);color:#fff;box-shadow:0 8px 20px -10px rgba(108,99,255,.7)}.btn-blue:hover{background:var(--sc-indigo-2)}.btn-dark{background:#171512;color:#F5F2EC}.btn-dark:hover{background:#000}.btn-ghost{background:var(--ad-card);color:var(--ad-slate);border-color:var(--ad-line)}.btn-ghost:hover{border-color:var(--sc-teal);color:var(--ad-ink)}body.dark .btn-ghost{background:var(--ad-card)}.crm-input,.crm-select,.fld input,.search input{background:var(--ad-input);border-color:var(--ad-line);color:var(--ad-ink);border-radius:10px}.crm-input:focus,.crm-select:focus,.fld input:focus,.search input:focus{border-color:var(--sc-teal);box-shadow:0 0 0 3px rgba(45,212,191,.18);outline:none}body.dark .btn-ghost,body.dark .btn-outline,body.dark .icon-btn,body.dark .search input,body.dark .tabs,body.dark .tabs.mini{background:var(--ad-card)}.icon-btn{border-radius:11px;border-color:var(--ad-line)}.src-pill,.you-tag,body.dark .src-pill{background:var(--ad-chip);border-color:var(--ad-line);color:var(--ad-slate);border-radius:8px}.fbar,body.dark .fbar{background:var(--ad-chip)}.view-tab.on{color:var(--ad-ink);border-bottom-color:var(--sc-lime-2)}body.dark .kcol{background:var(--ad-bg);border-color:var(--ad-line)}body.dark .compose-foot .tools button,body.dark .kcard,body.dark .kcard .kact button,body.dark .tmpl button{background:var(--ad-card);border-color:var(--ad-line)}body.dark .mail-folders button.on,body.dark .mail-side{background:var(--ad-bg)}body.dark .cfield .chip{background:var(--ad-chip);color:var(--ad-ink)}.kcard .kact button.win,body.dark .kcard .kact button.win{background:var(--sc-lime);color:#171512;border-color:var(--sc-lime)}.kcard .kact button.adv,body.dark .kcard .kact button.adv{background:var(--sc-indigo);border-color:var(--sc-indigo)}.chat-bubble.me{background:var(--sc-indigo)}.chat-bubble.ai,body.dark .chat-bubble.ai{background:var(--ad-chip);border-color:var(--ad-line)}:focus-visible{outline-color:var(--sc-lime-2)}.role-pills{display:inline-flex;gap:5px}.role-pick,.role-pills{flex-wrap:wrap;align-items:center}.role-pick{display:flex;gap:7px}.role-opt{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--sc-r-btn,12px);border:1px solid var(--ad-line);background:var(--ad-card);color:var(--ad-slate);font-size:13px;font-weight:600;cursor:pointer;user-select:none;transition:border-color .12s,color .12s,background .12s}.role-opt:hover{border-color:var(--sc-teal);color:var(--ad-ink)}.role-opt.on{border-color:var(--sc-indigo);color:var(--ad-ink);background:var(--ad-hover)}.role-opt input{margin:0;accent-color:var(--sc-indigo);cursor:pointer}.adduser:has(.role-pick){display:flex;flex-wrap:wrap;align-items:center;gap:10px}.adduser:has(.role-pick) input{flex:1 1 190px;min-width:0}.adduser:has(.role-pick) .role-pick{flex:1 1 100%}body:has(.drawer.open) .fab-btn,body:has(.drawer.open) .fab-panel,body:has(.drawer.open) .fab-scrim{opacity:0;pointer-events:none}.fab-btn{transition:transform .16s,background .16s,opacity .16s}