html{background:#f4f7fb}body{min-width:320px;min-height:100vh}#root{min-height:100vh}:root{--navy:#0b1730;--navy-2:#12213f;--blue:#2563eb;--blue-soft:#eef4ff;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#6d7890;--line:#e5eaf2;--green:#0d8a58;--green-soft:#eaf8f1}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy) 0%, #091327 100%);color:#fff;flex-direction:column;min-height:100vh;padding:24px 18px;display:flex}.brand{align-items:center;gap:12px;padding:2px 8px 26px;display:flex}.brand-mark{letter-spacing:.03em;background:linear-gradient(135deg,#3b82f6,#6d5dfc);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 8px 24px #2563eb59}.brand h1{letter-spacing:.03em;margin:0;font-size:14px}.brand p{color:#91a0bd;margin:4px 0 0;font-size:11px}.nav{gap:7px;display:grid}.nav-item{color:#b7c2d7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 13px}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff17}.nav-item.active{box-shadow:inset 3px 0 #60a5fa}.sidebar-footer{color:#91a0bd;align-items:center;gap:8px;margin-top:auto;padding:16px 10px 4px;font-size:12px;display:flex}.server-dot{background:#38d996;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #38d9961f}.main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.eyebrow{color:#71809d;letter-spacing:.11em;margin:0 0 5px;font-size:11px;font-weight:800}.topbar h2,.panel h3{margin:0}.topbar h2{font-size:25px}.top-actions{align-items:center;gap:12px;display:flex}.status-pill{background:var(--green-soft);color:var(--green);border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.status-dot{background:#1ab87a;border-radius:50%;width:8px;height:8px}.refresh-btn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 16px;font-weight:700}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.summary-card{background:var(--card);border:1px solid var(--line);border-radius:14px;min-height:120px;padding:18px;box-shadow:0 8px 24px #1426460b}.summary-label{color:var(--muted);font-size:12px;font-weight:700}.summary-card strong{margin:12px 0 8px;font-size:26px;display:block}.summary-card small{color:#8993a6}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #1426460b}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.panel-header h3,.compact-panel h3{font-size:16px}.panel-tools{gap:8px;display:flex}.panel-tools input,.panel-tools select{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;outline:none;padding:9px 11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#6f7a90;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line);background:#f9fbfd;padding:11px 16px;font-size:11px;font-weight:800}td{color:#4b566b;border-bottom:1px solid #eef2f7;padding:14px 16px;font-size:13px}tbody tr:last-child td{border-bottom:0}.account-name{color:#1f2b42;font-weight:800}.neutral-badge{color:#657189;white-space:nowrap;background:#f1f4f8;border-radius:999px;padding:5px 8px;font-size:11px;display:inline-flex}.lower-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.compact-panel{padding:18px}.compact-panel h3{margin-bottom:14px}.check-row{color:#344055;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.check-row span{color:var(--green);font-weight:900}.check-row.muted{color:#8a95a8}.check-row.muted span{color:#9fa8b8}.trading-lock{background:#fff5f4;border:1px solid #ffd9d5;border-radius:10px;gap:12px;padding:14px;display:flex}.lock-icon{font-size:22px}.trading-lock strong{color:#a4372c;letter-spacing:.03em;font-size:12px}.trading-lock p{color:#8b5b56;margin:5px 0 0;font-size:12px}@media (width<=1000px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar-footer{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.main{padding:16px}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.panel-header{flex-direction:column;align-items:flex-start}.summary-grid,.lower-grid{grid-template-columns:1fr}.panel-tools{flex-direction:column;width:100%}.panel-tools input,.panel-tools select{width:100%}}