@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#f3f4f6;font-family:Inter,system-ui,-apple-system,sans-serif}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.card-header{background:#f9fafb;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.card-header h2{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.card-body{padding:1.5rem}.form-group{display:flex;flex-direction:column}.form-select{border-color:#d1d5db;border-radius:.375rem;padding:.5rem;font-size:.875rem;line-height:1.25rem;background-color:#fff;border-width:1px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s;cursor:pointer}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#e5e7eb}.quality-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:1rem;margin-bottom:2rem;border:1px solid transparent}.grid-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(min-width:640px){.grid-stats{grid-template-columns:repeat(6,1fr)}}.stat-item{background:#f9fafb;padding:1rem;border-radius:.5rem;text-align:center}.stat-item label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.stat-item .value{font-size:1.25rem;font-weight:600;color:#111827}.primary-pollutant{text-align:center;color:#6b7280;font-size:.875rem;margin-top:1rem}