:root{--ink:#18213d;--muted:#77809a;--line:#e9eaf2;--bg:#f6f7fb;--purple:#6e51e5;--purple2:#8f76f5;--green:#2ebc8b;--red:#ec5d68;--orange:#ee9c43;--shadow:0 12px 35px rgba(38,31,82,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif}.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:fixed;width:236px;height:100vh;padding:28px 18px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:11px;align-items:center;padding:0 9px 30px}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(145deg,#8c77f2,#6041d4);box-shadow:0 8px 18px #d8d0fc}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{color:#9a9fb2;font-size:10px;margin-top:1px;letter-spacing:.5px}.sidebar nav{display:grid;gap:7px}.nav-item{position:relative;border:0;background:transparent;color:#727991;border-radius:11px;padding:12px 14px;text-align:left;font:500 13px inherit;cursor:pointer}.nav-item span{display:inline-grid;width:25px;font-size:17px}.nav-item i{position:absolute;right:14px;background:#f06b75;color:#fff;border-radius:12px;font-style:normal;font-size:10px;padding:2px 7px}.nav-item.active{background:#f0edff;color:#6548d3;font-weight:600}.sidebar-bottom{margin-top:auto}.system-card{margin:0 3px 18px;padding:12px;display:flex;gap:10px;align-items:center;background:#f6f9f8;border-radius:10px}.system-card b,.system-card small{display:block;font-size:11px}.system-card small{color:#8c939f;margin-top:3px}.live-dot,.status-pill i,.drawer-title p i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #dff6ee;display:inline-block}.profile{border:0;border-top:1px solid var(--line);background:none;padding:17px 5px 0;width:100%;display:flex;align-items:center;gap:9px;text-align:left}.profile>span{width:35px;height:35px;border-radius:10px;background:#e8e2ff;color:#6549d6;display:grid;place-items:center;font-weight:700}.profile b,.profile small{display:block}.profile b{font-size:12px}.profile small{font-size:9px;color:#9ba0af;margin-top:3px}.profile em{margin-left:auto;color:#9ca1af}main{grid-column:2;padding:32px 40px 70px;max-width:1660px;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#9a91c4;margin:0 0 6px}.topbar h1{font-size:23px;margin:0;letter-spacing:-.5px}.topbar h1 span{font-size:19px}.top-actions{display:flex;gap:10px}.icon-btn,.primary-btn,.ghost-btn,.light-btn{border:0;cursor:pointer;font:500 12px inherit}.icon-btn{width:38px;height:38px;border-radius:10px;background:#fff;color:#6c7288;box-shadow:0 3px 12px rgba(35,31,58,.05)}.has-alert{position:relative}.has-alert:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#ef6470;right:9px;top:7px}.primary-btn{border-radius:10px;color:#fff;padding:0 17px;background:linear-gradient(135deg,#7f62eb,#6343d6);box-shadow:0 8px 20px #d9d0fa}.hero{min-height:207px;border-radius:19px;padding:35px 37px;display:flex;justify-content:space-between;align-items:flex-end;color:#fff;background:radial-gradient(circle at 74% 15%,rgba(255,255,255,.15),transparent 19%),radial-gradient(circle at 92% 90%,rgba(125,230,202,.13),transparent 24%),linear-gradient(125deg,#6b4dd4,#8164ec 55%,#5b43c7);box-shadow:0 18px 38px rgba(82,55,180,.18);overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:150px;top:-130px}.hero-copy{display:flex;gap:21px;align-items:flex-start}.agent-orb{width:47px;height:47px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#dcd3ff);color:#7153dd;font-size:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 9px 20px rgba(44,25,114,.25)}.agent-orb.small{width:40px;height:40px;border-radius:12px}.status-pill{font-size:10px;padding:6px 10px;border-radius:20px;background:rgba(255,255,255,.13)}.status-pill i{width:6px;height:6px;margin-right:6px;box-shadow:none}.hero h2{font-size:25px;line-height:1.45;margin:15px 0 8px;font-weight:500}.hero h2 strong{color:#d8ffed}.hero p{font-size:11px;color:#e3ddfa;margin:0}.hero-actions{display:flex;gap:9px;position:relative;z-index:1}.ghost-btn,.light-btn{border-radius:9px;padding:11px 16px}.ghost-btn{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.23)}.light-btn{color:#5f43cc;background:#fff}.light-btn span{padding-left:12px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:17px 0}.metric-card{background:#fff;border:1px solid #eeeeF4;border-radius:14px;padding:18px 17px;min-height:111px;box-shadow:0 5px 16px rgba(33,29,70,.025)}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f0edff;color:#6f52dc}.metric-delta{font-size:9px;color:var(--green);background:#eaf9f4;padding:3px 6px;border-radius:10px}.metric-delta.bad{color:var(--red);background:#fff0f1}.metric-value{font-size:23px;font-weight:700;margin-top:12px}.metric-label{font-size:10px;color:#8b91a3;margin-top:3px}.content-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:15px;margin-top:15px}.content-grid.lower{grid-template-columns:1.25fr 1fr}.panel{background:#fff;border:1px solid #ececf3;border-radius:15px;padding:20px 21px;box-shadow:0 5px 18px rgba(38,31,82,.03)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h3{font-size:14px;margin:0}.panel-head p{font-size:9px;color:#9ba0b0;margin:5px 0 0}.legend{display:flex;align-items:center;gap:12px;color:#7d8498;font-size:9px}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.legend .purple{background:var(--purple)}.legend .green{background:var(--green)}.legend button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;color:#7a8093;font:inherit}.chart{height:210px;margin-top:16px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart-label{font-size:9px;fill:#9ca1b1}.chart-tip{font-size:9px;fill:#5c4770}.text-btn{border:0;background:none;color:#6e52d8;font:500 9px inherit;cursor:pointer}.region-row{display:grid;grid-template-columns:61px 1fr 39px;gap:9px;align-items:center;margin-top:17px}.region-name{font-size:10px}.bar{height:6px;background:#eff0f5;border-radius:6px;overflow:hidden}.bar i{height:100%;display:block;border-radius:6px;background:linear-gradient(90deg,#8b74eb,#6649d5)}.region-meta{text-align:right}.region-meta b{font-size:10px}.region-meta small{display:block;color:#a0a4b2;font-size:8px}.alert-row{display:grid;grid-template-columns:9px 1fr auto;gap:12px;padding:14px 2px;border-bottom:1px solid #f0f0f5;align-items:start}.alert-row:last-child{border-bottom:0}.severity{width:8px;height:8px;border-radius:50%;margin-top:4px;background:var(--orange);box-shadow:0 0 0 4px #fff5e8}.severity.critical{background:var(--red);box-shadow:0 0 0 4px #ffebed}.alert-row b{font-size:11px;display:block}.alert-row p{font-size:9px;color:#8f95a6;margin:5px 0 0}.alert-side{text-align:right}.alert-side span{display:block;font-size:8px;padding:3px 6px;border-radius:8px;background:#f4f2ff;color:#7457d9}.alert-side small{font-size:8px;color:#a5a9b6}.agent-row{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f0f5}.agent-row:last-child{border:0}.agent-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#f1effc;color:#7155d9}.agent-info{flex:1}.agent-info b{display:block;font-size:10px}.agent-info small{font-size:8px;color:#999eae}.agent-stats{text-align:right}.agent-stats b{font-size:9px;display:block;color:#56a989}.agent-stats small{font-size:8px;color:#aaaeba}.floating-ai{position:fixed;right:25px;bottom:22px;border:0;border-radius:15px;background:#fff;box-shadow:0 12px 38px rgba(51,38,110,.2);padding:10px 13px 10px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;z-index:8;text-align:left}.floating-ai>span{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#8d73ef,#6245d3);display:grid;place-items:center;color:#fff}.floating-ai b,.floating-ai small{display:block}.floating-ai b{font-size:10px}.floating-ai small{font-size:8px;color:#999eb0}.floating-ai i{font-style:normal;color:#7255d8;margin-left:10px}.drawer-backdrop{position:fixed;inset:0;background:rgba(20,18,34,.25);opacity:0;pointer-events:none;transition:.25s;z-index:20}.assistant-drawer{position:fixed;right:0;top:0;height:100vh;width:min(460px,100%);background:#fafafe;z-index:21;transform:translateX(105%);transition:.3s ease;display:flex;flex-direction:column;box-shadow:-15px 0 50px rgba(29,24,62,.16)}body.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}body.drawer-open .assistant-drawer{transform:none}.assistant-drawer header{padding:18px 20px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-title{display:flex;gap:11px;align-items:center}.drawer-title h3{font-size:14px;margin:0}.drawer-title p{font-size:9px;color:#9197a8;margin:4px 0 0}.drawer-title p i{width:6px;height:6px;box-shadow:none;margin-right:5px}.assistant-drawer header>button{border:0;background:none;font-size:25px;color:#9297a5;cursor:pointer}.conversation{padding:24px;overflow-y:auto;flex:1}.welcome{text-align:center;margin-top:65px}.welcome .agent-orb{margin:0 auto}.welcome h2{font-size:20px;margin:18px 0 8px}.welcome>p{font-size:11px;color:#858b9e;line-height:1.7;max-width:330px;margin:auto}.suggestions{display:grid;gap:8px;margin:22px auto;max-width:340px}.suggestions button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px;text-align:left;color:#687087;font:10px inherit;cursor:pointer}.suggestions button:hover{border-color:#b8a9ef;color:#6547d1}.composer{margin:14px 18px 18px;background:#fff;border:1px solid #deddea;border-radius:13px;padding:11px;position:relative}.composer textarea{border:0;outline:0;resize:none;width:calc(100% - 42px);font:11px inherit;color:var(--ink);min-height:40px}.composer>button{position:absolute;right:11px;top:10px;width:32px;height:32px;border:0;border-radius:9px;background:#6e50d9;color:#fff;cursor:pointer}.composer small{display:block;color:#a4a8b4;font-size:8px}.user-message{max-width:84%;margin:0 0 18px auto;background:#7052da;color:#fff;border-radius:14px 14px 3px 14px;padding:11px 13px;font-size:11px}.thinking{color:#838a9d;font-size:10px;padding:12px}.answer-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow)}.route{font-size:8px;color:#8e78db;background:#f2efff;border-radius:8px;padding:6px 8px;display:inline-block}.answer-card h3{font-size:14px;line-height:1.5;margin:13px 0 8px}.answer-card>p{font-size:10px;line-height:1.7;color:#676f84}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.evidence{background:#f7f7fb;border-radius:9px;padding:9px}.evidence b{font-size:13px;display:block}.evidence small{font-size:7px;color:#969baa}.answer-card h4{font-size:10px;margin:15px 0 8px}.answer-card ol{padding-left:18px;margin:0}.answer-card li{font-size:9px;color:#687085;margin:7px 0;line-height:1.5}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#24243b;color:#fff;padding:11px 16px;border-radius:10px;font-size:10px;opacity:0;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.content-grid,.content-grid.lower{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}main{grid-column:auto;padding:21px 15px 90px}.topbar h1{font-size:19px}.top-actions .icon-btn{display:none}.hero{padding:25px 20px;display:block}.hero-copy{gap:13px}.hero h2{font-size:19px}.hero-actions{margin:22px 0 0 60px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card:last-child{grid-column:span 2}.legend{display:none}.content-grid{display:block}.panel{margin-top:13px}.floating-ai{right:15px}.agent-orb{width:41px;height:41px}.topbar{align-items:flex-end}}