:root{
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 --bg:#07111f;--sidebar-bg:#07101c;--surface:#0d1a2b;--surface2:#122238;--surface3:#162943;
 --text:#eef5ff;--muted:#91a5bd;--line:rgba(255,255,255,.085);--accent:#4aa8ff;--accent2:#8c7dff;
 --cyan:#66e3ff;--good:#43dda0;--warn:#ffc568;--bad:#ff6e8f;--focus:#66e3ff;
 --shadow:0 18px 48px rgba(0,0,0,.24);--sidebar:292px;--topbar:76px;--content-pad:26px;
 --radius:18px;--radius-sm:12px;--control-h:42px;color-scheme:dark
}
:root[data-theme="light"]{
 --bg:#f4f7fb;--sidebar-bg:#0a1627;--surface:#fff;--surface2:#eef3f9;--surface3:#e5edf7;
 --text:#15263c;--muted:#65778d;--line:rgba(16,42,75,.12);--accent:#176fc9;--accent2:#6758d6;
 --cyan:#0d8da9;--good:#087a57;--warn:#9c5d00;--bad:#b42338;--focus:#176fc9;
 --shadow:0 16px 38px rgba(31,53,80,.10);color-scheme:light
}
*{box-sizing:border-box}html,body{max-width:100%;min-width:0;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}button{min-height:var(--control-h);border:1px solid transparent;border-radius:11px;padding:9px 14px;background:var(--accent);color:#06131b;font-weight:800;cursor:pointer}
button.secondary{background:var(--surface2);border-color:var(--line);color:var(--text)}button.danger{background:#8b2431;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
input,select,textarea{width:100%;min-width:0;min-height:var(--control-h);border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:var(--surface2);color:var(--text)}textarea{min-height:110px;resize:vertical}
.hidden{display:none!important}.muted,.small{color:var(--muted)}.small{font-size:12px}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:var(--sidebar-bg);color:#dce9f8;border-right:1px solid rgba(255,255,255,.07);padding:18px 14px;display:flex;flex-direction:column;gap:12px;z-index:30}
.brand-block{display:flex;align-items:center;gap:12px;padding:5px 7px 12px}.brand-logo{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;font-weight:950;color:#06131b;background:linear-gradient(135deg,var(--cyan),var(--accent) 48%,var(--accent2));box-shadow:0 0 30px rgba(74,168,255,.2)}
.brand-copy h1{font-size:14px;margin:0;letter-spacing:.025em}.brand-copy p{font-size:11px;color:#8299b4;margin:4px 0 0}.brand{font-size:14px;font-weight:950;letter-spacing:.08em}.brand-sub{font-size:11px;color:#8299b4}
.scope-card,.business-card{margin:0 5px 3px;padding:12px 13px;border:1px solid rgba(74,168,255,.14);border-radius:15px;background:rgba(74,168,255,.055)}
.scope-label,.business-card small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#708aa8;margin-bottom:6px}.scope-card strong,.business-card strong{display:block;font-size:13px}.scope-card span,.business-card span{display:block;font-size:11px;color:#91a6bf;margin-top:3px;overflow-wrap:anywhere}
.nav-root{display:grid;gap:7px}.folder-wrap{border:1px solid rgba(255,255,255,.045);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.012)}
.folder{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:0;padding:10px 11px;background:transparent;color:#d8e6f6;text-align:left;box-shadow:none}
.folder:hover{background:rgba(255,255,255,.025)}.folder-title{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.chev{font-size:12px;color:#7289a4;transition:transform .16s}.folder[aria-expanded="true"] .chev{transform:rotate(90deg)}
.folder-list{display:none;padding:0 6px 7px}.folder-wrap.open .folder-list{display:grid;gap:3px}
.navbtn{width:100%;min-height:38px;border:0;border-radius:10px;padding:8px 10px;background:transparent;color:#bdd0e5;text-align:left;font-size:12px;font-weight:700;box-shadow:none}
.navbtn:hover{background:rgba(74,168,255,.075);color:#fff}.navbtn.active{color:#fff;background:linear-gradient(90deg,rgba(74,168,255,.16),rgba(140,125,255,.07));box-shadow:inset 3px 0 0 var(--accent)}
.navbtn:disabled{background:transparent;color:#667a92}.sidebar-note{margin:4px 6px 0;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:13px;color:#7f94ad;font-size:10px;line-height:1.55}
.side-foot{margin-top:auto;display:grid;gap:8px;padding-top:6px}.side-foot label{font-size:11px;color:#9db0c7}
.main{min-width:0}.topbar{min-height:var(--topbar);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px var(--content-pad);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(18px)}
.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title h1{margin:0;font-size:20px;line-height:1.2}.topbar-title p{margin:4px 0 0;font-size:11px;color:var(--muted)}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.topbar-search{width:min(360px,30vw);position:relative}.topbar-search input{padding-left:34px;background:var(--surface)}.topbar-search:before{content:"⌕";position:absolute;left:12px;top:9px;color:var(--muted);z-index:1}
.icon-btn{width:42px;padding:0;display:grid;place-items:center}.environment-chip,.tenant-chip,.badge,.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-size:11px;font-weight:800}
.mobile-toggle{display:none}
.content{padding:var(--content-pad);display:grid;gap:16px;min-width:0}
.tenant-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid rgba(74,168,255,.14);background:rgba(74,168,255,.055);border-radius:16px}
.tenant-banner-main{display:flex;align-items:center;gap:11px;min-width:0}.avatar{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:900;flex:0 0 auto}.tenant-banner strong{font-size:13px}.tenant-banner .meta{color:var(--muted);font-size:11px;margin-top:3px}
.tabs{display:flex;gap:7px;flex-wrap:wrap}.tenant-tabs{padding:5px 0 2px;overflow-x:auto;flex-wrap:nowrap}.tab{flex:0 0 auto;min-height:36px;padding:7px 11px;background:var(--surface2);border-color:var(--line);color:var(--text);box-shadow:none}.tab.active{background:var(--accent);color:#06131b}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head h3{font-size:24px;margin:0}.page-head p{color:var(--muted);max-width:820px;margin:6px 0 0;line-height:1.55}
.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;border:1px solid rgba(102,227,255,.16);background:rgba(102,227,255,.055);font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--cyan)}.dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 9px var(--good)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px;align-items:start}.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span9{grid-column:span 9}.span12{grid-column:1/-1}
.card,.panel,.section{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h3,.panel h3,.section h3{margin:0 0 10px}.pad{padding:18px}
.hero,.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);gap:15px}.hero-main,.hero-side{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(74,168,255,.11),rgba(140,125,255,.065),var(--surface));padding:24px;box-shadow:var(--shadow)}
.hero-main:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-130px;top:-155px;background:radial-gradient(circle,rgba(74,168,255,.24),transparent 68%);pointer-events:none}.hero-main h2,.hero-main h4{font-size:28px;line-height:1.15;margin:14px 0 8px;max-width:720px}.hero-main p{color:#a8bad1;max-width:720px;line-height:1.55}.hero-side{display:flex;flex-direction:column;justify-content:center}.orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 0 13px;font-weight:950;font-size:22px;background:radial-gradient(circle at 35% 30%,var(--cyan),var(--accent) 48%,var(--accent2));box-shadow:0 0 36px rgba(74,168,255,.26);color:#06131b}
.stat{font-size:28px;font-weight:950;letter-spacing:-.035em}.stats-row .card{min-height:116px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px}.metric strong{display:block;font-size:28px}
.row,.actions,.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.formgrid,.form-system{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:13px}.wide{grid-column:1/-1}label,.field{display:grid;gap:6px;font-size:13px;font-weight:700}.help{font-size:12px;color:var(--muted);font-weight:400}
fieldset{border:1px solid var(--line);border-radius:14px;padding:14px}legend{color:var(--muted);padding:0 7px;font-weight:800}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.check-grid label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.check-grid input{width:auto;min-height:auto}
.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;vertical-align:top}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}tbody tr:hover{background:rgba(74,168,255,.035)}
.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#07101d;border:1px solid #21344e;border-radius:10px;padding:12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#d8e8f8}
.empty{padding:24px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.notice,.callout{padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:11px;background:var(--surface2);line-height:1.5}.disabled-reason{color:var(--muted);font-size:12px}
.toast{position:fixed;right:20px;top:18px;z-index:80;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);padding:11px 14px;border-radius:10px}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px}.plan-card{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.plan-price{font-size:25px;font-weight:950;margin:13px 0;color:var(--cyan)}.plan-editor{margin-top:16px}
.pipeline{display:grid;grid-template-columns:1fr;gap:12px}.pipeline-stage{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.pipeline-head{padding:12px 14px;background:var(--surface2);display:flex;justify-content:space-between;gap:12px}.pipeline-items{display:grid;gap:8px;padding:12px}.pipeline-item{padding:10px;border:1px solid var(--line);border-radius:10px}
.inbox-mobile-actions{display:none}.inbox{display:grid;grid-template-columns:minmax(235px,.75fr) minmax(390px,1.45fr) minmax(250px,.8fr);gap:12px;align-items:stretch}.inbox-pane{min-width:0;min-height:540px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:14px}.conversation-list button{width:100%;text-align:left;margin:4px 0;background:var(--surface2);color:var(--text);border-color:var(--line);box-shadow:none}.conversation-list button.active{border-color:var(--accent);background:rgba(74,168,255,.1)}.message{padding:10px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);margin:7px 0}.message.user{border-left:3px solid var(--accent)}
.kv{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.knowledge-flow,.flow{display:flex;align-items:center;gap:8px;overflow:auto}.flow .node,.knowledge-flow .node{min-width:115px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);text-align:center}.flow .node small,.knowledge-flow .node small{display:block;color:var(--muted);margin-top:3px}
.onboarding-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}.onboarding-steps.nine{grid-template-columns:repeat(3,minmax(0,1fr))}.step{min-height:100px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);display:flex;flex-direction:column;gap:7px;justify-content:center}.step.done{border-color:rgba(67,221,160,.48);background:rgba(67,221,160,.055)}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(540px,100%);padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
:root[data-theme="light"] body{background:linear-gradient(180deg,#f7faff,#eff4fa)}:root[data-theme="light"] .sidebar{background:#0a1627;color:#eaf2fc}:root[data-theme="light"] .hero-main p{color:#65778d}
@media(max-width:1100px){.span3,.span4{grid-column:span 6}.span5,.span7,.span8,.span9{grid-column:1/-1}.hero,.hero-grid{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox{grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr)}.inbox-pane:last-child{grid-column:1/-1}.onboarding-steps.nine{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:min(var(--sidebar),90vw);transition:transform .2s}.sidebar.open{transform:none}.mobile-toggle{display:inline-grid}.topbar{padding:10px 14px}.content{padding:14px}.topbar-search{width:min(320px,42vw)}.grid{grid-template-columns:1fr}.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span12{grid-column:1}.g2,.g3{grid-template-columns:1fr}.inbox{grid-template-columns:1fr}.inbox-pane{min-height:auto}.inbox-pane:last-child{grid-column:auto}.inbox #conversationTimeline,.inbox #conversationProfile{display:none}.inbox.mobile-detail #conversationList{display:none}.inbox.mobile-detail #conversationTimeline{display:block}.inbox.mobile-profile #conversationList,.inbox.mobile-profile #conversationTimeline{display:none}.inbox.mobile-profile #conversationProfile{display:block}.inbox-mobile-actions{display:flex;gap:8px;margin-bottom:10px}}
@media(max-width:700px){body{--control-h:44px}.navbtn,.folder,.icon-btn{min-height:44px}.icon-btn{width:44px}.topbar{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:flex-start;flex-wrap:wrap}.topbar-search{width:100%;flex:1 1 100%}.content{padding:12px}.hero-main,.hero-side{padding:20px}.hero-main h2,.hero-main h4{font-size:22px}.onboarding-steps.nine,.g4,.metric-grid{grid-template-columns:1fr}.page-head{align-items:flex-start}.plan-grid{grid-template-columns:1fr}.tenant-banner{align-items:flex-start;flex-direction:column}.tenant-tabs{width:100%;flex-wrap:nowrap}.toolbar>*{width:100%;min-width:0}.kv{grid-template-columns:1fr}.actions button{width:100%}}