@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--swelis-cream: #E6E1CE;--swelis-parchment: #FBF9EF;--swelis-amber: #F3C242;--swelis-coral: #FF6464;--swelis-coral-deep: #DC4E4E;--swelis-mint: #2CAF74;--swelis-mint-soft: #53BBAB;--swelis-violet: #8A69E8;--swelis-orange: #EF922E;--swelis-olive: #918846;--swelis-rustic-gold: #CAB15F;--ink-900: #151313;--ink-850: #131315;--ink-800: #161619;--ink-700: #232428;--ink-600: #4C4E58;--ink-500: #747669;--ink-450: #8D9AB6;--ink-400: #8089B;--ink-300: #949D99;--ink-275: #767E91;--ink-250: #B7C2BB;--ink-200: #BAC3D1;--ink-150: #D3DAE5;--ink-125: #D4D8E0;--ink-100: #E6E9EE;--ink-50: #F6F9FF;--connect-canvas: #F6F9FF;--connect-sidebar-sheet: rgba(230, 233, 238, .92);--connect-card: #FFFFFF;--connect-card-tint: rgba(246, 249, 255, .8);--connect-text: #283145;--connect-text-strong: #404857;--connect-text-muted: #767E91;--connect-text-faint: #8995AF;--connect-border: #767E91;--connect-button-ghost: rgba(41, 43, 47, .05);--connect-shadow-card: 0 10px 40px rgba(40, 49, 69, .06);--connect-shadow-cta: 0 4px 20px rgba(243, 194, 66, .4);--host-canvas: #131315;--host-strip: #161619;--host-card: #18181B;--host-border: #232428;--host-border-hover: #4C4E58;--host-text: #FBF9EF;--host-text-strong: #E6E1CE;--host-text-mid: #B7C2BB;--host-text-muted: #949D99;--host-text-dim: #747669;--host-primary-fill: #E6E1CE;--host-primary-text: #131315;--host-shadow-card: 0 1px 2px rgba(0, 0, 0, .05);--host-shadow-cta: 0 10px 40px rgba(230, 225, 206, .2);--status-online-bg: rgba(83, 187, 171, .1);--status-online-dot: #53BBAB;--status-failed-bg: rgba(255, 100, 100, .12);--status-failed-dot: #FF6464;--status-warn-bg: rgba(239, 146, 46, .12);--status-warn-dot: #EF922E;--r-xs: 5px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 20px;--r-2xl: 27px;--r-pill: 200px;--s-1: 4px;--s-2: 5px;--s-3: 10px;--s-4: 15px;--s-5: 20px;--s-6: 25px;--s-8: 30px;--s-12: 50px;--ease-product: cubic-bezier(.2, .8, .2, 1);--dur-fast: .15s;--dur-med: .22s;--ff-connect: "Inter", system-ui, sans-serif;--ff-host: "DM Sans", system-ui, sans-serif;--ff-mono: "DM Mono", ui-monospace, Menlo, monospace}.c-display{font:400 64px/1 var(--ff-connect);color:var(--connect-text);letter-spacing:-.01em}.c-h1{font:600 32px/1.05 var(--ff-connect);color:var(--connect-text)}.c-h2{font:500 24px/1.1 var(--ff-connect);color:var(--connect-text)}.c-card{font:500 18px/1.2 var(--ff-connect);color:var(--connect-text-strong)}.c-body{font:400 16px/1.25 var(--ff-connect);color:var(--connect-text-strong)}.c-muted{font:400 16px/1.3 var(--ff-connect);color:var(--connect-text-muted)}.c-label{font:500 14px/1 var(--ff-connect);color:var(--connect-text-strong)}.c-label-mute{font:700 14px/1 var(--ff-connect);color:var(--connect-text-faint);letter-spacing:0}.c-micro{font:400 12px/1 var(--ff-connect);color:var(--connect-text-muted)}.h-display{font:700 64px/1 var(--ff-host);color:var(--host-text-strong);letter-spacing:-.015em}.h-h1{font:700 32px/1.1 var(--ff-host);color:var(--host-text-strong)}.h-h2{font:500 20px/1.25 var(--ff-host);color:var(--host-text)}.h-card{font:700 14px/1 var(--ff-host);color:var(--host-text)}.h-body{font:400 16px/1.3 var(--ff-host);color:var(--host-text-muted)}.h-label{font:400 14px/1 var(--ff-host);color:var(--host-text)}.h-label-mute{font:500 13px/1 var(--ff-host);color:var(--host-text-muted)}.h-micro{font:500 12px/1 var(--ff-host);color:var(--host-text-muted)}.h-mono{font:400 12px/1.4 var(--ff-mono);color:var(--host-text-strong)}.pill{border-radius:var(--r-pill);padding:4px 10px;font:500 13px/1 var(--ff-host);display:inline-flex;align-items:center;gap:4px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.tag-work{background:#8a69e81f;color:#bfaefb}.tag-data{background:#53bbab1f;color:#7fd0c1}.tag-gaming{background:#8a69e81f;color:#bfaefb}.tag-personal{background:#ff64641f;color:#ffb0b0}.btn-primary-host{background:var(--host-primary-fill);color:var(--host-primary-text);border:0;border-radius:var(--r-md);padding:10px 17px;font:400 14px/1 var(--ff-host);cursor:pointer;box-shadow:var(--host-shadow-cta);transition:filter var(--dur-fast) var(--ease-product)}.btn-primary-host:hover{filter:brightness(.96)}.btn-primary-connect{background:#23262b;color:var(--ink-50);border:0;border-radius:var(--r-2xl);padding:10px 16px;font:500 14px/1 var(--ff-connect);cursor:pointer}.btn-ghost-connect{background:transparent;color:var(--connect-text);border:1px solid var(--connect-border);border-radius:var(--r-2xl);padding:10px 16px;font:400 14px/1 var(--ff-connect);box-shadow:var(--connect-shadow-cta);cursor:pointer}.card-connect{background:var(--connect-card);border-radius:var(--r-lg);box-shadow:var(--connect-shadow-card);padding:20px}.card-host{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);box-shadow:var(--host-shadow-card);padding:20px 24px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;font-family:var(--ff-connect);color:var(--connect-text);background:var(--connect-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{--surface-canvas: var(--connect-canvas);--surface-card: var(--connect-card);--surface-card-tint: var(--connect-card-tint);--surface-sidebar-tint:var(--connect-sidebar-sheet);--text-primary: var(--connect-text);--text-strong: var(--connect-text-strong);--text-muted: var(--connect-text-muted);--text-faint: var(--connect-text-faint);--border-soft: #EEF1F7;--border-mid: #D4D8E0;--border-strong: var(--connect-text-muted);--shadow-card: var(--connect-shadow-card);--shadow-cta: 0 4px 20px color-mix(in oklch, var(--tenant-accent) 40%, transparent);--row-hover: var(--connect-button-ghost);--kbd-bg: #fff;--chip-bg: #fff;--tenant-accent: #F3C242;--tenant-accent-deep: #D9A623;--tenant-accent-text: #2B2410;--pad-card: 20px;--pad-card-y: 18px;--gap-cards: 20px;--row-h: 44px}html[data-density=compact]{--pad-card: 14px;--pad-card-y: 12px;--gap-cards: 12px;--row-h: 36px}html[data-mode=dark]{--surface-canvas: var(--host-canvas);--surface-card: var(--host-card);--surface-card-tint: #1B1B1E;--surface-sidebar-tint:rgba(22,22,25,.78);--text-primary: var(--host-text);--text-strong: var(--host-text-strong);--text-muted: var(--host-text-muted);--text-faint: var(--host-text-dim);--border-soft: var(--host-border);--border-mid: var(--host-border);--border-strong: var(--host-border-hover);--shadow-card: var(--host-shadow-card);--row-hover: rgba(255,255,255,.04);--kbd-bg: #1B1B1E;--chip-bg: #18181B;background:var(--host-canvas);color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] body{background:var(--host-canvas);color:var(--host-text)}html[data-mode=dark] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:url(/assets/hero-grid.png) center/auto repeat;opacity:.5}html[data-mode=dark]{font-family:var(--ff-host);--r-lg: 8px;--r-xl: 12px;--r-2xl: 16px}html[data-mode=dark] body,html[data-mode=dark] #app,html[data-mode=dark] .page,html[data-mode=dark] .topbar,html[data-mode=dark] .card,html[data-mode=dark] .btn,html[data-mode=dark] .chip,html[data-mode=dark] .input,html[data-mode=dark] .reply-area,html[data-mode=dark] .sb-item,html[data-mode=dark] .sb-section-head,html[data-mode=dark] .sb-brand .name,html[data-mode=dark] .sb-account,html[data-mode=dark] .page-title,html[data-mode=dark] .page-sub,html[data-mode=dark] .card-head .ttl,html[data-mode=dark] .card-head .sub,html[data-mode=dark] .crumbs,html[data-mode=dark] .crumbs .here,html[data-mode=dark] .tenant-popover,html[data-mode=dark] .drawer,html[data-mode=dark] .drawer-name,html[data-mode=dark] .drawer-title,html[data-mode=dark] .role-toggle button,html[data-mode=dark] .tenant-pill,html[data-mode=dark] .ct-name,html[data-mode=dark] .ct-handle,html[data-mode=dark] .deal-ttl,html[data-mode=dark] .deal-val,html[data-mode=dark] .deal-sub,html[data-mode=dark] .kc-title,html[data-mode=dark] .kc-co,html[data-mode=dark] .kc-val,html[data-mode=dark] .kc-owner,html[data-mode=dark] .stage-label,html[data-mode=dark] .stage-val,html[data-mode=dark] .stage-count,html[data-mode=dark] .act-line,html[data-mode=dark] .act-line b,html[data-mode=dark] .act-detail,html[data-mode=dark] .act-time,html[data-mode=dark] .task-title,html[data-mode=dark] .tl-title,html[data-mode=dark] .tl-rel,html[data-mode=dark] .task-line .tl-title,html[data-mode=dark] .task-section-head,html[data-mode=dark] .task-side-item,html[data-mode=dark] .thread-row,html[data-mode=dark] .th-from,html[data-mode=dark] .th-subj,html[data-mode=dark] .th-prev,html[data-mode=dark] .th-time,html[data-mode=dark] .th-co,html[data-mode=dark] .inbox-list-head h2,html[data-mode=dark] .inbox-pane-head h3,html[data-mode=dark] .inbox-pane-head .meta,html[data-mode=dark] .msg-body,html[data-mode=dark] .msg-head,html[data-mode=dark] .msg-head b,html[data-mode=dark] .auto-name,html[data-mode=dark] .auto-runs,html[data-mode=dark] .auto-trig,html[data-mode=dark] .auto-act,html[data-mode=dark] .int-name,html[data-mode=dark] .int-desc,html[data-mode=dark] .field-label,html[data-mode=dark] .field-help,html[data-mode=dark] .set-section h2,html[data-mode=dark] .set-section .sub,html[data-mode=dark] .set-nav-item,html[data-mode=dark] .co-name,html[data-mode=dark] .co-meta,html[data-mode=dark] .co-stat b,html[data-mode=dark] .co-stat span,html[data-mode=dark] .note-card h4,html[data-mode=dark] .note-card p,html[data-mode=dark] .note-card footer,html[data-mode=dark] .bh-name,html[data-mode=dark] .bh-sub,html[data-mode=dark] .bh-cap,html[data-mode=dark] .bh-cta,html[data-mode=dark] .lead-name,html[data-mode=dark] .lead-meta,html[data-mode=dark] .m-k,html[data-mode=dark] .m-v,html[data-mode=dark] .m-d,html[data-mode=dark] .comm-v,html[data-mode=dark] .comm-k,html[data-mode=dark] .lb-name,html[data-mode=dark] .lb-amount,html[data-mode=dark] .role-badge,html[data-mode=dark] .tag{font-family:var(--ff-host)}html[data-mode=dark] .sidebar{background-image:none;background-color:var(--host-strip);border-right:1px solid var(--host-border)}html[data-mode=dark] .sidebar:before{background:var(--host-strip) url(/assets/hero-grid.png) center/auto repeat;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;opacity:1}html[data-mode=dark] .sb-section-head{color:var(--host-text-dim);font-weight:500;font-size:11px}html[data-mode=dark] .sb-item{color:var(--host-text-muted);border-radius:var(--r-md)}html[data-mode=dark] .sb-item:hover{color:var(--host-text);background:#ffffff0a}html[data-mode=dark] .sb-item.active{background:var(--host-card);color:var(--host-text);border:1px solid var(--host-border)}html[data-mode=dark] .sb-item.active:before{display:none}html[data-mode=dark] .sb-item .ico{color:var(--host-text-dim)}html[data-mode=dark] .sb-item.active .ico{color:var(--tenant-accent)}html[data-mode=dark] .sb-item .count{background:var(--host-canvas);border:1px solid var(--host-border);color:var(--host-text-mid)}html[data-mode=dark] .sb-brand .name{color:var(--host-text)}html[data-mode=dark] .sb-brand .swelis-by{color:var(--host-text-dim)}html[data-mode=dark] .sb-brand .mark{border-radius:6px;box-shadow:0 4px 14px color-mix(in oklch,var(--tenant-accent) 25%,transparent),0 0 0 1px #ffffff0a inset}html[data-mode=dark] .sb-account{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);color:var(--host-text)}html[data-mode=dark] .sb-account:hover{border-color:var(--host-border-hover);background:var(--host-card)}html[data-mode=dark] .sb-search{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);color:var(--host-text)}html[data-mode=dark] .sb-search input{color:var(--host-text)}html[data-mode=dark] .sb-search input::placeholder{color:var(--host-text-dim)}html[data-mode=dark] .sb-search kbd{background:var(--host-canvas);border:1px solid var(--host-border);color:var(--host-text-mid)}html[data-mode=dark] .sb-divider{background:var(--host-border)}html[data-mode=dark] .topbar{background:var(--host-strip);border-bottom:1px solid var(--host-border);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-mode=dark] .crumbs{color:var(--host-text-muted);font-family:var(--ff-host)}html[data-mode=dark] .crumbs .here{color:var(--host-text)}html[data-mode=dark] .role-toggle{background:var(--host-card);border:1px solid var(--host-border);padding:2px}html[data-mode=dark] .role-toggle button{color:var(--host-text-muted);border-radius:var(--r-md);font-family:var(--ff-host)}html[data-mode=dark] .role-toggle button.active{background:var(--host-canvas);border:1px solid var(--host-border);color:var(--host-text)}html[data-mode=dark] .tenant-pill{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .tenant-pill:hover{border-color:var(--host-border-hover)}html[data-mode=dark] .tenant-pill .swatch{border-radius:6px;width:24px;height:24px}html[data-mode=dark] .tenant-popover{background:var(--host-card);border:1px solid var(--host-border);box-shadow:0 24px 60px #0009;color:var(--host-text)}html[data-mode=dark] .tenant-popover .row .nm{color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .tenant-popover .row .sb{color:var(--host-text-muted)}html[data-mode=dark] .tenant-popover .row:hover{background:#ffffff0a}html[data-mode=dark] .card{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg);box-shadow:none;transition:border-color var(--dur-fast)}html[data-mode=dark] .card-head .ttl{color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .card-head .sub{color:var(--host-text-muted)}html[data-mode=dark] .btn{border-radius:var(--r-md);font-family:var(--ff-host);font-weight:400}html[data-mode=dark] .btn-primary{box-shadow:0 8px 24px color-mix(in oklch,var(--tenant-accent) 25%,transparent)}html[data-mode=dark] .btn-ghost{background:var(--host-card);color:var(--host-text);border:1px solid var(--host-border)}html[data-mode=dark] .btn-ghost:hover{border-color:var(--host-border-hover)}html[data-mode=dark] .btn-text{color:var(--host-text-muted)}html[data-mode=dark] .btn-text:hover{color:var(--host-text);background:#ffffff0a}html[data-mode=dark] .chip{background:var(--host-card);border:1px solid var(--host-border);color:var(--host-text-muted);border-radius:var(--r-md);font-family:var(--ff-host)}html[data-mode=dark] .chip:hover{border-color:var(--host-border-hover);color:var(--host-text)}html[data-mode=dark] .input,html[data-mode=dark] .reply-area{background:var(--host-card);border:1px solid var(--host-border);color:var(--host-text);border-radius:var(--r-md);font-family:var(--ff-host)}html[data-mode=dark] .input::placeholder{color:var(--host-text-dim)}html[data-mode=dark] .input:focus{border-color:var(--tenant-accent)}html[data-mode=dark] .search{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md)}html[data-mode=dark] .search input{color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .kanban-col{background:#ffffff05;border:1px dashed var(--host-border);border-radius:var(--r-lg)}html[data-mode=dark] .kanban-col.over{border-style:solid;border-color:var(--tenant-accent);background:color-mix(in oklch,var(--tenant-accent) 6%,transparent)}html[data-mode=dark] .kanban-card{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);box-shadow:none}html[data-mode=dark] .kanban-card:hover{border-color:var(--host-border-hover);box-shadow:none}html[data-mode=dark] .kanban-col-head{border-bottom:1px solid var(--host-border)}html[data-mode=dark] .contacts-table,html[data-mode=dark] .auto-list,html[data-mode=dark] .task-card,html[data-mode=dark] .inbox-shell,html[data-mode=dark] .cal-shell{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg);box-shadow:none}html[data-mode=dark] .ct-row,html[data-mode=dark] .task-line,html[data-mode=dark] .auto-row,html[data-mode=dark] .thread-row{border-bottom:1px solid var(--host-border)}html[data-mode=dark] .ct-row.head,html[data-mode=dark] .task-line.head,html[data-mode=dark] .auto-row[style*=surface-card-tint]{background:#ffffff05}html[data-mode=dark] .ct-row:hover,html[data-mode=dark] .thread-row:hover{background:#ffffff08}html[data-mode=dark] .thread-row.active{background:color-mix(in oklch,var(--tenant-accent) 10%,var(--host-card))}html[data-mode=dark] .msg{background:#ffffff05;border:1px solid var(--host-border);border-radius:var(--r-md)}html[data-mode=dark] .set-section{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg)}html[data-mode=dark] .int-card{background:#ffffff05;border:1px solid var(--host-border);border-radius:var(--r-md)}html[data-mode=dark] .set-nav-item.active{background:var(--host-card);border:1px solid var(--host-border);color:var(--host-text)}html[data-mode=dark] .field-row{border-top-color:var(--host-border)}html[data-mode=dark] .swatch-pick.selected{border-color:var(--host-text-strong)}html[data-mode=dark] .brand-hero{border-radius:var(--r-lg)}html[data-mode=dark] .metric{background:var(--host-card);border:1px solid var(--host-border);box-shadow:none}html[data-mode=dark] .m-k{color:var(--host-text-muted)}html[data-mode=dark] .m-v{color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .m-d{font-family:var(--ff-host)}html[data-mode=dark] .comm-v{font-family:var(--ff-host);color:var(--host-text)}html[data-mode=dark] .tabular{font-family:var(--ff-mono)}html[data-mode=dark] .stage-track,html[data-mode=dark] .lb-bar{background:#ffffff0d}html[data-mode=dark] .act-row{border-bottom:1px solid var(--host-border)}html[data-mode=dark] .drawer{background:var(--host-canvas);border-left:1px solid var(--host-border)}html[data-mode=dark] .drawer-head,html[data-mode=dark] .drawer-quick,html[data-mode=dark] .drawer-tabs,html[data-mode=dark] .tl-row,html[data-mode=dark] .deal-row{border-bottom-color:var(--host-border)}html[data-mode=dark] .tag{background:#ffffff0f;color:var(--host-text-mid)}html[data-mode=dark] .tag-hot{background:#ff646429;color:#ffb0b0}html[data-mode=dark] .tag-customer{background:#53bbab24;color:#7fd0c1}html[data-mode=dark] .tag-priority{background:#f3c2422e;color:#f3c242}html[data-mode=dark] .pri-high{background:#ff64642e;color:#ffb0b0}html[data-mode=dark] .pri-med{background:#f3c24233;color:#f3c242}html[data-mode=dark] .pri-low{background:#b4bdc824;color:var(--host-text-muted)}html[data-mode=dark] .cal-week>div{border-color:var(--host-border)}html[data-mode=dark] .cal-week{border-color:var(--host-border)}html[data-mode=dark] .av{font-family:var(--ff-host)}html[data-mode=dark] .page-title{font-family:var(--ff-host);font-weight:700;letter-spacing:-.015em;color:var(--host-text)}html[data-mode=dark] .page-sub{color:var(--host-text-muted);font-family:var(--ff-host)}html[data-mode=dark] .toast{background:var(--host-card);border:1px solid var(--host-border);color:var(--host-text);box-shadow:0 16px 40px #00000080}html[data-mode=dark] .switch{background:var(--host-border)}html[data-mode=dark] .switch.on{background:var(--tenant-accent)}html[data-mode=dark] .code-box{background:#0c0c0e;border:1px solid var(--host-border)}html[data-mode=dark] .plan-card{background:linear-gradient(135deg,color-mix(in oklch,var(--tenant-accent) 14%,var(--host-card)) 0%,var(--host-card) 100%);border:1px solid color-mix(in oklch,var(--tenant-accent) 30%,var(--host-border))}html[data-mode=dark] .note-card{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg);box-shadow:none}html[data-mode=dark] .note-card:hover{border-color:var(--host-border-hover);transform:none}html[data-mode=dark] .note-tag{background:#ffffff0f;color:var(--host-text-mid)}html[data-mode=dark] .company-card{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg);box-shadow:none}html[data-mode=dark] .co-stat{background:#ffffff05}html[data-mode=dark] .comm-tile{background:#ffffff06;border-radius:var(--r-md)}html[data-mode=dark] .sb-item.active{position:relative;background:#ffffff08;border:1px solid var(--host-border)}html[data-mode=dark] .sb-item.active:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--tenant-accent);border-radius:0 2px 2px 0}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr;background:var(--surface-canvas);position:relative}.sidebar{position:sticky;top:0;height:100vh;padding:18px 16px;overflow:hidden;z-index:2;background-image:var(--sidebar-img, url(/assets/sidebar-sunflower.jpg));background-size:cover;background-position:center;color:var(--text-strong);display:flex;flex-direction:column}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-sidebar-tint);backdrop-filter:blur(40px) saturate(1.05);-webkit-backdrop-filter:blur(40px) saturate(1.05);box-shadow:inset -20px 0 22px -18px #00000012;z-index:0}html[data-mode=dark] .sidebar:before{background:#161619db;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.sidebar>*{position:relative;z-index:1}.sb-brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px}.sb-brand .mark{width:28px;height:28px;border-radius:8px;background:var(--tenant-accent);color:var(--tenant-accent-text);display:inline-flex;align-items:center;justify-content:center;font:700 14px var(--ff-connect);box-shadow:0 4px 14px color-mix(in oklch,var(--tenant-accent) 35%,transparent)}.sb-brand .name{font:600 15px/1 var(--ff-connect);color:var(--text-primary)}.sb-brand .swelis-by{font:400 10px/1.2 var(--ff-connect);color:var(--text-faint);margin-top:3px}.sb-account{background:var(--row-hover);border-radius:6px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:500 13px var(--ff-connect);color:var(--text-strong);cursor:pointer;transition:background var(--dur-fast) var(--ease-product)}.sb-account:hover{background:#292b2f1a}html[data-mode=dark] .sb-account:hover{background:#ffffff0f}.sb-account .who{display:flex;align-items:center;gap:8px;min-width:0}.sb-account .avatar{width:22px;height:22px;border-radius:50%;background:var(--tenant-accent);color:var(--tenant-accent-text);display:inline-flex;align-items:center;justify-content:center;font:600 11px var(--ff-connect);flex-shrink:0}.sb-account .who span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-search{margin-top:12px;display:flex;align-items:center;gap:8px;background:#ffffff8c;border:1px solid transparent;border-radius:6px;padding:7px 10px;font:400 13px var(--ff-connect);color:var(--text-strong)}html[data-mode=dark] .sb-search{background:#ffffff0a}.sb-search input{border:0;outline:0;background:transparent;flex:1;font:inherit;color:inherit;min-width:0}.sb-search input::placeholder{color:var(--text-faint)}.sb-search kbd{font:500 10px var(--ff-mono);background:var(--kbd-bg);color:var(--text-muted);border-radius:3px;padding:2px 5px}.sb-search{position:relative;z-index:10}.sb-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:999;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:10px;box-shadow:0 12px 32px #00000026;padding:6px;max-height:calc(100vh - 200px);overflow-y:auto}.sb-search-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;cursor:pointer;font:400 13px var(--ff-connect);color:var(--text-primary)}.sb-search-item.active{background:var(--row-hover)}.sb-search-item svg{color:var(--text-muted);flex-shrink:0}.sb-search-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.sb-search-sub{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-search-type{font:500 10px var(--ff-connect);color:var(--text-faint);text-transform:capitalize;flex-shrink:0}.sb-search-filters{display:flex;flex-wrap:wrap;gap:5px;padding:6px 8px 8px;border-bottom:1px solid var(--border-soft);margin-bottom:4px}.sb-search-filters .chip{font-size:10px;padding:3px 8px;gap:4px}.sb-search-expand{padding:8px 8px 4px;border-top:1px solid var(--border-soft);margin-top:4px}.sb-search-expand-label{font:500 10px var(--ff-connect);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.sb-search-expand-chips{display:flex;flex-wrap:wrap;gap:5px}.sb-search-expand-chips .chip{font-size:10px;padding:4px 9px;gap:4px;cursor:pointer}.sb-section{margin-top:14px}.sb-section-head{font:700 11px var(--ff-connect);color:var(--text-faint);padding:8px 6px 4px;letter-spacing:.04em;text-transform:uppercase}.sb-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;color:var(--text-strong);font:500 13px var(--ff-connect);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background var(--dur-fast) var(--ease-product)}.sb-item:hover{background:var(--row-hover)}.sb-item.active{background:#292b2f14;color:var(--text-primary)}html[data-mode=dark] .sb-item.active{background:#ffffff12}.sb-item.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--tenant-accent)}.sb-item .ico{width:16px;height:16px;flex-shrink:0;color:var(--text-muted)}.sb-item.active .ico{color:var(--text-primary)}.sb-item .count{margin-left:auto;font:600 11px var(--ff-connect);color:var(--text-muted);background:var(--row-hover);padding:2px 7px;border-radius:200px}.sb-divider{height:1px;background:#8995af66;margin:12px 4px}html[data-mode=dark] .sb-divider{background:#ffffff0f}.sb-foot{margin-top:auto;padding-top:8px}.topbar{position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--surface-canvas) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-soft);padding:14px 28px;display:flex;align-items:center;gap:14px}.topbar .crumbs{display:flex;align-items:center;gap:8px;font:500 14px var(--ff-connect);color:var(--text-muted)}.topbar .crumbs .here{color:var(--text-primary)}.topbar .spacer{flex:1}.topbar .role-toggle{display:inline-flex;padding:3px;background:var(--row-hover);border-radius:200px}.topbar .role-toggle button{background:transparent;border:0;color:var(--text-muted);font:500 12px var(--ff-connect);padding:6px 12px;border-radius:200px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.topbar .role-toggle button.active{background:var(--surface-card);color:var(--text-primary);box-shadow:0 1px 3px #2831451a}html[data-mode=dark] .topbar .role-toggle button.active{background:var(--host-card);box-shadow:none;border:1px solid var(--host-border)}.topbar .tenant-pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:200px;padding:4px 12px 4px 4px;cursor:pointer;font:500 13px var(--ff-connect);color:var(--text-strong);transition:border-color var(--dur-fast)}.topbar .tenant-pill:hover{border-color:var(--border-strong)}.topbar .tenant-pill .swatch{width:22px;height:22px;border-radius:50%;background:var(--tenant-accent);color:var(--tenant-accent-text);display:inline-flex;align-items:center;justify-content:center;font:700 11px var(--ff-connect)}.topbar .pop-anchor{position:relative}.tenant-popover{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:12px;box-shadow:0 24px 60px #2831452e;padding:6px;min-width:240px;z-index:5}.tenant-popover .row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:background var(--dur-fast)}.tenant-popover .row:hover,.tenant-popover .row.active{background:var(--row-hover)}.tenant-popover .row .sw{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font:700 13px var(--ff-connect);color:#fff;flex-shrink:0}.tenant-popover .row .col{display:flex;flex-direction:column;gap:1px;min-width:0}.tenant-popover .row .nm{font:500 13px var(--ff-connect);color:var(--text-primary)}.tenant-popover .row .sb{font:400 11px var(--ff-connect);color:var(--text-muted)}.page{padding:24px 28px 60px;max-width:1640px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.page-title{font:600 28px/1.05 var(--ff-connect);color:var(--text-primary);margin:0;letter-spacing:-.01em}.page-sub{font:400 14px/1.3 var(--ff-connect);color:var(--text-muted);margin:6px 0 0}.page-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;border-radius:200px;padding:9px 16px;font:500 13px var(--ff-connect);transition:filter var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--tenant-accent);color:var(--tenant-accent-text);box-shadow:0 4px 18px color-mix(in oklch,var(--tenant-accent) 35%,transparent)}.btn-primary:hover{filter:brightness(.95)}.btn-dark{background:#23262b;color:#fbf9ef}html[data-mode=dark] .btn-dark{background:var(--host-primary-fill);color:var(--host-primary-text)}.btn-dark:hover{filter:brightness(1.1)}.btn-ghost{background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-mid)}.btn-ghost:hover{border-color:var(--border-strong)}.btn-text{background:transparent;color:var(--text-muted);padding:8px 10px}.btn-text:hover{color:var(--text-primary);background:var(--row-hover)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{width:32px;height:32px;padding:0;justify-content:center}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--chip-bg);border:1px solid var(--border-mid);border-radius:200px;padding:5px 11px;font:500 12px var(--ff-connect);color:var(--text-strong);cursor:pointer;transition:border-color var(--dur-fast)}.chip:hover{border-color:var(--border-strong)}.chip.active{background:#23262b;color:#fbf9ef;border-color:#23262b}html[data-mode=dark] .chip.active{background:var(--host-primary-fill);color:var(--host-primary-text);border-color:var(--host-primary-fill)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font:500 11px var(--ff-connect);background:#8995af24;color:var(--text-strong)}.tag-hot{background:#ff646424;color:var(--swelis-coral-deep)}.tag-customer{background:#2caf7424;color:var(--swelis-mint)}.tag-priority{background:#f3c2422e;color:#946c00}html[data-mode=dark] .tag-priority{color:#f3c242}.card{background:var(--surface-card);border-radius:10px;box-shadow:var(--shadow-card);padding:var(--pad-card)}html[data-mode=dark] .card{border:1px solid var(--host-border);box-shadow:none}.card-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;gap:14px}.card-head .ttl{font:500 15px var(--ff-connect);color:var(--text-primary)}.card-head .sub{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.card-head .link{font:500 12px var(--ff-connect);color:var(--text-muted);cursor:pointer}.card-head .link:hover{color:var(--text-primary)}.input{width:100%;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:6px;padding:9px 12px;font:400 14px var(--ff-connect);color:var(--text-primary);outline:0;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input:focus{border-color:var(--tenant-accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--tenant-accent) 20%,transparent)}.search{display:flex;align-items:center;gap:8px;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:27px;padding:8px 14px;max-width:360px;flex:1}.search input{border:0;outline:0;background:transparent;flex:1;font:400 13px var(--ff-connect);color:var(--text-primary)}.search input::placeholder{color:var(--text-faint)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8995af4d;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#8995af99}.av{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:600 12px var(--ff-connect);color:#fff;background:#8995af;flex-shrink:0}.av-sm{width:24px;height:24px;font-size:10px}.av-lg{width:44px;height:44px;font-size:14px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-hot{background:var(--swelis-coral);box-shadow:0 0 0 4px #ff64642e}.dot-warm{background:var(--swelis-orange)}.dot-cold{background:var(--ink-200)}.dot-won{background:var(--swelis-mint)}.row{display:flex;align-items:center}.gap-2{gap:8px}.gap-3{gap:10px}.gap-4{gap:14px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.tabular{font-variant-numeric:tabular-nums}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:60;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--surface-card);border:1px solid var(--border-mid);border-radius:10px;padding:12px 14px;min-width:260px;display:flex;align-items:center;gap:10px;box-shadow:0 16px 40px #2831452e;animation:toast-in .22s var(--ease-product);font:500 13px var(--ff-connect);color:var(--text-primary)}.toast .ic{width:18px;height:18px;color:var(--tenant-accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dash-grid{display:grid;grid-template-columns:320px 1fr 360px;gap:var(--gap-cards);align-items:start}.dash-col{display:flex;flex-direction:column;gap:var(--gap-cards)}.brand-hero{border-radius:20px;padding:22px;box-shadow:0 6px 28px color-mix(in oklch,var(--tenant-accent) 30%,transparent);position:relative;overflow:hidden}.brand-hero:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35) 0%,transparent 70%);pointer-events:none}.bh-top{display:flex;align-items:center;gap:10px}.bh-mark{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font:700 16px var(--ff-connect)}.bh-name{font:600 15px/1 var(--ff-connect);margin-bottom:4px}.bh-sub{font:400 12px/1 var(--ff-connect);opacity:.7}.bh-big{font:600 48px/1 var(--ff-connect);margin:18px 0 4px;letter-spacing:-.02em}.bh-cap{font:500 12px/1 var(--ff-connect);opacity:.7}.bh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#ffffff8c;border-radius:8px;overflow:hidden;margin-top:18px}.bh-stats>div{background:#ffffffb3;text-align:center;padding:10px 4px;display:flex;flex-direction:column;gap:2px}.bh-stats>div b{font:600 18px var(--ff-connect);color:var(--connect-text)}.bh-stats>div span{font:400 10px var(--ff-connect);color:var(--connect-text-muted)}.bh-cta{margin-top:14px;width:100%;background:#ffffffd9;border:0;border-radius:8px;padding:10px;font:500 13px var(--ff-connect);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--dur-fast)}.bh-cta:hover{background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{padding:16px 18px}.metric .m-k{font:500 12px var(--ff-connect);color:var(--text-muted)}.metric .m-v{font:600 28px/1 var(--ff-connect);color:var(--text-primary);margin:8px 0 6px;letter-spacing:-.01em}.metric .m-d{font:500 11px var(--ff-connect);display:inline-flex;align-items:center;gap:3px;color:var(--text-muted)}.metric .m-d.up{color:var(--swelis-mint)}.metric .m-d.down{color:var(--swelis-coral-deep)}.chart{position:relative;padding-top:6px;cursor:crosshair}.chart-svg{width:100%;height:140px;display:block}.chart-x{display:flex;justify-content:space-between;font:500 10px var(--ff-connect);color:var(--text-faint);margin-top:6px;transition:color .1s}.chart-tooltip{position:absolute;top:4px;transform:translate(-50%);background:var(--text-primary);color:var(--surface-card);border-radius:8px;padding:6px 10px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000002e;z-index:5}.chart-tooltip-val{font:700 14px var(--ff-connect)}.chart-tooltip-label{font:400 10px var(--ff-connect);opacity:.7;margin-top:1px}.stage-bars{display:flex;flex-direction:column;gap:12px}.stage-row{display:grid;grid-template-columns:120px 1fr 60px 24px;gap:12px;align-items:center}.stage-label{display:inline-flex;align-items:center;gap:7px;font:500 13px var(--ff-connect)}.stage-label .dot{width:7px;height:7px}.stage-track{height:8px;background:var(--row-hover);border-radius:200px;overflow:hidden}.stage-fill{height:100%;border-radius:200px;transition:width var(--dur-med) var(--ease-product)}.stage-val{font:600 13px var(--ff-connect);color:var(--text-primary);text-align:right}.stage-count{font:500 12px var(--ff-connect);text-align:right}.activity{display:flex;flex-direction:column;gap:2px}.act-row{display:grid;grid-template-columns:32px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-soft);align-items:flex-start}.act-row:last-child{border-bottom:0}.act-ic{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.act-line{font:400 13px/1.4 var(--ff-connect);color:var(--text-primary)}.act-line b{font-weight:600;color:var(--text-primary)}.act-detail{font:400 12px/1.4 var(--ff-connect);margin-top:3px}.act-time{font:500 11px var(--ff-connect);white-space:nowrap}.task-list{display:flex;flex-direction:column;gap:2px}.task-row{display:grid;grid-template-columns:18px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-soft);align-items:flex-start}.task-row:last-child{border-bottom:0}.checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-mid);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--tenant-accent-text);flex-shrink:0;margin-top:1px;transition:all var(--dur-fast)}.checkbox:hover{border-color:var(--tenant-accent)}.task-row.done .checkbox{background:var(--tenant-accent);border-color:var(--tenant-accent)}.task-body{min-width:0}.task-title{font:500 13px var(--ff-connect);color:var(--text-primary)}.task-row.done .task-title{text-decoration:line-through;color:var(--text-muted)}.task-meta{font:400 11px var(--ff-connect);color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pri{font:600 9px var(--ff-connect);padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.pri-high{background:#ff646429;color:#dc4e4e}.pri-med{background:#f3c24233;color:#946c00}.pri-low{background:#8995af2e;color:var(--text-muted)}html[data-mode=dark] .pri-med{color:#f3c242}.form-leads{display:flex;flex-direction:column;gap:4px}.lead-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.lead-row:last-child{border-bottom:0}.lead-name{font:500 13px var(--ff-connect);color:var(--text-primary)}.lead-meta{font:400 11px var(--ff-connect);margin-top:2px}.deal-list{display:flex;flex-direction:column;gap:2px}.deal-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft);align-items:center;cursor:pointer;border-radius:6px;transition:background var(--dur-fast)}.deal-row:last-child{border-bottom:0}.deal-row:hover{background:var(--row-hover)}.deal-ttl{font:500 13px var(--ff-connect);color:var(--text-primary)}.deal-sub{font:400 11px var(--ff-connect);margin-top:2px}.deal-val{font:600 13px var(--ff-connect);color:var(--text-primary)}.lb-list{display:flex;flex-direction:column;gap:12px}.lb-row{display:flex;align-items:center;gap:10px}.lb-top{display:flex;justify-content:space-between;font:500 13px var(--ff-connect);color:var(--text-primary);margin-bottom:4px}.lb-bar{height:6px;background:var(--row-hover);border-radius:200px;overflow:hidden}.lb-fill{height:100%;border-radius:200px}.comm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.comm-tile{background:var(--surface-card-tint);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}html[data-mode=dark] .comm-tile{background:#ffffff0a}.comm-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.comm-v{font:600 22px var(--ff-connect);color:var(--text-primary)}.comm-k{font:400 11px var(--ff-connect);color:var(--text-muted)}.pipeline-page{padding:24px 28px 60px}.pipeline-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.kanban{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:14px;align-items:start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent;padding-bottom:8px}.kanban::-webkit-scrollbar{height:6px}.kanban::-webkit-scrollbar-track{background:transparent}.kanban::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.kanban::-webkit-scrollbar-thumb:hover{background:#00000040}.kanban-col{background:var(--surface-card-tint);border-radius:12px;padding:12px;height:calc(100vh - 180px);display:flex;flex-direction:column;border:1px solid var(--border-soft);transition:background var(--dur-fast),border-color var(--dur-fast)}.kanban-col-cards{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.kanban-col-cards::-webkit-scrollbar{width:5px}.kanban-col-cards::-webkit-scrollbar-track{background:transparent}.kanban-col-cards::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.kanban-col-cards::-webkit-scrollbar-thumb:hover{background:#00000038}html[data-mode=dark] .kanban-col{background:#ffffff06;border-color:var(--host-border)}.kanban-col.over{background:color-mix(in oklch,var(--tenant-accent) 8%,var(--surface-card-tint));border-color:var(--tenant-accent)}.kanban-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:4px 4px 8px;border-bottom:1px solid var(--border-soft)}.kanban-col-head .ttl{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--ff-connect)}.kanban-col-head .ttl .dot{width:8px;height:8px}.kanban-col-head .count{font:500 11px var(--ff-connect);color:var(--text-muted)}.kanban-col-meta{font:500 11px var(--ff-connect);color:var(--text-muted);margin-bottom:8px;padding:0 4px}.kanban-col-cards{display:flex;flex-direction:column;gap:8px}.kanban-card{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:10px;padding:12px;cursor:grab;box-shadow:0 1px 2px #28314508;transition:box-shadow var(--dur-fast),transform var(--dur-fast),border-color var(--dur-fast),opacity var(--dur-fast)}.kanban-card:hover{box-shadow:0 8px 24px #28314514;border-color:var(--border-mid)}.kanban-card.dragging{opacity:.4;cursor:grabbing}.kc-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.kc-logo{width:26px;height:26px;border-radius:6px;color:#fff;font:600 12px var(--ff-connect);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.kc-co{font:500 11px var(--ff-connect);color:var(--text-muted)}.kc-title{font:500 14px/1.3 var(--ff-connect);color:var(--text-primary);margin-bottom:8px}.kc-foot{display:flex;align-items:center;justify-content:space-between}.kc-val{font:600 14px var(--ff-connect);color:var(--text-primary)}.kc-owner{font:500 11px var(--ff-connect);color:var(--text-muted);display:inline-flex;align-items:center;gap:5px}.kc-owner .av{width:18px;height:18px;font-size:9px}.kc-up{font:400 10px var(--ff-connect);color:var(--text-faint);margin-top:6px}.contacts-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.contacts-table{background:var(--surface-card);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden}html[data-mode=dark] .contacts-table{border:1px solid var(--host-border);box-shadow:none}.ct-row{display:grid;grid-template-columns:36px 1.4fr 1fr 1.2fr .7fr .8fr 100px;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background var(--dur-fast)}.ct-row:last-child{border-bottom:0}.ct-row:hover{background:var(--row-hover)}.ct-row.head{background:var(--surface-card-tint);font:600 11px var(--ff-connect);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:default}html[data-mode=dark] .ct-row.head{background:#ffffff06}.ct-row.head:hover{background:var(--surface-card-tint)}.ct-name{font:500 14px var(--ff-connect);color:var(--text-primary)}.ct-handle{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:2px}.ct-actions{display:flex;gap:6px;justify-content:flex-end}.ct-actions .btn-icon{width:28px;height:28px}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#2831454d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;animation:fade .2s var(--ease-product)}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:540px;background:var(--surface-canvas);z-index:41;display:flex;flex-direction:column;box-shadow:-20px 0 60px #2831452e;animation:drawer-in .28s var(--ease-product);border-left:1px solid var(--border-soft)}@keyframes drawer-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.drawer-head{padding:22px 24px 14px;border-bottom:1px solid var(--border-soft);display:flex;align-items:flex-start;gap:14px}.drawer-head .av-lg{box-shadow:0 4px 18px #2831451f}.drawer-name{font:600 22px/1.1 var(--ff-connect);color:var(--text-primary)}.drawer-title{font:400 13px var(--ff-connect);color:var(--text-muted);margin-top:4px}.drawer-close{margin-left:auto;background:transparent;border:0;width:32px;height:32px;border-radius:6px;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.drawer-close:hover{background:var(--row-hover);color:var(--text-primary)}.drawer-quick{padding:14px 24px;display:flex;gap:8px;border-bottom:1px solid var(--border-soft)}.drawer-tabs{display:flex;gap:2px;padding:8px 24px 0;border-bottom:1px solid var(--border-soft)}.drawer-tabs button{background:transparent;border:0;cursor:pointer;padding:10px 14px;font:500 13px var(--ff-connect);color:var(--text-muted);border-bottom:2px solid transparent}.drawer-tabs button.active{color:var(--text-primary);border-bottom-color:var(--tenant-accent)}.drawer-body{flex:1;overflow-y:auto;padding:22px 24px}.drawer-section{margin-bottom:22px}.drawer-section h4{font:500 12px var(--ff-connect);color:var(--text-muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}.kv{display:grid;grid-template-columns:110px 1fr;gap:10px 14px;font:400 13px var(--ff-connect)}.kv dt{color:var(--text-muted)}.kv dd{margin:0;color:var(--text-primary)}.tl-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft);align-items:flex-start}.tl-row:last-child{border-bottom:0}.tl-ic{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.tl-msg{font:400 13px var(--ff-connect);color:var(--text-primary)}.tl-time{font:400 11px var(--ff-connect);color:var(--text-muted);white-space:nowrap}.inbox-shell{display:grid;grid-template-columns:360px 1fr;gap:0;height:calc(100vh - 60px);background:var(--surface-card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}html[data-mode=dark] .inbox-shell{border:1px solid var(--host-border);box-shadow:none}.inbox-list{border-right:1px solid var(--border-soft);overflow-y:auto}.inbox-list-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft)}.inbox-list-head h2{margin:0;font:600 18px var(--ff-connect);color:var(--text-primary)}.inbox-filters{display:flex;gap:6px;padding:10px 14px}.thread-row{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background var(--dur-fast)}.thread-row:hover{background:var(--row-hover)}.thread-row.active{background:color-mix(in oklch,var(--tenant-accent) 10%,var(--surface-card))}.thread-row.unread .th-from{font-weight:700}.th-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.th-from{font:500 13px var(--ff-connect);color:var(--text-primary)}.th-time{font:500 11px var(--ff-connect);color:var(--text-muted);white-space:nowrap}.th-subj{font:500 13px var(--ff-connect);color:var(--text-primary);margin-top:2px}.th-prev{font:400 12px/1.4 var(--ff-connect);color:var(--text-muted);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.th-co{font:400 11px var(--ff-connect);color:var(--text-muted);margin-top:4px}.th-channel-ic{width:14px;height:14px;display:inline-flex}.inbox-pane{display:flex;flex-direction:column;min-width:0}.inbox-pane-head{padding:18px 24px;border-bottom:1px solid var(--border-soft)}.inbox-pane-head h3{margin:0 0 4px;font:600 18px var(--ff-connect);color:var(--text-primary)}.inbox-pane-head .meta{font:400 12px var(--ff-connect);color:var(--text-muted)}.inbox-pane-body{flex:1;overflow-y:auto;padding:22px 24px}.msg{background:var(--surface-card-tint);border-radius:12px;padding:16px 18px;margin-bottom:14px;border:1px solid var(--border-soft)}.msg-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:500 12px var(--ff-connect);color:var(--text-muted)}.msg-head b{color:var(--text-primary);font-weight:600}.msg-body{font:400 14px/1.5 var(--ff-connect);color:var(--text-primary);white-space:pre-wrap}.reply-box{border-top:1px solid var(--border-soft);padding:16px 24px;display:flex;flex-direction:column;gap:10px}.reply-area{background:var(--surface-card-tint);border:1px solid var(--border-soft);border-radius:10px;padding:12px;font:400 14px var(--ff-connect);color:var(--text-primary);min-height:80px;outline:0;resize:vertical}.reply-tools{display:flex;gap:8px;align-items:center}.tasks-shell{display:grid;grid-template-columns:240px 1fr;gap:18px}.task-side{display:flex;flex-direction:column;gap:12px}.task-side-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;font:500 13px var(--ff-connect);color:var(--text-strong)}.task-side-item:hover{background:var(--row-hover)}.task-side-item.active{background:color-mix(in oklch,var(--tenant-accent) 14%,transparent);color:var(--text-primary)}.task-side-item .ic{color:var(--text-muted)}.task-side-item .badge{margin-left:auto;font:500 11px var(--ff-connect);color:var(--text-muted)}.task-section-head{font:500 12px var(--ff-connect);color:var(--text-muted);padding:14px 12px 6px;text-transform:uppercase;letter-spacing:.04em}.task-card{background:var(--surface-card);border-radius:10px;box-shadow:var(--shadow-card)}html[data-mode=dark] .task-card{border:1px solid var(--host-border);box-shadow:none}.task-line{display:grid;grid-template-columns:22px 1fr 140px 100px 100px 32px;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-soft)}.task-line:last-child{border-bottom:0}.task-line.head{font:600 11px var(--ff-connect);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-card-tint);border-radius:10px 10px 0 0}html[data-mode=dark] .task-line.head{background:#ffffff06}.task-line .tl-title{font:500 14px var(--ff-connect);color:var(--text-primary)}.task-line .tl-rel{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.task-line.done .tl-title{text-decoration:line-through;color:var(--text-muted)}.cal-shell{background:var(--surface-card);border-radius:12px;box-shadow:var(--shadow-card);padding:18px}html[data-mode=dark] .cal-shell{border:1px solid var(--host-border);box-shadow:none}.cal-week{display:grid;grid-template-columns:50px repeat(5,1fr);border-top:1px solid var(--border-soft);border-left:1px solid var(--border-soft);margin-top:14px}.cal-week>div{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);min-height:36px;padding:6px 8px}.cal-day-head{font:500 12px var(--ff-connect);color:var(--text-strong);text-align:center;padding:10px 4px}.cal-day-head b{display:block;font:600 18px var(--ff-connect);color:var(--text-primary);margin-top:4px}.cal-time-label{font:500 10px var(--ff-mono);color:var(--text-faint);text-align:right;padding-right:8px;padding-top:4px}.cal-slot{position:relative}.cal-evt{position:absolute;left:4px;right:4px;border-radius:6px;padding:5px 8px;font:500 11px/1.3 var(--ff-connect);color:#fff;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #2831451a}.cal-evt .evt-time{font:400 10px var(--ff-mono);opacity:.85;display:block;margin-top:2px}.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-cards)}.big-chart{width:100%;height:220px;display:block}.auto-list{background:var(--surface-card);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden}html[data-mode=dark] .auto-list{border:1px solid var(--host-border);box-shadow:none}.auto-row{display:grid;grid-template-columns:44px 1.6fr 1.2fr 1.2fr auto auto;gap:16px;padding:16px 22px;align-items:center;border-bottom:1px solid var(--border-soft)}.auto-row:last-child{border-bottom:0}.auto-icon{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--tenant-accent) 18%,transparent);color:var(--tenant-accent-deep)}.auto-name{font:500 14px var(--ff-connect);color:var(--text-primary)}.auto-runs{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.auto-trig,.auto-act{font:400 13px var(--ff-connect);color:var(--text-strong)}.auto-trig small,.auto-act small{display:block;font:400 11px var(--ff-connect);color:var(--text-muted);margin-top:2px}.switch{width:36px;height:20px;border-radius:200px;background:var(--border-mid);position:relative;cursor:pointer;transition:background var(--dur-fast);flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--dur-fast)}.switch.on{background:var(--tenant-accent)}.switch.on:after{transform:translate(16px)}.settings-shell{display:grid;grid-template-columns:240px 1fr;gap:24px}.set-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:80px}.set-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font:500 13px var(--ff-connect);color:var(--text-strong)}.set-nav-item:hover{background:var(--row-hover)}.set-nav-item.active{background:color-mix(in oklch,var(--tenant-accent) 14%,transparent);color:var(--text-primary)}.set-nav-item .ic{color:var(--text-muted)}.set-section{background:var(--surface-card);border-radius:12px;box-shadow:var(--shadow-card);padding:28px;margin-bottom:18px}html[data-mode=dark] .set-section{border:1px solid var(--host-border);box-shadow:none}.set-section h2{margin:0 0 4px;font:600 18px var(--ff-connect);color:var(--text-primary)}.set-section .sub{font:400 13px var(--ff-connect);color:var(--text-muted);margin-bottom:18px}.field-row{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:16px 0;border-top:1px solid var(--border-soft);align-items:start}.field-row:first-of-type{border-top:0;padding-top:0}.field-label{font:500 13px var(--ff-connect);color:var(--text-primary)}.field-help{font:400 12px/1.4 var(--ff-connect);color:var(--text-muted);margin-top:3px}.swatch-row{display:flex;gap:10px;flex-wrap:wrap}.swatch-pick{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-fast)}.swatch-pick:hover{transform:scale(1.08)}.swatch-pick.selected{border-color:var(--text-primary)}.int-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.int-card{display:grid;grid-template-columns:40px 1fr auto;gap:14px;padding:16px;border-radius:10px;background:var(--surface-card);border:1px solid var(--border-soft);align-items:center}html[data-mode=dark] .int-card{background:#ffffff06}.int-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.int-name{font:600 14px var(--ff-connect);color:var(--text-primary)}.int-desc{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.code-box{background:#18181b;color:#e6e1ce;border-radius:10px;padding:16px 18px;font:400 12px/1.6 var(--ff-mono);white-space:pre-wrap;overflow-x:auto;position:relative}.code-box .copy-btn{position:absolute;top:10px;right:10px;background:#ffffff0f;border:0;color:#e6e1ce;padding:6px 10px;border-radius:6px;font:500 11px var(--ff-connect);cursor:pointer;display:inline-flex;align-items:center;gap:5px}.code-box .copy-btn:hover{background:#ffffff1f}.plan-card{padding:22px;border-radius:12px;background:linear-gradient(135deg,color-mix(in oklch,var(--tenant-accent) 18%,var(--surface-card)) 0%,var(--surface-card) 100%);border:1px solid color-mix(in oklch,var(--tenant-accent) 22%,var(--border-soft))}.team-row{display:grid;grid-template-columns:44px 1.4fr 1.2fr .9fr 32px;gap:14px;padding:14px 0;align-items:center;border-bottom:1px solid var(--border-soft)}.team-row:last-child{border-bottom:0}.role-badge{display:inline-flex;padding:4px 10px;border-radius:200px;font:500 11px var(--ff-connect);background:var(--row-hover);color:var(--text-strong)}.role-badge.owner{background:color-mix(in oklch,var(--tenant-accent) 20%,transparent);color:var(--text-primary)}.theme-tile{width:220px;border-radius:12px;overflow:hidden;background:var(--surface-card);transition:transform var(--dur-fast),border-color var(--dur-fast)}.theme-tile:hover{transform:translateY(-2px)}.theme-preview{display:flex;height:120px}.theme-sidebar{width:70px;padding:10px 8px;display:flex;flex-direction:column;gap:6px}.theme-canvas{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:6px}.theme-canvas.light{background:#f6f9ff}.theme-canvas.dark{background:#131315;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:8px 8px}.theme-mark{width:18px;height:18px;border-radius:5px}.theme-row{height:6px;border-radius:200px;width:100%}.light-row{background:#28314526}.dark-row{background:#ffffff1a}.theme-card{border-radius:6px;height:18px;width:100%}.light-card{background:#fff;box-shadow:0 1px 3px #28314514}.dark-card{background:#18181b;border:1px solid #232428}.theme-label{display:flex;align-items:center;gap:8px;padding:10px 12px;font:500 13px var(--ff-connect);color:var(--text-primary);border-top:1px solid var(--border-soft)}.theme-label small{font-size:11px}html[data-mode=dark] .theme-tile{background:var(--host-card);border-color:var(--host-border)}html[data-mode=dark] .theme-label{border-top-color:var(--host-border);color:var(--host-text)}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-cards)}.note-card{padding:18px;border-radius:12px;background:var(--surface-card);box-shadow:var(--shadow-card);min-height:180px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform var(--dur-fast)}.note-card:hover{transform:translateY(-2px)}html[data-mode=dark] .note-card{border:1px solid var(--host-border);box-shadow:none}.note-tag{align-self:flex-start;font:500 10px var(--ff-connect);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;background:var(--row-hover);color:var(--text-muted)}.note-card h4{margin:0;font:600 15px/1.3 var(--ff-connect);color:var(--text-primary)}.note-card p{margin:0;font:400 13px/1.5 var(--ff-connect);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.note-card footer{margin-top:auto;font:400 11px var(--ff-connect);color:var(--text-faint)}.portal-hero{padding:36px;border-radius:20px;margin-bottom:24px;background:linear-gradient(135deg,var(--tenant-accent) 0%,var(--tenant-accent-deep) 100%);color:var(--tenant-accent-text);box-shadow:0 16px 40px color-mix(in oklch,var(--tenant-accent) 30%,transparent)}.portal-hero h1{margin:0 0 6px;font:600 28px var(--ff-connect)}.portal-hero p{margin:0;font:400 14px var(--ff-connect);opacity:.85}.portal-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}.companies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-cards)}.company-card{padding:20px;border-radius:12px;background:var(--surface-card);box-shadow:var(--shadow-card)}html[data-mode=dark] .company-card{border:1px solid var(--host-border);box-shadow:none}.co-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.co-logo{width:44px;height:44px;border-radius:10px;color:#fff;font:700 16px var(--ff-connect);display:inline-flex;align-items:center;justify-content:center}.co-name{font:600 15px var(--ff-connect);color:var(--text-primary)}.co-meta{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.co-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.co-stat{display:flex;flex-direction:column;gap:2px;padding:8px 4px;border-radius:6px;background:var(--surface-card-tint);text-align:center}html[data-mode=dark] .co-stat{background:#ffffff06}.co-stat b{font:600 16px var(--ff-connect);color:var(--text-primary)}.co-stat span{font:400 10px var(--ff-connect);color:var(--text-muted)}.ff{display:flex;flex-direction:column;gap:4px;min-width:0}.ff>span{font:500 11px var(--ff-connect);color:var(--text-muted)}.scope-switch{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 8px;height:34px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-card)}.scope-switch select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;font:500 13px var(--ff-connect);color:var(--text-primary);outline:none;cursor:pointer;max-width:220px;padding-right:2px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-bg);padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface-card);border-radius:16px;padding:36px 32px;box-shadow:0 8px 40px #00000014}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:22px}.login-mark{width:32px;height:32px;border-radius:9px;background:var(--tenant-accent, #F3C242);color:var(--tenant-accent-text, #2B2410);display:flex;align-items:center;justify-content:center;font:700 16px var(--ff-connect)}.login-logo span{font:700 18px var(--ff-connect);color:var(--text-primary)}.login-card h2{font:600 22px var(--ff-connect);margin:0 0 12px;color:var(--text-primary)}.login-field{margin-bottom:14px}.login-field label{display:block;font:500 12px var(--ff-connect);color:var(--text-muted);margin-bottom:6px}.login-field input{width:100%;height:40px;padding:0 14px;border:1px solid var(--border-soft);border-radius:9px;font:inherit;color:var(--text-primary);background:var(--surface-bg);outline:none}.login-field input:focus{border-color:var(--tenant-accent)}.login-err{color:#dc4e4e;font-size:13px;margin-bottom:12px}.login-btn{width:100%;justify-content:center;height:42px;margin-top:4px}.login-switch{margin-top:18px;text-align:center;font-size:13px;color:var(--text-muted)}.login-switch button{border:0;background:none;color:var(--tenant-accent);font-weight:600;cursor:pointer;font-size:13px;text-decoration:underline}.login-demo{margin-top:20px;padding:14px;background:var(--surface-card-tint);border-radius:10px;text-align:center}.login-demo-row{font-size:12px;color:var(--text-primary);padding:4px 0;cursor:pointer}.login-demo-row:hover{color:var(--tenant-accent)}.cf-modal{width:560px;max-width:96vw;max-height:90vh;overflow-y:auto;background:var(--surface-card);border-radius:18px;box-shadow:0 32px 80px #00000040;margin:auto;position:relative;top:5vh;scrollbar-width:thin}.cf-hero{position:relative;padding:36px 28px 28px;text-align:center;border-radius:18px 18px 0 0;color:#fff}.cf-close{position:absolute;top:14px;right:14px;background:#ffffff26;border:0;color:#fff;width:28px;height:28px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cf-close:hover{background:#ffffff40}.cf-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font:700 26px var(--ff-connect);color:#fff;letter-spacing:-.01em;box-shadow:0 4px 16px #00000026}.cf-hero-name{font:700 20px var(--ff-connect);margin-bottom:2px}.cf-hero-title{font:400 13px var(--ff-connect);opacity:.8}.cf-body{padding:24px 28px 20px}.cf-section{margin-bottom:20px}.cf-section-label{font:600 10px var(--ff-connect);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:10px}.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cf-grid-3{grid-template-columns:1fr 1fr 1fr}.cf-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid var(--border-soft);margin-top:8px}@media(max-width:600px){.cf-grid,.cf-grid-3{grid-template-columns:1fr}}