:root{--bg: #f6f7fb;--panel: rgba(255, 255, 255, .9);--text: rgba(17, 24, 39, .92);--muted: rgba(17, 24, 39, .62);--stroke: rgba(15, 23, 42, .12);--accent: #0ea5e9;--accent2: #22c55e;--danger: #ef4444;--warn: #f59e0b;--shadow: rgba(2, 6, 23, .14);--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font: "Bahnschrift", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Arial}html[data-theme=paper]{--bg: #eceff4;--panel: rgba(255, 255, 255, .92);--text: rgba(46, 52, 64, .92);--muted: rgba(46, 52, 64, .62);--stroke: rgba(46, 52, 64, .16);--accent: #5e81ac;--accent2: #8fbcbb;--shadow: rgba(46, 52, 64, .14);--font: "Bahnschrift", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Arial}html[data-theme=ivory]{--bg: #fbf7ee;--panel: rgba(255, 255, 255, .88);--text: rgba(17, 24, 39, .92);--muted: rgba(17, 24, 39, .62);--stroke: rgba(69, 46, 19, .14);--accent: #a16207;--accent2: #16a34a;--shadow: rgba(69, 46, 19, .14);--font: "Georgia", "Cambria", "Palatino Linotype", "Book Antiqua", serif}html[data-theme=mist]{--bg: #fdf6e3;--panel: rgba(255, 255, 255, .86);--text: rgba(0, 43, 54, .92);--muted: rgba(0, 43, 54, .62);--stroke: rgba(88, 110, 117, .2);--accent: #268bd2;--accent2: #2aa198;--shadow: rgba(0, 43, 54, .12);--font: "Trebuchet MS", "Verdana", "Segoe UI", system-ui, -apple-system, Arial}html[data-theme=dracula]{--bg: #282a36;--panel: rgba(68, 71, 90, .88);--text: rgba(248, 248, 242, .95);--muted: rgba(248, 248, 242, .6);--stroke: rgba(248, 248, 242, .14);--accent: #bd93f9;--accent2: #50fa7b;--shadow: rgba(0, 0, 0, .5);--font: "Bahnschrift", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Arial}html[data-theme=tokyo]{--bg: #1a1b26;--panel: rgba(36, 40, 59, .9);--text: rgba(192, 202, 245, .95);--muted: rgba(192, 202, 245, .6);--stroke: rgba(192, 202, 245, .12);--accent: #7aa2f7;--accent2: #9ece6a;--shadow: rgba(0, 0, 0, .55);--font: "Bahnschrift", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Arial}html[data-theme=bic]{--bg: #fefefc;--panel: rgba(255, 255, 255, .96);--text: rgba(0, 0, 0, .92);--muted: rgba(0, 0, 0, .6);--stroke: rgba(0, 0, 0, .18);--accent: #1f4ea8;--accent2: #0a7d3b;--danger: #d12c1f;--warn: #d12c1f;--shadow: rgba(0, 0, 0, .16);--font: "Bahnschrift", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Arial}html[data-theme=dracula] body,html[data-theme=tokyo] body{background:radial-gradient(900px 420px at 12% 0%,rgba(122,162,247,.1),transparent 55%),radial-gradient(900px 420px at 88% 0%,rgba(189,147,249,.1),transparent 55%),var(--bg)}html[data-theme=dracula] .topbar,html[data-theme=tokyo] .topbar,html[data-theme=dracula] .card,html[data-theme=tokyo] .card{background:linear-gradient(180deg,var(--panel),rgba(0,0,0,.18))}html[data-theme=dracula] .select,html[data-theme=dracula] .input,html[data-theme=dracula] .btn,html[data-theme=tokyo] .select,html[data-theme=tokyo] .input,html[data-theme=tokyo] .btn{background:#ffffff0f}html[data-theme=dracula] .btn:hover,html[data-theme=tokyo] .btn:hover{background:#ffffff1f}html[data-theme=dracula] th,html[data-theme=tokyo] th{color:var(--muted);background:#0000006b}html[data-theme=dracula] tr:hover td,html[data-theme=tokyo] tr:hover td{background:#ffffff0d}html[data-theme=dracula] .badge,html[data-theme=tokyo] .badge{background:#ffffff14;color:var(--text);border-color:var(--stroke)}html[data-theme=dracula] .metricCard,html[data-theme=tokyo] .metricCard{background:radial-gradient(180px 100px at 100% 0%,rgba(189,147,249,.18),transparent 70%),linear-gradient(180deg,var(--panel),rgba(0,0,0,.22));box-shadow:0 14px 32px #00000059}html[data-theme=dracula] .percentRow,html[data-theme=tokyo] .percentRow{background:#ffffff0d;border-color:var(--stroke)}html[data-theme=dracula] .percentRowBar,html[data-theme=tokyo] .percentRowBar{background:#ffffff1a}html[data-theme=dracula] .timeOrdersOverlay,html[data-theme=tokyo] .timeOrdersOverlay{background:#282a36f0;border-color:var(--stroke);color:var(--text)}html[data-theme=dracula] .imgHover,html[data-theme=tokyo] .imgHover{background:#282a36f0}html[data-theme=dracula] .homeHero,html[data-theme=tokyo] .homeHero,html[data-theme=dracula] .homeCard,html[data-theme=tokyo] .homeCard{background:radial-gradient(240px 140px at 0% 0%,rgba(122,162,247,.16),transparent 72%),radial-gradient(220px 140px at 100% 0%,rgba(189,147,249,.14),transparent 74%),linear-gradient(180deg,var(--panel),rgba(0,0,0,.22))}html[data-theme=dracula] .chartAxisLabel,html[data-theme=tokyo] .chartAxisLabel{fill:#f8f8f2c7}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(900px 420px at 12% 0%,rgba(14,165,233,.12),transparent 55%),radial-gradient(900px 420px at 88% 0%,rgba(34,197,94,.12),transparent 55%),linear-gradient(180deg,#ffffff,var(--bg));color:var(--text)}a{color:inherit}.shell{max-width:1500px;margin:0 auto;padding:28px 18px 60px}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--stroke);background:linear-gradient(180deg,#fffffff2,#ffffffb8);border-radius:14px;box-shadow:0 14px 40px var(--shadow);position:sticky;top:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.brand{display:flex;flex-direction:column;gap:2px}.brandTitle{font-weight:740;letter-spacing:.2px}.brandSub{font-size:12px;color:var(--muted)}.topControls{display:flex;align-items:center;gap:10px}.select{border-radius:12px;border:1px solid var(--stroke);background:#ffffffb3;color:var(--text);padding:10px 12px;font-size:14px;outline:none}.nav{display:flex;gap:8px;align-items:center}.nav a{text-decoration:none;padding:10px 12px;border-radius:12px;border:1px solid transparent;color:var(--muted);transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease}.nav a:hover{transform:translateY(-1px);background:#ffffff0f;color:var(--text)}.nav a.active{color:var(--text);border-color:#0ea5e959;background:#0ea5e91a}.grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}@media (min-width: 980px){.grid.two{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffffeb,#ffffffbd);border-radius:16px;padding:14px;box-shadow:0 14px 40px var(--shadow)}.cardTitle{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.cardTitle h2{margin:0;font-size:14px;letter-spacing:.25px;text-transform:uppercase;color:var(--text)}.cardTitle .hint{font-size:12px;color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input,.btn{border-radius:12px;border:1px solid var(--stroke);background:#ffffffbf;color:var(--text);padding:10px 12px;font-size:14px;outline:none}.input{min-width:220px;flex:1}.input.mono{font-family:var(--mono)}.btn{cursor:pointer;background:#ffffffbf;transition:transform .12s ease,background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);background:#ffffff1a}.btn.primary{border-color:#0ea5e973;background:#0ea5e926}.btn.good{border-color:#22c55e80;background:#22c55e24}.btn.excel{border-color:#107c41;background:#107c41;color:#fff;font-weight:700}.btn.excel:hover{background:#0e6b38;border-color:#0e6b38}.btn.excel:disabled{opacity:.55;cursor:not-allowed}.btn.small{padding:8px 10px;font-size:13px}.muted{color:var(--muted)}.tableWrap{overflow:auto;border:1px solid var(--stroke);border-radius:14px;max-height:min(72vh,720px);min-height:290px}table{width:100%;border-collapse:collapse;min-width:860px}th,td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:14px}th{font-size:12px;text-transform:uppercase;letter-spacing:.25px;color:#111827b3;background:#ffffffb8;position:sticky;top:0;z-index:2}html[data-theme=ivory] th{font-weight:800}tr:hover td{background:#ffffff0a}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#ffffffb8;font-size:12px;color:#111827cc}.badge.good{border-color:#22c55e59;background:#22c55e1f}.badge.warn{border-color:#f59e0b73;background:#f59e0b1f}.errorBox{border-radius:14px;border:1px solid rgba(239,68,68,.32);background:#ef444414;padding:12px}.okBox{border-radius:14px;border:1px solid rgba(34,197,94,.32);background:#22c55e1a;padding:12px}.errorBox pre{margin:10px 0 0;font-family:var(--mono);font-size:12px;white-space:pre-wrap}.imgHoverWrap{position:relative;display:inline-block}.imgPill{font-family:var(--mono);font-size:12px;opacity:.9}.imgHover{display:none;position:absolute;left:0;top:100%;margin-top:10px;width:240px;height:240px;border-radius:14px;overflow:hidden;border:1px solid var(--stroke);background:#ffffffe6;box-shadow:0 16px 40px var(--shadow);z-index:20}.imgHover.up{top:auto;bottom:100%;margin-top:0;margin-bottom:10px}.imgHoverWrap:hover .imgHover{display:flex;align-items:center;justify-content:center}.imgHover img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#0f172a0a}.sortTh{cursor:pointer;-webkit-user-select:none;user-select:none}.sortTh:hover{background:#0ea5e914}.sortIcon{font-family:var(--mono);font-size:12px;opacity:.7;margin-left:8px}.dashboardHero{display:grid;gap:16px}.dashboardHero.dashboardHeroSticky{position:sticky;top:12px;z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.percentRow{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fff9}.percentRowLabel{font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.percentRowBar{position:relative;height:12px;border-radius:999px;overflow:hidden;background:#0f172a14}.percentRowBar>span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#0f766e)}.percentRowValues{display:flex;align-items:baseline;gap:10px;justify-content:flex-end}.percentRowPct{font-size:22px;font-weight:760;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.percentRowOrders{font-size:14px;font-weight:650;color:var(--accent);font-variant-numeric:tabular-nums}.percentRowOrders .muted{font-weight:500;margin-left:4px}.timeOrdersWrap{position:relative}.timeOrdersOverlay{position:absolute;top:10px;right:14px;padding:8px 12px;border-radius:12px;background:#ffffffeb;border:1px solid var(--stroke);box-shadow:0 8px 20px #02061714;pointer-events:none;display:grid;gap:2px;min-width:140px}.timeOrdersOverlay .date{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.timeOrdersOverlay .count{font-size:22px;font-weight:760;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}.timeOrdersOverlay .turnover{margin-top:6px;padding-top:6px;border-top:1px dashed var(--stroke);display:flex;align-items:baseline;justify-content:space-between;gap:10px}.timeOrdersOverlay .turnoverLabel{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.timeOrdersOverlay .turnoverValue{font-size:14px;font-weight:700;color:#0f766e;font-variant-numeric:tabular-nums}.homeHero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:18px;align-items:center;padding:22px;background:radial-gradient(240px 140px at 0% 0%,rgba(94,129,172,.18),transparent 72%),radial-gradient(220px 140px at 100% 0%,rgba(34,197,94,.14),transparent 74%),linear-gradient(180deg,#fffffff5,#ffffffc7)}.homeHeroCopy{display:grid;gap:12px}.homeTitle{margin:0;font-size:clamp(28px,4vw,44px);line-height:.96;letter-spacing:-.04em}.homeLead{margin:0;max-width:66ch;color:var(--muted);font-size:15px;line-height:1.6}.homeSignal{display:grid;justify-items:center;gap:14px;padding:18px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#ffffffad}.signalOrb{width:104px;height:104px;border-radius:999px;position:relative;box-shadow:inset 0 0 0 1px #0f172a14}.signalOrb:before,.signalOrb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.signalOrb.opening{background:radial-gradient(circle at 35% 30%,#ffffffe6,#f59e0b47 45%,#f59e0bb3);animation:pulseSignal 1.6s ease-in-out infinite}.signalOrb.ready{background:radial-gradient(circle at 35% 30%,#ffffffeb,#22c55e4d 45%,#0f766ec7)}.signalOrb.opening:after{border:1px solid rgba(245,158,11,.28);animation:rippleSignal 1.8s ease-out infinite}.signalText{color:var(--muted);text-align:center;font-size:14px}.homeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.homeCard{display:grid;gap:8px;min-height:136px;padding:18px;border-radius:18px;border:1px solid var(--stroke);text-decoration:none;background:linear-gradient(180deg,#fffffff2,#ffffffb8),linear-gradient(135deg,#5e81ac0f,#22c55e0a);box-shadow:0 14px 28px #02061714;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.homeCard:hover{transform:translateY(-2px);border-color:#0ea5e942;box-shadow:0 18px 34px #0206171f}.homeCardTitle{font-size:18px;font-weight:760;letter-spacing:-.02em}.homeCardText{color:var(--muted);line-height:1.5}@keyframes pulseSignal{0%,to{transform:scale(1);box-shadow:0 0 #f59e0b24}50%{transform:scale(1.04);box-shadow:0 0 0 10px #f59e0b0d}}@keyframes rippleSignal{0%{transform:scale(1);opacity:.7}to{transform:scale(1.35);opacity:0}}.dashboardHeroText{display:grid;gap:6px}.dashboardHeadline{font-size:clamp(22px,4vw,34px);line-height:1.05;max-width:14ch;font-weight:760;letter-spacing:-.03em}.dashboardToolbar,.dashboardScope,.segmentedRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filterGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filterField{display:grid;gap:6px}.filterField span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.filterField .input,.filterField .select{min-width:0;width:100%}.dashboardStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metricCard{border:1px solid var(--stroke);border-radius:16px;padding:16px;background:radial-gradient(180px 100px at 100% 0%,rgba(14,165,233,.14),transparent 70%),linear-gradient(180deg,#fffffff0,#ffffffc7);box-shadow:0 14px 32px #02061714}.metricLabel{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.metricValue{margin-top:10px;font-size:clamp(24px,3vw,34px);line-height:1;font-weight:760;letter-spacing:-.03em}.metricMetaRow{margin-top:12px;display:flex;justify-content:space-between;gap:10px;align-items:flex-end;flex-wrap:wrap}.metricDetail{color:var(--muted);font-size:13px}.metricDelta{font-size:12px;font-weight:650;color:var(--muted)}.metricDelta.up{color:#0f766e}.metricDelta.down{color:#b91c1c}.dashboardPairGrid{align-items:stretch}.chartShell{width:100%;overflow-x:auto}.chartSvg{display:block;width:100%;min-width:540px;height:auto}.chartAxisLabel{fill:#11182794;font-size:11px}.segmentedBtn{border-radius:999px;border:1px solid var(--stroke);background:#ffffffad;color:var(--muted);padding:8px 12px;font-size:12px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,color .12s ease,background .12s ease}.segmentedBtn:hover{transform:translateY(-1px);color:var(--text)}.segmentedBtn.active{color:var(--text);border-color:#0ea5e959;background:#0ea5e91f}.rankList{display:grid;gap:12px}.rankItem{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#ffffff8a}.rankHeader,.rankMeta{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.rankLabel{font-weight:650}.rankValue{font-family:var(--mono);font-size:13px}.rankTrack{position:relative;height:10px;border-radius:999px;overflow:hidden;background:#0f172a14}.rankFill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#0f766e)}.rankMeta{font-size:12px;color:var(--muted)}@media (max-width: 1100px){.filterGrid,.dashboardStats,.homeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.topControls{align-items:flex-start}.topbar,.topControls,.nav{flex-wrap:wrap}}@media (max-width: 720px){.filterGrid,.dashboardStats,.homeGrid{grid-template-columns:1fr}.shell{padding-left:12px;padding-right:12px}.metricMetaRow,.rankHeader,.rankMeta{flex-direction:column;align-items:flex-start}.dashboardHeadline{max-width:none}.homeHero{grid-template-columns:1fr}}
