@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--primary:#0b5d3b;--primary-dark:#073d26;--secondary:#2e7d32;--accent:#f9b233;--highlight:#d81b60;--bg-cream:#fff8e6;--surface:#fff;--surface-alt:#fbf7ee;--danger:#c62828;--text-primary:#1e2d24;--text-muted:#6b7c72;--border:#e5e9e6;--sidebar-width:250px}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{color:var(--text-primary);background-color:#f8f9f8;min-height:100vh}.web-layout{width:100%;min-height:100vh;display:flex}.web-sidebar{width:var(--sidebar-width);color:#fff;z-index:100;background-color:#073d26;border-right:1px solid #ffffff1a;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:16px 14px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 10px;display:flex;overflow-y:auto}.nav-link{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{background:var(--primary);color:#fff;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px}.web-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.web-topbar{border-bottom:1px solid var(--border);z-index:90;background-color:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.web-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:24px 28px}.overview-welcome-banner{background:linear-gradient(135deg,#fff9eb 0%,#fff3d6 100%);border:1px solid #f5e6be;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 28px;display:flex}.grid-stats-row{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=1200px){.grid-stats-row{grid-template-columns:repeat(3,1fr)}}.metric-pill-card{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;padding:16px 14px;display:flex}.data-table-card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:24px;overflow:hidden}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background-color:#fafbf9;padding:12px 18px;font-size:11px;font-weight:600}td{border-top:1px solid var(--border);color:var(--text-primary);padding:14px 18px;font-size:13px}tr:hover td{background-color:#fbfdfb}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-dark)}.badge{border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-success{color:#2e7d32;background:#e8f5e9}.badge-warning{color:#e65100;background:#fff3e0}.badge-danger{color:#c62828;background:#ffebee}.badge-info{color:#1565c0;background:#e3f2fd}.action-tile-btn{border:1px solid var(--border);cursor:pointer;background:#fdfbf7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 8px;transition:all .2s;display:flex}.action-tile-btn:hover{background:#f4eedf;border-color:#d2c6a8}.tab-pill{cursor:pointer;color:#4a5d52;background:#f0f4f1;border:1px solid #0000;border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.tab-pill.active{color:#fff;background:#0b5d3b}.tab-pill:hover:not(.active){background:#e5ede7}.stepper-header{background:#fafbf9;border:1px solid #e5e9e6;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;display:flex}.step-item{color:#6b7c72;cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.step-item.active{color:#0b5d3b}.step-badge{color:#4a5d52;background:#e5e9e6;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.step-item.active .step-badge{color:#fff;background:#0b5d3b}.step-badge.completed{color:#0b5d3b;background:#e8f5e9}.map-canvas-container{background:#e8ece9;border:1px solid #d1ddd5;border-radius:16px;width:100%;height:480px;position:relative;overflow:hidden}.map-radar-pulse{border-radius:50%;width:18px;height:18px;animation:2s infinite pulse;position:absolute;transform:translate(-50%,-50%)}@keyframes pulse{0%{box-shadow:0 0 #0b5d3bb3}70%{box-shadow:0 0 0 16px #0b5d3b00}to{box-shadow:0 0 #0b5d3b00}}.map-sos-pulse{animation:1.5s infinite pulse-sos}@keyframes pulse-sos{0%{box-shadow:0 0 #c62828cc}70%{box-shadow:0 0 0 20px #c6282800}to{box-shadow:0 0 #c6282800}}.photo-upload-box{text-align:center;cursor:pointer;background:#fafbf9;border:2px dashed #c8d6cd;border-radius:14px;padding:24px;transition:all .2s}.photo-upload-box:hover{background:#f4f8f5;border-color:#0b5d3b}.tag-pill{color:#0b5d3b;background:#e8f5e9;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}