:root{
  --bg:#f8f9fa;--paper:#fff;--line:#d6d6d6;--line2:#ececec;--ink:#101214;--muted:#5f6368;--dim:#8a8f94;
  --blue:#0a192f;--accent:#e48b3d;--accent-soft:#fff4eb;--green:#137a38;--red:#b42318;--amber:#a45b00;
  --mono:"JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,monospace;--sans:"Hanken Grotesk",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}
.login{min-height:100vh;display:grid;grid-template-columns:minmax(360px,560px) minmax(0,1fr);gap:80px;align-items:center;padding:6vh 7vw;background:
radial-gradient(circle at 76% 22%,rgba(228,139,61,.14),transparent 28rem),linear-gradient(135deg,#f4f5f6,#fff)}
.login-card{background:var(--paper);border:1px solid #bfc3c7;box-shadow:0 18px 48px rgba(10,25,47,.12)}
.login-head{padding:44px;text-align:center;border-bottom:1px solid var(--line)}.brand-mark{font-size:38px;font-weight:900;letter-spacing:-.05em}.brand-mark span{color:var(--accent)}
.login-head p,.subtitle{color:var(--muted);line-height:1.55}.kicker,.label,.eyebrow,.nav small,.tag,.status{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}
.kicker,.accent{color:var(--accent)}.login-form{padding:34px 44px 44px}.field{display:grid;gap:7px;margin:14px 0}.input,select{width:100%;height:44px;border:1px solid #bfc3c7;background:#fff;padding:10px 12px;outline:none}
.input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,25,47,.08)}.error{color:var(--red);font-weight:800}
.btn{min-height:40px;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:10px 14px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;font-weight:800;display:inline-flex;align-items:center;gap:8px;justify-content:center}
.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:#fff;color:var(--ink)}.btn.blue{background:var(--blue);border-color:var(--blue)}
.login-side h1{font-size:54px;line-height:1;margin:0 0 18px}.intel-list{display:grid;gap:14px;margin-top:28px}.intel-card{border-left:3px solid var(--accent);background:#fff7f1;padding:18px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.login-proof{display:flex;gap:8px;align-items:center;margin-top:28px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;border:2px solid #fff;font-family:var(--mono);font-size:11px;margin-left:-8px}.avatar:first-child{margin-left:0}.lang{display:flex;gap:5px}.lang button{border:1px solid var(--line);background:#fff;padding:7px 9px;font-family:var(--mono);font-size:11px}.lang .active{background:var(--ink);color:#fff}
.app{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#eee;border-right:1px solid var(--line);display:flex;flex-direction:column}
.side-brand{padding:24px;border-bottom:1px solid var(--line)}.side-brand h2{margin:0;font-size:26px}.side-brand p{margin:3px 0 0;font-family:var(--mono);letter-spacing:.14em;font-size:12px}
.nav{display:grid;padding:16px 10px;gap:4px}.nav button{min-height:43px;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#3d4145;text-align:left;padding:10px 12px;font-weight:800}
.nav button.active,.nav button:hover{background:#000;color:#fff}.nav i{width:28px;height:28px;border:1px solid #c7c7c7;display:grid;place-items:center;font-style:normal;font-family:var(--mono);font-size:11px}.nav button.active i{border-color:#fff}
.side-bottom{margin-top:auto;padding:16px;border-top:1px solid var(--line)}.main{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:18px;position:sticky;top:0;z-index:20}
.search{width:min(420px,40vw);height:42px;background:#f1f2f3;border:0;padding:0 14px}.top-actions{display:flex;align-items:center;gap:12px}.menu{display:none}.content{padding:26px 32px 96px;max-width:1720px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.page-head h1{font-size:46px;line-height:1;margin:7px 0 6px}.page-head p{margin:0;color:var(--muted);font-size:18px}
.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.main-grid{grid-template-columns:minmax(0,1.35fr) 390px}.wide-grid{grid-template-columns:360px minmax(0,1fr)}
.card,.metric,.table-wrap,.panel{background:#fff;border:1px solid var(--line);min-width:0}.card,.panel{padding:20px}.metric{padding:18px}.metric b{display:block;font-size:28px;margin:8px 0;font-weight:850}.metric small,.muted{color:var(--muted);line-height:1.5}.metric .trend{font-family:var(--mono);font-size:12px;color:var(--green);font-weight:800}
.insight{background:var(--accent-soft);border-left:3px solid var(--accent);padding:18px}.dark{background:var(--blue);color:#fff}.dark .muted,.dark small{color:#cdd6e3}.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;width:max-content;border:1px solid var(--line);padding:5px 8px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#fff}.chip.ok{color:var(--green);border-color:#7bc89a}.chip.warn{color:var(--amber);border-color:#f0a34a}.chip.risk{color:var(--red);border-color:#e88880}.chip.dark{background:#000;color:#fff}.chip.accent{color:var(--accent);border-color:var(--accent)}
table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--line2);padding:11px 12px;font-size:14px;vertical-align:top}th{background:#eee;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#444}.table-wrap{overflow:auto}
.bar{height:8px;background:#e8e8e8;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--blue));transition:width .4s}.ticker{display:grid;gap:10px;max-height:540px;overflow:auto}.event{border:1px solid var(--line2);border-left:3px solid var(--accent);padding:12px;background:#fff}.event p{margin:4px 0 0}.chat{display:grid;gap:12px}.bubble{padding:14px;border:1px solid var(--line);max-width:82%;line-height:1.45}.bubble.user{justify-self:end;background:#111;color:#fff}.bubble.ai{background:var(--accent-soft);border-left:3px solid var(--accent)}
.chart{height:320px;display:flex;align-items:end;gap:10px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;background:linear-gradient(#fff,#fafafa)}.chart div{flex:1;background:linear-gradient(180deg,var(--accent),#f6d1b0);min-height:20px;position:relative}.chart div::after{content:attr(data-label);position:absolute;bottom:-24px;left:0;font-family:var(--mono);font-size:10px;color:#666}
.heatmap{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.heat{aspect-ratio:1;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-size:11px}.h1{background:#e9f7ef}.h2{background:#fff1db}.h3{background:#ffe1dd}.map{height:360px;position:relative;background:linear-gradient(135deg,#f1f2f3,#fff);overflow:hidden}.pin{position:absolute;width:170px;border:1px solid var(--line);background:#fff;padding:10px}.pin::before{content:"";position:absolute;right:10px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.twin{height:360px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.machine{border:1px solid var(--line);background:#fff;display:grid;align-content:center;text-align:center;position:relative}.machine::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--load);background:rgba(228,139,61,.20)}.machine b,.machine span{position:relative;z-index:1}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agent{position:relative;overflow:hidden}.agent::before{content:"";position:absolute;inset:0 100% 0 0;background:rgba(228,139,61,.12);animation:sweep 3s infinite}.agent:nth-child(2n)::before{animation-delay:.8s}@keyframes sweep{50%{inset:0 0 0 0}100%{inset:0 0 0 100%}}
.sim{position:fixed;right:22px;bottom:22px;z-index:60;width:min(520px,calc(100vw - 44px));max-height:60vh;overflow:auto;background:#fff;border:1px solid #111;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:16px}.sim-step{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:8px 0}.sim-step b{width:22px;height:22px;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-size:11px}.sim-step.done b{background:var(--green);color:#fff;border-color:var(--green)}
.doc-preview{height:210px;background:#fafafa;border:1px dashed #bbb;padding:16px;display:grid;gap:9px}.doc-line{height:10px;background:#dedede}.doc-line.short{width:55%}.command{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:40;width:min(680px,calc(100vw - 40px));background:#fff;border:1px solid #111;padding:9px;display:flex;gap:8px}.command input{flex:1}
.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:80;display:grid;place-items:center}.modal{width:min(840px,calc(100vw - 40px));max-height:86vh;overflow:auto;background:#fff;border:1px solid #111;padding:22px}.hidden{display:none!important}
@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;transform:translateX(-105%);transition:.2s;width:286px}.app.open .sidebar{transform:translateX(0)}.menu{display:inline-flex}.main-grid,.wide-grid,.cols-5,.cols-4,.cols-3,.cols-2,.login{grid-template-columns:1fr}.search{width:100%}.topbar{height:auto;min-height:72px;align-items:flex-start;flex-direction:column;padding:14px 18px}.content{padding:20px}.command{display:none}.page-head{align-items:flex-start;flex-direction:column}.agent-grid{grid-template-columns:1fr}.twin{grid-template-columns:repeat(2,1fr)}} 
@media(max-width:640px){.login{padding:18px;gap:24px}.login-head,.login-form{padding:24px}.login-side h1,.page-head h1{font-size:36px}.top-actions{flex-wrap:wrap}.heatmap{grid-template-columns:repeat(3,1fr)}.twin{grid-template-columns:1fr}}