@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#060b12;--surface:#0d1521;--surface2:#111c2b;--line:#1d2b3e;--text:#f3f7fc;--muted:#7f92aa;--cyan:#3ed9c0;--blue:#6f8cff;--green:#39d98a;--red:#ff637d;--amber:#ffbd61}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px Manrope,Segoe UI,sans-serif}.hidden{display:none!important}button,input{font:inherit}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh;background:radial-gradient(circle at 70% -20%,rgba(67,115,255,.12),transparent 32%),var(--bg)}aside{height:100vh;position:sticky;top:0;padding:23px 16px;border-right:1px solid var(--line);background:rgba(8,14,23,.88);display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center}.logo i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#06101c;font-style:normal;font-weight:800;box-shadow:0 8px 28px rgba(77,153,255,.25)}.logo b,.logo span{display:block}.logo b{font-size:14px}.logo span{font-size:10px;color:var(--muted);margin-top:3px}nav{margin-top:35px;display:grid;gap:6px}nav button{display:grid;grid-template-columns:27px 1fr auto;align-items:center;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;padding:0 11px;cursor:pointer}nav button i{font-size:17px;font-style:normal}nav button.active,nav button:hover{background:linear-gradient(90deg,rgba(111,140,255,.15),rgba(62,217,192,.04));color:var(--text)}nav button.active:before{content:"";position:absolute;left:0;width:3px;height:24px;border-radius:3px;background:var(--cyan)}nav button{position:relative}nav em{font-style:normal;background:#1b2a3e;color:#a9b8ca;border-radius:9px;padding:1px 7px}.user{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;min-width:0}.user>div{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#1b2b40;color:#a8bfff;font-weight:800}.user p{margin:0;min-width:0;flex:1}.user p b,.user p span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user p span{font-size:10px;color:var(--muted);margin-top:3px}.user button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:17px}main{min-width:0}header{height:76px;position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(29,43,62,.9);background:rgba(6,11,18,.82);backdrop-filter:blur(18px)}header h2{font-size:16px;margin:0 0 5px}header p{margin:0;color:var(--muted);font-size:11px}header p i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#526276;margin-right:7px}header p i.on{background:var(--green);box-shadow:0 0 12px var(--green)}header time{margin-left:10px}.header-actions{display:flex;gap:8px;align-items:center}.header-actions>button:first-child{border:0;background:none;color:var(--muted);cursor:pointer}.button{border:0;border-radius:9px;padding:10px 14px;color:var(--text);cursor:pointer;font-weight:700}.button.primary{background:linear-gradient(135deg,#5877ff,#745bdf);box-shadow:0 7px 25px rgba(93,109,242,.2)}.button.ghost{background:#111c2b;border:1px solid var(--line)}.button.danger{background:rgba(255,99,125,.12);color:#ff8ba0}.view{display:none;padding:27px 30px 48px;max-width:1580px;margin:auto}.view.active{display:block}.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.8fr);gap:15px}.balance-card,.health-card,.panel{background:linear-gradient(145deg,rgba(16,27,42,.96),rgba(10,18,29,.96));border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.balance-card{padding:23px 24px 0;overflow:hidden}.eyebrow,.section-head span,.panel-head span,.page-intro>div>span{font-size:9px;letter-spacing:.14em;color:#7890ad;font-weight:800}.live-pill{margin-left:8px;color:var(--cyan);background:rgba(62,217,192,.1);padding:3px 7px;border-radius:5px}.balance-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 1px}.balance-row strong{font-size:38px;letter-spacing:-.04em}.balance-row span{font-size:14px;color:var(--muted);margin-left:7px}.balance-row>b{padding:7px 10px;border-radius:8px;background:rgba(57,217,138,.09)}#equity-chart{display:block;width:100%;height:118px}.balance-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:0 -24px}.balance-foot span{padding:13px 24px;color:var(--muted);border-right:1px solid var(--line);font-size:11px}.balance-foot span:last-child{border:0}.balance-foot b{display:block;color:var(--text);margin-top:4px;font-size:13px}.health-card{padding:21px}.card-title{display:flex;justify-content:space-between}.card-title span,.health-row span,.health-grid span{color:var(--muted);font-size:11px}.card-title h3{font-size:20px;margin:5px 0}.risk-ring{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0deg,#172436 0deg);position:relative}.risk-ring:after{content:"";position:absolute;inset:6px;background:#0d1724;border-radius:50%}.risk-ring b{z-index:1}.health-row{display:flex;justify-content:space-between;margin-top:16px}.bar{height:7px;background:#1b283a;border-radius:5px;margin:9px 0 19px;overflow:hidden}.bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--amber),var(--red));border-radius:5px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-grid div{padding:11px;background:#0a121e;border-radius:9px}.health-grid b{display:block;margin-top:4px}.health-card>p{color:var(--muted);font-size:10px;line-height:1.5;margin:14px 0 0}.section-head,.panel-head,.page-intro{display:flex;align-items:flex-end;justify-content:space-between}.section-head{margin:28px 2px 12px}.section-head h2,.page-intro h1{margin:5px 0 0;font-size:21px}.section-head button,.panel-head button,[data-go]{border:0;background:none;color:#91a8ff;cursor:pointer}.position-strip{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:11px;overflow:auto}.mini-position{border:1px solid var(--line);background:#0d1623;border-radius:13px;padding:14px;cursor:pointer;transition:.2s}.mini-position:hover,.mini-position.selected{border-color:#4f719b;transform:translateY(-2px)}.mini-top{display:flex;justify-content:space-between}.coin{display:flex;align-items:center;gap:9px}.coin i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#233a57,#132239);font-style:normal;color:#91b4ff;font-size:10px;font-weight:800}.coin b,.coin span{display:block}.coin span{font-size:9px;color:var(--muted);margin-top:2px}.pnl{text-align:right;font-weight:800}.pnl small{display:block;font-weight:500;margin-top:3px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.route{margin-top:15px}.route-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.route-line{position:relative;height:5px;background:linear-gradient(90deg,rgba(255,99,125,.45) 0 28%,rgba(57,217,138,.4) 28% 100%);border-radius:5px;margin:7px 0}.route-line i{position:absolute;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 0 10px var(--blue)}.route-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.empty{padding:30px;text-align:center;border:1px dashed var(--line);border-radius:13px;color:var(--muted);grid-column:1/-1}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.72fr);gap:15px;margin-top:15px}.panel{overflow:hidden}.panel-head{padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:15px;margin:4px 0 0}.large-pnl{font-size:18px;font-weight:800}.chart-toolbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:var(--muted);font-size:11px}.chart-toolbar button{background:none;border:0;color:var(--muted);padding:5px 7px;cursor:pointer}.chart-toolbar button.active{background:#1a283b;color:var(--text);border-radius:5px}.chart-wrap{position:relative;padding:0 12px}.chart-wrap canvas{width:100%;height:320px;display:block}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);text-align:center;padding:30px}.focus-stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.focus-stats div{padding:13px 17px;border-right:1px solid var(--line)}.focus-stats div:last-child{border:0}.focus-stats span{display:block;color:var(--muted);font-size:9px}.focus-stats b{display:block;margin-top:5px}.signal-list{padding:5px 15px}.signal-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line)}.signal-row:last-child{border:0}.signal-row p{margin:0}.signal-row p b,.signal-row p span{display:block}.signal-row p span{color:var(--muted);font-size:9px;margin-top:3px}.score{width:37px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(62,217,192,.1);color:var(--cyan);font-weight:800}.score.super{color:var(--amber);background:rgba(255,189,97,.1)}.page-intro{margin:9px 0 22px}.page-intro h1{font-size:27px}.page-intro p{color:var(--muted);margin:7px 0}.position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.position-card{background:linear-gradient(145deg,#101b2a,#0b131f);border:1px solid var(--line);border-radius:15px;padding:18px}.position-card .head{display:flex;justify-content:space-between}.position-card .head h3{font-size:18px;margin:0}.position-card .head p{color:var(--muted);margin:5px 0}.position-card .head .pnl{font-size:17px}.price-path{position:relative;height:86px;margin:15px 10px 5px}.price-path .line{position:absolute;top:33px;left:0;right:0;height:6px;border-radius:5px;background:linear-gradient(90deg,rgba(255,99,125,.35),rgba(255,99,125,.35) var(--entry),rgba(57,217,138,.32) var(--entry))}.price-path .point{position:absolute;top:22px;transform:translateX(-50%);font-size:8px;text-align:center}.price-path .point:before{content:"";display:block;margin:auto;width:2px;height:20px;background:currentColor}.price-path .point small{display:block;color:var(--muted);margin-top:3px}.price-path .now{position:absolute;left:var(--now);top:26px;width:16px;height:16px;border:4px solid #111c2b;background:var(--blue);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 15px var(--blue)}.position-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.position-meta div{background:#09121e;padding:10px;border-radius:8px}.position-meta span{display:block;color:var(--muted);font-size:9px}.position-meta b{display:block;margin-top:4px;font-size:11px}.position-actions{display:flex;gap:8px;margin-top:13px}.position-actions button{flex:1}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:9px;color:var(--muted);letter-spacing:.08em}td small{display:block;color:var(--muted);font-size:9px}.tag{padding:5px 8px;border-radius:6px;background:rgba(57,217,138,.1);color:var(--green);font-size:9px}.journal-layout{display:grid;grid-template-columns:1fr 300px;gap:15px}.timeline{padding:10px 20px}.event{display:grid;grid-template-columns:80px 16px 1fr;gap:10px;min-height:55px}.event time{color:var(--muted);font-size:10px}.event i{width:9px;height:9px;border-radius:50%;background:var(--blue);margin-top:3px;position:relative}.event i:after{content:"";position:absolute;top:10px;left:4px;width:1px;height:40px;background:var(--line)}.event:last-child i:after{display:none}.event p{margin:0}.summary{padding:18px;height:max-content}.summary h3{margin-top:0}.summary div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0}.summary span{color:var(--muted)}.notice{padding:11px;border-radius:9px}.notice.error{background:rgba(255,99,125,.1);border:1px solid rgba(255,99,125,.3);color:#ff9caf}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,rgba(80,112,255,.18),transparent 35%),var(--bg);padding:20px}.auth-card{width:min(430px,100%);background:linear-gradient(145deg,#111c2b,#0a121e);border:1px solid var(--line);border-radius:19px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.45);position:relative}.auth-card h1{font-size:26px;margin:28px 0 6px}.auth-card>p{color:var(--muted);margin:0 0 20px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#07101b;padding:4px;border-radius:10px}.segmented button{border:0;border-radius:7px;background:none;color:var(--muted);padding:9px;cursor:pointer}.segmented button.active{background:#18263a;color:var(--text)}#auth-form{display:grid;gap:14px;margin-top:18px}#auth-form label{color:var(--muted);font-size:11px}#auth-form input{display:block;width:100%;margin-top:6px;padding:12px;background:#08111c;border:1px solid var(--line);border-radius:9px;color:var(--text);outline:none}#auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(111,140,255,.12)}.auth-card>small{display:block;color:var(--muted);text-align:center;margin-top:16px;font-size:9px}.lang{position:absolute;right:22px;top:22px;border:0;background:none;color:var(--muted);cursor:pointer}
@media(max-width:1150px){.hero-grid,.dashboard-grid{grid-template-columns:1fr}.position-strip{grid-template-columns:repeat(2,1fr)}.compact{display:none}.position-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shell{display:block}aside{position:fixed;z-index:20;left:0;right:0;bottom:0;top:auto;width:auto;height:64px;padding:7px 12px;border:0;border-top:1px solid var(--line)}aside>.logo,.user{display:none}nav{margin:0;display:grid;grid-template-columns:repeat(4,1fr)}nav button{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:2px;padding:3px;font-size:9px}nav button i{font-size:15px}nav em{display:none}header{padding:0 15px;height:68px}header>div:first-child{display:none}.header-actions{width:100%;justify-content:flex-end}.header-actions .ghost{display:none}.view{padding:18px 14px 88px}.hero-grid{display:block}.health-card{margin-top:12px}.position-strip{display:flex}.mini-position{min-width:220px}.balance-row strong{font-size:30px}.balance-foot span{padding:12px}.focus-stats{grid-template-columns:repeat(2,1fr)}.position-meta{grid-template-columns:repeat(2,1fr)}.journal-layout{grid-template-columns:1fr}.summary{order:-1}.page-intro{display:block}.table-panel{margin:0 -14px;border-radius:0}.chart-wrap canvas{height:250px}}

/* Live overview */
.price-freshness{margin-left:10px;padding:3px 7px;border-radius:6px;background:rgba(62,217,192,.1);color:var(--cyan)}
.price-freshness.stale{background:rgba(255,189,97,.1);color:var(--amber)}
.health-card .bar{position:relative}.health-card .bar:after{content:"";position:absolute;left:80%;top:-3px;width:1px;height:13px;background:var(--amber);box-shadow:0 0 7px var(--amber)}
.health-card .card-title{align-items:flex-start;gap:14px}
.health-card .card-title>div:first-child{min-width:0}
.health-card .card-title h3{line-height:1.18;overflow-wrap:anywhere}
.health-card .risk-ring{width:60px;height:60px;min-width:60px;aspect-ratio:1;flex:0 0 60px}
.balance-foot{gap:1px;background:var(--line)}
.balance-foot span{background:#0a1421;padding-top:16px;padding-bottom:17px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.balance-foot b,#realized,#open-pnl,#today-pnl{font-size:19px;letter-spacing:-.02em;margin-top:7px;text-transform:none}
.position-strip{display:grid;grid-template-columns:repeat(var(--position-count),minmax(0,1fr));gap:clamp(3px,.45vw,7px);overflow:visible;padding:2px}
.mini-position{min-width:0;padding:clamp(7px,.7vw,10px);border-radius:10px;overflow:hidden}
.mini-position:hover,.mini-position.selected{transform:translateY(-1px)}
.mini-position.selected{border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(62,217,192,.16)}
.mini-position .mini-top{display:block}.mini-position .coin{display:block}.mini-position .coin i,.mini-position .coin span{display:none}.mini-position .coin p{margin:0;min-width:0}.mini-position .coin b{overflow:hidden;text-overflow:ellipsis;font-size:clamp(8px,.72vw,11px);text-align:center}
.mini-position .pnl{margin-top:4px;text-align:center;font-size:clamp(8px,.72vw,11px);white-space:nowrap}.mini-position .pnl small{display:block;margin-top:1px;font-size:clamp(7px,.6vw,9px)}
.mini-position .route{margin-top:7px}.mini-position .route-labels,.mini-position .route-foot{display:none}.mini-position .route-line{height:3px;margin:4px 0}.mini-position .route-line i{width:8px;height:8px;border-width:2px}
@media(max-width:760px){.position-strip{gap:2px}.mini-position{padding:6px 3px}.mini-position .coin b{font-size:7px}.mini-position .pnl{font-size:7px}.mini-position .pnl small{font-size:6px}.mini-position .route{margin-top:5px}.balance-foot b,#realized,#open-pnl,#today-pnl{font-size:15px}.price-freshness{display:none}}