*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;color:#333;background:#f8f9fa;line-height:1.6}select:focus{outline:none}#app{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{background:linear-gradient(135deg,#2c5530,#4a7c59);color:#fff;padding:2em;box-shadow:0 2px 4px #0000001a}.header-content{max-width:1200px;margin:0 auto}.dashboard-header h1{font-size:2.5em;font-weight:600}.dashboard-header p{font-size:1.1em;opacity:.9}main{flex:1;max-width:1200px;margin:0 auto;padding:2em 0;width:100%;display:flex;flex-direction:column}main h2{color:#2c5530;font-weight:600;background:#fff;padding:1.5em;margin-bottom:1em}.stats-summary{display:flex;flex-wrap:nowrap;background:#fff;margin-top:1em}.stat-card{background:#d0d0d0;border:2px solid #ddd;border-radius:12px 12px 0 0;padding:clamp(.5rem,2vw,1rem) clamp(.75rem,2.5vw,1.5rem);min-width:0;text-align:center;cursor:pointer;transition:background .2s;flex:1;display:flex;flex-direction:column;gap:clamp(.25rem,1vw,.5rem)}.stat-card:hover{background:#e9ecef}.stat-card.selected{background:#f8f9fa;border-color:currentColor;border-bottom:none}.stat-label{font-size:clamp(.45rem,1vw,.8rem);color:#666;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.stat-value{font-size:clamp(.7rem,2vw,1.5rem);font-weight:700}.stat-card.stat-total{color:#007bff}.stat-card.stat-positive{color:#dc3545}.stat-card.stat-negative{color:#28a745}.stat-card.stat-pending{color:#d39e00}.stat-card.stat-unsuitable{color:#6c757d}#map-header{display:flex;justify-content:space-between;margin-bottom:1em;gap:1em}#map-footer{margin:0 auto;width:fit-content}.map-legend-gradient{display:flex;align-items:center;gap:.5em}.map-legend-bar{width:200px;height:20px;border:1px solid #333;border-radius:2px}.map-legend-label{font-size:.75em;color:#666}#map-without-tabs-container{border-bottom:2px solid #ddd;border-left:2px solid #ddd;border-right:2px solid #ddd}#map{margin:0}#map-header{margin-right:.5em}#map-header,#map{padding:1em 0}#map-header select,#map select{padding:0 1em;margin-left:2em;border-radius:4px;height:26px}.county-highlighted{stroke:#000;stroke-width:2}#table-container{margin-top:1em;border-top:8px solid #666}#table-container div.checkbox-group label{display:flex;align-items:center;height:100%}#table-container div.checkbox-group label span{margin-left:.5em}#table-controls{display:flex;justify-content:space-between;margin:1em 0;gap:1em}button{padding:.6em 1.2em;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.filter-toggle-btn{background:#4a7c59;color:#fff}.filter-toggle-btn:hover{background:#3a6449}.table-info{color:#666}.table-filters{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:1.5em;margin-bottom:1.5em}.filters-header{display:flex;justify-content:space-between;margin-bottom:1em;padding-bottom:.75em;border-bottom:2px solid #ddd}.filters-header h3{color:#2c5530}.clear-filters-btn{background:#dc3545;color:#fff;font-size:.85em}.clear-filters-btn:hover{background:#c82333}.filters-grid{display:flex;flex-wrap:wrap;gap:1em}.filter-section{display:flex;flex-direction:column;gap:.5em}.filter-section label{font-weight:600;color:#555;font-size:.85em}.filter-section input{padding:.5em;border:1px solid #ddd;border-radius:4px;font-size:.85em}.filter-section input:focus{outline:none;border-color:#4a7c59}.checkbox-group{display:flex;flex-direction:column;gap:.3em}.checkbox-group label{font-weight:400;font-size:.85em;cursor:pointer}.date-range{display:flex;gap:.5em}.date-range span{color:#666;font-size:.85em}.table-responsive{overflow:auto;border:1px solid #ddd;border-radius:4px;max-height:400px}.data-table{width:100%;border-collapse:collapse;font-size:.85em}.data-table th,.data-table td{padding:.75em .5em;text-align:left;border-bottom:1px solid #ddd}.data-table th{background:#f8f9fa;font-weight:600;color:#555;position:sticky;top:0;cursor:pointer;border-bottom:2px solid #ddd}.data-table th:hover{background:#e9ecef}.data-table th.sorted-asc:after{content:" ↑"}.data-table th.sorted-desc:after{content:" ↓"}.data-table tr:hover{background:#f8f9fa}.data-table tr.highlight{background:#fff3cd}.pagination-container{margin-top:1em;text-align:center}.pagination{display:inline-flex;gap:1em}.pagination-btn{padding:.5em 1em;border:2px solid #ddd;background:#fff}.pagination-btn:hover:not(:disabled){border-color:#4a7c59;color:#4a7c59}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666}.dashboard-footer{background:#f8f9fa;padding:1em;text-align:center;color:#666;border-top:1px solid #ddd}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1em}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#4a7c59;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{margin-top:1rem;color:#4a7c59;font-size:.9rem;font-weight:500}@media (max-width: 768px){.dashboard-header h1{font-size:2em}#map-header{margin:0;padding:.75em 0}#map-header select{padding:0;margin:0;border-radius:4px;height:26px}#map-legend{padding:0;margin:0;width:fit-content}.map-legend-gradient{margin:0}#table-controls{flex-direction:column}}@media (max-width: 550px){.filters-grid{flex-direction:column}}@media (max-width: 480px){.dashboard-header h1{font-size:1.75em}}@media (max-width: 340px){#map-legend{width:70%}}