:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f6f8;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 0 0,#d719200b,#0000 30rem),#f4f6f8;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}:root{--color-primary:#d71920;--color-primary-dark:#a80f15;--color-primary-soft:#fff1f2;--color-background:#f4f6f8;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-text:#172033;--color-text-secondary:#667085;--color-text-muted:#98a2b3;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--shadow-card:0 8px 24px #1720330e;--shadow-focus:0 0 0 3px #d719201f}.dashboard{width:min(1440px,100% - 48px);margin:0 auto;padding:40px 0 64px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:32px;display:flex}.dashboard-header__eyebrow{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.dashboard-header h1{color:var(--color-text);margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.dashboard-header__description{max-width:680px;color:var(--color-text-secondary);margin:14px 0 0;font-size:1rem;line-height:1.6}.dashboard-header__status{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;font-weight:700;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dcfce7}.filter-bar{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:18px;margin-bottom:16px;padding:20px}.filter-bar__heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.filter-bar__heading h2{color:var(--color-text);margin:0;font-size:1rem}.filter-bar__heading p{color:var(--color-text-muted);margin:5px 0 0;font-size:.78rem}.filter-bar__controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.filter-control{flex-direction:column;gap:7px;display:flex}.filter-control span{color:var(--color-text-secondary);font-size:.75rem;font-weight:700}.filter-control select{border:1px solid var(--color-border-strong);background:var(--color-surface-muted);width:100%;color:var(--color-text);cursor:pointer;border-radius:10px;outline:none;padding:10px 12px}.filter-control select:hover{border-color:#94a3b8}.filter-control select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.filter-bar__reset{background:var(--color-primary-soft);color:var(--color-primary-dark);cursor:pointer;border:1px solid #fecdd3;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.filter-bar__reset:hover{border-color:var(--color-primary);background:#ffe4e6}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid var(--color-border);background:var(--color-surface);min-height:176px;box-shadow:var(--shadow-card);border-radius:18px;padding:20px;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--card-accent);height:4px;position:absolute;top:0;left:0;right:0}.metric-card--red{--card-accent:#d71920;--card-soft:#fff1f2}.metric-card--orange{--card-accent:#e87916;--card-soft:#fff7ed}.metric-card--blue{--card-accent:#2563a9;--card-soft:#eff6ff}.metric-card--green{--card-accent:#16805b;--card-soft:#ecfdf5}.metric-card--purple{--card-accent:#7556a8;--card-soft:#f5f3ff}.metric-card__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.metric-card__title{color:var(--color-text-secondary);margin:0;font-size:.82rem;font-weight:700}.metric-card__icon{background:var(--card-soft);width:38px;height:38px;color:var(--card-accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.metric-card__value{color:var(--color-text);margin:22px 0 8px;font-size:clamp(1.65rem,2.5vw,2.2rem);font-weight:800;line-height:1}.metric-card__description{color:var(--color-text-muted);margin:0;font-size:.76rem;line-height:1.5}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.chart-card{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:18px;padding:22px}.chart-card--wide{grid-column:span 2}.chart-card__header{margin-bottom:20px}.chart-card__header h2{color:var(--color-text);margin:0;font-size:1.05rem}.chart-card__header p{color:var(--color-text-muted);margin:7px 0 0;font-size:.8rem;line-height:1.5}.chart-card__content{width:100%;min-height:240px}@media (width<=1150px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.dashboard{width:min(100% - 28px,1440px);padding-top:28px}.dashboard-header{flex-direction:column}.dashboard-header__status{align-self:flex-start}.filter-bar__heading{flex-direction:column;align-items:flex-start}.filter-bar__controls{grid-template-columns:1fr}.filter-bar__reset{width:100%}.metrics-grid,.charts-grid{grid-template-columns:1fr}.chart-card--wide{grid-column:span 1}.chart-card{padding:18px}}@media (width>=1160px){.dashboard{width:min(1360px,100% - 32px);padding:20px 0 32px}.dashboard-header{align-items:center;margin-bottom:16px}.dashboard-header__eyebrow{margin-bottom:5px;font-size:.68rem}.dashboard-header h1{font-size:2.25rem}.dashboard-header__description{margin-top:8px;font-size:.88rem;line-height:1.4}.dashboard-header__status{padding:7px 12px;font-size:.74rem}.filter-bar{margin-bottom:12px;padding:14px 16px}.filter-bar__heading{margin-bottom:10px}.filter-bar__heading h2{font-size:.9rem}.filter-bar__heading p{margin-top:2px;font-size:.7rem}.filter-control{gap:4px}.filter-control span{font-size:.68rem}.filter-control select{padding:7px 10px;font-size:.76rem}.filter-bar__reset{padding:7px 10px;font-size:.72rem}.metrics-grid{gap:12px}.metric-card{border-radius:14px;min-height:128px;padding:14px}.metric-card__title{font-size:.72rem}.metric-card__icon{width:32px;height:32px}.metric-card__value{margin:14px 0 5px;font-size:1.55rem}.metric-card__description{font-size:.68rem;line-height:1.35}.charts-grid{gap:12px;margin-top:12px}.chart-card{border-radius:14px;padding:14px}.chart-card__header{margin-bottom:18px}.chart-card__header h2{font-size:.9rem}.chart-card__header p{margin-top:3px;font-size:.7rem}.chart-card__content{min-height:240px}}