#dashboard{padding:80px 2rem 3rem;max-width:1200px;margin:0 auto}.dash-header{text-align:center;margin-bottom:2.5rem}.dash-title{font-family:Fraunces,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:#2c3e50;margin-bottom:.75rem}.dash-title span{color:var(--accent)}.dash-sub{color:#2c3e5099;font-size:1rem;max-width:600px;margin:0 auto;line-height:1.6}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.kpi{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:14px;padding:1.5rem;text-align:center}.kpi-val{display:block;font-family:Fraunces,serif;font-size:2.2rem;font-weight:900;color:var(--accent);line-height:1.1}.kpi-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.1em;margin-top:.4rem;display:block}.filters-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:2rem;padding:1rem 1.2rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:14px}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#888;font-weight:500}.filter-select,.filter-input{padding:.45rem .7rem;border:1px solid #d0d0d0;border-radius:8px;font-size:.85rem;background:#fff;color:#2c3e50;font-family:DM Sans,sans-serif}.filter-input{width:80px;text-align:center}.year-range{display:flex;align-items:center;gap:.4rem;color:#888}.btn-reset{padding:.45rem 1rem;border:1px solid rgba(255,107,53,.4);background:transparent;color:var(--accent);border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s;align-self:flex-end}.btn-reset:hover{background:var(--accent);color:#fff}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.chart-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:1.5rem;overflow:hidden}.chart-card.wide{grid-column:1/-1}.chart-title{font-family:Fraunces,serif;font-size:1rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.chart-area{width:100%;min-height:280px;position:relative}.chart-area.map-area{min-height:380px}.chart-area svg{width:100%;height:100%;display:block}.chart-sub{font-size:.78rem;color:#888;margin-top:-.5rem;margin-bottom:.8rem;line-height:1.4}.chart-insight{margin-top:.8rem;padding:.8rem 1rem;background:#ff6b350d;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;font-size:.82rem;color:#555;line-height:1.6}.chart-insight strong{color:#2c3e50}.chart-insight:empty{display:none}.map-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding:.8rem 1rem;margin-bottom:.5rem;background:#00000005;border-radius:10px;border:1px solid rgba(0,0,0,.05)}.map-filter-group{display:flex;flex-direction:column;gap:.25rem}.map-species-filter{flex:1;min-width:200px}.map-chips{display:flex;flex-wrap:wrap;gap:.4rem}.map-chip{padding:3px 9px;border-radius:12px;font-size:10px;font-weight:500;border:1px solid rgba(0,0,0,.15);background:transparent;cursor:pointer;transition:all .15s;text-transform:capitalize}.map-chip.active{color:#fff}.filter-range{width:90px;accent-color:var(--accent)}.range-val{font-size:.75rem;color:#888;min-width:20px}.d3-tip{position:absolute;padding:6px 10px;background:#000000d1;color:#fff;border-radius:6px;font-size:11px;pointer-events:none;white-space:nowrap;z-index:10}.site-detail{padding:1.2rem 1.5rem;border-top:1px solid #e0e0e0;transition:all .3s}.site-detail.hidden{display:none}.site-detail-name{font-family:Fraunces,serif;font-size:1.15rem;font-weight:700;color:#2c3e50;margin-bottom:.3rem}.site-detail-coords{font-size:.75rem;color:#888;margin-bottom:.8rem}.site-detail-species{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem}.site-sp-chip{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:2rem;font-size:.78rem;font-weight:500;border:1px solid rgba(0,0,0,.1);background:#f5f5f5}.site-sp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.site-detail-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.site-stat{text-align:center}.site-stat-val{font-family:Fraunces,serif;font-size:1.4rem;font-weight:900;color:var(--accent)}.site-stat-label{font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.08em}.data-description{margin-top:2.5rem;padding:2.5rem 0 1rem}.desc-title{font-family:Fraunces,serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#2c3e50;margin-bottom:1.5rem;text-align:center}.desc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.desc-block{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:14px;padding:1.5rem}.desc-block h4{font-family:Fraunces,serif;font-size:.95rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.desc-block p{font-size:.88rem;color:#555;line-height:1.65}.desc-block strong{color:#2c3e50}.desc-block em{color:#888}html.dark .dash-title{color:#e6edf3}html.dark .dash-sub{color:#e6edf38c}html.dark .kpi{background:#1c2230;border-color:#30363d}html.dark .kpi-label{color:#6e7681}html.dark .filters-bar{background:#1c2230;border-color:#30363d}html.dark .filter-label{color:#6e7681}html.dark .filter-select,html.dark .filter-input{background:#0d1117;border-color:#30363d;color:#e6edf3}html.dark .btn-reset{border-color:#ff6b3559;color:#ff6b35}html.dark .btn-reset:hover{background:#ff6b35;color:#fff}html.dark .chart-card{background:#1c2230;border-color:#30363d}html.dark .chart-title{color:#e6edf3}html.dark .chart-sub{color:#6e7681}html.dark .map-filters{background:#ffffff08;border-color:#ffffff14}html.dark .map-chip{border-color:#fff3;color:#ffffffb3}html.dark .map-chip:hover{border-color:#ffffff80;color:#fff}html.dark .range-val{color:#6e7681}html.dark .chart-insight{background:#ff6b3512;color:#8b949e}html.dark .chart-insight strong{color:#e6edf3}html.dark .site-detail{border-top-color:#30363d}html.dark .site-detail-name{color:#e6edf3}html.dark .site-detail-coords{color:#6e7681}html.dark .site-sp-chip{background:#ffffff0f;border-color:#ffffff1a;color:#e6edf3}html.dark .site-stat-label{color:#6e7681}html.dark .desc-title{color:#e6edf3}html.dark .desc-block{background:#1c2230;border-color:#30363d}html.dark .desc-block h4{color:#ff6b35}html.dark .desc-block p{color:#8b949e}html.dark .desc-block strong{color:#e6edf3}html.dark .desc-block em{color:#6e7681}@media (max-width:768px){#dashboard{padding:70px 1rem 2rem}.kpi-row{grid-template-columns:1fr 1fr;gap:.75rem}.kpi{padding:1rem}.kpi-val{font-size:1.6rem}.charts-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}.filters-bar{flex-direction:column;align-items:stretch}.filter-select,.filter-input{width:100%}.year-range{justify-content:center}.map-filters{flex-direction:column;align-items:stretch}.desc-grid{grid-template-columns:1fr}.site-detail-stats{gap:1rem}}