:root{--bg:#070b12;--panel:#0d1420;--panel2:#101a29;--border:#202c3a;--soft:#77889e;--text:#eaf2fb;--cyan:#4baaff;--green:#59d6ac;--amber:#ffc87a;--red:#fa798b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.hidden{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;border-right:1px solid #182430;background:#091019;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 16px 18px}.logo{display:flex;gap:12px;align-items:center;padding:0 12px 42px}.brandmark{height:54px;width:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(140deg,#2b8cf2,#1451a6);font-size:27px;font-weight:950;box-shadow:0 8px 33px #076be02b;letter-spacing:-4px;padding-right:4px}.brandmark span{color:#a3e8d1;font-size:21px;padding-bottom:12px;margin-left:-3px}.brandmark.small{height:38px;width:38px;border-radius:11px;font-size:21px}.brandmark.small span{font-size:13px;margin-left:-3px}.logo strong{display:block;font-size:14px;letter-spacing:3px}.logo small{font-size:9px;letter-spacing:2.3px;color:#7896b1}.side-label{font-size:10px;color:#53657a;font-weight:750;letter-spacing:1.5px;padding:0 14px 14px}.side-label.systems{margin-top:31px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#91a1b5;text-align:left;padding:13px 14px;display:flex;gap:12px;align-items:center;border-radius:9px;font-size:12px;font-weight:620;width:100%}.nav-item:hover{background:#142131;color:#fff}.nav-item.active{background:#13273e;color:#e3f1ff;border:1px solid #23476b}.nav-item>span:first-child{font-size:18px;width:23px;text-align:center;color:#6c9ac5}.nav-count{margin-left:auto;font-size:10px;padding:4px 7px;background:#21344a;border-radius:5px}.sidebar-bottom{margin-top:auto}.account-card{border:1px solid #1f3448;border-radius:11px;background:linear-gradient(140deg,#11263b,#0c1826);padding:16px;margin-bottom:16px}.status-line{font-size:9px;letter-spacing:1px;color:#83a2be;display:flex;align-items:center;gap:8px}.status-dot{height:6px;width:6px;border-radius:50%;background:#58dcb0;display:inline-block;box-shadow:0 0 10px #58dcb0}.account-card strong{display:block;margin-top:12px;font-size:12px}.account-card small{color:#7693aa;display:block;font-size:10px;margin-top:6px}.user{border-top:1px solid #1e2a37;padding:18px 6px 0;display:flex;align-items:center;gap:11px}.avatar{width:32px;height:32px;background:#1d3955;border:1px solid #355774;border-radius:9px;display:grid;place-items:center;font-size:11px}.user-lines{overflow:hidden;flex:1}.user-lines strong,.user-lines small{display:block}.user-lines strong{font-size:11px}.user-lines small{color:#71869b;font-size:10px;overflow:hidden;text-overflow:ellipsis}.user button{border:0;background:transparent;color:#8498ad;font-size:24px}.main{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid #1a2733;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#677d93}.breadcrumb span{padding:0 11px;color:#3b536b}.breadcrumb b{color:#bed2e5}.top-actions{display:flex;align-items:center;gap:22px}.environment{display:flex;align-items:center;gap:9px;color:#75d7b5;font-size:10px;font-weight:750;letter-spacing:1px;border:1px solid #214236;background:#0c261e;border-radius:25px;padding:9px 12px}.clock{font-size:11px;color:#7c91a9}.circle-btn{border:1px solid #29394a;background:#101b27;color:#cce3f5;width:34px;height:34px;border-radius:9px;font-size:20px}.page{max-width:1750px;margin:auto;padding:40px 38px 25px;background:radial-gradient(ellipse 56% 29% at 48% -16%,#15365d42,transparent 85%)}.eyebrow{color:#8da4b9;font-size:10px;font-weight:800;letter-spacing:1.65px}.eyebrow-blue{color:#55b8ff;display:flex;align-items:center;gap:9px}.eyebrow-blue i{height:6px;width:6px;background:#4db2ff;border-radius:50%;box-shadow:0 0 12px #4db2ff}.page-title{margin:13px 0 8px;font-size:clamp(35px,4vw,55px);font-weight:720;letter-spacing:-2px}.page-title span{color:#73b6f8}.subtitle{color:#8496a8;margin:0;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:36px 0 20px}.metric{padding:22px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,#111a29,#0c131e);min-height:156px}.metric-name{display:flex;justify-content:space-between;color:#8aa0b6;font-size:10px;font-weight:700;letter-spacing:1px}.metric-name span{font-size:19px;color:#4c7396}.metric-value{font-size:32px;letter-spacing:-1px;font-weight:680;margin-top:17px}.metric-value small{font-size:12px;color:#6b849c;letter-spacing:0}.metric-footer{color:#778ca3;font-size:10px;margin-top:13px}.metric-value.amber{font-size:25px;color:var(--amber);letter-spacing:1px}.tag{font-size:8px;font-weight:800;color:#70d6b5;background:#13392d;border:1px solid #265344;border-radius:4px;padding:4px 6px;margin-right:5px}.neutral{color:#79a8e3}.progress{height:4px;background:#263243;border-radius:4px;margin-top:12px;overflow:hidden}.progress div{width:0;height:100%;background:#54d6b3}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:18px;align-items:start}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#0e1724,#0c121c);border-radius:13px;padding:24px}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.panel-head.compact{margin-bottom:20px}.eyebrow.dim{font-size:9px;color:#6685a1;margin-bottom:11px}.panel h2{font-size:18px;font-weight:680;letter-spacing:-.3px;margin:0}.panel-head p{font-size:11px;color:#71879d;margin:7px 0 0}.count{font-size:9px;padding:6px 7px;margin-left:9px;border:1px solid #28405a;background:#14253a;color:#89afd4;border-radius:5px;vertical-align:middle;letter-spacing:.2px}.text-btn{border:0;background:transparent;color:#67b8ff;white-space:nowrap;font-size:11px}.agents-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.agent{min-height:158px;position:relative;text-align:left;border:1px solid #263448;background:#111e2c;border-radius:11px;padding:15px 13px;color:#e3edf7;transition:transform .15s,border-color .15s}.agent:hover{transform:translateY(-3px);border-color:#427eb2}.agent:focus-visible{outline:2px solid #70baff}.agent-top{display:flex;align-items:center;justify-content:space-between}.agent-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#1b3958;border:1px solid #2a527b;color:#80bbf0;font-size:19px}.agent-chip{font-size:8px;font-weight:800;letter-spacing:.7px;padding:4px 5px;border-radius:4px;color:#a1afbd;background:#25313d}.agent-chip.operational{color:#78dfb9;background:#194237}.agent-chip.planned{color:#d8b987;background:#403523}.agent-chip.off{color:#a1afbd;background:#25313d}.agent-title{font-size:13px;font-weight:700;margin-top:16px}.agent-desc{font-size:10px;line-height:1.5;color:#879caf;margin-top:7px}.agent-foot{margin-top:13px;border-top:1px solid #293b4c;padding-top:10px;font-size:9px;display:flex;align-items:center;gap:6px;color:#7194b0}.agent-foot i{width:5px;height:5px;background:#7194b0;border-radius:50%}.agent-foot.running i{background:#51d4af;box-shadow:0 0 6px #51d4af}.agent-foot.blocked i{background:#e0a363}.panel-note{margin-top:19px;border-top:1px solid #25303d;padding-top:15px;color:#708398;font-size:10px;line-height:1.7;display:flex;gap:9px}.panel-note i{width:7px;height:7px;border-radius:50%;background:#ffc16b;flex-shrink:0;margin-top:4px}.panel-note b{color:#c5a97b}.right-rail{display:grid;gap:18px}.badge-red,.badge-blue{font-size:9px;font-weight:800;letter-spacing:.8px;border:1px solid #613743;color:#f68b99;background:#361d28;border-radius:5px;padding:7px 9px}.badge-blue{border-color:#294969;color:#79baff;background:#142840}.big-lock{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;margin:18px auto 18px;background:radial-gradient(circle,#282033,#161a28);border:1px solid #4e2c39;font-size:50px;color:#e07a98;position:relative}.lock-orbit{position:absolute;inset:-12px;border:1px dashed #493044;border-radius:50%}.decision-panel{text-align:center}.decision-panel .panel-head{text-align:left}.decision-panel h3{font-size:15px;margin:19px 0 8px}.decision-panel>p{color:#8c9fb3;font-size:11px;line-height:1.7;max-width:290px;margin:0 auto 20px}.checks{text-align:left;border-top:1px solid #233140;padding-top:10px}.check{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;font-size:11px;color:#a2b4c5;border-bottom:1px solid #1c2937}.check b{font-size:9px;letter-spacing:.5px}.check b.pass{color:#65d7ab}.check b.fail{color:#f2a36d}.decision-footer{color:#d78291;letter-spacing:.8px;font-size:9px;font-weight:800;padding-top:18px}.red-dot{display:inline-block;height:6px;width:6px;background:#ff7890;border-radius:50%;margin-right:8px}.live-pill{font-size:9px;color:#c9a574;border:1px solid #5f4931;border-radius:5px;padding:6px}.live-pill.ok{color:#75dab1;border-color:#2b5b49}.market-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #263345;padding:14px 0}.pair{font-size:12px;font-weight:750}.pair span{display:block;color:#6f879e;font-size:10px;margin-top:5px;font-weight:400}.pair-price{text-align:right;font-size:15px;font-weight:700}.pair-price span{display:block;font-size:9px;font-weight:650;margin-top:5px}.pair-price span.up{color:#6ad2ab}.pair-price span.down{color:#ffa87e}.market-placeholder{font-size:11px;line-height:1.6;color:#91a3b6;padding:17px 0}.tiny-muted{color:#687d92;font-size:10px;margin-top:15px}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:18px}.event{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #1e2b38;padding:14px 0}.event-icon{height:27px;width:27px;display:grid;place-items:center;background:#1b3145;border-radius:7px;color:#9ac7e7;flex-shrink:0}.event b{display:block;font-size:11px}.event p{font-size:10px;color:#96a7b6;margin:6px 0}.event time{font-size:9px;color:#637f97}.small-dim{font-size:9px;color:#7792ab;letter-spacing:1px}.safety-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #1e2b38;padding:13px 0;color:#7f94ab;font-size:11px}.safety-row b{color:#c9d9e6;font-size:10px;text-align:right}.safety-row .red-text{color:#ff8f9f}.note{color:#71869c;font-size:10px;line-height:1.7;margin:18px 0 0}footer{margin-top:24px;padding:20px 0 0;border-top:1px solid #1d2b39;color:#60809f;font-size:9px;font-weight:750;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px}footer span{color:#4e647b}.login-screen{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 50% 15%,#12335770,transparent 53%),#070b12}.login-card{width:100%;max-width:450px;background:#0f1723;border:1px solid #2c4056;border-radius:19px;padding:36px;position:relative;box-shadow:0 35px 130px #0008}.login-card .brandmark{margin-bottom:30px}.login-card h1{font-size:30px;letter-spacing:-1.2px;line-height:1.13;margin:16px 0 15px}.login-card h1 em{color:#6bb9ff;font-style:normal}.muted{color:#91a4b8;font-size:12px;line-height:1.6;margin-bottom:30px}.login-card label{display:block;font-weight:630;color:#bfcfdd;font-size:11px;margin-top:17px}.login-card input{display:block;width:100%;background:#0a121d;border:1px solid #304156;padding:14px;border-radius:8px;margin-top:9px;color:#f0f8ff;outline:none}.login-card input:focus{border-color:#4baaff}.primary{background:linear-gradient(105deg,#2587e8,#1760bb);border:0;border-radius:8px;color:white;padding:15px;width:100%;margin-top:21px;display:flex;justify-content:space-between;font-size:12px;font-weight:750}.login-foot{display:flex;align-items:center;justify-content:center;gap:9px;color:#758da3;font-size:9px;letter-spacing:1px;margin-top:25px}.dot.purple{height:6px;width:6px;border-radius:50%;background:#8c83ff}.error{color:#fa8699;font-size:11px;min-height:13px;margin-top:10px}.drawer-backdrop{position:fixed;inset:0;background:#0009;z-index:10}.drawer{position:fixed;z-index:11;right:0;top:0;bottom:0;width:min(440px,100%);background:#101b29;border-left:1px solid #37506a;padding:44px 30px;box-shadow:-20px 0 65px #0009;overflow:auto}.drawer h2{font-size:28px;margin:15px 0}.drawer p{line-height:1.75;color:#a5b8c9}.drawer .close{position:absolute;right:23px;top:21px;border:1px solid #32465c;background:#18283a;color:#d2e3f2;width:35px;height:35px;border-radius:8px;font-size:23px}.drawer .drawer-label{font-size:10px;color:#7c9bb5;margin:25px 0 10px}.drawer .drawer-box{border:1px solid #2b4259;background:#152538;border-radius:10px;padding:16px;line-height:1.65;font-size:12px}.toggle{border:1px solid #32577b;background:#1a4166;color:#c5e9ff;border-radius:8px;padding:11px 14px;margin-top:25px}.toggle:disabled{border-color:#344354;background:#24303d;color:#91a2b3}@media(max-width:1400px){.agents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}}@media(max-width:1020px){.sidebar{width:76px;padding:20px 9px}.sidebar .logo>div:last-child,.side-label,.sidebar nav .nav-item:not(.active) .nav-count,.nav-item{font-size:0}.logo{padding:0 9px 38px}.nav-item{justify-content:center;padding:12px 4px}.nav-item>span:first-child{font-size:22px}.account-card,.user-lines,.user button{display:none}.user{justify-content:center;padding:10px 0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.agents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.right-rail{grid-template-columns:1fr 1fr}.page{padding:30px 24px}}@media(max-width:700px){.sidebar{position:fixed;z-index:5;bottom:0;top:auto;height:60px;min-height:0;width:100%;padding:4px 10px;border-right:0;border-top:1px solid #263447}.sidebar .logo,.sidebar .side-label,.sidebar-bottom,.sidebar nav:nth-of-type(2){display:none}.sidebar nav{display:flex;justify-content:space-around}.nav-item{width:50px;min-width:0}.topbar{height:58px;padding:0 17px}.clock{display:none}.page{padding:25px 14px 90px}.page-title{font-size:38px}.metrics{gap:9px;margin:25px 0 14px}.metric{min-height:135px;padding:15px}.metric-value{font-size:25px}.metric-name{font-size:8px}.metric-footer{font-size:9px}.agents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.agent{min-height:155px;padding:12px 10px}.panel{padding:17px}.right-rail,.bottom-grid{grid-template-columns:1fr}.content-grid{gap:14px}.count{display:none}.panel h2{font-size:17px}.text-btn{font-size:9px}footer span{display:none}}