:root{--font-family:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--bg-color:#090d16;--bg-card:#111827b3;--border-color:#ffffff14;--text-color:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-critical:#ef4444;--color-alert:#f97316;--color-stable:#10b981;--color-info:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;background:#0f172acc;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.brand-section{align-items:center;gap:12px;display:flex}.brand-badge{background:var(--color-critical);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:800;animation:2s infinite pulse-red;box-shadow:0 0 12px #ef444466}.back-btn{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.back-btn:hover{color:#fff;background:#ffffff14}.app-container{grid-template-columns:minmax(0,1fr);gap:20px;max-width:1600px;margin:0 auto;padding:20px;display:grid}@media (width>=1280px){.app-container{grid-template-columns:minmax(0,1fr) 400px}}.main-column,.side-column{flex-direction:column;gap:20px;min-width:0;display:flex}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-color);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.card-body{padding:20px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--border-color);color:#fff;background:#ffffff08;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{background:#ffffff0f;border-color:#fff3;outline:none}.form-select option{color:#fff;background-color:#111b27}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tab-container{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;margin-bottom:20px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{color:#fff;background:#ffffff14;box-shadow:0 2px 4px #0000001a}.map-outer{border:1px solid var(--border-color);border-radius:12px;position:relative;overflow:hidden}.map-container{z-index:10;width:100%;height:480px}.leaflet-container{background:#111b27!important}.leaflet-tile-container img{filter:invert()hue-rotate(180deg)brightness(95%)contrast(90%)}.leaflet-bar a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;border:1px solid var(--border-color)!important;background-color:#111827cc!important}.leaflet-bar a:hover{background-color:#ffffff1a!important}.map-badge{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex;box-shadow:0 0 10px #00000080}.map-badge.hospital{background-color:var(--color-critical)}.map-badge.shelter{background-color:var(--color-alert)}.map-badge.acopio{background-color:var(--color-info)}.spot-list{flex-direction:column;gap:12px;max-height:450px;padding-right:4px;display:flex;overflow-y:auto}.spot-item{border:1px solid var(--border-color);cursor:pointer;background:#ffffff05;border-radius:10px;padding:12px 16px;transition:all .2s}.spot-item:hover,.spot-item.active{background:#ffffff0d;border-color:#ffffff26}.spot-name{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.spot-meta{color:var(--text-secondary);margin-top:2px;font-size:11px}.spot-needs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.need-tag{border:1px solid var(--border-color);color:var(--text-color);background:#ffffff0d;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600}.status-pill{text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.critical{color:var(--color-critical);background:#ef444426;border:1px solid #ef44444d}.status-pill.alert{color:var(--color-alert);background:#f9731626;border:1px solid #f973164d}.status-pill.stable{color:var(--color-stable);background:#10b98126;border:1px solid #10b9814d}.chat-window{flex-direction:column;height:480px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;margin-bottom:12px;padding-right:6px;display:flex;overflow-y:auto}.chat-bubble{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;align-self:flex-start;max-width:90%;padding:10px 14px;font-size:13px}.chat-bubble.urgent{background:#ef44440d;border-color:#ef44444d;animation:2s infinite pulse-border-red;box-shadow:0 0 10px #ef44441a}.chat-meta{color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;font-size:10px;font-weight:700;display:flex}.chat-sender{color:#fff}.chat-sender.pc{color:#fb7185}.chat-urgent-badge{background:var(--color-critical);color:#fff;text-transform:uppercase;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:850}.chat-footer{align-items:center;gap:8px;display:flex}.directory-table-container{border:1px solid var(--border-color);border-radius:10px;overflow-x:auto}.directory-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.directory-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;background:#ffffff05;padding:12px 16px;font-weight:600}.directory-table td{border-bottom:1px solid var(--border-color);color:#fff;padding:12px 16px}.directory-table tr:last-child td{border-bottom:none}.ai-parser-box{background:#1e293b66;border:1px dashed #3b82f666;border-radius:12px;margin-bottom:16px;padding:16px}.ai-parser-title{color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-critical);color:#fff}.btn-primary:hover{background:#dc2626;box-shadow:0 0 10px #ef444433}.btn-secondary{border-color:var(--border-color);color:var(--text-color);background:#ffffff0d}.btn-secondary:hover{color:#fff;background:#ffffff1a}.btn-info{color:#fff;background:#2563eb}.btn-info:hover{background:#1d4ed8}.btn-full{width:100%}@keyframes pulse-red{0%,to{transform:scale(1);box-shadow:0 0 12px #ef444466}50%{transform:scale(1.03);box-shadow:0 0 18px #ef4444b3}}@keyframes pulse-border-red{0%,to{border-color:#ef44444d}50%{border-color:#ef4444cc}}.map-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=1024px){.map-grid{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}}.location-details-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (width>=768px){.location-details-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.reports-input-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (width>=1024px){.reports-input-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-8{gap:32px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.mx-auto{margin-left:auto;margin-right:auto}.text-emerald-500{color:#10b981}.text-blue-400{color:#60a5fa}.text-red-500{color:#ef4444}.text-orange-500{color:#f97316}.text-slate-500{color:#64748b}.text-\[11px\]{font-size:11px}.tracking-widest{letter-spacing:.1em}.brand-text{flex:1;min-width:0}.brand-subtitle{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;display:block;overflow:hidden}.header-actions{align-items:center;gap:14px;display:flex}.header-stats{color:#9ca3af;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.directory-filters{gap:12px;width:100%;max-width:500px;display:flex}.directory-status-select{width:140px}.directory-pagination{border-top:1px solid var(--border-color);background:#ffffff03;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pagination-info{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.degraded-badge{color:#f97316;text-transform:uppercase;background:#f973161a;border:1px solid #f9731633;border-radius:4px;padding:2px 6px;font-size:9px}.pagination-buttons{flex-shrink:0;gap:8px;display:flex}@media (width<=640px){.app-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.header-actions{justify-content:space-between;width:100%}.form-row{grid-template-columns:1fr}.back-btn{padding:6px 10px;font-size:12px}.app-container{gap:12px;padding:10px}.card-body{padding:12px}.card-header{padding:12px 14px}}@media (width<=480px){.brand-section{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.brand-subtitle{white-space:normal}.tab-container{flex-direction:column;gap:4px}.tab-btn{width:100%;padding:8px}.directory-filters{flex-direction:column;gap:8px}.directory-status-select{width:100%!important}.directory-pagination{text-align:center;flex-direction:column;align-items:stretch}.pagination-info,.pagination-buttons{justify-content:center}}.pwa-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f626 0%,#2563eb0d 100%);border:1px solid #3b82f64d;border-radius:12px;justify-content:space-between;align-items:center;margin:0 20px 20px;padding:14px 20px;animation:3s infinite pulse-border-blue;display:flex}.pwa-content{align-items:center;gap:12px;display:flex}.pwa-text h4{color:#fff;font-size:13px;font-weight:750}.pwa-text p{color:var(--text-secondary);margin-top:2px;font-size:11px}.pwa-actions{align-items:center;gap:10px;display:flex}.pwa-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;transition:color .2s}.pwa-close-btn:hover{color:#fff}@keyframes pulse-border-blue{0%,to{border-color:#3b82f64d}50%{border-color:#3b82f699}}@media (width<=768px){.pwa-banner{flex-direction:column;align-items:flex-start;gap:12px;margin:0 16px 16px}.pwa-actions{justify-content:flex-end;width:100%}}