:root{
--bg:#08090d;--panel:#111219;--panel2:#151722;--line:#252735;--text:#f2f4f8;--muted:#8e94a5;
--green:#25d88b;--red:#ff5263;--blue:#4d8dff;--pink:#ff7eb6;--yellow:#ffd166;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,#17203a 0,#08090d 35%);color:var(--text)}
button,input,select{font:inherit}button{cursor:pointer} .hidden{display:none!important}
.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;background:rgba(8,9,13,.92);backdrop-filter:blur(16px);z-index:5}
.brand{display:flex;gap:12px;align-items:center;font-size:22px}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2e86ff,#7d5cff);display:grid;place-items:center;font-weight:900;letter-spacing:-1px}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:13px}
.account-chips{display:flex;gap:12px;align-items:center}.chip,.status{background:#10121a;border:1px solid var(--line);border-radius:12px;padding:9px 14px;display:flex;flex-direction:column;gap:2px}.chip span{font-size:11px;color:var(--muted)}.chip b{font-size:14px}.status{flex-direction:row;align-items:center;font-size:13px}.status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.icon-btn{background:#141720;border:1px solid var(--line);color:#cfd3df;border-radius:10px;width:40px;height:40px}
nav{height:56px;border-bottom:1px solid var(--line);display:flex;gap:28px;padding:0 34px;align-items:end}nav button{height:56px;background:none;border:0;color:#9da3b3;font-weight:650;border-bottom:2px solid transparent}.nav.active{color:white;border-color:var(--blue)}
main{max-width:1420px;margin:auto;padding:34px}.hero,.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.hero h1,.section-head h1{font-size:32px;margin:7px 0}.hero p,.section-head p{color:var(--muted);margin:0}.eyebrow{font-size:11px;letter-spacing:2px;color:#62a0ff;font-weight:800}.primary{background:linear-gradient(135deg,#4d8dff,#6c5ce7);color:white;border:0;border-radius:10px;padding:11px 16px;font-weight:800;box-shadow:0 8px 24px rgba(77,141,255,.16)}.ghost{background:#151923;color:#cdd2df;border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.cards.six{grid-template-columns:repeat(6,1fr);margin-top:16px}.card,.stat,.panel{background:linear-gradient(180deg,#12131b,#101118);border:1px solid var(--line);border-radius:16px}.card{padding:20px;min-height:128px}.card span,.stat span{color:#9aa0af;font-size:13px}.card strong{display:block;font-size:30px;margin:10px 0 4px}.card small,.stat small{color:#777e90}.green{color:var(--green)!important}.red{color:var(--red)!important}.stat{padding:18px;min-height:108px}.stat b{display:block;font-size:23px;margin-top:9px}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel h2{font-size:18px;margin:6px 0 16px}.panel-head h2{margin:5px 0}.panel select{background:#151923;color:#cfd3df;border:1px solid var(--line);padding:8px;border-radius:8px}.muted{color:var(--muted)}#equityChart{width:100%;height:290px;display:block}.recent-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #20222c}.recent-item:last-child{border-bottom:0}.recent-left{display:flex;flex-direction:column;gap:5px}.recent-left b{font-size:14px}.pill{display:inline-block;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900}.pill.long,.pill.win{background:rgba(37,216,139,.12);color:var(--green)}.pill.short,.pill.loss{background:rgba(255,82,99,.12);color:var(--red)}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:9px;margin-bottom:18px}.filters input,.filters select,.form-grid input,.form-grid select,.lab-row input{width:100%;background:#0d0f15;color:#e8ebf2;border:1px solid var(--line);padding:10px;border-radius:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-top:1px solid #222530;font-size:13px;white-space:nowrap}th{font-size:10px;letter-spacing:1px;color:#70788b}td .pill{margin-left:4px}
.month-nav{display:flex;align-items:center;gap:12px}.month-nav button{width:36px;height:36px;background:#151923;border:1px solid var(--line);color:white;border-radius:8px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{min-height:110px;border:1px solid var(--line);border-radius:12px;background:#101118;padding:10px}.day.muted{opacity:.4}.day-num{font-weight:800}.day-pnl{font-weight:800;margin-top:45px}.day.green-bg{background:linear-gradient(180deg,#101a17,#101118)}.day.red-bg{background:linear-gradient(180deg,#1a1114,#101118)}
.lab-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.lab-row label,.form-grid label{display:flex;flex-direction:column;gap:6px;color:#aab0bf;font-size:12px}.result-box{margin-top:16px;padding:15px;border-radius:10px;background:#0c0e13;border:1px solid var(--line);min-height:64px}.progress{height:12px;border-radius:99px;background:#20222c;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4d8dff,#25d88b);transition:.4s}.milestones{display:flex;justify-content:space-between;margin-top:12px;color:#7e8595;font-size:12px}.badge{padding:6px 10px;border-radius:999px;background:#151923;color:#aeb4c3;font-size:12px}.rule{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #222530;color:#aeb4c3}.rule:last-child{border-bottom:0}.rule b{color:#e9ecf2}.rule b small{color:#8d93a3;font-weight:500}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 10%,#1d2340,#08090d 45%)}.login-card{width:min(420px,100%);background:#11131b;border:1px solid #2a2d3b;border-radius:22px;padding:36px;text-align:center;box-shadow:0 30px 80px #0008}.login-card h1{font-size:34px;margin:14px 0 5px}.login-card p{color:var(--muted);margin-bottom:28px}.login-card input{width:100%;padding:14px;border-radius:10px;background:#0b0d12;border:1px solid var(--line);color:white;margin-bottom:10px}.login-card button{width:100%;padding:13px;border-radius:10px;border:0;background:#4d8dff;color:white;font-weight:800}.error{height:22px;color:var(--red);font-size:12px;margin-top:10px}
.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:20;padding:20px}.modal-card{width:min(760px,100%);background:#11131b;border:1px solid var(--line);border-radius:18px;padding:22px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0}
#toast{position:fixed;right:22px;bottom:22px;background:#151923;border:1px solid var(--line);padding:12px 15px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;z-index:30}#toast.show{opacity:1;transform:none}
@media(max-width:1050px){.cards,.cards.six{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.account-chips .chip{display:none}}
@media(max-width:650px){.topbar{padding:0 16px;height:68px}.status{display:none}nav{padding:0 16px;gap:15px;overflow:auto}main{padding:22px 16px}.hero,.section-head{flex-direction:column}.cards,.cards.six{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.calendar-grid{gap:4px}.day{min-height:76px;padding:7px}.day-pnl{margin-top:25px;font-size:11px}}