:root{--bg:#0b0f14;--panel:#131a22;--panel-2:#0f151c;--border:#24303b;--text:#e6edf3;--muted:#8b98a5;--accent:#4f9cf9;--green:#3fb950;--red:#f85149;--amber:#d29922;--on-accent:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}img,canvas,svg{max-width:100%}h1{margin:0 0 4px;font-size:22px}.subtitle{color:var(--muted);margin-bottom:20px;font-size:13px}.tabs{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:4px;margin-bottom:24px;display:flex;overflow:auto hidden}.tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;flex:none;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .18s ease-out,color .18s ease-out,opacity .12s ease-out}.tab-btn:hover{color:var(--text);background:#e6edf30f}.tab-btn:active{opacity:.6;transition-duration:60ms}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);background:#4f9cf91a}.tab-btn.active:hover{background:#4f9cf926}.tab-panel{display:none}.tab-panel.active{display:block}.pair-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding-bottom:4px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:24px;display:grid}.stat{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0;padding:14px 16px}.stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.stat .value{overflow-wrap:break-word;word-break:break-word;margin-top:4px;font-size:22px;font-weight:600}.stat .sub{color:var(--muted);margin-top:2px;font-size:11px}.stat .value.pos,.value.pos,.pos{color:var(--green)}.stat .value.neg,.value.neg,.neg{color:var(--red)}.stat.block{color:#fff}.stat.block .label{color:#ffffffd9}.stat.block .value{color:#fff}.stat.block-blue{background:#3b6fd6;border-color:#3b6fd6}.stat.block-green{background:#2ea043;border-color:#2ea043}.stat.block-orange{background:#d97a2f;border-color:#d97a2f}.stat.block-amber{background:#8f6b16;border-color:#8f6b16}.stat.block-red{background:#d1484a;border-color:#d1484a}section{margin-bottom:40px}section h2{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:17px}section h3{color:var(--muted);margin:20px 0 8px;font-size:13.5px}section h4{color:var(--muted);margin:16px 0 8px;font-size:12.5px}.chart-wrap{background:var(--panel);border:1px solid var(--border);border-radius:10px;max-width:100%;height:360px;margin-bottom:16px;padding:16px}.chart-wrap.tall{height:560px}.legend-row{color:var(--muted);flex-wrap:wrap;gap:18px;margin-bottom:12px;font-size:12px;display:flex}.legend-row span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:2px;flex:none;width:12px;height:3px;display:inline-block}table{border-collapse:collapse;background:var(--panel);border-radius:10px;width:100%;font-size:13px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}th{background:var(--panel-2);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.side-buy{color:var(--green);font-weight:600}.side-sell{color:var(--red);font-weight:600}.tag{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tag-tp{color:var(--green);background:#3fb95026}.tag-sl{color:var(--red);background:#f8514926}.tag-cancelled{color:var(--amber);background:#d2992226}.tag-pending{color:var(--muted);background:#8b94a526}.badge{border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-block}.table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:10px;max-width:100%;margin-bottom:16px;overflow-x:auto}.table-scroll table{border:none;border-radius:0}.note{background:var(--panel-2);border-left:3px solid var(--amber);color:var(--muted);overflow-wrap:break-word;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13px}.state-box{text-align:center;color:var(--muted);padding:40px}.state-error{color:var(--red)}.skeleton{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.skeleton-row{flex-wrap:wrap;gap:10px;display:flex}.skeleton-block{background:var(--panel);border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden}.skeleton-block:after{content:"";background:linear-gradient(90deg,#0000,#e6edf30f,#0000);animation:1.8s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}.skeleton-stat{flex:150px;min-width:150px;height:62px}.skeleton-chart{height:360px}.skeleton-chart.tall{height:560px}.skeleton-table{height:22px}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton-block:after{animation:none}}@media (width<=640px){.skeleton-chart.tall{height:340px}}.back-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:12px}.back-btn:hover{color:var(--text)}footer{color:var(--muted);border-top:1px solid var(--border);margin-top:40px;padding-top:16px;font-size:12px}@media (width<=640px){body{padding:12px}h1{font-size:18px}.subtitle{margin-bottom:14px;font-size:11px}.tabs{gap:2px;margin-bottom:16px}.tab-btn{padding:8px 12px;font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.stat{border-radius:8px;padding:10px 12px}.stat .label{font-size:10px}.stat .value{font-size:17px}section{margin-bottom:28px}section h2{margin-bottom:10px;font-size:14px}.chart-wrap{height:260px;margin-bottom:12px;padding:10px}.chart-wrap.tall{height:340px}.legend-row{gap:10px;margin-bottom:8px;font-size:11px}table{font-size:12px}th,td{padding:6px 8px}.note{padding:8px 10px;font-size:12px}}@media (width<=400px){.grid{grid-template-columns:1fr 1fr}.stat .value{font-size:15px}}