:root{--page: #0e1013;--panel: #16191e;--border: #23272e;--text: #eceef1;--secondary: #8b93a1;--accent: #e8a23d;--up: #3ecf8e;--down: #f0616d;--radius: 14px;--gutter: 16px;--margin: 24px;--pad: 20px;--font: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--page);color:var(--text);font-family:var(--font);font-size:14px;line-height:20px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.page{padding:var(--margin)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;height:32px;margin-bottom:var(--gutter)}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:600}.brand-mark{width:14px;height:14px;border-radius:4px;border:2px solid var(--accent)}.period{color:var(--secondary);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);min-width:0}.label{font-size:12px;line-height:16px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary)}.change{font-weight:500;white-space:nowrap}.change.up{color:var(--up)}.change.down{color:var(--down)}.change.pill{padding:4px 10px;border-radius:999px}.change.pill.up{background:#3ecf8e1f}.change.pill.down{background:#f0616d1f}.main{grid-column:span 8;height:320px;display:flex;flex-direction:column}.main-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:8px}.main-value{font-size:56px;line-height:64px;font-weight:600;letter-spacing:-.02em}.vs{color:var(--secondary)}.chart{position:relative;flex:1;min-height:0;margin-top:12px;touch-action:pan-y}.chart svg{display:block}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-base{stroke:var(--border);stroke-width:1}.chart-tick{fill:var(--secondary);font-size:12px}.chart-guide{stroke:var(--secondary);stroke-width:1}.chart-dot{fill:var(--panel);stroke:var(--accent);stroke-width:2}.chart-tip{position:absolute;top:-8px;transform:translate(-50%);display:flex;gap:8px;padding:4px 10px;white-space:nowrap;pointer-events:none;background:var(--page);border:1px solid var(--border);border-radius:8px}.chart-tip-date{color:var(--secondary)}.chart-tip-value{font-weight:600}.side{grid-column:span 4;height:320px;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--gutter);min-width:0}.metric{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-value{font-size:28px;line-height:32px;font-weight:600;letter-spacing:-.01em;margin-top:6px}.metric-side{display:grid;justify-items:end;gap:4px}.spark path{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.table-panel{grid-column:span 7}.table-scroll{margin-top:12px;overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{height:44px;padding:0 0 0 16px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th:first-child,td:first-child{padding-left:0}th{height:36px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary)}tbody tr:last-child td{border-bottom:0}.num{text-align:right;width:84px}th.num:nth-child(2),td.num:nth-child(2){width:80px}th.num:nth-child(4),td.num:nth-child(4){width:104px}.venue span{display:block;overflow:hidden;text-overflow:ellipsis}.breakdown{grid-column:span 5;display:flex;flex-direction:column}.bars{list-style:none;padding:0;margin-top:12px;flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:16px}.bar-head{display:flex;align-items:baseline;gap:12px}.bar-share{margin-left:auto;color:var(--secondary)}.bar-value{min-width:64px;text-align:right;font-weight:500}.bar-track{height:8px;margin-top:8px;border-radius:4px;background:var(--border)}.bar-fill{height:100%;border-radius:4px;background:var(--accent)}.state-message{color:var(--secondary);padding:40px 0;text-align:center;display:grid;justify-items:center;gap:16px}.breakdown .state-message{flex:1;align-content:center}.retry{font:inherit;font-weight:500;color:var(--text);background:transparent;cursor:pointer;height:36px;padding:0 16px;border:1px solid var(--border);border-radius:8px}.retry:hover{border-color:var(--secondary)}.retry:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sk{background:var(--border);border-radius:6px}.sk-label{width:140px;max-width:60%;height:12px;margin:2px 0}.sk-main{width:300px;max-width:80%;height:48px;margin-top:16px}.sk-chart{flex:1;margin-top:20px;border-radius:10px}.sk-value{width:96px;height:24px;margin-top:10px}.sk-spark{width:60px;height:28px}.sk-row{height:20px;margin-top:24px}.sk-row:first-of-type{margin-top:0}.table-panel .sk-label{margin-bottom:36px}.sk-bar{height:28px;margin-top:28px}@media (max-width: 719.98px){.grid{grid-template-columns:minmax(0,1fr)}.main,.side,.table-panel,.breakdown{grid-column:1}.side{height:auto;grid-template-rows:none}.metric{min-height:96px}table{min-width:560px}.period{overflow:hidden;text-overflow:ellipsis}}