*{box-sizing:border-box}body{margin:0;background:#0b0f14;color:#e6edf5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:720px;margin:0 auto;padding:8px}.login{min-height:100vh;display:grid;align-content:center;gap:12px}h1{font-size:24px;margin:0 0 8px}input,select,button{width:100%;min-height:42px;border:1px solid #26313d;border-radius:6px;background:#121821;color:#e6edf5;font-size:16px;padding:8px 10px}button{background:#243244;font-weight:700}.topbar{display:grid;grid-template-columns:1fr 82px 72px;gap:8px;position:sticky;top:0;z-index:2;padding:8px 0;background:#0b0f14}.market{border-bottom:1px solid #202832;padding-bottom:10px}.market-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:6px 2px 10px}.market-head div{display:grid;gap:3px}.market-head strong{font-size:18px}.market-head span,.section-title span,small{color:#7f8c9c;font-size:12px}.market-head b{font-size:22px;font-variant-numeric:tabular-nums}.chart-wrap{position:relative}.chart{width:100%;height:360px;border:1px solid #202832;border-radius:4px;overflow:hidden;background:#0b0f14}.chart-badge{position:absolute;left:8px;top:8px;z-index:1;border-radius:4px;padding:5px 8px;font-size:12px;font-weight:800;letter-spacing:0;color:#f8fafc;box-shadow:0 6px 18px #0000004d}.long-badge{background:#137333}.short-badge{background:#a32222}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 0;font-size:14px}.stats span{display:grid;gap:3px;padding:8px 9px;background:#101720;border:1px solid #1f2a36;border-radius:4px;font-variant-numeric:tabular-nums}em{color:#7f8c9c;font-size:11px;font-style:normal}.ticker-row{grid-template-columns:repeat(4,1fr);padding-bottom:0}.positions,.account,.rankings{padding:12px 0;border-bottom:1px solid #202832}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.account-grid span{display:grid;gap:4px;border:1px solid #1f2a36;border-radius:4px;background:#101720;padding:9px;font-size:14px;font-variant-numeric:tabular-nums}.account-grid .account-primary{border-color:#36465a;background:#131d28;font-size:16px;font-weight:800}.rank-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:116px}.rank-tabs button{min-height:30px;border-radius:4px;padding:4px 8px;font-size:13px;background:#121821;color:#8fa0b4}.rank-tabs .active{border-color:#3b4b5e;color:#e6edf5;background:#1c2734}.rank-list{display:grid;gap:6px}.rank-row{display:grid;grid-template-columns:1fr 92px 78px;align-items:center;gap:8px;min-height:36px;border-radius:4px;background:#101720;border-color:#1f2a36;padding:7px 9px;font-size:13px;text-align:left;font-variant-numeric:tabular-nums}.rank-row span:nth-child(2),.rank-row b{text-align:right}.section-title strong{font-size:15px}.empty-position{border:1px dashed #26313d;border-radius:4px;color:#7f8c9c;padding:12px;text-align:center;font-size:13px}.position-card{width:100%;min-height:auto;border:1px solid #26313d;border-radius:4px;background:#101720;padding:10px;color:#e6edf5;font-weight:400;text-align:left}.position-card+.position-card{margin-top:8px}.position-main{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding-bottom:10px}.position-main>div{display:grid;gap:3px}.symbol-button{width:fit-content;min-height:auto;border:0;border-radius:0;background:transparent;color:#e6edf5;padding:0;font-size:15px;font-weight:800;text-align:left}.position-main b{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}.side{width:fit-content;border-radius:3px;padding:2px 5px;font-size:11px;font-weight:800}.long-text{background:#14532d99;color:#86efac}.short-text{background:#7f1d1da6;color:#fecaca}.position-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #202832;padding-top:10px}.position-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;border-top:1px solid #202832;margin-top:10px;padding-top:10px}.position-amount{border-top:1px solid #202832;margin-top:10px;padding-top:10px}.position-amount input{min-height:38px}.position-actions button{min-height:38px;font-size:14px}.risk-inline{border-top:1px solid #202832;margin-top:10px;padding-top:10px}.position-grid span{display:grid;gap:4px;min-width:0;font-size:13px;font-variant-numeric:tabular-nums}.green{color:#22c55e}.red{color:#ef4444}.panel{border-top:1px solid #202832;padding:12px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}label{display:grid;gap:4px;color:#9fb0c3;font-size:13px}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.long{background:#14532d}.short{background:#7f1d1d}.wide,.trailing{margin-top:10px}.result pre,.login pre{white-space:pre-wrap;word-break:break-word;min-height:80px;margin:0;padding:10px;background:#111821;border:1px solid #202832;border-radius:6px;color:#c9d6e2;font-size:12px}@media(max-width:560px){main{padding:8px}.grid,.actions,.ticker-row,.position-grid,.account-grid{grid-template-columns:1fr 1fr}.market-head strong{font-size:16px}.market-head b{font-size:20px}.chart{height:340px}}