:root{--bg:#fff;--card-bg:#f8fafc;--border:#e5e7eb;--text-primary:#111827;--text-secondary:#404246;--positive:#166534;--positive-bg:#dcfce7;--negative:#991b1b;--negative-bg:#fee2e2;--accent:#1f3a8a;--accent-light:#dbeafe;--accent-warm:#fde68a;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"Menlo","Monaco","Courier New",monospace;--font-2xs:9px;--font-xs:10px;--font-sm:11px;--font-md:12px;--font-lg:13px;--font-xl:14px;--font-2xl:15px;--font-3xl:20px;--font-4xl:30px;--font-5xl:38px;--radius:8px;--radius-sm:4px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{cursor:pointer}button,input,select{font-family:inherit}.page{min-height:100vh;background:var(--bg)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:640px){.container{padding:0 16px}}.header{border-bottom:1px solid var(--border);padding:20px 0}.header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.header-left{display:flex;flex-direction:column;gap:2px}.header-title{font-size:var(--font-3xl);font-weight:700;color:var(--accent);letter-spacing:-.3px;line-height:1.2}.header-subtitle{font-size:var(--font-lg);color:var(--text-secondary)}.header-refresh{text-align:right;flex-shrink:0}.header-refresh-label{font-size:var(--font-sm);color:var(--text-secondary);opacity:.7;display:block;margin-bottom:1px}.header-refresh-time{font-size:var(--font-md);color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-banner{margin-top:14px;padding:10px 14px;background:#fefce8;border:1px solid #fde68a;border-radius:var(--radius-sm);font-size:var(--font-md);color:#78350f;line-height:1.5}.demo-banner-label{display:inline-block;font-weight:700;font-size:var(--font-xs);background:#fde68a;color:#78350f;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;margin-right:8px;vertical-align:middle}.demo-banner code{font-family:var(--font-mono);font-size:var(--font-sm);background:#fef3c7;padding:1px 4px;border-radius:3px}.demo-banner-link{color:#92400e;font-weight:600;text-decoration:underline}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.filter-search{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-lg);color:var(--text-primary);background:var(--bg);outline:none;min-width:160px;flex:1 1 160px;max-width:240px}.filter-search:focus{border-color:var(--accent)}.filter-search::placeholder{color:var(--text-secondary)}.filter-sort{height:34px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-lg);color:var(--text-primary);background:var(--bg);outline:none}.filter-sort:focus{border-color:var(--accent)}.filter-divider{width:1px;height:20px;background:var(--border);flex-shrink:0}.filter-categories{display:flex;gap:5px;flex-wrap:wrap}.filter-cat-btn{height:28px;padding:0 11px;border:1px solid var(--border);border-radius:20px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);background:transparent;text-transform:capitalize;letter-spacing:.04em;transition:none}.filter-cat-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-cat-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.metrics-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;padding:20px 0 32px}@media (min-width:580px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:860px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1080px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 12px;cursor:pointer;display:flex;flex-direction:column;text-align:left;outline:none;position:relative;min-height:190px}.metric-card:hover{border-color:#9ca3af}.metric-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:10px}.card-header-left{flex:1 1;min-width:0}.card-title{font-size:var(--font-sm);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-series-id{font-size:var(--font-xs);color:var(--text-secondary);opacity:.55;font-family:var(--font-mono);margin-top:1px}.card-category-badge{font-size:var(--font-2xs);font-weight:700;color:var(--accent);background:var(--accent-light);padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;white-space:nowrap;margin-top:1px}.card-value{font-size:var(--font-4xl);font-weight:700;color:var(--text-primary);letter-spacing:-.5px;line-height:1.1;margin-bottom:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card-changes{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.card-change-row{display:flex;align-items:center;gap:6px;font-size:var(--font-sm)}.change-value{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.change-positive{color:var(--positive)}.change-negative{color:var(--negative)}.change-label,.change-neutral{color:var(--text-secondary)}.change-label{font-size:var(--font-xs)}.card-sparkline{height:32px;margin-top:auto;margin-bottom:8px;display:block}.card-footer{font-size:var(--font-xs);color:var(--text-secondary);opacity:.6}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;gap:8px;color:var(--text-secondary);font-size:var(--font-xl)}.state-error-text{color:var(--negative);font-size:var(--font-lg);max-width:520px;text-align:center;line-height:1.6}.skeleton-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;padding:20px 0 32px}@media (min-width:580px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:860px){.skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1080px){.skeleton-grid{grid-template-columns:repeat(4,1fr)}}.skeleton-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);min-height:190px}.drawer-overlay{position:fixed;inset:0;background:rgba(17,24,39,.4);z-index:1000;display:flex;justify-content:flex-end}.drawer-panel{width:min(520px,100vw);height:100vh;overflow-y:auto;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,.12)}.drawer-panel,.drawer-topbar{background:var(--bg);display:flex}.drawer-topbar{align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:1}.drawer-series-label{font-size:var(--font-sm);font-family:var(--font-mono);color:var(--text-secondary)}.drawer-close-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 12px;font-size:var(--font-md);color:var(--text-secondary);display:flex;align-items:center;gap:5px}.drawer-close-btn:hover{border-color:#9ca3af;color:var(--text-primary)}.drawer-body{padding:22px 20px 32px;flex:1 1}.drawer-category-badge{display:inline-block;font-size:var(--font-xs);font-weight:700;color:var(--accent);background:var(--accent-light);padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.drawer-title{font-size:var(--font-3xl);letter-spacing:-.3px;line-height:1.2}.drawer-title,.drawer-value{font-weight:700;color:var(--text-primary);margin-bottom:18px}.drawer-value{font-size:var(--font-5xl);letter-spacing:-1px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.drawer-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:22px}.drawer-stat-box{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px}.drawer-stat-label{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.drawer-stat-value{font-size:var(--font-2xl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.drawer-section-label{font-size:var(--font-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.drawer-sparkline-container{height:110px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);padding:8px;margin-bottom:22px}.drawer-description{font-size:var(--font-lg);color:var(--text-primary);line-height:1.7;margin-bottom:20px}.drawer-last-updated{font-size:var(--font-sm);color:var(--text-secondary);padding-top:16px}.drawer-last-updated,.fred-footer{border-top:1px solid var(--border)}.fred-footer{padding:16px 0;margin-top:8px;background:var(--bg)}.fred-footer-inner{display:flex;flex-direction:column;gap:4px}.fred-notice{font-size:var(--font-md);font-weight:500;line-height:1.5}.fred-links,.fred-notice{color:var(--text-secondary)}.fred-links{font-size:var(--font-sm);opacity:.75}.fred-link{color:var(--accent);text-decoration:none}.fred-link:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}