:root{font-family:Inter,Arial,Helvetica,sans-serif;color-scheme:dark;--bg:#05070a;--panel:#0b0f14;--panel2:#101720;--line:#1f2a36;--text:#e8edf2;--muted:#7d8a99;--blue:#2f8cff;--green:#21d07a;--red:#ff4d5e;--amber:#f5b84b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#101826,#05070a 42%,#020304);color:var(--text);font-size:14px}header{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:#020304;border-bottom:1px solid var(--line)}header h1{margin:0;font-size:17px;letter-spacing:.12em;text-transform:uppercase}.top-actions{display:flex;gap:10px;align-items:center}.pill{border:1px solid var(--line);background:#080d13;color:#9fb2c8;border-radius:999px;padding:7px 10px;font-size:12px}main.terminal{width:100%;max-width:none;margin:0;padding:14px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px}.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #0008;overflow:hidden}.panel h2{margin:0;padding:12px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#b7c2cf;border-bottom:1px solid var(--line);background:#070a0e}.add-panel{align-self:start}.grid{padding:14px;display:grid;grid-template-columns:1fr;gap:10px}.grid textarea{min-height:70px}.dashboard{display:grid;grid-template-rows:auto 1fr;gap:14px;min-width:0}.summary{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px}.metric{background:linear-gradient(180deg,#101824,#080c12);border:1px solid var(--line);border-radius:8px;padding:12px}.metric span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.metric strong{display:block;margin-top:8px;font-size:21px;color:#fff}.metric.price strong{color:#fff}.metric.alert strong{color:var(--amber)}input,textarea,button{border-radius:6px;border:1px solid #263445;padding:10px;background:#05080c;color:var(--text)}input::placeholder,textarea::placeholder{color:#657386}button{cursor:pointer;background:linear-gradient(180deg,#3b95ff,#176fd0);color:white;font-weight:800;border:0}button:hover{filter:brightness(1.12)}.danger{background:linear-gradient(180deg,#ff6070,#c92b3b)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin:0;min-width:1080px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#06090d;position:sticky;top:0;z-index:1}th,td{text-align:right;padding:11px 12px;border-bottom:1px solid #16202b;vertical-align:middle;white-space:nowrap}th:first-child,td:first-child{text-align:left}td strong{color:#fff;font-size:15px;letter-spacing:.04em}small{color:var(--muted)}tbody tr:hover{background:#0d1520}.stock-symbol{display:flex;flex-direction:column;gap:3px}.price-cell{color:#fff;font-weight:900}.muted{color:var(--muted)}.alert-cell{color:var(--amber);font-weight:700}.actions{display:flex;justify-content:flex-end;gap:8px}.actions form{margin:0}.login{width:min(420px,calc(100% - 32px));margin:15vh auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:26px}.login h1{margin-top:0}.login form{display:grid;gap:12px}.foot-action{padding:12px 14px;border-top:1px solid var(--line);background:#070a0e}@media(max-width:1000px){main.terminal{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.summary{grid-template-columns:1fr}header{height:auto;gap:10px;align-items:flex-start;flex-direction:column;padding:14px}.top-actions{flex-wrap:wrap}}
select{border-radius:6px;border:1px solid #263445;padding:10px;background:#05080c;color:var(--text)}.tab{border:1px solid var(--line);background:#080d13;color:#9fb2c8;border-radius:999px;padding:8px 12px;font-size:12px;text-decoration:none;font-weight:800}.tab.active{background:linear-gradient(180deg,#3b95ff,#176fd0);color:#fff;border-color:#2f8cff}.hint{padding:12px 14px;color:var(--muted);border-top:1px solid var(--line);font-size:12px;line-height:1.4}.pos{color:var(--green)!important;font-weight:800}.neg{color:var(--red)!important;font-weight:800}.dashboard>.dashboard{display:block}.terminal>.dashboard{min-width:0}.terminal .dashboard .panel{margin-top:14px}.terminal .dashboard .panel:first-child{margin-top:0}

.view-switch{gap:8px}.view-switch .tab{font-size:14px;padding:10px 16px;border-radius:8px}.view-switch .tab.active{box-shadow:0 0 0 1px #5aa7ff inset,0 8px 24px #176fd055}.dashboard>.panel h2{color:#e8edf2}.add-panel{position:sticky;top:14px}