:root{font-family:'DM Sans',system-ui,sans-serif;color:#eaf0f7;background:#0c1422;font-synthesis:none;font-weight:400;--muted:#92a2b7;--line:#263449;--panel:#142033;--accent:#8fd6b2;--blue:#8eb8ff;--danger:#ff9a9a}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% -10%,#1d3450 0,transparent 40%),#0c1422}.shell{max-width:1200px;margin:auto;padding:28px 30px 54px}.loading-card,.auth-card{margin:9vh auto;max-width:430px;padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent);color:#10251e;font:800 23px Manrope}.brand{display:flex;align-items:center;gap:12px;font:700 17px Manrope}.brand small{display:block;color:var(--muted);font:500 12px 'DM Sans'}.auth-card h1{font:800 27px Manrope;margin:26px 0 7px}.muted{color:var(--muted)}.auth-card p{line-height:1.5}.field{display:grid;gap:7px;margin:16px 0}.field label{font-size:13px;color:#c4d0df}.field input,.field select,.field textarea{width:100%;border:1px solid #34445b;border-radius:10px;background:#0d1727;color:#f2f6fb;padding:12px 13px;font:inherit}.btn{border:0;border-radius:10px;background:var(--accent);color:#10251e;font-weight:700;padding:12px 16px;cursor:pointer;font:600 14px 'DM Sans'}.btn:hover{filter:brightness(1.06)}.btn.secondary{color:#dbe8fa;background:#24334a}.btn.danger{background:#3a2630;color:#ffc1c1}.auth-actions{display:flex;gap:10px;margin-top:20px}.auth-actions .btn{flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.userbar{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.intro h1{font:800 clamp(26px,4vw,36px) Manrope;margin:5px 0}.intro p{color:var(--muted);margin:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.metric,.panel{background:linear-gradient(145deg,#17263a,#121e30);border:1px solid var(--line);border-radius:16px}.metric{padding:19px 20px}.metric .label{color:var(--muted);font-size:12px}.metric strong{display:block;font:700 23px Manrope;margin-top:9px}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px}.panel{padding:20px;margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel h2{font:700 17px Manrope;margin:0}.panel h3{font-size:13px;color:var(--muted);margin:18px 0 9px}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;color:var(--muted);font-weight:600;padding:10px 9px;border-bottom:1px solid var(--line)}td{padding:12px 9px;border-bottom:1px solid #202e42;font-size:13px}.ticker{font-weight:700;color:#eff6ff}.positive{color:var(--accent)}.negative{color:var(--danger)}.empty{border:1px dashed #35465d;color:var(--muted);padding:19px;border-radius:11px;text-align:center;font-size:13px}.bucket-list{display:grid;gap:10px}.bucket{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:11px;background:#0e1929}.bucket strong{font-size:13px}.bucket span{font-weight:700}.simulator{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sim-result{background:#0e1929;border-radius:11px;padding:14px;grid-column:1/-1}.notice{padding:11px 13px;border-radius:10px;background:#23354b;color:#ccddf1;font-size:13px;margin-top:14px}.error{background:#422a32;color:#ffd4d4}.modal-backdrop{position:fixed;inset:0;background:#050b13c9;display:grid;place-items:center;padding:20px;z-index:3}.modal{width:min(100%,480px);max-height:90vh;overflow:auto;padding:22px;background:#142033;border:1px solid #35465d;border-radius:18px;box-shadow:0 18px 80px #0009}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font:700 19px Manrope;margin:0}.close{border:0;color:#d4deea;background:transparent;font-size:23px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions .btn{min-width:96px}.small{font-size:12px;color:var(--muted)}
@media(max-width:760px){.shell{padding:20px 16px 36px}.topbar{align-items:flex-start}.userbar{flex-direction:column;align-items:flex-end}.metrics{grid-template-columns:1fr;gap:10px;margin:18px 0}.metric{padding:15px 17px}.metric strong{font-size:21px}.grid{grid-template-columns:1fr}.panel{padding:16px}.table-wrap{margin:0 -6px}.intro p{font-size:13px}.simulator{grid-template-columns:1fr}.sim-result{grid-column:auto}.auth-card{margin:7vh auto;padding:25px}}
