@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-page:#090b11;--bg-sidebar:#0c0f17;--bg-1:#10141e;--bg-2:#161c29;--bg-3:#1c2435;--card-bg:#10141ecc;--card-bg-solid:#10141e;--card-border:#ffffff12;--card-border-strong:#ffffff21;--line:#94a3b81a;--line-strong:#94a3b833;--text-0:#e2e8f0;--text-1:#b0bcd0;--text-2:#7e8fa8;--text-3:#4e5f78;--up:#e8574c;--up-dim:#e8574c24;--down:#3ab897;--down-dim:#3ab89724;--accent:#c9a45c;--accent-2:#a78bfa;--accent-dim:#c9a45c26;--radius-xl:14px;--radius-lg:10px;--radius:7px;--radius-sm:5px;--shadow-card:0 1px 3px #0006;--shadow-pop:0 12px 36px #0000008c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--text-0);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.5}.up{color:var(--up)}.down{color:var(--down)}.shell{grid-template-rows:52px 1fr;grid-template-columns:210px 1fr;min-height:100vh;display:grid}.app-header{border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#090b11f2;grid-column:1/-1;align-items:center;gap:14px;padding:0 20px;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:10px;display:flex}.brand-name{letter-spacing:.12em;color:var(--accent);font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:800}.brand-sub{color:var(--text-2);letter-spacing:.02em;font-size:12px}.spacer{flex:1}.data-asof{color:var(--text-1);border:1px solid var(--card-border);background:var(--bg-1);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:600;display:inline-flex}.asof-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 6px #4ade80b3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.header-time{color:var(--text-1);letter-spacing:.02em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:500}.auth-btn{border:1px solid var(--card-border-strong);background:var(--bg-2);color:var(--text-1);cursor:pointer;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:background .14s,border-color .14s,color .14s}.auth-btn:hover{background:var(--bg-3);border-color:var(--accent);color:var(--accent)}.sidebar-left{background:var(--bg-sidebar);border-right:1px solid var(--card-border);padding:18px 0;overflow-y:auto}.side-group{margin-bottom:26px}.side-group-title{letter-spacing:.14em;color:var(--text-3);text-transform:uppercase;margin-bottom:10px;padding:0 18px;font-size:11px;font-weight:700}.cmp-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;flex-direction:column;gap:3px;padding:8px 16px;transition:background .13s,border-color .13s;display:flex}.cmp-row:hover{background:#ffffff08}.cmp-row.active{border-left-color:var(--card-accent,var(--accent));background:#ffffff0a}.cmp-head{align-items:center;gap:8px;display:flex}.cmp-check{border:1px solid var(--card-border-strong);color:#06121f;background:0 0;border-radius:3px;flex-shrink:0;place-items:center;width:14px;height:14px;font-size:10px;line-height:1;transition:background .13s,border-color .13s;display:grid}.cmp-row.active .cmp-check{background:var(--card-accent,var(--accent));border-color:var(--card-accent,var(--accent))}.cmp-label{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.cmp-row:not(.active) .cmp-label{color:var(--text-2)}.cmp-only{opacity:0;color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0 2px;font-family:inherit;font-size:10px;transition:color .13s,opacity .13s}.cmp-row:hover .cmp-only{opacity:1}.cmp-only:hover{color:var(--accent)}.cmp-spark{align-items:center;height:26px;padding-left:22px;display:flex}.filter-item{cursor:pointer;color:var(--text-2);border-left:2px solid #0000;padding:8px 18px;font-size:12.5px;transition:background .13s,color .13s,border-color .13s}.filter-item:hover{color:var(--text-1);background:#ffffff08}.filter-item.active{color:var(--text-0);border-left-color:var(--accent);background:#ffffff0d;font-weight:600}.main{min-width:0;padding:16px 22px 60px;overflow-x:hidden}.error{background:var(--up-dim);color:#f58e89;border-radius:var(--radius);border:1px solid #e8574c66;margin-bottom:14px;padding:9px 13px;font-size:12px}.hint{color:var(--text-3);margin:8px 0 0;font-size:12px}.login-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.login-box input{border:1px solid var(--card-border-strong);border-radius:var(--radius);background:var(--bg-1);min-width:220px;color:var(--text-0);padding:8px 12px;font-size:13px}.login-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.login-box button{border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);border-radius:var(--radius);cursor:pointer;padding:8px 16px;font-family:inherit;font-weight:600}.login-box button:hover{background:var(--accent);color:#06121f}.login-box .ghost{border-color:var(--card-border-strong);color:var(--text-2);background:0 0}.login-error{color:var(--up);font-size:12px}.chart-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:4px;padding-bottom:14px;display:flex}.seg{align-items:center;gap:2px;display:inline-flex}.seg button{color:var(--text-2);cursor:pointer;border-radius:var(--radius);background:0 0;border:1px solid #0000;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:color .13s,border-color .13s,background .13s}.seg button:hover{color:var(--text-0)}.seg button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.seg-divider{background:var(--line-strong);width:1px;height:18px;margin:0 4px}.date-range{align-items:center;gap:7px;display:inline-flex}.date-range input[type=date]{border:1px solid var(--card-border-strong);border-radius:var(--radius);background:var(--bg-1);color:var(--text-0);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:5px 9px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.date-range input[type=date]:focus{border-color:var(--accent);outline:none}.date-sep{color:var(--text-3);font-size:11px}.date-range .ghost{border:1px solid var(--card-border-strong);color:var(--text-2);border-radius:var(--radius);cursor:pointer;background:0 0;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:600}.date-range .ghost:hover{color:var(--text-1);border-color:var(--text-2)}.chart-area{grid-template-columns:minmax(0,1fr) 270px;align-items:stretch;gap:16px;margin-bottom:22px;display:grid}.chart{min-width:0;position:relative}.sidebar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);max-height:560px;overflow:hidden auto}.legend{flex-wrap:wrap;gap:8px 16px;margin-bottom:10px;display:flex}.legend-item{color:var(--text-1);cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:6px;padding:2px 6px;font-size:12px;font-weight:500;transition:opacity .13s,background .13s;display:inline-flex}.legend-item:hover{background:var(--bg-2)}.legend-item.dimmed{opacity:.4}.legend-item.focused{background:var(--bg-2)}.legend-item i{border-radius:2px;width:16px;height:3px}.legend-val{color:var(--text-0);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.markers-toggle{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:inline-flex}.markers-toggle input[type=checkbox]{accent-color:var(--accent);width:12px;height:12px}.chart-tooltip{pointer-events:none;z-index:100;border:1px solid var(--card-border-strong);border-radius:var(--radius-lg);color:var(--text-0);box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0f17d9;max-width:280px;padding:10px 14px;font-size:11px;position:absolute}.chart-tooltip .tt-date{color:var(--text-1);margin-bottom:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700}.chart-tooltip .tt-row{align-items:center;gap:8px;padding:2px 0;display:flex}.chart-tooltip .tt-buy{color:var(--up);font-weight:700}.chart-tooltip .tt-sell{color:var(--down);font-weight:700}.chart-tooltip .tt-cash{color:var(--accent-2);font-weight:700}.trade-lane{border-top:1px solid var(--card-border);height:24px;margin-top:6px;position:relative;overflow:hidden}.trade-lane-label{color:var(--text-3);letter-spacing:.05em;font-size:9px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.kpi-strip{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);grid-template-columns:repeat(6,1fr);gap:0;margin-bottom:8px;padding:16px 0;display:grid}.kpi-cell{border-right:1px solid var(--card-border);flex-direction:column;gap:5px;padding:0 20px;display:flex}.kpi-cell:last-child{border-right:none}.kpi-cell-label{color:var(--text-2);font-size:11.5px}.kpi-cell-value{font-variant-numeric:tabular-nums;color:var(--text-0);font-family:JetBrains Mono,ui-monospace,monospace;font-size:27px;font-weight:700;line-height:1.05}.kpi-cell-value.up{color:var(--up)}.kpi-cell-value.down{color:var(--down)}.kpi-cell-value.locked{color:var(--text-3)}.kpi-cell-hint{color:var(--text-3);font-size:10.5px}.day-detail{font-size:12px}.day-detail.empty{text-align:center;color:var(--text-3);padding:40px 16px}.day-detail.empty p{margin:0}.day-detail-header{border-bottom:1px solid var(--card-border);color:var(--text-0);background:#ffffff08;padding:12px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.day-section{border-bottom:1px solid var(--card-border);padding:12px 16px}.day-section:last-child{border-bottom:none}.day-section-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700}.day-row{align-items:center;gap:8px;padding:4px 0;display:flex}.day-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.day-label{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.day-val{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.day-sub,.day-muted,.day-empty{color:var(--text-3)}.day-sub{margin-left:4px;font-size:10px;font-weight:500}.day-empty{font-size:11px}.day-tag{border-radius:var(--radius-sm);flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.day-tag.buy{background:var(--up-dim);color:var(--up)}.day-tag.sell{background:var(--down-dim);color:var(--down)}.day-tag.cash-in{background:var(--accent-dim);color:var(--accent)}.day-tag.cash-out{color:var(--accent-2);background:#a78bfa24}.data-section{margin-top:4px}.tab-bar{border-bottom:1px solid var(--card-border);align-items:center;gap:22px;margin-bottom:4px;display:flex}.tab-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:10px 2px;font-family:inherit;font-size:13.5px;font-weight:600;transition:color .13s;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--text-0)}.tab-btn.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-lock{color:var(--text-3);margin-left:6px;font-size:11px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{border-bottom:1px solid var(--card-border);text-align:left;white-space:nowrap;padding:11px 14px}.data-table thead th{color:var(--text-3);letter-spacing:.04em;border-bottom:1px solid var(--card-border-strong);font-size:11px;font-weight:600}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:#ffffff06}.data-table tbody tr:last-child td{border-bottom:none}.data-table th.num,.data-table td.num{text-align:right;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace}.data-table td.code{color:var(--text-1);font-family:JetBrains Mono,ui-monospace,monospace}.data-table td.dim{color:var(--text-3)}.data-table tfoot td{color:var(--text-1);border-top:1px solid var(--card-border-strong);border-bottom:none;font-weight:700}.data-table .side-buy{color:var(--up);font-weight:700}.data-table .side-sell{color:var(--down);font-weight:700}.data-table .empty{text-align:center;color:var(--text-3);padding:28px}.table-scroll{overflow-x:auto}@media (width<=1100px){.chart-area{grid-template-columns:1fr}.sidebar{max-height:none}.kpi-strip{grid-template-columns:repeat(3,1fr);gap:16px 0}.kpi-cell:nth-child(3n){border-right:none}}@media (width<=760px){.shell{grid-template-rows:52px auto 1fr;grid-template-columns:1fr}.sidebar-left{border-right:none;border-bottom:1px solid var(--card-border);flex-wrap:wrap;display:flex}.side-group{flex:1;min-width:160px;margin-bottom:12px}.kpi-strip{grid-template-columns:repeat(2,1fr)}.kpi-cell:nth-child(2n){border-right:none}.kpi-cell-value{font-size:22px}}