:root{color-scheme:light;--page-plane:#f9f9f7;--surface-1:#fcfcfb;--surface-2:#f1f1ee;--text-primary:#0b0b0b;--text-secondary:#52514e;--muted:#898781;--gridline:#e1e0d9;--baseline:#c3c2b7;--series-1:#2a78d6;--series-2:#008300;--series-3:#e87ba4;--series-4:#eda100;--series-5:#1baf7a;--series-6:#eb6834;--series-7:#4a3aa7;--series-8:#e34948;--border:hsla(0,0%,4%,.1);--shadow:0 1px 2px hsla(0,0%,4%,.04),0 8px 24px hsla(0,0%,4%,.05);--shadow-hover:0 1px 2px hsla(0,0%,4%,.05),0 12px 32px hsla(0,0%,4%,.08)}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--page-plane:#0a0a0a;--surface-1:#171716;--surface-2:#1f1f1d;--text-primary:#fff;--text-secondary:#c3c2b7;--muted:#898781;--gridline:#292926;--baseline:#383835;--series-1:#3987e5;--series-2:#17b866;--series-3:#d55181;--series-4:#c98500;--series-5:#199e70;--series-6:#d95926;--series-7:#9085e9;--series-8:#e66767;--border:hsla(0,0%,100%,.08);--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);--shadow-hover:0 1px 2px rgba(0,0,0,.35),0 14px 36px rgba(0,0,0,.45)}}:root[data-theme=dark]{color-scheme:dark;--page-plane:#0a0a0a;--surface-1:#171716;--surface-2:#1f1f1d;--text-primary:#fff;--text-secondary:#c3c2b7;--muted:#898781;--gridline:#292926;--baseline:#383835;--series-1:#3987e5;--series-2:#17b866;--series-3:#d55181;--series-4:#c98500;--series-5:#199e70;--series-6:#d95926;--series-7:#9085e9;--series-8:#e66767;--border:hsla(0,0%,100%,.08);--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);--shadow-hover:0 1px 2px rgba(0,0,0,.35),0 14px 36px rgba(0,0,0,.45)}*{box-sizing:border-box}body{margin:0;background:var(--page-plane);color:var(--text-primary);font-family:-apple-system,system-ui,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{max-width:1200px;margin:0 auto;padding:40px 32px 72px;display:flex;flex-direction:column;gap:32px}.page-title{font-size:22px;font-weight:700;margin:0;letter-spacing:-.01em}.card{background:var(--surface-1);border:1px solid var(--border);padding:24px;box-shadow:var(--shadow);transition:box-shadow .15s ease,transform .15s ease}.card,.chart-card{border-radius:14px}.chart-card{padding:22px 24px 18px;overflow:hidden}.chart-card:hover{box-shadow:var(--shadow-hover)}.card-title{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--text-primary)}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chart-header .card-title{margin-bottom:0}.chart-header-meta{display:flex;align-items:center;gap:10px}.chart-reset-btn,.chart-truncated{font-size:11px;white-space:nowrap}.chart-reset-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:4px 12px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.chart-reset-btn:hover{background:var(--series-1);color:#fff;border-color:var(--series-1)}.card-empty{color:var(--text-secondary);font-size:14px;padding:32px 0;text-align:center}.card-empty.skeleton{height:380px;border-radius:10px;background:linear-gradient(100deg,var(--surface-2) 30%,var(--gridline) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.stat-tile-skeleton{height:76px;border-radius:12px;padding:0}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.card-empty.skeleton{animation:none}}.viz-tooltip{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:8px 10px;box-shadow:0 4px 16px rgba(0,0,0,.16)}.viz-tooltip-value{font-weight:600;font-size:14px;color:var(--text-primary)}.viz-tooltip-time{font-size:12px;color:var(--text-secondary);margin-top:2px}.viz-tooltip-flag{font-size:11px;color:var(--series-8);margin-top:6px;max-width:180px}.sync-row{gap:12px}.header-actions,.sync-row{display:flex;align-items:center}.header-actions{gap:16px}.sync-hint{white-space:nowrap}.btn{display:inline-block;background:var(--series-1);color:#fff;font-weight:600;font-size:14px;padding:10px 16px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:filter .12s ease,transform .05s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted,.section-title{color:var(--text-secondary);font-size:13px}.section-title{font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:4px 0 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:16px;gap:16px}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--tile-accent,var(--border));border-radius:12px;padding:16px 20px;box-shadow:var(--shadow);transition:box-shadow .15s ease,transform .15s ease}.stat-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.stat-tile-label{font-size:12px;color:var(--text-secondary)}.stat-tile-value{font-size:26px;font-weight:600;color:var(--text-primary);margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-tile-value .unit{font-size:13px;font-weight:500;color:var(--text-secondary);margin-left:4px}.stat-tile-empty{color:var(--muted);font-size:20px}.chart-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;margin-top:4px}.range-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0}.range-btn{background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.range-btn:hover{border-color:var(--series-1);color:var(--text-primary)}.range-btn.active{background:var(--series-1);border-color:var(--series-1);color:#fff}.range-custom{display:flex;align-items:center;gap:8px}.range-custom input[type=date]{background:var(--surface-1);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:5px 8px;font-size:13px}.range-hint{margin-left:auto;font-size:12px}.explorer-controls{display:flex;gap:8px;align-items:center;margin-bottom:14px}.explorer-controls select{background:var(--page-plane);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-weight:600;color:var(--text-secondary);position:-webkit-sticky;position:sticky;top:0;background:var(--surface-1)}.data-table td,.data-table th{padding:8px;border-bottom:1px solid var(--gridline)}.data-table td{color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-table tbody tr:nth-child(2n){background:var(--surface-2)}.data-table tbody tr:hover{background:var(--gridline)}.data-table-scroll{max-height:420px;overflow-y:auto;overflow-x:auto;border-radius:8px}.pagination{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:13px;color:var(--text-secondary)}.pagination button{background:var(--page-plane);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:13px;transition:border-color .12s ease}.pagination button:hover:not(:disabled){border-color:var(--series-1)}.pagination button:disabled{opacity:.4;cursor:default}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:32px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.login-title{margin:0;font-size:20px;color:var(--text-primary)}.login-input{background:var(--page-plane);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px}.login-error{color:var(--series-8);font-size:13px;margin:-6px 0 0}.login-submit{width:100%;text-align:center;margin-top:4px}