@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:16px}body{min-height:100vh;background-color:#f8fafc;color:#1f2937}.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:9999;border-radius:4px}.skip-link:focus{top:6px}*:focus{outline:2px solid #3B82F6;outline-offset:2px}@media (prefers-contrast: high){:root{--color-critical: #FF0000;--color-urgent: #FF8C00;--color-success: #008000;--color-info: #0000FF}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.alert-critical{animation:pulse 1s infinite;border-left:4px solid #DC2626}.alert-urgent{border-left:4px solid #F59E0B}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.map-container{height:100%;width:100%;position:relative}.map-container .leaflet-container{height:100%;width:100%;z-index:1}.map-container .leaflet-control-container .leaflet-control{margin:8px}.map-container .leaflet-control-container .leaflet-control a{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;font-size:18px}.job-marker-critical{background-color:#dc2626;color:#fff;border:3px solid white;box-shadow:0 2px 8px #dc26264d;animation:pulse 2s infinite}.job-marker-urgent{background-color:#f59e0b;color:#fff;border:2px solid white;box-shadow:0 2px 6px #f59e0b4d}.job-marker-standard{background-color:#3b82f6;color:#fff;border:2px solid white;box-shadow:0 2px 6px #3b82f64d}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-indicator{position:fixed;top:0;left:0;right:0;background-color:#dc2626;color:#fff;padding:8px;text-align:center;z-index:9999;font-weight:600}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-posted{background-color:#eff6ff;color:#1d4ed8}.status-claimed{background-color:#f0f9ff;color:#0369a1}.status-in-progress{background-color:#fef3c7;color:#d97706}.status-completed{background-color:#ecfdf5;color:#059669}.status-closed{background-color:#f3f4f6;color:#6b7280}.urgency-critical{color:#dc2626;font-weight:700}.urgency-urgent{color:#f59e0b;font-weight:600}.urgency-standard{color:#6b7280;font-weight:500}.card-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-shadow-hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:block}.hide-desktop{display:none}}@media print{.no-print{display:none!important}body{background:white;color:#000}.map-container{height:400px;border:1px solid #ccc}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.icon,.logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#F3F4F6}::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9CA3AF}.form-error{color:#dc2626;font-size:14px;margin-top:4px}.form-success{color:#059669;font-size:14px;margin-top:4px}.emergency-contacts{list-style:none;padding:0}.emergency-contacts li{padding:12px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.emergency-contacts li:last-child{border-bottom:none}.emergency-contacts .contact-name{font-weight:600;color:#1f2937}.emergency-contacts .contact-number{color:#3b82f6;text-decoration:none;font-weight:500}.emergency-contacts .contact-number:hover{text-decoration:underline}.chart-container{position:relative;height:300px;width:100%}@media (min-width: 768px){.chart-container{height:400px}}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:#dc2626;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white}