@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge--neutral{background:var(--surface-2);color:var(--text-secondary)}.badge--blue{background:var(--accent-blue-light);color:var(--accent-blue)}.badge--rose{background:var(--accent-rose-light);color:var(--accent-rose)}.badge--gold{background:var(--accent-gold-light);color:oklch(52% .14 80)}.badge--green{background:var(--accent-green-light);color:var(--accent-green)}.ss-root{display:inline-flex;position:relative}.ss-trigger{border-radius:var(--radius-pill);color:var(--text-invert-2);font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:oklch(25% .025 260);border:1.5px solid oklch(35% .025 260);align-items:center;gap:6px;padding:6px 12px 6px 10px;transition:border-color .16s,background .16s;display:inline-flex}.ss-trigger:hover,.ss-trigger--open{color:var(--text-invert);background:oklch(30% .025 260);border-color:oklch(45% .025 260)}.ss-icon{color:var(--text-invert-2);flex-shrink:0}.ss-label-prefix{color:var(--text-invert-2);font-weight:400}.ss-label-value{color:var(--text-invert);letter-spacing:.01em;font-weight:700}.ss-chevron{color:var(--text-invert-2);transition:transform .2s var(--ease-out);flex-shrink:0}.ss-chevron--up{transform:rotate(180deg)}.ss-dropdown{z-index:200;background:var(--surface-0);border:1px solid var(--border-mid);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-lg);animation:ssDrop .18s var(--ease-out) both;padding:4px 0;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes ssDrop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ss-group-label{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;padding:8px 12px 4px;font-size:10px;font-weight:700}.ss-option{align-items:center;gap:var(--space-2);text-align:left;width:100%;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:8px 12px;transition:background .12s;display:flex}.ss-option:hover,.ss-option--active{background:var(--surface-1)}.ss-option-label{color:var(--text-primary);font-variant-numeric:tabular-nums;flex:1;font-size:13px;font-weight:600}.ss-option--active .ss-option-label{color:var(--accent-blue)}.ss-option-check{color:var(--accent-blue);flex-shrink:0}.dashboard-header{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-8);background:var(--surface-invert);z-index:100;border-bottom:1px solid oklch(25% .02 260);flex-wrap:wrap;display:flex;position:relative;overflow:visible}.header-left{align-items:center;gap:var(--space-4);display:flex}.header-logo{border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent-gold);background:oklch(25% .03 260);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-identity{flex-direction:column;gap:2px;display:flex}.header-org{font-size:var(--text-xs);color:var(--text-invert-2);letter-spacing:.04em;font-weight:400}.header-title{font-size:var(--text-xl);color:var(--text-invert);letter-spacing:-.01em;font-weight:700;line-height:1.2}.header-right{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.header-group-filter{align-items:center;display:flex}.kpi-strip{gap:var(--space-4);padding:var(--space-5) var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr 1fr;display:grid}@media (width<=1100px){.kpi-strip{grid-template-columns:1fr 1fr 1fr}.kpi-card--wide{grid-column:1/-1}}@media (width<=600px){.kpi-strip{padding:var(--space-4);grid-template-columns:1fr 1fr}}.kpi-card{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);gap:var(--space-1);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card--gold:before{background:var(--accent-gold)}.kpi-card--blue:before{background:var(--accent-blue)}.kpi-card--rose:before{background:var(--accent-rose)}.kpi-card--purple:before{background:var(--accent-purple)}.kpi-card--green:before{background:var(--accent-green)}.kpi-card--wide .kpi-value{font-size:var(--text-hero);letter-spacing:-.03em;line-height:1}.kpi-card--wide .kpi-label{font-size:var(--text-sm)}.kpi-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.kpi-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-card--gold .kpi-icon{background:var(--accent-gold-light);color:oklch(52% .14 80)}.kpi-card--blue .kpi-icon{background:var(--accent-blue-light);color:var(--accent-blue)}.kpi-card--rose .kpi-icon{background:var(--accent-rose-light);color:var(--accent-rose)}.kpi-card--purple .kpi-icon{background:var(--accent-purple-light);color:var(--accent-purple)}.kpi-card--green .kpi-icon{background:var(--accent-green-light);color:var(--accent-green)}.kpi-delta{font-size:var(--text-xs);border-radius:var(--radius-pill);align-items:center;gap:3px;padding:2px 8px;font-weight:600;display:inline-flex}.kpi-delta--up{background:var(--accent-blue-light);color:var(--accent-blue)}.kpi-delta--down{background:var(--accent-rose-light);color:var(--accent-rose)}.kpi-delta--flat{background:var(--surface-2);color:var(--text-tertiary)}.kpi-value{font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:800;line-height:1.1}.kpi-label{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.03em;text-transform:uppercase;font-weight:500}.kpi-change{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.gf-root{align-items:center;gap:4px;display:inline-flex;position:relative}.gf-trigger{border-radius:var(--radius-pill);border:1.5px solid var(--border-subtle);background:var(--surface-0);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs);align-items:center;gap:6px;padding:6px 12px 6px 10px;transition:border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.gf-trigger:hover{border-color:var(--border-mid);color:var(--text-primary);box-shadow:var(--shadow-sm)}.gf-trigger--open{border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.gf-trigger--active{color:var(--text-primary);font-weight:600}.gf-trigger-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gf-trigger-all-icon{color:var(--text-tertiary);font-size:11px;line-height:1}.gf-trigger-label{text-overflow:ellipsis;max-width:180px;overflow:hidden}.gf-trigger-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;background:var(--surface-2);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.gf-trigger--active .gf-trigger-count{background:0 0;padding:0}.gf-chevron{color:var(--text-tertiary);transition:transform .2s var(--ease-out);flex-shrink:0}.gf-chevron--up{transform:rotate(180deg)}.gf-clear{border:1px solid var(--border-subtle);background:var(--surface-1);width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex}.gf-clear:hover{background:var(--surface-2);color:var(--text-primary)}.gf-dropdown{z-index:200;background:var(--surface-0);border:1px solid var(--border-mid);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);animation:gfDrop .18s var(--ease-out) both;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}@keyframes gfDrop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.gf-search-row{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.gf-search-icon{color:var(--text-tertiary);flex-shrink:0}.gf-search{font-size:12px;font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.gf-search::placeholder{color:var(--text-tertiary)}.gf-search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.gf-search-clear:hover{color:var(--text-primary)}.gf-list{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;max-height:320px;padding:4px 0;overflow-y:auto}.gf-list-divider{background:var(--border-subtle);height:1px;margin:4px 0}.gf-empty{color:var(--text-tertiary);text-align:center;padding:var(--space-4);font-size:12px;font-family:var(--font-sans)}.gf-option{text-align:left;width:100%;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:7px 12px;transition:background .12s;display:flex}.gf-option:hover,.gf-option--active{background:var(--surface-1)}.gf-option-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gf-option-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.gf-option-meta{color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.gf-option-check{color:var(--accent-blue);flex-shrink:0}.gf-option--opp{border-radius:6px;width:calc(100% - 8px);margin:0 4px}.gf-option--opp:hover{background:#7c3aed12}.gf-option--opp.gf-option--active{background:#7c3aed0e}.chart-card{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.chart-card--dark{background:var(--surface-invert);border-color:oklch(25% .02 260)}.chart-card--split{gap:var(--space-6);grid-template-columns:1fr auto 1fr;display:grid}.chart-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.chart-title{font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.01em;font-weight:700}.chart-title--light{color:var(--text-invert)}.chart-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.chart-subtitle--light{color:var(--text-invert-2)}.chart-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.chart-pill{border-radius:var(--radius-pill);font-size:var(--text-xs);padding:3px 10px;font-weight:500}.chart-tooltip{background:var(--surface-invert);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);border:1px solid oklch(30% .02 260)}.chart-tooltip-title{font-size:var(--text-xs);color:var(--text-invert-2);margin-bottom:2px}.chart-tooltip-value{font-size:var(--text-sm);color:var(--text-invert);font-weight:700}.gender-layout{align-items:center;gap:var(--space-4);display:flex}.gender-legend{gap:var(--space-4);flex-direction:column;flex-shrink:0;display:flex}.gender-item{align-items:flex-start;gap:var(--space-3);display:flex}.gender-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px}.gender-name{font-size:var(--text-xs);color:var(--text-tertiary)}.gender-count{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700;line-height:1.2}.gender-pct{font-size:var(--text-xs);color:var(--text-secondary)}.trend-legend{gap:var(--space-5);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.trend-legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:oklch(65% .01 260);font-family:var(--font-sans);display:flex}.trend-legend-item span{border-radius:1px;width:20px;height:2px;display:inline-block}.trend-legend-item--ref span{background:oklch(70% .14 80)}.ranked-section{min-width:0}.ranked-divider{background:var(--border-subtle);width:1px}.ranked-list{flex-direction:column;gap:6px;list-style:none;display:flex}.ranked-item{align-items:center;gap:var(--space-3);display:flex}.rank-no{font-size:var(--text-xs);color:var(--text-tertiary);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:18px;font-weight:700}.rank-no--dim{color:oklch(75% .005 80)}.rank-bar-wrap{flex:1;min-width:0}.rank-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:11px;overflow:hidden}.rank-bar-track{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.rank-bar{height:100%;transition:width .6s var(--ease-out);border-radius:3px}.rank-bar--blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.rank-bar--rose{background:linear-gradient(90deg,#ec4899,#f472b6)}.rank-bar--gold{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.rank-bar--purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.rank-value{font-size:var(--text-xs);color:var(--text-primary);text-align:right;flex-shrink:0;width:40px;font-weight:600}.grade-stack-bar{border-radius:var(--radius-pill);height:10px;margin-bottom:var(--space-4);gap:2px;display:flex;overflow:hidden}.grade-stack-segment{border-radius:var(--radius-pill);transition:width .6s var(--ease-out);min-width:4px}.grade-legend{margin-bottom:var(--space-4);flex-direction:column;gap:10px;display:flex}.grade-legend-row{align-items:center;gap:var(--space-2);display:flex}.grade-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.grade-legend-name{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0;width:60px}.grade-legend-bar-track{background:var(--surface-2);border-radius:3px;flex:1;height:5px;overflow:hidden}.grade-legend-bar{height:100%;transition:width .6s var(--ease-out);border-radius:3px}.grade-legend-pct{font-size:var(--text-xs);color:var(--text-secondary);text-align:right;flex-shrink:0;width:38px;font-weight:600}.grade-legend-val{font-size:var(--text-xs);color:var(--text-tertiary);text-align:right;flex-shrink:0;width:48px}.grade-total-line{font-size:var(--text-xs);color:var(--text-tertiary);border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.grade-total-line strong{color:var(--text-primary)}.size-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.size-badge{border-radius:var(--radius-pill);padding:3px 10px;font-size:11px;font-weight:500}.size-badge strong{font-weight:700}.tier-grid{gap:var(--space-5);margin-top:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.tier-section{gap:var(--space-3);flex-direction:column;display:flex}.tier-heading{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid;display:flex}.tier-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tier-label{font-size:var(--text-sm);font-weight:700}.tier-count{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:auto}.tier-show-more{width:100%;margin-top:var(--space-2);padding:var(--space-2) 0;border:none;border-top:1px dashed var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-sans);cursor:pointer;text-align:center;background:0 0;transition:color .16s;display:block}.tier-show-more:hover{color:var(--text-primary)}@media (width<=900px){.chart-card--split{grid-template-columns:1fr}.ranked-divider{width:100%;height:1px}}.group-section{padding:0 var(--space-8) var(--space-8)}.section-header{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.section-title{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:700}.section-sub{font-size:var(--text-xs);color:var(--text-tertiary)}.group-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.group-card{background:var(--surface-0);border:1px solid var(--border-subtle);border-top:3px solid var(--gc,var(--accent-blue));border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);overflow:hidden}.group-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-card-main{padding:var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none}.group-card-top{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.group-badge{border-radius:var(--radius-sm);width:32px;height:32px;font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.group-info{flex:1;min-width:0}.group-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:700;line-height:1.3}.group-school-count{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.group-expand-btn{color:var(--text-tertiary);flex-shrink:0;align-items:center;display:flex}.group-total{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--text-primary);font-weight:800}.group-total-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px;margin-bottom:var(--space-3)}.group-gender-row{gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.group-gender-m{font-size:var(--text-xs);color:var(--accent-blue);font-weight:600}.group-gender-f{font-size:var(--text-xs);color:var(--accent-rose);font-weight:600}.group-bar-track{background:var(--surface-2);border-radius:3px;height:6px;margin-bottom:4px}.group-bar{height:100%;transition:width .8s var(--ease-out);border-radius:3px}.group-bar-label{color:var(--text-tertiary);font-size:10px}.group-grade-pills{margin-top:var(--space-3);flex-wrap:wrap;gap:4px;display:flex}.grade-pill{border-radius:var(--radius-pill);padding:2px 8px;font-size:10px;font-weight:500}.group-schools-table{border-top:1px solid var(--border-subtle);animation:fadeIn var(--duration-normal) var(--ease-out);overflow-x:auto}.group-schools-table table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.group-schools-table th{padding:var(--space-2) var(--space-3);text-align:left;color:var(--text-tertiary);background:var(--surface-1);letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:600;position:sticky;top:0}.group-schools-table th:not(:first-child){text-align:right}.group-schools-table td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle)}.group-schools-table td:not(:first-child){text-align:right}.group-schools-table tr:hover td{background:var(--surface-1)}.school-name-cell{color:var(--text-primary);max-width:180px}.font-bold{color:var(--text-primary);font-weight:700}:root{--surface-page:oklch(98% .006 80);--surface-0:oklch(100% 0 0);--surface-1:oklch(97% .004 80);--surface-2:oklch(93% .006 80);--surface-invert:oklch(16% .02 260);--text-primary:oklch(16% .015 260);--text-secondary:oklch(42% .01 260);--text-tertiary:oklch(60% .008 260);--text-invert:oklch(96% .005 80);--text-invert-2:oklch(80% .01 260);--accent-blue:oklch(52% .2 250);--accent-blue-light:oklch(92% .05 250);--accent-rose:oklch(58% .22 10);--accent-rose-light:oklch(94% .04 10);--accent-gold:oklch(70% .16 80);--accent-gold-light:oklch(95% .06 80);--accent-green:oklch(60% .18 150);--accent-green-light:oklch(93% .05 150);--accent-purple:oklch(55% .2 300);--accent-purple-light:oklch(93% .05 300);--border-subtle:oklch(89% .006 80);--border-mid:oklch(82% .008 80);--shadow-xs:0 1px 2px oklch(0% 0 0/.04);--shadow-sm:0 2px 8px oklch(0% 0 0/.06), 0 1px 2px oklch(0% 0 0/.04);--shadow-md:0 4px 20px oklch(0% 0 0/.08), 0 2px 6px oklch(0% 0 0/.05);--shadow-lg:0 8px 32px oklch(0% 0 0/.1), 0 3px 10px oklch(0% 0 0/.06);--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-hero:clamp(2.5rem, 1.5rem + 3vw, 4.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-normal:.22s;--duration-slow:.35s;--chart-1:oklch(52% .2 250);--chart-2:oklch(58% .22 10);--chart-3:oklch(60% .18 150);--chart-4:oklch(70% .16 80);--chart-5:oklch(55% .2 300);--chart-6:oklch(62% .19 200)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--surface-page);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");min-height:100vh;line-height:1.6}#root{min-height:100vh}.tabular{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:999px}.recharts-tooltip-wrapper{outline:none!important}.recharts-default-tooltip{background:var(--surface-invert)!important;border-radius:var(--radius-sm)!important;padding:var(--space-2) var(--space-3)!important;font-family:var(--font-sans)!important;font-size:var(--text-sm)!important;border:1px solid oklch(30% .02 260)!important}.recharts-tooltip-label{color:var(--text-invert-2)!important;font-size:var(--text-xs)!important;margin-bottom:2px!important}.recharts-tooltip-item{color:var(--text-invert)!important}.leaflet-container{font-family:var(--font-sans)!important}.leaflet-popup-content-wrapper{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;font-family:var(--font-sans)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp var(--duration-slow) var(--ease-out) both}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}.app-layout{flex-direction:column;min-height:100vh;display:flex}.trend-row{padding:0 var(--space-8) var(--space-4);animation:fadeUp var(--duration-slow) var(--ease-out) 70ms both}.charts-row{gap:var(--space-4);padding:0 var(--space-8) var(--space-4);animation:fadeUp var(--duration-slow) var(--ease-out) .1s both;grid-template-columns:3fr 2fr;align-items:start;display:grid}.charts-col-main,.charts-col-side{gap:var(--space-4);flex-direction:column;display:flex}.content-row{gap:var(--space-4);padding:0 var(--space-8) var(--space-4);animation:fadeUp var(--duration-slow) var(--ease-out) .13s both;grid-template-columns:3fr 2fr;align-items:start;display:grid}.dashboard-header .gf-trigger{color:var(--text-invert-2);box-shadow:none;background:oklch(25% .025 260);border-color:oklch(35% .025 260)}.dashboard-header .gf-trigger:hover,.dashboard-header .gf-trigger--open{color:var(--text-invert);background:oklch(30% .025 260);border-color:oklch(45% .025 260)}.dashboard-header .gf-trigger--active{color:var(--text-invert)}.dashboard-header .gf-trigger-count{color:var(--text-invert-2);background:oklch(22% .02 260)}.dashboard-header .gf-chevron{color:var(--text-invert-2)}.dashboard-header .gf-clear{color:var(--text-invert-2);background:oklch(25% .025 260);border-color:oklch(35% .025 260)}.dashboard-header .gf-clear:hover{color:var(--text-invert);background:oklch(30% .025 260)}.loading-screen,.error-screen{justify-content:center;align-items:center;gap:var(--space-4);min-height:100vh;color:var(--text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.loading-spinner{border:3px solid var(--border-mid);border-top-color:var(--accent-blue);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-footer{padding:var(--space-5) var(--space-8);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;margin-top:auto}.map-loading{height:460px;font-size:var(--text-sm);color:var(--text-tertiary);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}@media (width<=1100px){.charts-row,.content-row{grid-template-columns:1fr}.trend-row,.charts-row,.content-row{padding:0 var(--space-4) var(--space-4)}}@media (width<=600px){.trend-row,.charts-row,.content-row{padding:0 var(--space-3) var(--space-3)}}