@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";.metric-selector{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.metric-selector__header{flex-direction:column;gap:4px;display:flex}.metric-selector__header h4{color:#1e293b;margin:0;font-size:14px;font-weight:700}.metric-selector__hint{color:#64748b;margin:0;font-size:12px;font-weight:500}.metric-selector__groups{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.metric-group{flex-direction:column;gap:8px;display:flex}.metric-group__label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:12px;font-weight:700}.metric-group__items{flex-direction:column;gap:6px;display:flex}.metric-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;color:#334155;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background-color .2s;display:flex}.metric-checkbox:hover:not(.is-disabled){background-color:#e0f2fe}.metric-checkbox.is-selected{color:#15803d;background-color:#dcfce7;font-weight:600}.metric-checkbox.is-disabled{opacity:.5;cursor:not-allowed;color:#cbd5e1}.metric-checkbox input{cursor:pointer;accent-color:#10b981;flex-shrink:0;width:16px;height:16px}.metric-checkbox.is-disabled input{cursor:not-allowed}.metric-selector__selected{background-color:#ecfdf5;border:1px solid #bbf7d0;border-radius:6px;flex-direction:column;gap:8px;margin-top:4px;padding:12px;display:flex}.metric-selector__selected-label{color:#047857;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.metric-selector__chips{flex-wrap:wrap;gap:8px;display:flex}.metric-chip{color:#047857;background-color:#fff;border:1px solid #10b981;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.metric-chip__remove{color:#10b981;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;margin-left:4px;padding:0;font-size:16px;font-weight:700;line-height:1;transition:color .2s;display:flex}.metric-chip__remove:hover{color:#dc2626}.app-shell{min-height:100vh;position:relative}.dashboard-content{max-width:1400px;margin:0 auto;padding:32px 28px 56px;position:relative}.top-tabs{margin-bottom:22px}.top-tabs__list{background:#082f49e6;border-radius:20px;flex-wrap:wrap;gap:10px;padding:12px;display:flex;box-shadow:0 18px 40px #0f172a14}.top-tab{font:inherit;color:#e2e8f0;cursor:pointer;background:#ffffff14;border:0;border-radius:14px;padding:12px 16px;transition:background .2s,transform .2s}.top-tab:hover{background:#ffffff24;transform:translateY(-1px)}.top-tab.is-active{color:#0f172a;background:#f8fafc;font-weight:700}.hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:72px;padding-right:min(420px,34vw);display:flex;position:relative}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#0f766e;margin:0 0 10px;font-size:12px}.hero h1{color:#0f172a;margin:0 0 8px;font-size:38px}.subtitle{color:#475569;max-width:720px;margin:0}.hero-note{background:#ffffffb8;border:1px solid #94a3b840;border-radius:18px;gap:4px;min-width:180px;padding:16px 18px;display:grid;box-shadow:0 18px 40px #082f4914}.hero-note span{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:12px}.hero-note strong{color:#0f172a;margin-bottom:6px}.auth-button,.login-form button{font:inherit;color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.auth-button{background:#0f172a}.auth-corner{width:min(380px,34vw);position:absolute;top:0;right:0}.auth-status{color:#475569;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.login-card{background:#ffffffd1;border:1px solid #94a3b838;border-radius:18px;min-width:240px;max-width:260px;padding:12px;box-shadow:0 10px 25px #0f172a0f}.login-form{flex-direction:column;gap:5px;display:flex}.login-form label{flex-direction:column;gap:1px;display:flex}.login-form span{color:#475569;font-size:13px;font-weight:600}.login-form input{box-sizing:border-box;width:100%;min-height:20px;font:inherit;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px}.login-form input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e91a}.login-form button{white-space:nowrap;min-height:20px}.login-form button:disabled{opacity:.65;cursor:progress}.alert,.loading{border-radius:16px;margin-bottom:18px;padding:14px 16px}.alert{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.loading{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.content-stack{gap:22px;display:grid;overflow:visible!important}.card{z-index:1;background:#ffffffc7;border:1px solid #94a3b838;border-radius:24px;padding:22px;position:relative;box-shadow:0 18px 40px #0f172a14;overflow:visible!important}.card:has(.filters-grid){z-index:100;position:relative;overflow:visible!important}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-header h3{color:#0f172a;margin:0 0 4px;font-size:20px}.section-header p{color:#64748b;margin:0}.filters-grid{z-index:100;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:16px;display:grid;position:relative;overflow:visible!important}.filters-grid--two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));overflow:visible!important}.filters-grid label,.compact-select{z-index:100;gap:8px;min-width:0;display:grid;position:relative;overflow:visible!important}.filters-grid span,.compact-select span{color:#475569;font-size:13px;font-weight:500}.filters-grid input,.compact-select select{width:100%;min-width:180px;font:inherit;color:#0f172a;box-sizing:border-box;z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:14px;min-height:42px;padding:11px 12px;position:relative}.filters-grid input[type=date]{z-index:200!important;position:relative!important}.filters-grid input[type=date]::-webkit-calendar-picker-indicator{z-index:200!important;position:relative!important}.filters-grid input:focus,.compact-select select:focus{border-color:#0ea5e9;outline:none;position:relative;box-shadow:0 0 0 3px #0ea5e91a;z-index:200!important}.filters-grid input[type=date]:focus{z-index:1000!important}.filters-grid label small{color:#94a3b8;z-index:1;margin-top:2px;font-size:11px;display:block;position:relative}.helper-text{color:#64748b;margin:14px 0 0;line-height:1.5}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.stats-grid--compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}.stat-card{background:#ffffffd1;border:1px solid #94a3b833;border-radius:18px;gap:6px;padding:16px;display:grid}.stat-card__label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:12px}.stat-card__value{color:#0f172a;font-size:24px}.stat-card__note{color:#64748b;font-size:13px}.chart-shell{min-height:360px}.chart-panel__title{color:#334155;margin:0 0 8px;font-weight:600}.compare-grid,.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.compare-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.compare-box h4{color:#0f172a;margin:0 0 12px}.map-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.map-grid{grid-template-columns:minmax(0,1.95fr) minmax(280px,.9fr);align-items:start;gap:16px;display:grid}.state-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-height:220px;padding:16px}.state-details,.state-meta-grid{gap:6px;display:grid}.state-name{color:#0f172a;margin:0;font-size:18px;font-weight:600}.state-value{color:#0f766e;margin:0;font-weight:600}.state-meta,.map-footer{color:#475569;margin:0;font-size:13px}.delta-row{align-items:center;gap:8px;display:inline-flex}.delta-badge{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.delta-badge.up{color:#166534;background:#dcfce7}.delta-badge.down{color:#991b1b;background:#fee2e2}.time-badge{color:#075985;background:#e0f2fe;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:13px;font-weight:600;display:inline-flex}.list{gap:10px;max-height:420px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.list li{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.date-input{position:relative}.date-input input[type=text]{width:100%;min-width:180px;font:inherit;color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:14px;min-height:42px;padding:11px 12px}.date-native{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.table-wrap{border:1px solid #e2e8f0;border-radius:18px;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 14px}.data-table th{color:#334155;background:#f8fafc;font-size:13px;position:sticky;top:0}.data-table td{color:#0f172a;font-size:14px}.empty{color:#64748b;margin:0}@media (width<=900px){.hero,.filters-grid,.compare-grid,.split-grid,.stats-grid,.map-grid{grid-template-columns:1fr}.dashboard-content{padding:20px 16px 40px}.hero h1{font-size:30px}.hero{padding-right:0}.auth-corner{width:80%;position:static}.hero-note,.auth-corner{transform:translateY(-6px)}.login-form,.metrics-grid{grid-template-columns:1fr}}.metrics-grid{grid-template-columns:1fr;gap:18px;margin:18px 0;display:grid}.metrics-panel{flex-direction:column;gap:12px;display:flex}.metrics-panel .section-header,.metrics-panel .stats-grid--compact{margin-bottom:12px}:root{color:#0f172a;background-color:#f8fafc;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#e0f2fe 0%,#f8fafc 45%,#fef3c7 100%);min-height:100vh;margin:0}a{color:inherit}
