:root{--bg:#080a10;--panel:rgba(18,21,31,.78);--line:rgba(255,255,255,.09);--text:#f8f7ff;--muted:#999fb2;--lime:#b8ff58;--purple:#a678ff;--cyan:#53dcff;--orange:#ff9867;--danger:#ff7085;--radius:24px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 4%,#192031 0,transparent 30%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.orb{position:fixed;width:390px;height:390px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.orb-one{background:var(--purple);right:-130px;top:-120px}.orb-two{background:var(--lime);left:-180px;bottom:-180px}.hidden{display:none!important}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:0 22px 70px rgba(0,0,0,.3);backdrop-filter:blur(22px)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:42px;border-radius:32px}.logo{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--lime);color:#10150b;font-weight:900;letter-spacing:-2px;box-shadow:0 0 35px rgba(184,255,88,.2)}.eyebrow{margin:20px 0 7px;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.16em}.login-card h1{font-size:clamp(38px,8vw,58px);line-height:.98;letter-spacing:-.055em;margin:0 0 16px}.login-card h1 span{color:var(--purple)}.muted{color:var(--muted)}label{display:block;color:#c8cada;font-size:13px;margin-top:17px}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#0d1018;color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(166,120,255,.12)}input[readonly]{color:var(--muted)}button{font:inherit;font-weight:750;cursor:pointer;border:0}.primary{padding:13px 18px;border-radius:13px;background:var(--lime);color:#11160b;transition:.2s}.primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(184,255,88,.18)}.login-card .primary{width:100%;margin-top:24px}.message{min-height:22px;color:var(--danger);margin:12px 0 0;font-size:13px}
.app{position:relative;max-width:1240px;margin:auto;padding:34px 24px 70px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}header .eyebrow{margin:0 0 5px}header h2{font-size:clamp(26px,4vw,40px);letter-spacing:-.04em;margin:0}header p{margin:4px 0}.header-actions{display:flex;gap:9px}.secondary,.icon-button{padding:11px 14px;border-radius:12px;background:#161a25;color:var(--text);border:1px solid var(--line)}.icon-button{width:43px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.metric{padding:22px;border-radius:21px;border:1px solid var(--line);background:#12151f;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-35px;top:-35px;background:currentColor;filter:blur(32px);opacity:.35}.metric p,.metric small{margin:0;color:var(--muted)}.metric strong{display:block;font-size:clamp(24px,3vw,34px);letter-spacing:-.04em;margin:7px 0}.metric.total{color:var(--lime)}.metric.cash{color:var(--cyan)}.metric.invest{color:var(--purple)}.metric.retirement{color:var(--orange)}.metric strong{color:var(--text)}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.panel{border-radius:var(--radius);padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.panel-heading .eyebrow{margin:0}.panel h3{margin:2px 0 0;font-size:22px;letter-spacing:-.02em}.save-pill{padding:6px 9px;border-radius:99px;background:rgba(184,255,88,.09);color:var(--lime);font-size:12px}.account-list{display:grid;gap:8px;margin-bottom:14px}.account-row{display:grid;grid-template-columns:1fr 145px;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.account-name{font-weight:700}.account-type{color:var(--muted);font-size:12px}.money-input{margin:0;text-align:right}.portfolio-total{display:flex;justify-content:space-between;align-items:end;padding:18px;border-radius:17px;background:linear-gradient(120deg,rgba(166,120,255,.16),rgba(83,220,255,.06));margin-bottom:13px}.portfolio-total span{color:var(--muted)}.portfolio-total strong{font-size:28px}.position-list{display:grid;gap:4px;max-height:270px;overflow:auto}.position-row,.watch-card{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}.position-row:last-child{border-bottom:0}.symbol{font-weight:850}.position-row small{display:block;color:var(--muted)}.position-value{text-align:right}.watch-panel{margin-top:13px}.watch-form{display:flex;gap:9px;max-width:390px}.watch-form input{margin:0}.fine-print{font-size:12px}.watch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.watch-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:rgba(255,255,255,.018)}.watch-card button{background:none;color:var(--muted);font-size:18px;padding:5px}.watch-price{font-weight:800}.watch-meta{text-align:right}.masked{filter:blur(8px);user-select:none}.empty{padding:22px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
@media(max-width:900px){.metrics{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.watch-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.app{padding:23px 14px 50px}header{align-items:flex-start}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric strong{font-size:22px}.panel{padding:17px}.account-row{grid-template-columns:1fr 125px}.watch-grid{grid-template-columns:1fr}.login-card{padding:28px}}