*{box-sizing:border-box}:root{--bg:#070b11;--sidebar:#0a1018;--panel:#0d141e;--panel2:#111a26;--line:#1c2735;--text:#e9eef5;--muted:#78879a;--soft:#aab5c3}html,body,#root{margin:0;min-height:100%;width:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button{font:inherit}.app{min-height:100vh;background:var(--bg)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:264px;background:var(--sidebar);border-right:1px solid var(--line);z-index:50;display:flex;flex-direction:column;transition:width .22s ease}.is-collapsed .sidebar{width:76px}.content{margin-left:264px;min-height:100vh;width:calc(100% - 264px);transition:.22s ease}.is-collapsed .content{margin-left:76px;width:calc(100% - 76px)}.brand{height:82px;display:flex;align-items:center;padding:0 17px;gap:12px;border-bottom:1px solid var(--line)}.brand-logo{height:42px;width:42px;border-radius:12px;background:#f3f6fa;color:#080d14;display:grid;place-items:center;font-weight:900;font-size:23px}.brand-text strong{display:block;letter-spacing:1.7px;font-size:15px}.brand-text small{display:block;color:#657489;font-size:8px;letter-spacing:1.2px;margin-top:4px}.mobile-x{display:none}.menu-label{padding:20px 18px 7px;color:#536276;font-size:9px;letter-spacing:1.5px;font-weight:700}nav{padding:5px 10px;display:flex;flex-direction:column;gap:4px}.nav-item{height:45px;border:0;border-radius:9px;background:transparent;color:#7f8da0;display:flex;align-items:center;gap:13px;padding:0 12px;cursor:pointer;text-align:left;width:100%}.nav-item:hover{background:#111a26;color:#e9eef5}.nav-item.selected{background:#182332;color:#fff}.nav-item svg{flex:none}.nav-item span{font-size:12px;white-space:nowrap}.nav-arrow{margin-left:auto}.side-bottom{margin-top:auto;padding:14px;border-top:1px solid var(--line)}.paper-badge{height:30px;display:flex;align-items:center;gap:8px;color:#7f8da0;font-size:9px;letter-spacing:1px;padding-left:7px}.paper-badge span{width:7px;height:7px;border-radius:50%;background:#8492a4}.collapse{height:42px;border:1px solid var(--line);background:transparent;color:#8190a2;border-radius:9px;width:100%;display:flex;justify-content:center;align-items:center;gap:9px;cursor:pointer}.collapse:hover{background:#111a26;color:#fff}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;background:#090e15;gap:20px}.page-title{flex:1}.page-title small{font-size:9px;letter-spacing:1.5px;color:#657489}.page-title h1{font-size:21px;margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:11px}.market-state{font-size:9px;border:1px solid var(--line);padding:8px 10px;border-radius:18px;color:#8d9aab;letter-spacing:.5px}.market-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#788697;margin-right:6px}.icon-btn{height:36px;width:36px;background:transparent;border:1px solid var(--line);border-radius:9px;color:#8290a2;display:grid;place-items:center}.avatar{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:#1a2635;font-weight:700}main{width:min(1500px,100%);margin:auto;padding:28px 30px 50px}.welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.welcome h2{font-size:22px;margin:0 0 5px}.welcome p{margin:0;color:#718095;font-size:12px}.mode-pill{display:flex;align-items:center;gap:7px;border:1px solid #303d4e;border-radius:20px;padding:8px 11px;color:#a2adbb;font-size:9px;letter-spacing:.7px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{min-height:125px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;gap:14px}.stat-icon{height:38px;width:38px;border-radius:9px;background:#141e2a;display:grid;place-items:center;color:#8c9bad;flex:none}.stat-info small{display:block;color:#718095;font-size:10px}.stat-info strong{display:block;font-size:23px;margin:10px 0 4px}.stat-info span{color:#5f6d80;font-size:9px}.main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:14px;margin-top:14px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:14px;margin-top:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;padding:19px}.panel.large{min-height:390px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.panel-head b{font-size:12px}.panel-head small{display:block;color:#5f6d80;font-size:9px;margin-top:4px}.more{border:0;background:transparent;color:#66758a;letter-spacing:2px}.chart-area{height:315px}.chart-top{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.chart-top b{font-size:11px}.chart-top small{display:block;color:#657489;font-size:9px;margin-top:4px}.time-tabs{display:flex;gap:4px}.time-tabs>*{font-size:9px;padding:6px 8px;border-radius:6px;color:#68778a}.time-tabs b{background:#192432;color:#d8e0e9}.chart-placeholder{height:245px;border:1px dashed #263344;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#69788b;gap:8px}.chart-placeholder strong{font-size:12px;color:#929eac}.chart-placeholder span{font-size:10px}.safety{padding-top:13px}.safe-row{display:flex;align-items:center;gap:9px;background:var(--panel2);padding:12px;border-radius:8px;margin-bottom:7px;color:#8c9aab;border:1px solid transparent;width:100%;text-align:left;cursor:pointer}.safe-row:hover,.safe-row:focus-visible{border-color:#1a78ad;background:#0c2b47;color:#e9f7ff}.safe-row span{font-size:10px;flex:1}.safe-row b{font-size:8px;color:#aab5c3}.locked{margin-top:14px;border:1px solid #283546;border-radius:8px;padding:11px;display:flex;align-items:center;gap:8px;color:#ffbf69;font-size:9px;background:#b87a2214;width:100%;cursor:pointer;text-align:left}.locked:hover,.locked:focus-visible{border-color:#ffbf69}.rows{padding-top:8px}.row{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #182230}.row:last-child{border:0}.row-icon{height:30px;width:30px;border-radius:8px;background:#141e2a;display:grid;place-items:center;color:#8190a2}.row>div:nth-child(2){flex:1}.row b{display:block;font-size:10px}.row small{display:block;color:#5f6d80;font-size:8px;margin-top:3px}.on{font-size:8px;color:#9eabb9;border:1px solid #2b3848;border-radius:12px;padding:5px 7px}.status-box{padding-top:10px}.status-line{display:flex;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid #182230;color:#8190a2}.status-line span{flex:1;font-size:10px}.status-line b{font-size:8px;color:#aeb8c5}.screen-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.metric{min-height:88px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#0b121c}.metric small{display:block;color:#718095;font-size:10px}.metric strong{display:block;margin-top:9px;font-size:18px;letter-spacing:.02em}.workspace-grid{margin-top:14px}.workspace-copy{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:290px;padding:24px 4px}.workspace-copy.compact{min-height:0;padding:15px 0 6px}.workspace-copy h3{font-size:21px;margin:14px 0 7px}.workspace-copy p{max-width:560px;margin:0;color:#8795a7;font-size:13px;line-height:1.65}.workspace-icon{width:48px;height:48px;border:1px solid #26364a;border-radius:13px;display:grid;place-items:center;color:#a8b8ca;background:#101a27}.section-kicker{margin-top:18px;color:#718095;font-size:9px;letter-spacing:1.4px}.workspace-empty{display:flex;align-items:center;gap:9px;margin-top:25px;padding:11px 13px;border:1px dashed #2b3b50;border-radius:9px;color:#8d9bad;font-size:11px}.notice-bar{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:16px 18px;border:1px solid #314055;border-radius:12px;background:#0b121c;color:#a7b3c1}.notice-bar svg{margin-top:2px;flex:none}.notice-bar b,.notice-bar span{display:block}.notice-bar b{font-size:11px}.notice-bar span{margin-top:4px;color:#7f8da0;font-size:11px;line-height:1.5}.mobile-menu,.overlay{display:none}@media(max-width:1000px){.stats,.screen-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid,.lower-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translate(-100%);width:264px!important}.sidebar.mobile-show{transform:translate(0)}.content,.is-collapsed .content{margin-left:0;width:100%}.mobile-x{display:block;margin-left:auto;border:0;background:transparent;color:#8290a2}.mobile-menu{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:9px;background:transparent;color:#aab5c3}.overlay{display:block;position:fixed;inset:0;background:#0000008c;z-index:40}.topbar{padding:0 16px}.market-state{display:none}main{padding:20px 16px 40px}.welcome{gap:10px}.welcome h2{font-size:19px}.welcome p{font-size:10px}.mode-pill{font-size:8px}}@media(max-width:520px){.stats,.screen-metrics{grid-template-columns:1fr}.top-actions .icon-btn{display:none}.welcome{display:block}.mode-pill{width:max-content;margin-top:12px}.panel{padding:15px}.chart-placeholder{height:210px}.panel.large{min-height:350px}}.data-panel{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.data-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.data-panel-head .section-kicker{margin:0}.data-panel-head h3{margin:8px 0 0;font-size:15px}.table-wrap{overflow:auto;margin-top:18px;border:1px solid #263648;border-radius:10px}table{width:100%;min-width:680px;border-collapse:collapse}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #223143}th{background:#101b27;color:#8fa0b3;font-size:9px;letter-spacing:.08em;text-transform:uppercase}td{color:#a9b6c5;font-size:12px}.table-empty{min-height:86px;display:flex;align-items:center;justify-content:center;gap:10px;color:#8494a7}.table-empty svg{color:#45d5a0}:root{--bg:#020b1a;--sidebar:#041126;--panel:#07182e;--panel2:#0b203b;--line:#155083;--text:#ebf7ff;--muted:#7fa1bd;--cyan:#00c8ff;--cyan-soft:rgba(0,200,255,.13)}body{background:radial-gradient(circle at 70% -20%,#083466 0,transparent 32%),var(--bg)}.sidebar{background:linear-gradient(180deg,#061730,#030d1e);border-right-color:#16629b;box-shadow:8px 0 30px #00000059}.brand{height:72px;border-bottom-color:#17639b}.brand-logo{background:linear-gradient(135deg,#00d5ff,#0876d9);color:#fff;box-shadow:0 0 18px #00c8ff66}.nav-item{height:39px;border:1px solid transparent;font-size:12px}.nav-item:hover{background:#0b2a49;border-color:#17639b;transform:none}.nav-item.selected{background:linear-gradient(90deg,#07528b,#082d51);box-shadow:inset 3px 0 #00d5ff;border-color:#1674b5}.paper-badge span,.market-state i{background:#00e5a0;box-shadow:0 0 8px #00e5a0}.topbar{height:72px;background:#030d1ee6;border-bottom-color:#17639b}.page-title h1{font-size:19px}.market-state{border-color:#17639b;background:#08213a;color:#9ac8e5}.icon-btn,.collapse{border-color:#17639b;background:#071b31}.panel,.data-panel,.metric{border-color:#155083;background:linear-gradient(145deg,#09213c,#06152a);border-radius:8px;box-shadow:inset 0 1px #64d2ff0f}.panel{padding:16px}.panel-head{padding-bottom:12px;border-bottom-color:#12446f}.metric{min-height:76px;padding:14px}.metric strong{color:#dff7ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.screen-metrics{gap:10px}.terminal-grid,.main-grid{gap:10px;margin-top:10px}.chart-surface{height:220px;border-color:#17639b;background:#04152a}.chart-grid{opacity:.78}.status-chip{border-color:#1674b5;background:#06345d;color:#65dfff}.checklist>div{padding:10px 2px;border-bottom-color:#12446f}.live-lock,.mode-pill{border-color:#b87a22;background:#b87a221f}.paper-pill{border-color:#087da9;background:#00c8ff1f;color:#65dfff}.notice-bar{margin-top:10px;border-color:#155083;background:#061a31}.data-panel{margin-top:10px;padding:16px}.table-wrap{margin-top:12px;border-color:#155083;border-radius:7px}th{padding:10px 13px;background:#082442;color:#80cef3}td{padding:11px 13px;border-bottom-color:#103c62}.table-empty{min-height:64px}.welcome{margin-bottom:14px}main{padding-top:22px}@media(max-width:760px){.topbar{height:64px}.nav-item{height:42px}.screen-metrics{gap:8px}}:root{--accent:#45d5a0;--locked:#ffbf69}.sidebar{box-shadow:10px 0 32px #00000024}.nav-item{transition:background .18s,color .18s,transform .18s}.nav-item:hover{background:#172231;color:#f4f8fc;transform:translate(2px)}.nav-item.selected{background:linear-gradient(90deg,#45d5a02e,#182a35);box-shadow:inset 3px 0 var(--accent)}.topbar{padding:0 36px;background:#090e15ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}main{width:min(1680px,100%);padding:34px 36px 56px}.mode-stack{display:flex;gap:8px;align-items:center}.paper-pill{padding:8px 11px;border:1px solid rgba(69,213,160,.35);border-radius:20px;background:#45d5a01a;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.75px}.mode-pill{border-color:#ffbf697a;background:#ffbf6914;color:var(--locked);font-weight:800}.metric{background:linear-gradient(145deg,#121d29,#0d151f);border-radius:14px;transition:border-color .18s,transform .18s}.metric:hover,.panel:hover{border-color:#395069}.metric:hover{transform:translateY(-2px)}.locked-metric strong{color:var(--locked)}.terminal-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,1fr);gap:16px;margin-top:16px}.terminal-side{display:grid;gap:16px;align-content:start}.terminal-head{display:flex;justify-content:space-between;gap:12px}.terminal-head .section-kicker{margin:0}.terminal-head h3{font-size:22px;margin:12px 0 0}.status-chip{height:max-content;padding:7px 9px;border-radius:999px;background:#172432;border:1px solid #3b5168;color:#b7c3d1;font-size:9px;font-weight:800;letter-spacing:.08em}.chart-surface{height:246px;position:relative;overflow:hidden;margin-top:18px;border:1px solid #2b3b4e;border-radius:11px;background:#0c131c}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(#1d2b3a 1px,transparent 1px),linear-gradient(90deg,#1d2b3a 1px,transparent 1px);background-size:42px 42px;opacity:.55}.chart-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:7px;color:#8d9bac;font-size:11px}.chart-empty svg{margin:auto;color:var(--accent)}.chart-empty b{color:#d9e2ec;font-size:13px}.terminal-footer{display:flex;gap:22px;margin-top:14px;color:#8090a4;font-size:10px}.terminal-footer b{margin-left:5px;color:#c8d3df}.checklist{padding-top:10px}.checklist>div{display:flex;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid #243243}.checklist i{width:7px;height:7px;border-radius:50%;background:#65778a}.checklist span{flex:1;font-size:11px;color:#aab6c4}.checklist b{font-size:8px;color:#8d9bad;letter-spacing:.08em}.live-lock{display:flex;align-items:center;gap:8px;margin-top:14px;padding:12px;border-radius:9px;border:1px solid rgba(255,191,105,.4);background:#ffbf690f;color:var(--locked);font-size:9px;font-weight:900;letter-spacing:.08em}.boundary-copy{color:#8d9bab;font-size:11px;line-height:1.5}@media(max-width:1000px){.terminal-grid{grid-template-columns:1fr}}@media(max-width:760px){.topbar{padding:0 16px}main{padding:24px 16px 40px}.mode-stack{align-items:flex-end;flex-direction:column}}@media(max-width:520px){.terminal-footer{gap:8px;flex-wrap:wrap}}.broker-card{background:linear-gradient(145deg,#0f1b28,#0b131d);border:1px solid #1d4f7a;border-radius:16px;padding:22px;margin-bottom:18px}.broker-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.broker-head h3{margin:5px 0;font-size:22px}.broker-head p{margin:0;color:#8d9bae;font-size:13px}.broker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.broker-grid label{display:flex;flex-direction:column;gap:7px;color:#aebaca;font-size:12px;font-weight:600}.broker-grid input{width:100%;box-sizing:border-box;background:#08111b;border:1px solid #263b50;color:#edf5ff;border-radius:9px;padding:12px 13px;outline:none}.broker-grid input:focus{border-color:#27a9ff;box-shadow:0 0 0 2px #27a9ff1f}.broker-actions{display:flex;align-items:center;gap:16px;margin-top:18px;color:#78899c;font-size:11px}.primary-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #208bd0;background:#0b5e98;color:#fff;padding:11px 16px;border-radius:9px;cursor:pointer;font-weight:700}.primary-btn:disabled{opacity:.55;cursor:wait}.status-chip.ok{border-color:#20a36a;color:#65e3ad}@media(max-width:760px){.broker-grid{grid-template-columns:1fr}.broker-head{flex-direction:column}.broker-actions{align-items:flex-start;flex-direction:column}}