:root{color:#1b2430;background:#f3f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.topbar{background:#4ba3d9;padding:14px 32px;border-bottom:1px solid #3182b5}.topbar img{height:48px}.main-nav{background:#fff;border-bottom:1px solid #d8dee6}.main-nav-container{max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:0 24px;overflow-x:auto}.nav-item{display:inline-block;padding:16px 18px;text-decoration:none;color:#334155;font-weight:600;font-size:.95rem;border-bottom:3px solid transparent;transition:color .2s ease,border-color .2s ease,background .2s ease;white-space:nowrap}.nav-item:hover{color:#0a67b2;background:#f5f9fc}.nav-item.active{color:#0a467c;border-bottom-color:#0a67b2}.eyebrow{margin:0 0 4px;color:#597083;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:#17212b;letter-spacing:0}h1{font-size:2rem}h2{font-size:1.25rem}.secondary-button,.primary-button,.tab{border:1px solid #c8d4dd;border-radius:6px;cursor:pointer;transition:all .2s ease}.secondary-button,.tab{background:#fff;color:#22313f}.secondary-button:hover:not(:disabled){background:#f0f4f7;border-color:#2f6f8f;color:#2f6f8f}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{padding:10px 14px}.primary-button{min-height:42px;align-self:end;border-color:#2f6f8f;background:#2f6f8f;color:#fff;padding:10px 16px}.primary-button:hover:not(:disabled){background:#1f4f6f;border-color:#1f4f6f}.primary-button:disabled{opacity:.5;cursor:not-allowed}.tab:hover:not(.active){background:#f0f4f7;border-color:#597083}.filters{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;margin-bottom:18px}label{display:grid;gap:8px;color:#34495a;font-weight:700}select{width:100%;min-height:42px;border:1px solid #c8d4dd;border-radius:6px;background:#fff;color:#17212b;padding:8px 10px}select:disabled{color:#7b8b98;background:#edf2f5}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tab{padding:9px 12px}.tab.active{border-color:#2f6f8f;background:#2f6f8f;color:#fff}.tab.active:hover{background:#1f4f6f;border-color:#1f4f6f}.chart-section{border:1px solid #d6e0e7;border-radius:8px;background:#fff}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #d6e0e7;padding:18px 20px}.chart-actions{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #d6e0e7;padding:18px 20px}.chart-actions button{min-height:42px}.cross-controls{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:16px;border-bottom:1px solid #d6e0e7;padding:18px 20px}.cross-controls[hidden]{display:none}.status-text{margin:0;color:#597083;font-size:.92rem;text-align:right}.chart{min-height:420px;padding:20px;overflow-x:auto}.chart .vega-embed,.chart .vega-embed>details{width:100%}.chart .vega-embed svg{display:block;max-width:100%}.empty-state{margin:0;color:#597083}.footer{margin-top:70px;background:#0a467c;color:#fff;text-align:center;padding:28px 20px;font-size:.95rem}.footer a{color:#fff}@media (max-width: 720px){.app-header,.section-heading{display:grid}.filters,.cross-controls{grid-template-columns:1fr}.status-text{text-align:left}}