.water-quality-dashboard[data-v-442d9d84]{width:100%;padding:20px;background-color:#f8fafc;min-height:100vh}.header[data-v-442d9d84]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.title[data-v-442d9d84]{font-size:28px;font-weight:700;color:#1f2937;margin:0}.controls[data-v-442d9d84]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.btn[data-v-442d9d84]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-primary[data-v-442d9d84]{background-color:#3b82f6;color:#fff}.btn-primary[data-v-442d9d84]:hover{background-color:#2563eb}.overview-cards[data-v-442d9d84]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.card[data-v-442d9d84]{padding:20px;border-radius:12px;text-align:center}.card h3[data-v-442d9d84]{font-size:14px;font-weight:500;margin:0 0 8px 0}.card .value[data-v-442d9d84]{font-size:24px;font-weight:700;margin:8px 0}.card .standard[data-v-442d9d84]{font-size:12px;margin:0;opacity:.8}.card-blue[data-v-442d9d84]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.card-green[data-v-442d9d84]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.card-orange[data-v-442d9d84]{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.card-cyan[data-v-442d9d84]{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#155e75}.card-purple[data-v-442d9d84]{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#581c87}.charts-grid[data-v-442d9d84]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.chart-container[data-v-442d9d84]{background:#fff;border-radius:12px;padding:16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.chart[data-v-442d9d84]{width:100%;height:400px}@media (max-width:1200px){.charts-grid[data-v-442d9d84]{grid-template-columns:1fr}.chart[data-v-442d9d84]{height:350px}}@media (max-width:768px){.water-quality-dashboard[data-v-442d9d84]{padding:16px}.title[data-v-442d9d84]{font-size:24px}.header[data-v-442d9d84]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.controls[data-v-442d9d84]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.chart[data-v-442d9d84]{height:300px}}