:root{--nav:#091022;--nav2:#111c34;--ink:#10203b;--muted:#768399;--border:#e6ecf3;--accent:#3b5bff;--mint:#08d6a0;--canvas:#f6f8fc;--card:#fff;--shadow:0 12px 40px rgba(24,44,87,.06)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}button,input,textarea,select{font:inherit}button{cursor:pointer} .hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.error{color:#e54855;margin-top:12px;font-size:13px}.kicker,.overline{letter-spacing:.14em;font-size:11px;font-weight:800;color:#7187b7}.overline{margin:16px 0}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-hero{background:radial-gradient(ellipse at 60% 42%,#1c3a7e 0%,#111d3b 40%,#070e22 78%);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:45px;position:relative;overflow:hidden}.auth-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff44 .8px,transparent .8px);background-size:26px 26px;opacity:.12;pointer-events:none}.auth-hero .kicker{color:#80f4df;margin-top:48px}.auth-hero h1{font-size:clamp(32px,4vw,58px);line-height:1.1;letter-spacing:-.06em;font-weight:800;margin:20px 0}.auth-hero h1 em{font-style:normal;background:linear-gradient(105deg,#6fe8c2,#6e9dfd);-webkit-background-clip:text;color:transparent}.auth-hero p{color:#aebbd8;max-width:420px;font-size:16px}.hero-strip{display:flex;gap:17px;margin-top:50px;color:#99d9cb;font-size:12px;flex-wrap:wrap;justify-content:center}.login-panel{margin:auto;width:min(435px,86%);background:#fff}.brandmark{font-size:26px;letter-spacing:-.08em;font-weight:900;color:#fff}.brandmark span{color:#5ce1bf}.brandmark small{font-weight:700;color:#90a0c2;letter-spacing:0;font-size:13px}.login-panel .brandmark{color:#101b37;font-size:36px}.login-panel h2{font-size:35px;letter-spacing:-.06em;margin:12px 0}.login-panel p{line-height:1.6}.login-panel label{display:block;font-size:13px;font-weight:700;margin-top:22px}.login-panel input{display:block;margin:8px 0 0;padding:14px;width:100%;border:1px solid #dce4ee;border-radius:10px;outline:none}.login-panel input:focus{border-color:#546aff;box-shadow:0 0 0 3px #3b5bff18}.gl-btn{border:1px solid #e1e8f3;border-radius:10px;background:#fff;color:var(--ink);font-weight:750;padding:11px 16px;display:inline-flex;gap:10px;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s}.gl-btn:hover{transform:translateY(-1px);box-shadow:0 5px 20px #263e7d16}.gl-btn.primary{background:linear-gradient(105deg,#4361ff,#3045db);border:0;color:#fff}.gl-btn.success{background:#d8fff2;color:#06765c;border-color:#b3f3db}.gl-btn.danger{color:#c13244}.gl-btn.small{padding:7px 12px;font-size:12px}.login-panel .gl-btn{width:100%;margin:26px 0 16px;padding:14px}.login-panel .gl-btn span{margin-left:auto}
.orb{position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#153864 0%,#163262 37%,transparent 69%);border:1px solid #6efbe357;box-shadow:0 0 0 18px #4cc3ff08,0 0 0 42px #4cc3ff08,0 0 90px #4a83ff55;animation:breath 3.5s ease-in-out infinite}.orb:before,.orb:after{content:"";border-radius:50%;position:absolute;inset:-20px;border:2px dashed #66d7ff88;animation:rotate 17s linear infinite}.orb:after{inset:-38px;border:1px dotted #43ffc081;animation-duration:29s;animation-direction:reverse}.orb-big{height:190px;width:190px}.orb-core{font-size:65px;color:#88ffe5;text-shadow:0 0 40px #57d8ff}.orb-sm{height:112px;width:112px;margin:20px auto 30px}.orb-sm .orb-core{font-size:44px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes breath{50%{box-shadow:0 0 0 23px #4cc3ff08,0 0 0 50px #4cc3ff06,0 0 95px #31dab066}}@media(prefers-reduced-motion:reduce){.orb,.orb:before,.orb:after{animation:none}}
.workspace{display:flex;min-height:100vh}.sidebar{width:268px;min-width:268px;background:linear-gradient(160deg,#0a1226,#0c162e);color:#c9d6ed;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;transition:width .2s,min-width .2s;z-index:30}.sidebar-head{padding:26px 22px 22px;display:flex;justify-content:space-between;align-items:center}.sidebar-head button{border:0;background:#192645;border-radius:8px;color:#aab8d4;padding:6px 10px}.org-card{display:flex;gap:11px;align-items:center;margin:6px 15px 26px;background:#192744;border:1px solid #263658;border-radius:12px;padding:12px}.org-icon{height:39px;width:39px;display:grid;place-items:center;background:#3545ae;border-radius:12px;color:#8ffff1}.org-text{min-width:0}.org-text strong,.org-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-text small{font-size:11px;color:#91a2c2;margin-top:4px}.side-search{padding:0 15px 12px}.side-search input{background:#121f3a;border:1px solid #243554;padding:9px 12px;border-radius:9px;color:#dde7ff;width:100%;outline:none}.side-section{font-size:10px;letter-spacing:.14em;color:#7c91b4;margin:16px 24px 8px;font-weight:800}.side-nav{padding:0 10px;overflow-y:auto;min-height:0;flex:1}.side-nav button{display:flex;align-items:center;gap:13px;text-align:left;color:#b4c5dd;width:100%;border:0;background:transparent;padding:12px 14px;border-radius:10px;margin:3px 0;font-weight:600;font-size:13px}.side-nav button:hover{background:#172641;color:#fff}.side-nav button.active{background:linear-gradient(100deg,#3247a1,#283c82);color:#fff;box-shadow:inset 3px 0 0 #5dffdb}.navicon{width:22px;text-align:center;font-size:18px}.sidebar-bottom{padding:18px;color:#7d91b1;font-size:11px;border-top:1px solid #22314e}.account{margin-top:15px;color:#d5e1f6;font-size:12px}.live-pulse{width:7px;height:7px;background:#29d6ab;display:inline-block;border-radius:50%;box-shadow:0 0 9px #2dfac3}.sep{margin:0 4px}.sidebar.collapsed{width:80px;min-width:80px}.sidebar.collapsed .sidebar-head{padding:26px 12px}.sidebar.collapsed .brandmark,.sidebar.collapsed .org-text,.sidebar.collapsed .side-search,.sidebar.collapsed .side-section,.sidebar.collapsed .side-nav button .navlabel,.sidebar.collapsed .sidebar-bottom{display:none}.sidebar.collapsed .org-card{padding:9px;margin:12px}.sidebar.collapsed .side-nav button{justify-content:center}
.main{min-width:0;flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 34px;border-bottom:1px solid var(--border);background:#fff;height:77px}.crumb{font-size:13px;display:flex;gap:11px;align-items:center;color:#95a1b2}.crumb b{color:#cbd6e4}.crumb strong{color:#23304b}.header-right{display:flex;align-items:center;gap:16px}.icon-btn{width:36px;height:36px;border:1px solid var(--border);background:#fff;border-radius:10px;color:#43516c}.system-ready{font-size:10px;color:#338e78;font-weight:800;letter-spacing:.04em}.system-ready i{display:inline-block;background:#20c99b;width:6px;height:6px;border-radius:50%;margin-right:4px}.header-right select{border:1px solid var(--border);border-radius:8px;background:#fff;padding:9px;max-width:170px}#avatar{height:38px;width:38px;border-radius:12px;background:linear-gradient(135deg,#334ee3,#32c5b8);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}#mobileNav{display:none}.stage{padding:34px;max-width:1660px;margin:auto}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.eyebrow{color:#5769ba;font-weight:800;letter-spacing:.1em;font-size:10px}.page-intro h1{font-size:clamp(26px,2.7vw,35px);letter-spacing:-.055em;margin:7px 0}.page-intro p{margin:0;color:var(--muted);font-size:14px}.cardx{border:1px solid var(--border);border-radius:17px;background:var(--card);box-shadow:var(--shadow);padding:24px;min-width:0}.cardx h3{font-size:17px;letter-spacing:-.025em;margin:0 0 10px}.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metric{font-size:32px;letter-spacing:-.06em;font-weight:820}.metric-sub{font-size:12px;color:#8c9bb0}.stat-icon{background:#eaf0ff;color:#4262df;width:44px;height:44px;display:grid;place-items:center;font-size:22px;border-radius:12px;margin-bottom:18px}.dashboard-hero{display:grid;grid-template-columns:1fr 285px;align-items:center;min-height:240px;background:radial-gradient(circle at 82% 15%,#284f96 0%,#111e39 49%,#0a142d 90%);color:#fff;border-radius:18px;padding:28px 36px;margin-bottom:18px;overflow:hidden;position:relative}.dashboard-hero h2{font-size:30px;letter-spacing:-.045em}.dashboard-hero p{color:#bac8df;max-width:540px}.dashboard-hero .orb-sm{margin:0 auto}.dashboard-hero .gl-btn{margin-top:12px}.dashboard-hero .kicker{color:#70eccc}.quicklinks{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.quicklinks button{border:1px solid #dfe7f1;background:#fff;border-radius:10px;padding:11px 17px;font-weight:700;font-size:13px}.quicklinks button:hover{border-color:#6d82ff}
.chat-layout{display:grid;grid-template-columns:245px minmax(0,1fr) 265px;gap:16px;height:calc(100vh - 190px);min-height:560px}.chat-threads,.chat-main,.agent-panel{border-radius:17px;background:#fff;border:1px solid var(--border);min-width:0;overflow:hidden;display:flex;flex-direction:column}.panel-head{padding:18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head strong{font-size:14px}.threads{overflow:auto;flex:1;padding:10px}.threads button{width:100%;text-align:left;border:0;padding:13px 12px;background:transparent;border-radius:10px;color:#52617b;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threads button.active,.threads button:hover{background:#eef2ff;color:#2a42b8}.conversation{flex:1;overflow:auto;padding:28px}.bubble{max-width:82%;padding:14px 17px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65;margin:0 0 16px;background:#f0f3fa;border:1px solid #e8edf5}.bubble.mine{margin-left:auto;background:#3554df;color:#fff;border-color:#3554df}.bubble .author{font-size:10px;font-weight:800;opacity:.7;margin-bottom:6px}.chat-compose{padding:17px;border-top:1px solid var(--border);background:#fff}.composer{display:flex;gap:9px;align-items:end}.composer textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:11px;min-height:48px;max-height:140px;padding:12px 15px;outline:0}.composer textarea:focus{border-color:#8794f5}.composer button{height:46px}.welcome{text-align:center;padding:45px 20px}.welcome h2{letter-spacing:-.04em;font-size:27px}.welcome p{color:var(--muted);max-width:400px;margin:auto}.pill{display:inline-block;border-radius:20px;padding:4px 9px;background:#e8fbf6;color:#099679;font-size:10px;font-weight:800}.pill.grey{background:#eef1f6;color:#6d7b90}.pill.blue{background:#ebefff;color:#3c55cf}.agent-panel{padding:20px;gap:14px}.agent-panel h3{font-size:16px}.agent-panel p{font-size:12px;color:#7a889e;line-height:1.6}.agent-facts{border-top:1px solid var(--border);padding-top:15px}.agent-facts small{display:block;color:#8d99ae;margin:12px 0 4px}.agent-facts b{font-size:12px}.table-wrap{width:100%;overflow:auto}.gl-table{border-collapse:collapse;width:100%;font-size:13px}.gl-table th{text-align:left;color:#8e9bad;font-size:10px;letter-spacing:.1em;font-weight:800;padding:14px;border-bottom:1px solid var(--border);white-space:nowrap}.gl-table td{padding:15px 14px;border-bottom:1px solid #f0f3f8;vertical-align:middle}.gl-table tr:last-child td{border-bottom:0}.gl-table td strong{font-size:13px}.gl-table td .sub{font-size:11px;color:#9aa6b6}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.empty{display:grid;place-items:center;text-align:center;padding:55px 20px;color:#91a0b5}.empty .empty-glyph{font-size:48px;color:#6a89dd}.empty h3{color:#30405a;margin:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:block;font-size:12px;font-weight:750;color:#52617b;margin:7px 0}.field input,.field textarea,.field select,.field select,.wide-input{display:block;width:100%;border:1px solid #dde5f0;border-radius:10px;padding:11px 12px;background:#fff;color:#172943;margin-top:7px;outline:0}.field textarea{min-height:105px}.field.wide{grid-column:1/-1}.hint{font-size:12px;color:#8796aa;line-height:1.6}.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}.tag{font-size:11px;font-weight:800;padding:5px 8px;border-radius:7px;background:#eef2ff;color:#4e60b7}.rowlist{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.rowlist:last-child{border:0}.rowlist small{display:block;color:#8998ad}.stack{display:flex;flex-direction:column;gap:15px}
#toast{position:fixed;right:20px;bottom:25px;background:#12213e;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 20px 50px #040d2466;opacity:0;pointer-events:none;transition:opacity .2s;z-index:200;max-width:380px;font-size:13px}#toast.show{opacity:1}.modal-back{position:fixed;inset:0;background:#08142ec0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}.modal-box{width:min(620px,100%);background:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 80px #06172d66;max-height:min(90vh,850px);overflow:auto}.modal-box h2{margin:0 0 8px;font-size:25px}.modal-box .actions{justify-content:flex-end;margin-top:20px}.modal-box .close{float:right;border:0;background:#f4f6fa;border-radius:9px;padding:6px 11px}
body.dark{--ink:#e2e8f8;--muted:#9bacc7;--canvas:#101828;--card:#17233a;--border:#2b3a53;--shadow:none}.dark .topbar,.dark .cardx,.dark .chat-threads,.dark .chat-main,.dark .agent-panel,.dark .chat-compose{background:#18253d;color:#e9efff}.dark .gl-btn:not(.primary):not(.success),.dark .icon-btn,.dark .quicklinks button{background:#233450;color:#ebf0ff;border-color:#354763}.dark .field input,.dark .field textarea,.dark .field select,.dark .wide-input,.dark .composer textarea{background:#101b31;color:#edf3ff;border-color:#384962}.dark .modal-box{background:#18253d}.dark .gl-table td{border-color:#273952}.dark .bubble{background:#263651;border-color:#344b6c}.dark .bubble.mine{background:#3554df}.dark .header-right select{background:#233450;color:#fff;border-color:#384962}
@media(max-width:1220px){.chat-layout{grid-template-columns:220px minmax(0,1fr)}.agent-panel{display:none}}@media(max-width:950px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .2s;width:268px;min-width:268px}.sidebar.open{transform:translateX(0)}#mobileNav{display:block}.stage{padding:20px}.topbar{padding:16px 20px}.system-ready{display:none}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}.login-panel{margin:70px auto}.stage{padding:15px}.page-intro{align-items:start;flex-direction:column}.grid-cards,.two-col,.form-grid{grid-template-columns:1fr}.dashboard-hero{grid-template-columns:1fr;padding:28px}.dashboard-hero .orb-sm{display:none}.chat-layout{grid-template-columns:1fr;height:calc(100dvh - 160px)}.chat-threads{display:none}.conversation{padding:16px}.bubble{max-width:95%}.agent-panel{display:none}.header-right{gap:7px}.header-right select{width:130px}.crumb{font-size:11px}.header-right .icon-btn{display:none}}