:root{--page-bg: #f4f6fa;--muted: rgba(0, 0, 0, .55);--chart-grid: #e1e0d9;--chart-axis: #c3c2b7;--chart-surface: #ffffff}:root[data-theme=dark]{--page-bg: #0b0d12;--muted: rgba(255, 255, 255, .55);--chart-grid: #2c2c2a;--chart-axis: #383835;--chart-surface: #141414}html,body,#root{height:100%;margin:0}body{background:var(--page-bg)}.page{padding:24px;max-width:1400px;margin:0 auto}.page-title{margin-bottom:4px!important}.page-subtitle{color:var(--muted);margin-bottom:20px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.json-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;max-height:420px;overflow:auto;padding:12px;border-radius:8px;background:#7f7f7f14;white-space:pre}.stat-click{cursor:pointer;transition:box-shadow .15s}.stat-click:hover{box-shadow:0 2px 10px #0000001f}.stat-click.active{outline:2px solid #2b4c8c}.login-bg{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#1f3864,#2b4c8c 55%,#4a6fb5)}@media (max-width: 768px){.page{padding:16px}}