:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-surface:#fcfcfb;--c-ink:#0b0b0b;--c-ink-2:#52514e;--c-grid:#e1e0d9;--c-muted:#898781;--c-baseline:#c3c2b7;--c-slot1:#2a78d6;--c-slot2:#eb6834;--c-slot3:#1baf7a;--c-slot4:#eda100;--c-slot5:#e87ba4}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-surface:#1a1a19;--c-ink:#fff;--c-ink-2:#c3c2b7;--c-grid:#2c2c2a;--c-baseline:#383835;--c-slot1:#3987e5;--c-slot2:#d95926;--c-slot3:#199e70;--c-slot4:#c98500;--c-slot5:#d55181}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-surface:#1a1a19;--c-ink:#fff;--c-ink-2:#c3c2b7;--c-grid:#2c2c2a;--c-baseline:#383835;--c-slot1:#3987e5;--c-slot2:#d95926;--c-slot3:#199e70;--c-slot4:#c98500;--c-slot5:#d55181}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-surface);color:var(--c-ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;transition:background .2s,color .2s}.app-root{max-width:1400px;margin:0 auto;padding:0 1.5rem 4rem}.top-bar{background:var(--c-slot1);width:100%;height:3px}.app-header{border-bottom:1px solid var(--c-grid);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 0;display:flex}.app-header h1{color:var(--c-ink);letter-spacing:-.01em;font-size:1.15rem;font-weight:700;line-height:1.3}.app-header .header-sub{color:var(--c-ink-2);margin-top:.2rem;font-size:.8rem}.filter-bar-wrapper{margin-bottom:1.75rem}.filter-bar{border:1px solid var(--c-grid);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.filter-group{border-right:1px solid var(--c-grid);background:var(--c-surface);flex-direction:column;gap:.5rem;padding:.8rem 1rem;transition:background .15s;display:flex}.filter-group:last-child{border-right:none}.filter-group.has-active{background:color-mix(in srgb, var(--c-slot1) 6%, var(--c-surface))}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);font-size:.68rem;font-weight:700}.filter-chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{cursor:pointer;border:1px solid var(--c-grid);background:var(--c-surface);color:var(--c-ink-2);border-radius:99px;padding:.28rem .72rem;font-size:.77rem;font-weight:500;line-height:1.45;transition:background .12s,color .12s,border-color .12s,box-shadow .12s}.chip:hover{border-color:var(--c-slot1);color:var(--c-slot1);box-shadow:0 0 0 2px color-mix(in srgb, var(--c-slot1) 15%, transparent)}.chip.active{background:var(--c-slot1);border-color:var(--c-slot1);color:#fff;box-shadow:0 1px 4px #2a78d64d}.chip.reset{color:var(--c-ink-2);background:0 0;border-color:#0000}.chip.reset:hover{background:var(--c-grid);color:var(--c-ink);box-shadow:none}.filter-footer{align-items:center;gap:.75rem;padding:.5rem .25rem 0;display:flex}.filter-summary{color:var(--c-ink-2);font-size:.74rem}.loading-bar{z-index:9999;pointer-events:none;opacity:0;background:color-mix(in srgb, var(--c-slot2) 25%, transparent);width:100%;height:4px;transition:opacity .2s;position:fixed;top:3px;left:0;overflow:hidden}.loading-bar.visible{opacity:1}.loading-bar:after{content:"";background:var(--c-slot2);height:100%;animation:1.1s ease-in-out infinite loading-sweep;display:block}@keyframes loading-sweep{0%{transform:translate(-110%)}60%{transform:translate(60%)}to{transform:translate(110%)}}.loading-toast{background:var(--c-ink);color:var(--c-surface);z-index:9998;pointer-events:none;opacity:0;border-radius:99px;align-items:center;gap:.6rem;padding:.5rem 1rem .5rem .75rem;font-size:.8rem;font-weight:500;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 20px #00000040}.loading-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.loading-toast-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}.section{margin-bottom:2.75rem}.section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--c-ink);border-left:3px solid var(--c-slot1);margin-bottom:1.1rem;padding-bottom:.75rem;padding-left:.75rem;font-size:.8rem;font-weight:700}.kpi-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.section-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.section-grid-wide{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:1.25rem;display:grid}.chart-card{background:var(--c-surface);border:1px solid var(--c-grid);border-radius:10px;padding:1.1rem 1.25rem 1.25rem;transition:box-shadow .15s;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.chart-card:hover{box-shadow:0 4px 18px #00000017}.chart-title{color:var(--c-ink-2);margin-bottom:.75rem;font-size:.8rem;font-weight:600;line-height:1.35}.chart-note{color:var(--c-muted);margin-top:.5rem;font-size:.69rem}.chart-empty{min-height:120px;color:var(--c-muted);justify-content:center;align-items:center;font-size:.8rem;display:flex}.stat-tile{background:var(--c-surface);border:1px solid var(--c-grid);border-top:3px solid var(--tile-accent,var(--c-grid));border-radius:10px;flex-direction:column;gap:.2rem;padding:1rem 1.25rem;transition:box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000d}.stat-tile:hover{box-shadow:0 4px 14px #00000014}.stat-value{color:var(--c-ink);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.1}.stat-label{color:var(--c-ink-2);font-size:.79rem;font-weight:600}.stat-sub{color:var(--c-muted);font-size:.69rem}.stat-pair{align-items:flex-end;gap:1.25rem;display:flex}.stat-pair-item{flex-direction:column;gap:.1rem;display:flex}.stat-pair-label{color:var(--c-ink-2);font-size:.72rem;font-weight:500}.theme-toggle{border:1px solid var(--c-grid);background:var(--c-surface);color:var(--c-ink-2);cursor:pointer;white-space:nowrap;border-radius:99px;flex-shrink:0;padding:.42rem .85rem;font-size:.77rem;transition:background .15s,box-shadow .15s}.theme-toggle:hover{background:var(--c-grid);box-shadow:0 1px 4px #00000014}.loading-state,.error-state{min-height:60vh;color:var(--c-ink-2);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.loading-spinner{border:3px solid var(--c-grid);border-top-color:var(--c-slot1);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state{color:#d03b3b}@media (max-width:900px){.kpi-row,.filter-bar{grid-template-columns:repeat(2,1fr)}.filter-group:nth-child(2){border-right:none}.filter-group:nth-child(3){border-right:1px solid var(--c-grid);border-top:1px solid var(--c-grid)}.filter-group:nth-child(4){border-right:none;border-top:1px solid var(--c-grid)}}@media (max-width:480px){.app-root{padding:0 1rem 3rem}.kpi-row{grid-template-columns:1fr 1fr;gap:.75rem}.filter-bar{grid-template-columns:1fr}.filter-group{border-right:none;border-top:1px solid var(--c-grid)}.filter-group:first-child{border-top:none}.section-grid,.section-grid-wide{grid-template-columns:1fr}}