:root{--bg: #eef4fb;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--text-main: #16324f;--text-soft: #546b82;--line: #d6e2ee;--shadow: 0 14px 40px rgba(11, 41, 74, .11)}*{box-sizing:border-box}body{margin:0;font-family:Sora,Segoe UI,Tahoma,sans-serif;color:var(--text-main);background:radial-gradient(circle at top right,#fdf6ea 0%,transparent 40%),radial-gradient(circle at top left,#e6f4ff 0%,transparent 45%),var(--bg);min-height:100vh}.app-shell{min-height:100vh;position:relative;overflow:hidden}.glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.25;pointer-events:none}.glow-orange{background:#ff8f3f;top:-110px;right:-70px}.glow-blue{background:#1f8aee;bottom:-150px;left:-100px}.dashboard{max-width:1180px;margin:0 auto;padding:2.25rem 1.2rem 2.4rem;position:relative;z-index:1;animation:rise .55s ease}.hero{display:flex;justify-content:space-between;gap:1.2rem;align-items:flex-start;margin-bottom:1.25rem}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.14em;color:#0f4d8a;margin:0}h1{margin:.55rem 0;font-size:clamp(1.8rem,2.5vw,2.6rem)}.hero p{margin:.2rem 0;max-width:660px;color:var(--text-soft)}.range-picker{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.3rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.range-btn{border:none;background:transparent;color:#1d476e;border-radius:9px;padding:.45rem .72rem;cursor:pointer;font-weight:600}.range-btn:hover{background:#ecf6ff}.range-active{background:linear-gradient(130deg,#0f4d8a,#1f8aee);color:#fff}.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-top:1.15rem}.tab{text-align:left;border:1px solid transparent;border-radius:16px;padding:.9rem;background:var(--surface);box-shadow:0 4px 20px #08233f0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;cursor:pointer}.tab:hover{transform:translateY(-2px);box-shadow:0 10px 20px #08233f1c}.tab-active{border-color:var(--tab-accent);background:linear-gradient(155deg,#fff 20%,#f1f8ff)}.tab-title{display:block;font-weight:700;color:#173c5e}.tab-subtitle{display:block;color:#57738f;margin-top:.35rem;font-size:.9rem}.chart-card{margin-top:1.1rem;border-radius:18px;border:1px solid #d7e4f0;background:var(--surface-strong);box-shadow:var(--shadow);padding:1rem;animation:fadeIn .4s ease}.chart-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.15rem .2rem .8rem}.chart-header h2{margin:0;font-size:1.35rem}.chart-header p{margin:.25rem 0 0;color:var(--text-soft)}.metric-unit{border:1px solid #c6dbef;color:#0f4d8a;padding:.35rem .6rem;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap}.chart-body{width:100%;min-height:320px}.chart-legend{margin-top:.75rem;padding-top:.65rem;border-top:1px solid #e1ebf4;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.45rem .9rem;max-height:190px;overflow:auto}.chart-legend-item{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.chart-legend-swatch{width:10px;height:10px;border-radius:999px;margin-top:.25rem;flex-shrink:0}.chart-legend-label{color:#345572;font-size:.86rem;line-height:1.25;overflow-wrap:anywhere}.state-message{display:grid;place-items:center;min-height:320px;color:#345572}.state-error{color:#ac1f2d}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 860px){.hero{flex-direction:column}.range-picker{width:100%;justify-content:space-between}.chart-header{flex-direction:column;align-items:flex-start}}