:root{--bg: #f7f8fa;--card: #ffffff;--border: #e2e6ec;--grid: #eef1f5;--text: #1a1f2b;--muted: #5b6472;--subtle: #8c95a3;--up: #16a34a;--down: #dc2626;--bar-weight: #2563eb;--bar-row: #9aa3b1;--bar-row-up: rgba(22, 163, 74, .45);--bar-row-down: rgba(220, 38, 38, .45);--accent: #2563eb}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:24px}.subtle{color:var(--muted);font-size:12px}.header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:24px}.header-left h1{margin:0 0 4px;font-size:20px;font-weight:600;letter-spacing:-.01em}.header-right{display:flex;align-items:flex-start;gap:24px}.date-label{display:flex;flex-direction:column;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:4px}.date-label input,.date-label select{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:13px;color-scheme:light;font-family:inherit}.vwra-summary{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.vwra-value{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;color:inherit;line-height:30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 1100px){.grid{grid-template-columns:1fr}}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.chart-header h2{margin:0 0 2px;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.toggle{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px}.toggle-btn{padding:4px 10px;font-size:12px;background:transparent;color:var(--muted);border:0;border-radius:4px;cursor:pointer;font-family:inherit}.toggle-btn.active{background:var(--accent);color:#fff}.placeholder{padding:48px 16px;text-align:center;color:var(--muted);font-size:13px}.placeholder.error{color:var(--down)}.chart-note{margin-top:12px;padding-top:8px;border-top:1px solid var(--border);color:var(--subtle);font-size:11px}.footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);color:var(--subtle);font-size:11px}