*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{color-scheme:light}[data-theme=dark] html{color-scheme:dark}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(900px 600px at 0% 0%,rgba(91,91,248,.06),transparent 60%),radial-gradient(900px 600px at 100% 0%,rgba(56,189,248,.06),transparent 60%),radial-gradient(900px 600px at 100% 100%,rgba(251,113,133,.04),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-size:13px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" on,"cv01" on}[data-theme=dark] body{background:radial-gradient(900px 600px at 12% -10%,rgba(129,140,248,.16),transparent 60%),radial-gradient(800px 600px at 100% 0%,rgba(34,211,238,.1),transparent 60%),var(--bg);background-attachment:fixed}a{color:var(--link);text-decoration:none;transition:color .15s var(--ease-fast)}a:hover{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea,button{font-size:13px;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#0f172a38;background-clip:content-box}*{scrollbar-color:rgba(15,23,42,.18) transparent;scrollbar-width:thin}::selection{background:#5b5bf82e;color:var(--text)}:root{--bg: #f5f7fb;--bg-1: #ffffff;--bg-2: #f1f4f9;--bg-3: #e8ecf3;--bg-glass: rgba(255, 255, 255, .72);--bg-glass-strong: rgba(255, 255, 255, .92);--border: rgba(15, 23, 42, .07);--border-strong: rgba(15, 23, 42, .14);--border-glow: rgba(91, 91, 248, .35);--text: #0f172a;--text-soft: #334155;--muted: #64748b;--link: #4f46e5;--primary: #5b5bf8;--primary-hover: #4f46e5;--primary-soft: rgba(91, 91, 248, .1);--primary-glow: rgba(91, 91, 248, .28);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent: #0891b2;--accent-soft: rgba(8, 145, 178, .1);--good: #16a34a;--good-soft: rgba(22, 163, 74, .1);--bad: #dc2626;--bad-soft: rgba(220, 38, 38, .1);--warn: #d97706;--warn-soft: rgba(217, 119, 6, .12);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .02);--shadow-md: 0 4px 12px -4px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 20px 40px -12px rgba(15, 23, 42, .15), 0 6px 16px -6px rgba(15, 23, 42, .08);--shadow-glow: 0 0 0 4px var(--primary-soft);--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-fast: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{color-scheme:dark;--bg: #0f1320;--bg-1: #161b2a;--bg-2: #1c2236;--bg-3: #232a44;--bg-glass: rgba(22, 27, 42, .55);--bg-glass-strong: rgba(22, 27, 42, .85);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #e7eaf3;--text-soft: #c7cddd;--muted: #8a91a6;--link: #818cf8;--primary: #818cf8;--primary-hover: #a5b4fc;--primary-soft: rgba(129, 140, 248, .18);--primary-glow: rgba(129, 140, 248, .4);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .18);--good: #34d399;--good-soft: rgba(52, 211, 153, .16);--bad: #f87171;--bad-soft: rgba(248, 113, 113, .16);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .18);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .18);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px -8px rgba(0, 0, 0, .55);--shadow-lg: 0 20px 50px -12px rgba(0, 0, 0, .65)}.muted{color:var(--muted)}.small{font-size:12px}.italic{font-style:italic}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.row.gap{gap:12px}.full-center{display:flex;align-items:center;justify-content:center;height:100vh}.full{width:100%}.error{color:#fca5a5;padding:8px 12px;background:#dc26261f;border-radius:6px}.input{background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:var(--radius);outline:none;width:100%;transition:border-color .15s var(--ease-fast),box-shadow .15s var(--ease-fast),background .15s var(--ease-fast)}.input::placeholder{color:var(--muted)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--primary);background:var(--bg-1);box-shadow:0 0 0 4px var(--primary-soft)}textarea.input{resize:vertical;min-height:60px;line-height:1.55}.btn{position:relative;border:1px solid var(--border);background:var(--bg-2);color:var(--text);padding:7px 14px;border-radius:var(--radius);font-weight:500;letter-spacing:-.005em;transition:background .15s var(--ease-fast),border-color .15s var(--ease-fast),color .15s var(--ease-fast),box-shadow .2s var(--ease-fast),transform .12s var(--ease-fast)}.btn:hover{background:var(--bg-3);border-color:var(--border-strong);color:var(--text)}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--primary-gradient);border:1px solid transparent;color:#fff;box-shadow:0 1px #ffffff1f inset,0 6px 20px -8px var(--primary-glow)}.btn-primary:hover{background:var(--primary-gradient);filter:brightness(1.07);box-shadow:0 1px #ffffff2e inset,0 10px 28px -8px var(--primary-glow);color:#fff}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-soft)}.btn-ghost:hover{background:var(--bg-2);border-color:var(--border);color:var(--text)}.btn-tiny{padding:3px 9px;font-size:11px;border-radius:6px}.btn-danger{color:var(--bad);border-color:#f871714d;background:var(--bad-soft)}.btn-danger:hover{background:#f871712e;color:var(--bad);border-color:#f8717180}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--primary-soft)}.link{background:none;border:0;color:var(--muted);padding:0 4px;cursor:pointer}.link:hover{color:var(--text)}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;margin:12px 0;box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease-fast),box-shadow .2s var(--ease-fast)}.card h3{margin-top:0;font-size:14px;font-weight:600;letter-spacing:-.01em}.card h4{margin-top:0;font-size:13px;font-weight:600}.tabs{display:flex;gap:2px;margin:8px 0;border-bottom:1px solid var(--border)}.tab{background:transparent;border:0;color:var(--muted);padding:9px 14px;border-bottom:2px solid transparent;font-weight:500;margin-bottom:-1px;transition:color .15s var(--ease-fast),border-color .15s var(--ease-fast)}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--primary)}.pill{font-size:10.5px;padding:2px 9px;border-radius:999px;background:var(--bg-2);color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:600;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);box-shadow:0 1px #ffffff0a inset;transition:filter .15s var(--ease-fast)}.pill-good,.pill-approved{background:var(--good-soft);color:var(--good);border-color:#34d3994d}.pill-bad,.pill-revoked{background:var(--bad-soft);color:var(--bad);border-color:#f871714d}.pill-pending{background:var(--warn-soft);color:var(--warn);border-color:#fbbf244d}.pill-info{background:var(--info-soft);color:var(--info);border-color:#60a5fa4d}.role-badge{font-size:10.5px;padding:2px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;font-weight:600;border:1px solid transparent;box-shadow:0 1px #ffffff0d inset}.role-owner{background:#8b5cf61a;color:#6d28d9;border-color:#8b5cf640}.role-manager{background:#0891b21a;color:#0e7490;border-color:#0891b240}.role-agent{background:#64748b1a;color:#475569;border-color:#64748b33}.presence{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px;background:#475569}.presence-active{background:#22c55e}.presence-idle{background:#f59e0b}.presence-offline{background:#475569}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table.table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}table.table thead th{background:transparent;border-top:none;border-bottom:1px solid var(--border);text-align:left;padding:8px 12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;white-space:nowrap}table.table thead th:first-child{padding-left:14px}table.table thead th:last-child{padding-right:14px}table.table tbody td{padding:10px 12px;border-bottom:1px solid var(--border);background:transparent;transition:background .15s var(--ease-fast)}table.table tbody td:first-child{padding-left:14px}table.table tbody td:last-child{padding-right:14px}table.table tbody tr:hover td{background:linear-gradient(90deg,var(--primary-soft),transparent 60%)}table.table tbody tr:last-child td{border-bottom:0}.card>table.table{display:table}@media (max-width: 820px){.card>table.table{display:block;overflow-x:auto;white-space:nowrap}}.actions{display:flex;gap:6px;justify-content:flex-end}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1f2235 0%,var(--bg) 60%)}.login-card{width:380px;background:var(--bg-1);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:12px}.login-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:14px}.login-app-name{font-weight:700;font-size:30px;margin-top:10px;line-height:1}.brand-wordmark{font-family:Cinzel,Trajan,Times New Roman,serif;font-weight:500;text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(100deg,#0f172a,#1e293b,#312e81,#1e293b,#0f172a);background-size:250% 250%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:brand-shimmer 10s ease-in-out infinite}@keyframes brand-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.brand-display{font-size:16px;line-height:1;white-space:nowrap}.brand-attribution{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid var(--border);width:100%;overflow:hidden}.brand-attribution img{display:block;margin-left:0;max-width:100%;max-height:22px;height:auto!important;width:auto;object-fit:contain;object-position:left center;opacity:.7}.brand-attribution-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600}.app{display:grid;grid-template-columns:240px 1fr;height:100vh}.app-nav{position:relative;background:var(--bg-glass);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:16px;overflow-y:auto}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:4px 6px 16px;border-bottom:1px solid var(--border)}.brand-name{font-weight:600}.nav{display:flex;flex-direction:column;gap:2px}.nav-section-label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--muted);font-weight:600;margin-top:14px;padding:4px 10px}.nav-subsection-label{letter-spacing:.06em;font-size:11px;color:var(--muted);font-weight:500;margin-top:8px;padding:2px 10px 2px 14px;opacity:.85}.nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);color:var(--text-soft);font-weight:500;text-decoration:none;transition:background .15s var(--ease-fast),color .15s var(--ease-fast),transform .12s var(--ease-fast)}.nav-item:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:2px;background:var(--primary-gradient);opacity:0;transition:height .2s var(--ease),opacity .2s var(--ease-fast)}.nav-item:hover{background:var(--bg-2);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,var(--primary-soft),transparent);color:var(--text)}.nav-item.active:before{opacity:1;height:18px}.nav-ic{width:20px;text-align:center;filter:saturate(.9)}.me{margin-top:auto;padding:14px 8px 4px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.me-name{font-weight:600}.app-main{overflow:auto;display:flex;flex-direction:column}.app-content{flex:1;padding:0;overflow-x:auto}.app-content>.page{padding:20px 28px}.page{padding:24px 28px;max-width:1280px}.page h2{font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.page h3{font-weight:600;letter-spacing:-.01em}.page>.row.between:first-of-type h2{font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.chat-layout{display:grid;grid-template-columns:280px 1fr;height:100vh}.chat-sidebar{border-right:1px solid var(--border);background:var(--bg-glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);display:flex;flex-direction:column;padding:14px;overflow:auto}.chat-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.contact-list,.convo-list{display:flex;flex-direction:column;gap:2px;margin-top:6px}.contact-row{display:flex;gap:10px;padding:8px;background:transparent;border:0;text-align:left;border-radius:8px;color:var(--text)}.contact-row:hover{background:var(--bg-2)}.contact-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-weight:600}.empty-hint{color:var(--muted);padding:12px 8px;font-size:13px;border:1px dashed var(--border);border-radius:8px;margin-top:8px}.convo-section{margin-top:14px}.convo-section-head{text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--muted);padding:6px 8px;font-weight:600;display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:0;border-radius:6px;cursor:pointer;text-align:left;font-family:inherit}.convo-section-head:hover{background:var(--bg-2);color:var(--text)}.convo-section-head.flush{padding-left:0;width:auto;flex:0 1 auto}.convo-section-head.flush .section-count{margin-left:8px}.convo-section-head .chevron{display:inline-block;font-size:10px;width:10px;transition:transform .15s ease;color:var(--muted)}.convo-section-head .chevron.open{transform:rotate(90deg)}.convo-section-head .section-count{margin-left:auto;background:var(--bg-3);color:var(--text);padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600}.convo-row{display:flex;gap:10px;padding:8px;border-radius:8px;align-items:center}.convo-row:hover{background:var(--bg-2)}.convo-row.active{background:var(--bg-3)}.convo-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-weight:600}.convo-icon.icon-team{background:#6366f11f;color:#4338ca;border-radius:8px}.convo-icon.icon-group{background:#8b5cf61f;color:#6d28d9;border-radius:8px}.convo-icon.icon-direct{background:var(--bg-2);color:var(--text-soft);border-radius:50%}.convo-kind{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.kind-team{background:#6366f11a;color:#4338ca;border:1px solid rgba(99,102,241,.25)}.kind-group{background:#8b5cf61a;color:#6d28d9;border:1px solid rgba(139,92,246,.25)}.kind-direct{background:#0891b21a;color:#0e7490;border:1px solid rgba(8,145,178,.25)}.convo-title{font-weight:500}.convo-preview{color:var(--muted);font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{display:flex;flex-direction:column;height:100vh;overflow:hidden}.msg-window{display:flex;flex-direction:column;height:100%}.msg-window.empty{align-items:center;justify-content:center}.msg-header{border-bottom:1px solid var(--border);padding:14px 20px}.msg-title{font-size:16px;font-weight:600}.msg-sub{color:var(--muted);font-size:12px}.msg-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.msg{max-width:70%;padding:8px 12px;border-radius:12px;background:var(--bg-2)}.msg.mine{align-self:flex-end;background:#6366f12e}.msg.deleted{opacity:.6}.msg-author{color:var(--muted);font-size:11px;margin-bottom:2px}.msg-body{white-space:pre-wrap;word-break:break-word}.msg-meta{display:flex;gap:8px;margin-top:4px;font-size:11px;color:var(--muted);align-items:center}.seen{color:#a5b4fc}.attachment{display:inline-block;margin-top:4px;padding:4px 8px;background:var(--bg-3);border-radius:6px;font-size:12px}.typing-row{padding:4px 20px;color:var(--muted);font-size:12px}.msg-input{border-top:1px solid var(--border);padding:12px 20px;background:var(--bg-1)}.msg-input .row{gap:8px}.editing-banner{color:var(--warn);font-size:12px;margin-bottom:6px}.file-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.chip{background:var(--bg-3);border-radius:999px;padding:4px 8px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.chip button{border:0;background:transparent;color:var(--muted);cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:50;animation:modal-backdrop-in .18s var(--ease-fast)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal{width:460px;max-width:92vw;max-height:92vh;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-lg);animation:modal-card-in .22s var(--ease)}.modal-card{width:540px;max-width:92vw;max-height:92vh;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-lg);animation:modal-card-in .22s var(--ease)}@keyframes modal-card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-card h3{margin:0}.modal-card .input,.modal-card select.input,.modal-card textarea.input{width:100%;margin-top:4px}.modal-card label{display:block}.modal h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.search-results{max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:4px}.result{padding:8px 10px;border-radius:6px;cursor:pointer;border:1px solid transparent}.result:hover{background:var(--bg-2)}.result.active{border-color:var(--primary);background:var(--bg-2)}.result-name{font-weight:600}.member-list{max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:2px}.member-row{display:flex;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer;align-items:center}.member-row:hover{background:var(--bg-2)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}.team-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.team-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.team-name{font-weight:600;font-size:15px}.team-members{display:flex;flex-wrap:wrap;gap:4px}.member-chip{background:var(--bg-3);padding:2px 8px;border-radius:999px;font-size:12px}.modal-wide{width:720px;max-width:95vw}.approval-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);gap:12px}.approval-row:last-child{border-bottom:0}.approval-row>div:last-child{display:flex;gap:8px}.live-feed{max-height:540px;overflow:auto;display:flex;flex-direction:column;gap:8px;margin-top:10px}.live-row{background:var(--bg-2);padding:10px 12px;border-radius:8px}.live-meta{display:flex;gap:6px;align-items:center}.results{margin-top:12px;display:flex;flex-direction:column;gap:6px;max-height:540px;overflow:auto}.search-row{background:var(--bg-2);padding:8px 12px;border-radius:6px}.convo-pick{width:280px;flex-shrink:0;border-right:1px solid var(--border);padding-right:8px;max-height:600px;overflow:auto;display:flex;flex-direction:column;gap:2px}.convo-pick-row{text-align:left;background:transparent;border:0;padding:8px 10px;border-radius:8px;color:var(--text)}.convo-pick-row:hover{background:var(--bg-2)}.convo-pick-row.active{background:var(--bg-3)}.convo-msgs{flex:1;display:flex;flex-direction:column;gap:6px;max-height:600px;overflow:auto;padding-left:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}.dash-tile{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;transition:transform .1s}.dash-tile:hover{transform:translateY(-1px);border-color:var(--bg-3)}.dash-tile-hl{border-color:#6366f166;background:#6366f10f}.dash-tone-warn{border-color:#f59e0b66}.dash-tone-critical{border-color:#ef444480;background:#ef44440f}.dash-label{text-transform:uppercase;letter-spacing:.06em}.dash-value{font-size:28px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.alert-row{padding:8px 0;border-bottom:1px solid var(--border)}.alert-row:last-child{border-bottom:0}.kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.kb-col{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:10px;min-height:120px}.kb-head{padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:8px}.kb-card{background:var(--bg-2);border-radius:8px;padding:8px 10px;margin-bottom:8px}.kb-title{font-weight:500;margin-bottom:4px}.kb-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.comment-row{background:var(--bg-2);border-radius:8px;padding:8px 12px}.notif-badge{display:inline-block;margin-left:4px;padding:0 6px;border-radius:999px;font-size:10px;font-weight:700;background:#ef4444;color:#fff;vertical-align:top}.notif-pop{position:absolute;right:0;top:calc(100% + 6px);width:320px;max-height:480px;overflow:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;z-index:60;box-shadow:0 8px 24px #0006}.notif-list{display:flex;flex-direction:column}.notif-row{padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer}.notif-row:hover{background:var(--bg-2)}.notif-row.unread{background:#6366f114}.notif-title{font-weight:500}.setting-row{padding:12px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.reveal-box{margin-top:6px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px}.reveal-value{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all;white-space:pre-wrap}.ai-assist{display:flex;flex-direction:column;gap:6px}.ai-result{margin-top:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.ai-meta{margin-bottom:6px}.ai-text{white-space:pre-wrap;word-break:break-word;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:13px;line-height:1.5}.top-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;background:var(--bg-glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--border);padding:10px 20px;height:52px}.top-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border);color:var(--muted);padding:7px 12px;border-radius:var(--radius);text-align:left;max-width:560px;transition:border-color .15s var(--ease-fast),background .15s var(--ease-fast),box-shadow .15s var(--ease-fast)}.top-search:hover{border-color:var(--border-strong);background:var(--bg-1);box-shadow:0 0 0 4px var(--primary-soft)}.top-search-kbd{margin-left:auto;font-size:11px;background:var(--bg-1);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.top-menu{position:absolute;top:100%;right:0;margin-top:6px;min-width:200px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:4px;z-index:30}.top-menu-item{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 10px;border-radius:4px;color:var(--text)}.top-menu-item:hover{background:var(--bg-2)}.top-menu-danger{color:var(--bad)}.top-menu-sep{height:1px;background:var(--border);margin:4px 0}.skeleton{display:block;background:linear-gradient(90deg,var(--bg-2),var(--bg-3),var(--bg-2));background-size:200% 100%;animation:skeleton 1.2s infinite linear;border-radius:4px;height:14px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:28px 16px;color:var(--muted)}.empty-state-title{font-weight:600;color:var(--text);margin-bottom:4px}.thread-msg{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px}.thread-msg.thread-customer{border-left:3px solid #6366f1}.thread-msg.thread-staff{border-left:3px solid #22c55e;background:#22c55e0a}.thread-msg.thread-note{border-left:3px solid #f59e0b;background:#f59e0b12}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#07090e99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.onboarding-card{width:min(520px,92vw);background:var(--bg-1);border:1px solid var(--border);border-radius:14px;padding:24px 24px 18px;box-shadow:0 24px 60px #0000008c}.onboarding-progress{display:flex;gap:6px;margin-bottom:14px}.onboarding-progress .dot{flex:1;height:4px;border-radius:4px;background:var(--bg-3)}.onboarding-progress .dot.on{background:var(--primary)}.onboarding-title{margin:0 0 8px;font-size:18px}.onboarding-body{color:var(--muted);margin:0;line-height:1.55}.cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07090e8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:1000}.cmdk-modal{width:min(640px,92vw);background:var(--bg-1);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #00000080;overflow:hidden}.cmdk-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmdk-icon{font-size:16px;opacity:.7}.cmdk-input{flex:1;background:transparent;border:0;outline:0;color:var(--text);font-size:15px}.cmdk-hint{font-size:11px;background:var(--bg-3);padding:2px 6px;border-radius:4px;color:var(--muted)}.cmdk-results{max-height:60vh;overflow-y:auto;padding:6px 0}.cmdk-empty{padding:16px 18px}.cmdk-row{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer}.cmdk-row.hover,.cmdk-row:hover{background:var(--bg-2)}.cmdk-row-ic{font-size:18px;width:24px;text-align:center}.cmdk-row-main{flex:1;min-width:0}.cmdk-row-title{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-row-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.cmdk-row-kind{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--bg-3);padding:2px 6px;border-radius:4px}@media (max-width: 820px){.app{display:block}.app-nav{position:fixed;left:0;top:0;bottom:0;z-index:50;width:260px;transform:translate(-110%);transition:transform .2s ease}.app-nav.open{transform:translate(0)}.app-main{padding:12px;margin-left:0!important}.app-mobile-topbar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.app-mobile-burger{background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:18px;line-height:1;cursor:pointer}.app-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}.table{font-size:12px}.table th,.table td{padding:6px 8px}.card{padding:12px}.modal-card{width:96vw!important;max-height:92vh;overflow-y:auto}.row.gap{flex-wrap:wrap}.chat-layout{grid-template-columns:1fr!important}.chat-sidebar{display:none}.chat-sidebar.open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg)}.input{font-size:16px}}@media (max-width: 820px){.app-mobile-only{display:block}}@media (min-width: 821px){.app-mobile-only,.app-mobile-topbar,.app-mobile-backdrop{display:none}}