:root{color-scheme:dark;--bg:#0a101c;--panel:#101a2a;--border:#233149;--muted:#93a3bb;--text:#eaf0fb;--green:#5bdfb3;--red:#ff8c98;--blue:#6ca4ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.muted,small{color:var(--muted)}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;padding:30px 20px;border-right:1px solid var(--border);background:#0d1523;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.5px}.logo small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;color:#8496b3}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:#1c3857;width:44px;height:44px;border:1px solid #355d83;border-radius:13px;letter-spacing:-4px;padding-right:4px;font-size:22px;color:#a6ceff;font-weight:800}.brand-mark span{color:var(--green)}.nav-label{font-size:9px;letter-spacing:1.6px;color:#607794;margin:48px 10px 13px}.nav{display:flex;gap:13px;align-items:center;width:100%;border:0;background:transparent;color:#94a7c4;padding:13px 14px;text-align:left;border-radius:9px;margin-bottom:7px;font-size:16px}.nav span{font-size:13px;font-weight:550}.nav.active{background:#183250;color:#b9d6ff;box-shadow:inset 3px 0 0 var(--blue)}.nav:hover{background:#16263b}.sidebar-bottom{margin-top:auto;font-size:11px;color:var(--muted)}.environment{font-size:10px;color:var(--green);letter-spacing:1px}.logout{border:0;border-top:1px solid var(--border);background:transparent;color:#8ba0be;width:100%;text-align:left;margin-top:18px;padding:16px 0}.main{margin-left:232px;padding:36px 40px;max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:24px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#8ba6cd;margin:0 0 8px}h1{font-size:29px;letter-spacing:-1px;font-weight:650;margin:0}h2{font-size:17px;font-weight:620;margin:0 0 8px;letter-spacing:-.25px}header p.muted{font-size:12px;margin:6px 0 0}.header-actions,.actions{display:flex;align-items:center;gap:10px}.pill,.tag{white-space:nowrap;font-size:10px;padding:6px 10px;border:1px solid var(--border);border-radius:7px;color:#b4c7e2}.pill.good{border-color:#285f56;color:var(--green);background:#102b28}.pill.bad{border-color:#78434b;color:var(--red);background:#301d27}.primary,.secondary{border-radius:8px;padding:10px 15px;font-size:12px;font-weight:650;border:1px solid #2f4563}.primary{background:#75abff;color:#071426;border-color:#75abff}.primary:hover{background:#9dc3ff}.secondary{background:#172438;color:#c9d9ee}.secondary:hover{background:#22344d}.panel{display:none}.panel.active{display:block}.hero-strip{border:1px solid #24475d;background:linear-gradient(105deg,#142a3d,#111e2e);border-radius:12px;padding:23px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.hero-strip strong{font-size:15px}.hero-strip p{color:var(--muted);font-size:12px;margin:7px 0 0 16px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:9px;box-shadow:0 0 12px #5bdfb340}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric,.card{background:var(--panel);border:1px solid var(--border);border-radius:12px}.metric{padding:22px;min-height:139px}.metric label{display:block;color:#9eb1cb;font-size:11px;margin-bottom:12px}.metric strong{display:block;font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1.1;margin-bottom:12px}.metric small{font-size:10px;display:block}.metric.green{background:linear-gradient(135deg,#122a2b,#10202b);border-color:#244b42}.metric.green strong{color:var(--green)}.metric.red{background:linear-gradient(135deg,#2b1e2c,#151e2e);border-color:#4b2d40}.metric.red strong{color:var(--red)}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px}.card{padding:24px;margin-bottom:20px;min-width:0}.two-col>.card{margin-bottom:0}.card-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:19px}.card-heading p{font-size:11px;margin:0}.card-heading h2{margin-bottom:5px}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin:28px 0 12px;color:var(--muted)}.progress-label strong{color:var(--text)}.progress-track{height:7px;border-radius:8px;background:#22334b;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,#659cff,#5bdfb3);width:0;transition:width .5s}.small-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.small-grid span{display:block;font-size:10px;color:var(--muted)}.small-grid strong{display:block;font-size:19px;margin-top:5px}.rule-card{background:radial-gradient(ellipse at top right,#1b3350,transparent 70%),var(--panel)}.rule-card h2{font-size:22px;line-height:1.35;margin:12px 0 15px}.rule-card p.muted{font-size:11px;margin-bottom:0;max-width:540px}.rule-tags{display:flex;flex-wrap:wrap;gap:6px}.rule-tags span{font-size:9px;border:1px solid #36506a;border-radius:5px;padding:4px 7px;color:#b5cce4}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#8d9fba;font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:550;border-bottom:1px solid var(--border);padding:10px 12px}td{padding:16px 12px;border-bottom:1px solid #1b2a3e;vertical-align:middle}tr:last-child td{border-bottom:0}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.empty{text-align:center;padding:35px;color:#7d92ae}.side-buy,.side-sell{padding:4px 6px;border-radius:5px;font-size:9px;font-weight:650;margin-right:7px}.side-buy{color:var(--green);background:#133630}.side-sell{color:var(--red);background:#3a2130}.close-button{background:transparent;color:#a3b7d2;border:1px solid #34445c;padding:6px 9px;border-radius:5px;font-size:10px}.reason-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}.reason{padding:12px;border:1px solid #24344b;border-radius:8px;background:#0d1726}.reason strong{font-size:10px;display:block;margin-bottom:4px;color:#bdd0eb}.reason span{font-size:10px;color:var(--muted)}.alert{color:#ffc4bb;background:#3a242a;border:1px solid #71434c;padding:13px 16px;border-radius:8px;margin-bottom:18px;font-size:12px}.hidden{display:none!important}.provider-icon{width:42px;height:42px;background:#235143;color:var(--green);border-radius:11px;display:inline-grid;place-items:center;font-size:23px;font-weight:750;margin-bottom:19px}.provider-icon.purple{color:#ceb8ff;background:#342651}.credentials{margin-top:25px;border-top:1px solid var(--border);padding-top:16px;font-size:12px}.credentials summary{cursor:pointer;color:#b9cfed}.balance-output{white-space:pre-wrap;font:12px/1.6 ui-monospace,monospace;margin:16px 0 0;color:#9cddcf}label{display:block;font-size:11px;color:#a1b5cf;margin-bottom:18px}input,textarea{display:block;width:100%;background:#0c1625;border:1px solid #30425e;color:#d6e4f8;border-radius:7px;padding:12px;margin-top:7px;outline:none}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #6ca4ff15}input:disabled{opacity:.5}.settings-card{max-width:1050px}.settings-card>p{font-size:12px;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--border);padding-top:20px}.form-footer p{font-size:10px;max-width:480px}.event{display:grid;grid-template-columns:145px 145px 1fr;gap:15px;border-bottom:1px solid #223149;padding:15px 0;font-size:11px}.event time{color:var(--muted)}.event .kind{color:#9fc0f1}.event small{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;margin-top:6px}footer{display:flex;gap:15px;color:#5b7392;font-size:10px;padding-top:10px}footer span:last-child{margin-left:auto}.login-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(ellipse at 50% 10%,#193454,transparent 65%),#0a101c}.login-card{width:min(420px,calc(100% - 36px));padding:38px;border:1px solid #30425d;background:#111d2f;border-radius:18px;box-shadow:0 30px 120px #0005}.login-card .brand-mark{margin-bottom:30px}.login-card h1{font-size:29px}.login-card .muted{font-size:12px;margin-bottom:25px}.login-card form .primary{width:100%;margin:5px 0 24px;padding:13px}.login-card small{font-size:10px}.connection-line{display:flex;gap:18px;justify-content:space-between;border-bottom:1px solid #24344b;padding:12px 0;font-size:12px}.connection-line:last-child{border:0}.connection-line span{color:var(--muted)}@media(min-width:1600px){.main{padding:42px 55px}.metric strong{font-size:34px}}@media(max-width:1200px){.sidebar{width:192px;padding:24px 15px}.logo{font-size:16px}.main{margin-left:192px;padding:27px 24px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:25px}.two-col{grid-template-columns:1fr 1fr}.hero-strip .actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--border)}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:20px;gap:7px}.nav{width:auto;white-space:nowrap;margin:0;padding:9px 12px}.nav span{font-size:11px}.logo{font-size:18px}.main{margin:0;padding:24px 18px}.metrics{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.header-actions .pill{display:none}.hero-strip{align-items:flex-start;flex-direction:column}.hero-strip .actions{justify-content:flex-start}.event{grid-template-columns:100px 100px 1fr;font-size:10px}}@media(max-width:520px){h1{font-size:25px}.main{padding:22px 13px}.metrics{gap:8px}.metric{padding:15px 12px;min-height:128px}.metric strong{font-size:23px}.metric label{font-size:10px}.metric small{font-size:9px}.card{padding:19px 15px}.card-heading .tag{display:none}.small-grid{gap:8px}.small-grid strong{font-size:16px}.form-grid{grid-template-columns:1fr}.form-footer{align-items:flex-start;flex-direction:column;gap:5px}.event{grid-template-columns:1fr 1fr;gap:5px}.event>div:last-child{grid-column:1/-1}.header-actions button{padding:9px;font-size:10px}.sidebar nav{gap:1px}.nav{padding:8px}.nav span{font-size:10px}.card-heading{flex-direction:column}.hero-strip p{margin-left:0}}