:root{--navy:#102a4c;--navy2:#1a3a5c;--navy3:#234975;--teal:#0ea5e9;--teal2:#38bdf8;--green:#16a34a;--green2:#22c55e;--red:#dc2626;--red2:#ef4444;--amber:#d97706;--amber2:#f59e0b;--purple:#7c3aed;--blue:#2563eb;--bg:#f0f5fa;--card:#fff;--text:#0f172a;--text2:#334155;--muted:#64748b;--bdr:#e2e8f0;--bdr2:#cbd5e1;--sidebar:268px;--topbar:62px;--radius:14px;--shadow:0 1px 8px #102a4c14;--shadowlg:0 8px 32px #102a4c24}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#c8d5e8;border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes ping{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 10px #22c55e00}}@keyframes carIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scanLine{0%{opacity:.25;top:14%}50%{opacity:1}to{opacity:.25;top:82%}}@keyframes trackingPulse{0%{box-shadow:0 0 #0ea5e973}to{box-shadow:0 0 0 13px #0ea5e900}}#loginPage{background:linear-gradient(135deg,#eef6ff 0%,#f8fafc 45%,#e0f2fe 100%);justify-content:center;align-items:center;min-height:100vh;display:none;position:relative;overflow:hidden}.login-orb{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.orb1{background:#0ea5e91a;width:520px;height:520px;top:-120px;right:-80px}.orb2{background:#7c3aed14;width:400px;height:400px;bottom:-80px;left:-100px}.orb3{background:#16a34a12;width:300px;height:300px;top:50%;left:35%}.login-card{z-index:5;border:1.5px solid var(--bdr);border-top:5px solid var(--navy);background:#fff;border-radius:12px;width:440px;max-width:calc(100vw - 32px);padding:42px 40px;animation:.6s both fadeUp;position:relative;box-shadow:0 18px 48px #102a4c29}.login-brand{text-align:center;margin-bottom:36px}.login-emblem{border:1.5px solid var(--bdr);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 18px;display:flex;overflow:hidden;box-shadow:0 6px 18px #102a4c1f}.login-emblem img,.tb-icon img{object-fit:contain;width:100%;height:100%;display:block}.login-title{color:var(--navy);letter-spacing:-.3px;font-size:26px;font-weight:800}.login-sub{color:var(--muted);margin-top:5px;font-size:12px}.portal-footer{z-index:30;color:#ffffffc7;text-align:center;letter-spacing:.2px;background:#102a4cf5;border-top:1px solid #ffffff1a;padding:8px 12px;font-size:11px;font-weight:700;position:fixed;bottom:0;left:0;right:0}.l-field{margin-bottom:16px}.l-field label{text-transform:uppercase;letter-spacing:.8px;color:var(--text2);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.l-field .wrap{position:relative}.l-field .wrap i{color:var(--muted);font-size:14px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.l-field input{border:1.5px solid var(--bdr);width:100%;color:var(--text);background:#f8fbff;border-radius:12px;outline:none;padding:13px 16px 13px 42px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:all .2s}.l-field input:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #0ea5e91f}.l-field input::placeholder{color:#94a3b8}.l-field select{border:1.5px solid var(--bdr);width:100%;color:var(--text);appearance:none;background:#f8fbff;border-radius:12px;outline:none;padding:13px 16px 13px 42px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:all .2s}.l-field select:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #0ea5e91f}.forgot-lnk{text-align:right;color:var(--teal);cursor:pointer;margin-bottom:18px;font-size:12px;display:block}.btn-login-main{cursor:pointer;background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 18px #0ea5e94d}.btn-login-main:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0ea5e973}.btn-face-main{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#0ea5e9);border:1.5px solid #16a34a3d;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;margin:8px 0 10px;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 24px #16a34a33}.btn-face-main:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0ea5e93d}.face-scan-box{background:linear-gradient(145deg,#f8fbff,#eef8ff);border:1.5px solid #0ea5e940;border-radius:16px;justify-content:center;align-items:center;width:210px;height:210px;margin:0 auto 18px;display:flex;position:relative;overflow:hidden}.face-scan-box:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#0ea5e9,#0000);height:3px;animation:1.25s ease-in-out infinite alternate scanLine;position:absolute;top:14%;left:18px;right:18px}.face-scan-face{width:116px;height:116px;color:var(--navy);background:#fff;border:3px solid #102a4c29;border-radius:50%;justify-content:center;align-items:center;font-size:54px;animation:1.4s infinite trackingPulse;display:flex}.login-err{color:#fca5a5;background:#dc262626;border:1px solid #dc26264d;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:none}.demo-box{border:1.5px solid var(--bdr);background:#f8fbff;border-radius:14px;margin-top:26px;padding:16px 18px}.demo-box-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px;font-size:10px;font-weight:700}.demo-row{border-bottom:1px solid var(--bdr);align-items:center;gap:10px;padding:7px 0;display:flex}.demo-row:last-child{border:none;padding-bottom:0}.dpill{border-radius:99px;padding:3px 11px;font-size:11px;font-weight:700}.dp-i{color:#0369a1;background:#0ea5e91a;border:1px solid #0ea5e940}.dp-s{color:#1d4ed8;background:#2563eb1a;border:1px solid #2563eb38}.demo-cred{color:var(--text2);font-family:JetBrains Mono,monospace;font-size:12px}.forgot-overlay{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.forgot-box{text-align:center;background:#102a4cf2;border:1px solid #ffffff1f;border-radius:20px;width:380px;max-width:95vw;padding:36px 40px;animation:.3s carIn}.forgot-box h3{color:#fff;margin-bottom:8px;font-size:19px;font-weight:800}.forgot-box p{color:#fff6;margin-bottom:20px;font-size:13px}.forgot-box input{color:#fff;background:#ffffff12;border:1.5px solid #ffffff1f;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:12px 15px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px}#appShell{flex-direction:column;min-height:100vh;display:none}.topbar{height:var(--topbar);background:var(--navy);z-index:200;border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:0 22px;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #00000038}.tb-logo{align-items:center;gap:11px;display:flex}.tb-icon{background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.tb-name{color:#fff;letter-spacing:-.2px;font-size:16px;font-weight:800}.tb-sub{color:#ffffff59;font-size:11px}.live-badge{color:#f87171;letter-spacing:1px;background:#dc262626;border:1px solid #dc26264d;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:800;display:flex}.live-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse}.tb-right{align-items:center;gap:10px;margin-left:auto;display:flex}.user-chip{background:#ffffff12;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;display:flex}.user-av{background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.user-nm{color:#fffc;font-size:13px;font-weight:600}.user-role{color:#ffffff59;font-size:10px}.btn-logout{color:#f87171;cursor:pointer;background:#dc262626;border:1px solid #dc262640;border-radius:99px;align-items:center;gap:6px;padding:7px 15px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:flex}.btn-logout:hover{background:#dc26264d}.tb-notif-wrap{position:relative}.notif-bell{cursor:pointer;color:#ffffffb3;background:#ffffff12;border:1px solid #ffffff1a;border-radius:99px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex;position:relative}.view-switch{background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.view-switch-btn{color:#ffffff9e;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:800;transition:all .16s;display:inline-flex}.view-switch-btn:hover{color:#fff}.view-switch-btn.active{background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;box-shadow:0 6px 18px #0ea5e938}.notif-count{background:var(--red);color:#fff;text-align:center;border-radius:99px;min-width:16px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:-4px;right:-4px}.notif-panel{border:1.5px solid var(--bdr);width:320px;box-shadow:var(--shadowlg);z-index:500;background:#fff;border-radius:14px;animation:.2s carIn;display:none;position:absolute;top:48px;right:0}.notif-panel.open{display:block}.notif-panel-head{border-bottom:1px solid var(--bdr);color:var(--text);padding:12px 16px;font-size:13px;font-weight:800}.notif-item{border-bottom:1px solid var(--bdr);align-items:flex-start;gap:10px;padding:11px 16px;font-size:12px;display:flex}.notif-item:last-child{border:none}.notif-item.unread{background:#f0f9ff}.notif-ico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.notif-ico.green{color:var(--green);background:#dcfce7}.notif-ico.red{color:var(--red);background:#fee2e2}.notif-ico.amber{color:var(--amber);background:#fef3c7}.layout{height:calc(100vh - var(--topbar));flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar);background:var(--navy);border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sb-profile{border-bottom:1px solid #ffffff0f;padding:18px 18px 12px}.sb-profile-inner{align-items:center;gap:11px;display:flex}.sb-av{background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:flex}.sb-name{color:#fff;font-size:14px;font-weight:700}.sb-role{color:var(--teal2);text-transform:uppercase;letter-spacing:.6px;margin-top:2px;font-size:10px;font-weight:600}.sb-section{text-transform:uppercase;letter-spacing:1.5px;color:#fff3;padding:16px 18px 5px;font-size:10px;font-weight:700}.nav-item{cursor:pointer;color:#ffffff6b;border-left:3px solid #0000;align-items:center;gap:11px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:#ffffffbf;background:#ffffff0d}.nav-item.active{color:#fff;border-left-color:var(--teal);background:#0ea5e91a}.nav-icon{background:#ffffff0f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:flex}.nav-item.active .nav-icon{color:var(--teal);background:#0ea5e92e}.nav-badge{background:var(--red);color:#fff;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.content{background:var(--bg);flex:1;padding:26px;overflow-y:auto}.pg-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;animation:.4s both fadeUp;display:flex}.pg-title{color:var(--text);letter-spacing:-.3px;align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.pg-sub{color:var(--muted);margin-top:3px;font-size:12px}.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 17px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .16s;display:inline-flex}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-navy{background:var(--navy);color:#fff}.btn-teal{background:var(--teal);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-amber{background:var(--amber);color:#fff}.btn-purple{background:var(--purple);color:#fff}.btn-blue{background:var(--blue);color:#fff}.btn-ghost{color:var(--text);border:1.5px solid var(--bdr);background:#fff}.btn-sm{border-radius:8px;padding:7px 13px;font-size:12px}.btn-xs{border-radius:6px;padding:4px 10px;font-size:11px}.btn-whatsapp{color:#fff;background:#25d366}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:22px;display:grid}.kpi-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--bdr);box-shadow:var(--shadow);cursor:default;align-items:flex-start;gap:14px;padding:20px 22px;transition:all .22s;animation:.4s both carIn;display:flex}.kpi-card:hover{box-shadow:var(--shadowlg);transform:translateY(-3px)}.kpi-ico{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:21px;display:flex}.ico-teal{color:var(--teal);background:#0ea5e91a}.ico-green{color:var(--green);background:#16a34a1a}.ico-red{color:var(--red);background:#dc26261a}.ico-amber{color:var(--amber);background:#d977061a}.ico-purple{color:var(--purple);background:#7c3aed1a}.ico-blue{color:var(--blue);background:#2563eb1a}.ico-navy{color:var(--navy);background:#102a4c1a}.kpi-val{color:var(--text);letter-spacing:-1px;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800}.kpi-lbl{color:var(--muted);margin-top:3px;font-size:12px;font-weight:500}.panel{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--bdr);box-shadow:var(--shadow);margin-bottom:18px;animation:.4s both fadeUp;overflow:hidden}.panel-head{border-bottom:1.5px solid var(--bdr);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.panel-title{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.ptag{color:var(--teal);background:#0ea5e91a;border-radius:99px;padding:3px 9px;font-size:10px;font-weight:700}.panel-body{padding:20px}.weather-strip{background:linear-gradient(135deg, var(--navy) 0%, var(--navy3) 100%);border-radius:var(--radius);box-shadow:var(--shadowlg);border:1.5px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:18px;padding:18px 24px;display:flex}.w-temp-block{align-items:center;gap:14px;display:flex}.w-emoji{color:#fbbf24;filter:drop-shadow(0 0 10px #fbbf2459);font-size:42px;line-height:1}.w-temp{color:#fff;font-family:JetBrains Mono,monospace;font-size:40px;font-weight:800;line-height:1}.w-desc{color:#ffffff80;margin-top:4px;font-size:13px}.w-feels{color:#ffffff52;margin-top:2px;font-size:11px}.w-stats{gap:20px;display:flex}.wstat{flex-direction:column;align-items:center;gap:4px;display:flex}.wstat-ico{color:#ffffff73;background:#ffffff12;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.wstat-v{color:#fff;font-size:15px;font-weight:700}.wstat-l{color:#ffffff52;text-transform:uppercase;letter-spacing:.7px;font-size:10px}.aqi-block{text-align:center;background:#f59e0b24;border:1px solid #f59e0b47;border-radius:12px;margin-left:auto;padding:10px 18px}.aqi-v{color:var(--amber2);font-family:JetBrains Mono,monospace;font-size:24px;font-weight:800}.aqi-l{color:#f59e0ba6;text-transform:uppercase;letter-spacing:.7px;font-size:10px}.env-layer-group{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.env-layer-card{background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:10px;min-width:142px;padding:11px 14px;display:flex}.env-layer-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.env-layer-title{color:#ffffff73;text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:800}.env-layer-value{color:#fff;margin-top:2px;font-size:15px;font-weight:800}.tbl-wrap{border:1.5px solid var(--bdr);border-radius:10px;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl thead tr{background:linear-gradient(90deg,#f4f8fc,#eef2f8)}table.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);white-space:nowrap;padding:11px 14px;font-size:10px;font-weight:800}table.tbl td{border-bottom:1px solid var(--bdr);vertical-align:middle;padding:12px 14px}table.tbl tr:last-child td{border:none}table.tbl tr:hover td{background:#f8fbff}.missed-row td{color:var(--red)!important;background:#fff1f1!important}.bdg{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.bdg-green{color:#15803d;background:#dcfce7}.bdg-red{color:var(--red);background:#fee2e2}.bdg-amber{color:var(--amber);background:#fef3c7}.bdg-blue{color:var(--blue);background:#dbeafe}.bdg-purple{color:var(--purple);background:#f3e8ff}.bdg-teal{color:var(--teal);background:#0ea5e91a}.bdg-navy{color:var(--navy);background:#102a4c14}.bdg-gray{color:#475569;background:#f1f5f9}.form-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;display:grid}.f-full{grid-column:1/-1}.fg{flex-direction:column;gap:6px;display:flex}.fg label{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-size:11px;font-weight:700}.fg input,.fg select,.fg textarea{color:var(--text);background:#fff;border:1.5px solid #94a3b8;border-radius:10px;outline:none;padding:10px 13px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;transition:all .16s}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0ea5e91a}.fg input[readonly],.fg input[readonly]:focus{box-shadow:none;border:1.5px solid #cbd5e1}.f-section{text-transform:uppercase;letter-spacing:1px;color:var(--teal);border-bottom:2px solid #0ea5e91f;grid-column:1/-1;padding:14px 0 8px;font-size:11px;font-weight:800}.filter-bar{border-bottom:1.5px solid var(--bdr);background:#f8fbff;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px 18px;display:flex}.filter-grp{flex-direction:column;gap:5px;display:flex}.filter-grp label{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-size:10px;font-weight:700}.filter-grp select,.filter-grp input{background:#fff;border:1.5px solid #94a3b8;border-radius:8px;outline:none;min-width:120px;padding:8px 11px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:18px;display:grid}.chart-box{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--bdr);box-shadow:var(--shadow);padding:18px 20px}.chart-box h4{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:16px;font-size:11px;font-weight:800}.chart-box canvas{max-height:200px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--card);border-radius:20px;flex-direction:column;width:100%;max-width:620px;max-height:92vh;animation:.3s carIn;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000040}.modal-box.modal-lg{max-width:820px}.modal-box.modal-xl{max-width:700px}.modal-head{border-bottom:1.5px solid var(--bdr);background:linear-gradient(90deg,#f8fbff,#fff);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-head h3{color:var(--text);font-size:16px;font-weight:800}.modal-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .14s;display:flex}.modal-close:hover{background:#e2e8f0}.modal-body{flex:1;padding:22px 24px;overflow-y:auto}.modal-foot{border-top:1.5px solid var(--bdr);background:#f8fbff;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.staff-av{width:42px;height:42px;color:var(--muted);border:2px solid var(--bdr);background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex;overflow:hidden}.staff-av img{object-fit:cover;width:100%;height:100%}.issue-list{flex-direction:column;gap:10px;display:flex}.issue-card{background:var(--card);border:1.5px solid var(--bdr);border-radius:12px;align-items:flex-start;gap:13px;padding:14px 16px;transition:all .18s;display:flex}.issue-card:hover{border-color:var(--teal);box-shadow:0 2px 10px #0ea5e914}.issue-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:4px}.id-new{background:var(--red);box-shadow:0 0 6px #dc262666}.id-inprogress{background:var(--amber2);box-shadow:0 0 6px #f59e0b66}.id-resolved{background:var(--blue);box-shadow:0 0 6px #2563eb66}.id-completed{background:var(--green2);box-shadow:0 0 6px #22c55e66}.veh-track-card{background:var(--navy);cursor:pointer;border:1.5px solid #ffffff0f;border-radius:11px;align-items:center;gap:13px;margin-bottom:9px;padding:14px 16px;transition:all .18s;display:flex}.veh-track-card:hover{border-color:var(--teal);background:var(--navy2)}.veh-track-card.active-veh{border-color:var(--teal);background:#0ea5e914}.vt-ico{width:42px;height:42px;color:var(--teal);background:#0ea5e926;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;display:flex}.vt-no{color:#fff;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800}.vt-info{color:#ffffff6b;margin-top:2px;font-size:11px}.vt-right{text-align:center;margin-left:auto}.vt-pulse{border-radius:50%;width:10px;height:10px;margin:0 auto}.vt-pulse.on{background:var(--green2);animation:1.5s infinite ping}.vt-pulse.off{background:#475569}.vt-last{color:#ffffff47;margin-top:3px;font-size:10px}.cam-section{background:#0d1b2a;border-radius:13px;overflow:hidden}.cam-video{object-fit:cover;background:#000;width:100%;height:240px;display:block}.cam-canvas{display:none}.cam-preview{margin-top:10px;position:relative}.cam-preview img{object-fit:cover;border-radius:10px;width:100%;max-height:180px}.cam-stamp{color:#fff;background:#000000b8;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;bottom:8px;left:8px}.multi-photo-grid{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.multi-photo-item{width:80px;height:80px;position:relative}.multi-photo-item img{object-fit:cover;border:2px solid var(--bdr);border-radius:9px;width:80px;height:80px}.multi-photo-remove{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.photo-grid{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.photo-th{object-fit:cover;border:2px solid var(--bdr);cursor:pointer;border-radius:9px;width:78px;height:78px;transition:all .14s}.photo-th:hover{border-color:var(--teal);transform:scale(1.04)}.audit-flow{align-items:center;gap:0;margin:12px 0;display:flex}.a-step{text-align:center;border:1.5px solid var(--bdr);color:var(--muted);background:#f1f5f9;flex:1;padding:7px 4px;font-size:11px;font-weight:700}.a-step:first-child{border-radius:8px 0 0 8px}.a-step:last-child{border-radius:0 8px 8px 0}.a-step.done{color:var(--green);background:#dcfce7;border-color:#16a34a4d}.a-step.cur{color:var(--teal);background:#0ea5e91a;border-color:#0ea5e94d}.a-step.complete{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#7c3aed59}.tracker-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060e1ad9;flex-direction:column;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.tracker-header{background:var(--navy);border-bottom:1px solid #ffffff14;align-items:center;gap:14px;height:56px;padding:0 20px;display:flex}.tracker-title{color:#fff;font-size:16px;font-weight:800}.tracker-body{flex:1;gap:0;display:flex;overflow:hidden}.tracker-sidebar{background:#ffffff0a;border-right:1px solid #ffffff14;width:280px;padding:14px;overflow-y:auto}.tracker-map-wrap{background:#eef6ff;flex:1;min-height:420px;position:relative}#trackerMap,#vtMap{z-index:1;background:#eef6ff;width:100%;height:100%;min-height:420px}.tracker-filter-select{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;min-width:118px;padding:7px 30px 7px 10px;font-family:inherit;font-size:12px}.tracker-filter-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #0ea5e929}.tracker-filter-select option{color:#0f172a;background:#fff}.sec-card{cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:10px;padding:12px 14px;transition:all .2s}.sec-card:hover{background:#ffffff1f}.sec-card.active-sec{background:#22c55e14;border-color:#22c55e66}.sec-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.sec-av.av-active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 0 3px #22c55e4d}.sec-av.av-inactive{background:linear-gradient(135deg,#64748b,#475569)}.live-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.4s infinite ping;display:inline-block}.audit-stat-card{background:linear-gradient(135deg, var(--from), var(--to));color:#fff;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}.audit-stat-num{font-size:28px;font-weight:800;line-height:1}.audit-stat-lbl{opacity:.85;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:600}.completion-modal .form-grid{gap:14px}.bdg-purple{color:#7c3aed;background:#7c3aed1a;border:1px solid #7c3aed40}.toast{z-index:9999;opacity:0;pointer-events:none;border-radius:13px;align-items:center;gap:11px;min-width:270px;max-width:360px;padding:13px 16px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:26px;right:26px;transform:translateY(70px);box-shadow:0 8px 28px #0003}.toast.show{opacity:1;pointer-events:all;transform:translateY(0)}.toast.success{color:#065f46;background:#ecfdf5;border:1.5px solid #86efac}.toast.error{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5}.toast.info{color:#1e40af;background:#eff6ff;border:1.5px solid #93c5fd}.toast-ico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.toast.success .toast-ico{color:var(--green);background:#bbf7d0}.toast.error .toast-ico{color:var(--red);background:#fecaca}.toast.info .toast-ico{color:var(--blue);background:#bfdbfe}.divider{background:var(--bdr);height:1.5px;margin:18px 0}.empty{text-align:center;color:var(--muted);padding:44px 20px}.empty i{opacity:.3;margin-bottom:12px;font-size:38px;display:block}.empty p{font-size:13px}.mono{font-family:JetBrains Mono,monospace}.sm{font-size:12px}.text-muted{color:var(--muted)}.info-note{color:#0369a1;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.geo-box{color:var(--green);background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;align-items:center;gap:10px;padding:12px 15px;font-size:13px;display:flex}.gov-stat-strip{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.gov-stat{cursor:default;border:1.5px solid #0000;border-radius:16px;padding:18px 20px;transition:all .22s;position:relative;overflow:hidden}.gov-stat:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001a}.gov-stat-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;font-size:22px;display:flex}.gov-stat-val{letter-spacing:-1px;font-family:JetBrains Mono,monospace;font-size:34px;font-weight:900;line-height:1}.gov-stat-lbl{opacity:.75;text-transform:uppercase;letter-spacing:.6px;margin-top:5px;font-size:11px;font-weight:700}.gov-stat-sub{opacity:.5;margin-top:3px;font-size:10px}.gov-stat:after{content:"";background:#ffffff0f;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-18px;right:-18px}.gov-stat-open{color:#991b1b;background:linear-gradient(135deg,#fef2f2,#ffe4e6);border-color:#fca5a5}.gov-stat-open .gov-stat-icon{color:#dc2626;background:#fee2e2}.gov-stat-inprog{color:#92400e;background:linear-gradient(135deg,#fffbeb,#fef9c3);border-color:#fde68a}.gov-stat-inprog .gov-stat-icon{color:#d97706;background:#fef3c7}.gov-stat-resolved{color:#1e40af;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.gov-stat-resolved .gov-stat-icon{color:#2563eb;background:#dbeafe}.gov-stat-done{color:#14532d;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.gov-stat-done .gov-stat-icon{color:#16a34a;background:#dcfce7}.issue-id-tag{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800;display:inline-flex}.issue-status-pill{letter-spacing:.3px;border-radius:99px;align-items:center;gap:5px;padding:4px 11px;font-size:10px;font-weight:800;display:inline-flex}.isp-open{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.isp-inprog{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.isp-resolved{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.isp-done{color:#16a34a;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.map-issue-card{border:1.5px solid var(--bdr);cursor:pointer;background:#fff;border-radius:13px;margin-bottom:10px;padding:14px 16px;transition:all .2s;position:relative;overflow:hidden}.map-issue-card:before{content:"";border-radius:13px 0 0 13px;width:4px;position:absolute;top:0;bottom:0;left:0}.map-issue-card.mic-open:before{background:#dc2626}.map-issue-card.mic-inprog:before{background:#d97706}.map-issue-card.mic-resolved:before{background:#2563eb}.map-issue-card.mic-done:before{background:#16a34a}.map-issue-card:hover{border-color:#7dd3fc;transform:translate(2px);box-shadow:0 4px 16px #0ea5e91f}.map-sidebar-head{background:linear-gradient(135deg, var(--navy), var(--navy2));color:#fff;padding:16px}.map-sidebar-title{letter-spacing:-.2px;font-size:13px;font-weight:800}.map-sidebar-sub{color:#fff6;margin-top:3px;font-size:10px}.map-stat-row{border-bottom:1.5px solid var(--bdr);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.map-stat-cell{text-align:center;border-right:1px solid var(--bdr);padding:12px 10px}.map-stat-cell:last-child{border:none}.map-stat-n{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:900;line-height:1}.map-stat-l{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-top:3px;font-size:9px;font-weight:700}.chart-panel{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--bdr);box-shadow:var(--shadow);padding:20px;animation:.4s both fadeUp}.chart-panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.chart-panel-title{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.export-strip{flex-wrap:wrap;gap:10px;padding:14px 0;display:flex}.exp-btn{cursor:pointer;border:1.5px solid;border-radius:11px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.exp-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001a}.exp-excel{color:#15803d;background:#f0fdf4;border-color:#86efac}.exp-pdf{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.exp-csv{color:#2563eb;background:#eff6ff;border-color:#93c5fd}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.map-legend-strip{border-bottom:1.5px solid var(--bdr);background:linear-gradient(90deg,#f8fbff,#fff);align-items:center;gap:16px;padding:10px 16px;display:flex}.mls-item{color:var(--text2);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.mls-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.mls-icon{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.ward-map-shell{border:1.5px solid var(--bdr);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:1fr;gap:0;min-height:520px;display:grid;overflow:hidden}.ward-map-sidebar{display:none}.ward-filter-bar{border-bottom:1.5px solid var(--bdr);background:#f8fbff;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.ward-filter-grp{flex-direction:column;gap:5px;display:flex}.ward-filter-grp label{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-size:10px;font-weight:700}.ward-filter-grp select{border:1.5px solid var(--bdr);background:#fff;border-radius:8px;outline:none;min-width:130px;padding:8px 11px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px}.ward-multisel-wrap{border:1.5px solid var(--bdr);cursor:pointer;background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;min-width:200px;max-width:320px;min-height:36px;padding:6px 10px;display:flex}.ward-chip{color:var(--teal);background:#0ea5e91f;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.ward-chip .rm-chip{cursor:pointer;font-weight:800;line-height:1}.ward-dropdown-list{z-index:500;border:1.5px solid var(--bdr);box-shadow:var(--shadowlg);background:#fff;border-radius:10px;width:220px;max-height:260px;padding:6px;display:none;position:absolute;top:100%;left:0;overflow-y:auto}.ward-dropdown-list.open{display:block}.ward-dropdown-item{cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:600;transition:all .12s;display:flex}.ward-dropdown-item:hover{background:#f0f9ff}.ward-dropdown-item.selected{color:var(--teal);background:#0ea5e91a}.status-filter-pill{cursor:pointer;color:var(--muted);background:#f1f5f9;border:1.5px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.status-filter-pill:hover{filter:brightness(.97)}.status-filter-pill.active-pill{border-color:currentColor}.status-filter-pill.pill-cleaned{color:#16a34a}.status-filter-pill.active-pill.pill-cleaned{background:#dcfce7;border-color:#86efac}.status-filter-pill.pill-pending{color:#d97706}.status-filter-pill.active-pill.pill-pending{background:#fef3c7;border-color:#fde68a}.status-filter-pill.pill-issue{color:#dc2626}.status-filter-pill.active-pill.pill-issue{background:#fee2e2;border-color:#fca5a5}.status-filter-pill.pill-verif{color:#2563eb}.status-filter-pill.active-pill.pill-verif{background:#dbeafe;border-color:#93c5fd}.wms-head{border-bottom:1.5px solid var(--bdr);padding:14px 16px}.wms-title{color:var(--text);font-size:14px;font-weight:800}.wms-sub{color:var(--muted);margin-top:2px;font-size:11px}.wms-list{flex:1;padding:8px;overflow-y:auto}.ward-status-item{border:1.5px solid var(--bdr);cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:all .15s;display:flex}.ward-status-item:hover{border-color:var(--teal);background:#f0f9ff}.ward-status-item.active-ward{border-color:var(--teal);background:#e0f2fe}.wsi-num{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.wsi-info{flex:1;min-width:0}.wsi-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.wsi-meta{color:var(--muted);margin-top:1px;font-size:10px}.wsi-icon{flex-shrink:0;font-size:16px}.ward-map-area{min-height:520px;position:relative}.ward-map-area .leaflet-container{height:100%;min-height:520px}.ward-map-topbar{border-bottom:1.5px solid var(--bdr);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.ward-map-title{color:var(--text);align-items:center;gap:7px;margin-right:auto;font-size:13px;font-weight:800;display:flex}.wm-filter-btn{cursor:pointer;border:1.5px solid var(--bdr);color:var(--muted);background:#fff;border-radius:99px;align-items:center;gap:5px;padding:5px 13px;font-size:11px;font-weight:700;transition:all .14s;display:flex}.wm-filter-btn:hover{border-color:var(--teal);color:var(--teal)}.wm-filter-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.wm-legend{border-bottom:1.5px solid var(--bdr);background:#fafafa;align-items:center;gap:12px;padding:8px 14px;display:flex}.wml-item{color:var(--text2);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.wml-dot{border-radius:50%;width:11px;height:11px}.ward-circle-marker{color:#fff;cursor:pointer;border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000040}.ward-circle-marker:hover{transform:scale(1.15)}.ward-popup-inner{min-width:280px;max-width:320px;font-family:Plus Jakarta Sans,sans-serif}.wpi-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wpi-ward{color:var(--text);font-size:13px;font-weight:800}.wpi-status{border-radius:99px;padding:3px 9px;font-size:10px;font-weight:700}.wpi-s-new{color:#dc2626;background:#fee2e2}.wpi-s-inprogress{color:#d97706;background:#fef3c7}.wpi-s-resolved{color:#2563eb;background:#dbeafe}.wpi-s-completed{color:#16a34a;background:#dcfce7}.wpi-desc{color:#334155;margin-bottom:8px;font-size:12px;line-height:1.5}.wpi-grid{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px;display:grid}.wpi-cell{background:#f8fbff;border-radius:7px;padding:6px 8px}.wpi-cell-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:1px;font-size:9px}.wpi-cell-val{color:#0f172a;font-size:11px;font-weight:700}.wpi-geo{background:#f0fdf4;border-radius:7px;margin-bottom:8px;padding:7px 9px}.wpi-geo-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:9px}.wpi-geo-val{color:#16a34a;font-size:11px;font-weight:700}.wpi-photos{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.wpi-photo{object-fit:cover;border:2px solid var(--bdr);cursor:pointer;border-radius:7px;width:60px;height:60px}.wpi-actions{border-top:1px solid var(--bdr);flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;display:flex}.wpi-btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:4px;padding:6px 11px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:700;display:flex}.wpi-btn-amber{color:#d97706;background:#fef3c7}.wpi-btn-green{color:#16a34a;background:#dcfce7}.wpi-btn-wa{color:#fff;background:#25d366}.veh-map-wrap{border:1.5px solid var(--bdr);border-radius:12px;height:380px;overflow:hidden}.veh-map-wrap .leaflet-container{height:380px}.leaflet-popup-content-wrapper{border:1.5px solid var(--bdr);border-radius:12px!important;box-shadow:0 4px 20px #00000026!important}.leaflet-popup-content{padding:4px 2px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:13px!important}.leaflet-popup-tip-container{display:none}.driver-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:start;gap:18px;display:grid}.driver-panel{border:1.5px solid var(--bdr);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:18px}.driver-map-wrap{border:1.5px solid var(--bdr);background:#eaf3fb;border-radius:12px;height:460px;overflow:hidden}#driverMap{width:100%;height:100%}.driver-task-card{border:1.5px solid var(--bdr);background:#fff;border-left:5px solid #facc15;border-radius:10px;gap:10px;padding:14px;display:grid}.driver-task-card+.driver-task-card{margin-top:12px}.driver-task-card.locked{opacity:.72;background:#f8fafc}.driver-task-card.accepted-highlight{box-shadow:0 0 0 3px #0ea5e91f, var(--shadow);background:linear-gradient(#f0f9ff 0%,#fff 55%);border-left-color:#0ea5e9}.driver-task-photo{border:1px solid var(--bdr);height:94px;color:var(--navy);text-transform:uppercase;letter-spacing:.7px;background:linear-gradient(135deg,#fef3c7,#dbeafe);border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.driver-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.driver-mini{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.driver-mini-card{border:1.5px solid var(--bdr);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:14px}.driver-mini-val{color:var(--navy);font-size:22px;font-weight:800;line-height:1}.driver-mini-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.55px;margin-top:7px;font-size:11px;font-weight:700}.driver-timeline{gap:10px;display:grid}.driver-event{border:1px solid var(--bdr);background:#f8fbff;border-radius:9px;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:10px;display:grid}.driver-event i{width:34px;height:34px;color:var(--teal);background:#0ea5e91a;border-radius:9px;justify-content:center;align-items:center;display:flex}.driver-marker{color:#111827;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;box-shadow:0 4px 14px #0f172a40}.driver-marker.demo{width:24px;height:24px;box-shadow:none;flex-shrink:0;position:relative}.driver-marker.yellow{background:#facc15}.driver-marker.blue{color:#fff;background:#38bdf8}.driver-marker.green{color:#fff;background:#22c55e}.driver-route-line{border:2px dashed #0ea5e9}.record-table{border-collapse:collapse;table-layout:fixed;border:1.5px solid var(--bdr);width:100%}.record-table th,.record-table td{vertical-align:top;white-space:normal;word-break:break-word;border:1px solid var(--bdr);padding:10px 9px;line-height:1.35}.record-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--navy);background:#f8fbff;font-size:10px}@media (width<=768px){:root{--sidebar:220px}.content{padding:14px}.kpi-grid{grid-template-columns:1fr 1fr}.chart-grid,.driver-grid,.driver-mini{grid-template-columns:1fr}.w-stats{display:none}.ward-map-shell{grid-template-columns:1fr}.ward-map-sidebar{display:none}}@media (width<=560px){.kpi-grid{grid-template-columns:1fr}}.esg-impact-page{background:#f8fafc;min-height:calc(100vh - 80px);padding:24px}.esg-impact-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.esg-impact-title h1{color:#1f2937;margin:0;font-size:28px;font-weight:800}.esg-impact-title p{color:#94a3b8;margin:4px 0 0;font-size:15px;font-weight:600}.esg-impact-actions{align-items:center;gap:12px;display:flex}.esg-date-select{color:#334155;background:#fff;border:1px solid #dbe3ef;border-radius:12px;outline:none;min-width:160px;height:42px;padding:0 14px;font-weight:600}.esg-bell-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:50%;width:42px;height:42px;font-size:20px;position:relative}.esg-bell-btn span{background:#ef4444;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;right:8px}.esg-summary-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px;display:grid}.esg-summary-card{color:#fff;border-radius:18px;min-height:210px;padding:28px;box-shadow:0 14px 35px #0f172a1f}.esg-summary-card.environmental{background:linear-gradient(135deg,#10b981,#0f766e)}.esg-summary-card.social{background:linear-gradient(135deg,#3b82f6,#4338ca)}.esg-summary-card.governance{background:linear-gradient(135deg,#a855f7,#7c3aed)}.esg-summary-card h2{margin:0 0 28px;font-size:24px;font-weight:800}.esg-metric-grid{grid-template-columns:repeat(2,1fr);gap:22px 34px;display:grid}.esg-metric-grid span{opacity:.82;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.esg-metric-grid strong{font-size:25px;font-weight:900;display:block}.esg-chart-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:28px;display:grid}.esg-bottom-grid{grid-template-columns:2fr 1fr;gap:22px;display:grid}.esg-panel{background:#fff;border:1px solid #edf2f7;border-radius:18px;padding:28px;box-shadow:0 8px 24px #0f172a14}.esg-panel h3{color:#1f2937;margin:0;font-size:19px;font-weight:800}.esg-panel p{color:#94a3b8;margin:8px 0 24px;font-weight:600}.esg-panel canvas{width:100%!important;height:280px!important}.esg-sdg-panel h3{margin-bottom:24px}.esg-sdg-row{margin-bottom:18px}.esg-sdg-head{color:#334155;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:800;display:flex}.esg-sdg-track{background:#edf2f7;border-radius:999px;height:8px;overflow:hidden}.esg-sdg-fill{background:linear-gradient(90deg,#f97316,#22c55e);border-radius:999px;height:100%}.esg-score-box{background:#ecfdf5;border-radius:16px;margin-top:24px;padding:22px}.esg-score-box span{color:#047857;margin-bottom:8px;font-weight:800;display:block}.esg-score-box strong{color:#059669;font-size:34px;font-weight:900}@media (width<=1100px){.esg-summary-grid,.esg-chart-grid,.esg-bottom-grid{grid-template-columns:1fr}.esg-impact-header{flex-direction:column;align-items:flex-start}.esg-impact-actions{flex-wrap:wrap}}#landingPage{display:block}#adminLoginPage,#superAdminPanel,#adminPanel{display:none}.lp-gov-strip{color:#ffffffbf;text-align:center;letter-spacing:.5px;background:#102a4c;border-bottom:1px solid #ffffff14;padding:7px 16px;font-size:11px;font-weight:600}.lp-nav{z-index:900;border-bottom:1.5px solid var(--bdr);height:66px;box-shadow:var(--shadow);background:#fff;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.lp-brand{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.lp-brand-logo{border:1.5px solid var(--bdr);background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.lp-brand-logo img{object-fit:contain;width:100%;height:100%}.lp-brand-name{color:var(--navy);letter-spacing:-.2px;font-size:17px;font-weight:800}.lp-brand-sub{color:var(--muted);font-size:10px;font-weight:600}.lp-nav-links{align-items:center;gap:2px;margin-left:auto;display:flex}.lp-nav-links a{color:var(--text2);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}.lp-nav-links a:hover{background:var(--bg);color:var(--navy)}.lp-nav-btns{flex-shrink:0;gap:8px;display:flex}.lp-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.lp-btn-outline{color:var(--navy);background:0 0;border:1.5px solid var(--navy)!important}.lp-btn-outline:hover{background:var(--navy);color:#fff}.lp-btn-primary{background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;box-shadow:0 4px 12px #0ea5e947}.lp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0ea5e966}.lp-btn-lg{border-radius:12px;padding:13px 26px;font-size:14px}.lp-btn-green{background:linear-gradient(135deg,var(--green),var(--teal));color:#fff;box-shadow:0 4px 12px #16a34a47}.lp-btn-green:hover{transform:translateY(-1px)}.lp-btn-white{color:var(--navy);background:#fff;font-weight:800}.lp-btn-white:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000002e}.lp-hamb{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:4px;display:none}.lp-hamb span{background:var(--navy);border-radius:99px;width:20px;height:2px;display:block}.lp-mob-menu{border-bottom:1.5px solid var(--bdr);z-index:899;background:#fff;flex-direction:column;gap:4px;padding:12px 20px 16px;display:none;position:fixed;top:66px;left:0;right:0;box-shadow:0 8px 24px #102a4c1a}.lp-mob-menu a{color:var(--text2);cursor:pointer;border-radius:9px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:block}.lp-mob-menu a:hover{background:var(--bg)}.lp-mob-menu .lp-btn{justify-content:center;width:100%;margin-top:6px}.lp-hero{background:linear-gradient(135deg,#eef6ff 0%,#f8fafc 55%,#e0f2fe 100%);align-items:center;gap:56px;min-height:calc(100vh - 105px);padding:80px 64px;display:flex;position:relative;overflow:hidden}.lp-hero:before{content:"";pointer-events:none;background:#0ea5e90f;border-radius:50%;width:500px;height:500px;position:absolute;top:-180px;right:-100px}.lp-hero-left{flex:1;max-width:560px;animation:.6s both fadeUp}.lp-hero-tag{color:#0369a1;letter-spacing:.5px;text-transform:uppercase;background:#0ea5e91a;border:1px solid #0ea5e940;border-radius:99px;align-items:center;gap:7px;margin-bottom:22px;padding:5px 13px;font-size:11px;font-weight:700;display:inline-flex}.lp-hero-title{color:var(--navy);letter-spacing:-2px;margin-bottom:8px;font-size:58px;font-weight:900;line-height:1}.lp-hero-sub{color:var(--text2);margin-bottom:16px;font-size:20px;font-weight:700;line-height:1.35}.lp-hero-desc{color:var(--muted);max-width:500px;margin-bottom:32px;font-size:15px;line-height:1.7}.lp-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.lp-hero-right{flex:1;max-width:500px;animation:.8s both fadeIn}.lp-hero-card{background:linear-gradient(135deg,var(--navy),var(--navy2));border-radius:22px;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 56px #102a4c38}.lp-hero-card:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M0 0h20v20H0zm20 20h20v20H20z'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.lp-hc-icon{color:#38bdf8;z-index:1;background:#0ea5e92e;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:28px;display:flex;position:relative}.lp-hc-title{color:#fff;z-index:1;margin-bottom:6px;font-size:24px;font-weight:900;position:relative}.lp-hc-sub{color:#ffffff73;letter-spacing:.8px;text-transform:uppercase;z-index:1;margin-bottom:24px;font-size:11px;font-weight:600;position:relative}.lp-hc-grid{z-index:1;grid-template-columns:1fr 1fr;gap:10px;display:grid;position:relative}.lp-hc-stat{background:#ffffff12;border:1px solid #ffffff1a;border-radius:11px;padding:13px}.lp-hc-val{color:#38bdf8;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:900}.lp-hc-lbl{color:#ffffff73;margin-top:2px;font-size:11px;font-weight:600}.lp-hc-badges{z-index:1;flex-wrap:wrap;gap:7px;margin-top:16px;display:flex;position:relative}.lp-badge{color:#fffc;background:#ffffff1a;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:700;display:flex}.lp-badge i{color:#38bdf8;font-size:10px}.lp-sec{padding:80px 64px}.lp-sec-alt{background:var(--bg)}.lp-sec-dark{background:var(--navy)}.lp-sec-head{text-align:center;margin-bottom:48px}.lp-sec-tag{color:#0369a1;letter-spacing:1px;text-transform:uppercase;background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:99px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 13px;font-size:10px;font-weight:700;display:inline-flex}.lp-sec-tag.g{color:#15803d;background:#16a34a1a;border-color:#16a34a33}.lp-sec-title{color:var(--navy);letter-spacing:-.3px;margin-bottom:10px;font-size:32px;font-weight:900}.lp-sec-title.w{color:#fff}.lp-sec-desc{color:var(--muted);max-width:580px;margin:0 auto;font-size:15px;line-height:1.65}.lp-sec-desc.w{color:#fff9}.lp-feat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lp-feat-card{border:1.5px solid var(--bdr);border-top:4px solid var(--teal);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:24px 18px;transition:all .2s}.lp-feat-card:hover{box-shadow:var(--shadowlg);transform:translateY(-3px)}.lp-feat-icon{border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:20px;display:flex}.lp-feat-title{color:var(--navy);margin-bottom:7px;font-size:14px;font-weight:800}.lp-feat-text{color:var(--muted);font-size:12px;line-height:1.55}.lp-about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.lp-about-text{color:var(--text2);margin-bottom:24px;font-size:15px;line-height:1.75}.lp-about-item{align-items:flex-start;gap:13px;margin-bottom:14px;display:flex}.lp-about-dot{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.lp-about-item-title{color:var(--navy);margin-bottom:3px;font-size:13px;font-weight:800}.lp-about-item-text{color:var(--muted);font-size:12px;line-height:1.5}.lp-about-visual{background:linear-gradient(135deg,var(--navy),var(--navy2));text-align:center;border-radius:20px;padding:40px;box-shadow:0 20px 56px #102a4c2e}.lp-about-vi{color:#38bdf8;background:#0ea5e926;border-radius:24px;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 20px;font-size:40px;display:flex}.lp-about-vt{color:#fff;margin-bottom:6px;font-size:20px;font-weight:900}.lp-about-vs{color:#ffffff73;margin-bottom:24px;font-size:12px}.lp-about-vnums{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lp-about-vn{background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;padding:13px}.lp-about-vv{color:#38bdf8;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:900}.lp-about-vl{color:#fff6;margin-top:2px;font-size:11px;font-weight:600}.lp-wf-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.lp-wf-item{flex-direction:column;align-items:center;gap:8px;display:flex}.lp-wf-circle{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;display:flex;box-shadow:0 4px 12px #102a4c33}.lp-wf-label{color:var(--text2);text-align:center;max-width:80px;font-size:11px;font-weight:700}.lp-wf-arrow{color:var(--bdr2);margin-top:-8px;font-size:18px}.lp-footer{color:#ffffffa6;background:#0f172a;padding:56px 64px}.lp-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.lp-footer-brand-name{color:#fff;margin-bottom:3px;font-size:20px;font-weight:900}.lp-footer-brand-sub{color:#ffffff59;letter-spacing:.4px;margin-bottom:14px;font-size:10px;font-weight:600}.lp-footer-desc{color:#ffffff73;max-width:260px;font-size:13px;line-height:1.65}.lp-footer-col-title{text-transform:uppercase;letter-spacing:1px;color:#ffffff59;margin-bottom:14px;font-size:10px;font-weight:800}.lp-footer-links{flex-direction:column;gap:8px;list-style:none;display:flex}.lp-footer-links a{color:#ffffff80;cursor:pointer;font-size:13px;transition:all .15s}.lp-footer-links a:hover{color:#fff}.lp-footer-contact-item{color:#ffffff80;align-items:center;gap:9px;margin-bottom:8px;font-size:13px;display:flex}.lp-footer-contact-item i{color:var(--teal);width:16px}.lp-footer-bottom{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;display:flex}.lp-footer-copy{color:#ffffff4d;font-size:12px}#adminLoginPage{background:linear-gradient(135deg,#0f172a 0%,var(--navy) 55%,var(--navy2) 100%);justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden}.adm-login-card{z-index:5;border:1.5px solid var(--bdr);border-top:5px solid var(--navy);background:#fff;border-radius:14px;width:440px;max-width:calc(100vw - 32px);padding:44px 40px;animation:.55s both fadeUp;position:relative;box-shadow:0 20px 56px #0000004d}.adm-back{text-align:center;color:var(--muted);cursor:pointer;margin-top:14px;font-size:13px;transition:all .15s;display:block}.adm-back:hover{color:var(--teal)}.lp-pass-wrap{position:relative}.lp-pass-eye{cursor:pointer;color:var(--muted);z-index:2;font-size:14px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}#superAdminPanel,#adminPanel{flex-direction:column;min-height:100vh;display:none}.ap-topbar{height:var(--topbar);background:var(--navy);z-index:200;border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:0 22px;display:flex;position:sticky;top:0;box-shadow:0 2px 14px #0003}.ap-layout{flex:1;display:flex;overflow:hidden}.ap-sidebar{width:var(--sidebar);background:var(--navy2);border-right:1px solid #ffffff0f;flex-shrink:0;padding:16px 0;overflow-y:auto}.ap-content{background:var(--bg);flex:1;padding:28px;overflow-y:auto}.ap-nav-item{color:#fff9;cursor:pointer;border-radius:10px;align-items:center;gap:11px;margin:1px 8px;padding:11px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.ap-nav-item:hover{color:#ffffffe6;background:#ffffff12}.ap-nav-item.active{color:#38bdf8;background:#0ea5e92e}.ap-nav-item i{text-align:center;width:18px;font-size:14px}.ap-nav-section{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff40;padding:14px 20px 6px;font-size:9px;font-weight:800}@media (width<=900px){.lp-hero{flex-direction:column;min-height:auto;padding:56px 28px}.lp-hero-left,.lp-hero-right{max-width:100%}.lp-hero-title{font-size:42px}.lp-sec{padding:56px 28px}.lp-feat-grid{grid-template-columns:1fr 1fr}.lp-about-grid{grid-template-columns:1fr}.lp-footer{padding:40px 28px}.lp-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.lp-wf-steps{flex-direction:column}.lp-wf-arrow{transform:rotate(90deg)}}@media (width<=640px){.lp-nav-links,.lp-nav-btns{display:none}.lp-hamb{display:flex}.lp-feat-grid{grid-template-columns:1fr}.lp-footer-grid{grid-template-columns:1fr;gap:24px}.lp-sec-title{font-size:24px}.lp-hero-title{font-size:34px}}@media (width<=767px){:root{--sidebar:180px;--topbar:56px}body{font-size:14px;overflow-x:hidden}#loginPage{padding-bottom:50px}.login-card{border-radius:16px;width:100%;max-width:calc(100vw - 20px);padding:28px 22px}.login-title{font-size:20px}.login-emblem{width:64px;height:64px}.l-field input,.l-field select{padding:11px 14px 11px 36px;font-size:14px}.l-field .wrap i{font-size:13px;left:12px}.forgot-box{width:90vw;padding:24px 18px}.forgot-box h3{font-size:16px}.forgot-box p{font-size:12px}.btn-login-main,.btn-face-main{padding:12px 14px;font-size:13px}.face-scan-box{width:160px;height:160px;margin:0 auto 14px}.face-scan-face{width:90px;height:90px;font-size:42px}.topbar{height:var(--topbar);flex-wrap:wrap;gap:8px;padding:0 14px}.tb-logo{gap:8px}.tb-icon{width:32px;height:32px;font-size:14px}.tb-name{font-size:13px}.tb-sub{display:none}.tb-right{gap:6px;margin-left:auto}.live-badge,.user-chip{display:none}.notif-bell{width:32px;height:32px;font-size:13px}.view-switch{display:none}.layout{flex-direction:row}.sidebar{width:var(--sidebar);height:calc(100vh - var(--topbar));background:var(--darkBg);border-top:none;border-right:1px solid #ffffff14;flex-direction:column;align-items:stretch;gap:0;padding:12px 0;display:flex;position:relative;overflow:hidden auto}.sb-profile{border-bottom:1px solid #ffffff0f;gap:2px;margin-bottom:8px;padding:0 4px;display:flex!important}.sb-section{flex-direction:column;display:flex!important}.nav-item{white-space:nowrap;color:#ffffff6b;cursor:pointer;border:none;border-bottom:3px solid #0000;flex:none;gap:2px;min-width:60px;height:56px;padding:8px 10px;font-size:10px;transition:all .15s}.nav-item:hover{color:#ffffffbf;background:#ffffff0d}.nav-item.active{border-bottom-color:var(--teal);color:#fff;background:0 0;border-left:none}.nav-icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.nav-badge{display:none}.content{height:calc(100vh - var(--topbar) - 56px);padding:16px 16px 80px;overflow-y:auto}.pg-header{flex-direction:column;gap:10px;margin-bottom:16px}.pg-title{gap:6px;font-size:16px}.action-row{flex-wrap:wrap;gap:6px}.btn{gap:5px;padding:8px 12px;font-size:12px}.gov-stat-strip{grid-template-columns:repeat(2,1fr);gap:10px}.gov-stat{padding:12px 14px}.gov-stat-icon{width:40px;height:40px;margin-bottom:8px;font-size:18px}.gov-stat-val{font-size:24px}.gov-stat-lbl{margin-top:4px;font-size:10px}.map-stat-row{grid-template-columns:repeat(2,1fr)}.map-stat-cell{padding:10px 8px;font-size:11px}.map-stat-n{font-size:18px}.driver-mini{grid-template-columns:repeat(2,1fr);gap:10px}.driver-mini-card{padding:10px 12px}.driver-mini-val{font-size:18px}.driver-mini-lbl{margin-top:5px;font-size:10px}.form-grid{grid-template-columns:1fr}.l-field input,.l-field select{font-size:14px}table{font-size:12px}th,td{padding:8px 10px}.notif-panel{width:90vw;max-height:300px;right:5vw}.tracker-modal-overlay{z-index:2000;position:fixed;inset:0}.tracker-header{height:48px;padding:0 14px;font-size:14px}.tracker-body{flex-direction:column}.tracker-sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%;height:auto;max-height:200px;padding:10px;overflow:auto hidden}.tracker-map-wrap{flex:1;min-height:300px}#trackerMap,#vtMap{min-height:300px}.chart-panel,.form-card,.stat-card{margin-bottom:12px;padding:14px}.chart-panel-head{flex-wrap:wrap;gap:8px;margin-bottom:12px}.chart-panel-title{font-size:11px}.toast{min-width:unset;max-width:unset;font-size:12px;bottom:70px;left:12px;right:12px}.audit-flow{flex-wrap:wrap;gap:6px}.a-step{flex:1;min-width:80px;padding:6px 3px;font-size:10px;border-radius:6px!important}.photo-grid{gap:6px}.photo-th{width:60px;height:60px}.info-note,.geo-box{gap:8px;padding:10px 12px;font-size:12px}.empty{padding:32px 16px}.empty i{font-size:32px}.empty p{font-size:12px}.divider{margin:12px 0}.portal-footer{padding:6px 8px;font-size:10px}}@media (width>=768px) and (width<=1024px){:root{--sidebar:220px}.sidebar{width:var(--sidebar)}.gov-stat-strip{grid-template-columns:repeat(3,1fr);gap:12px}.driver-mini{grid-template-columns:repeat(3,1fr)}.user-chip{display:flex!important}.user-nm{font-size:12px}.content{padding:20px}.form-grid{grid-template-columns:repeat(2,1fr)}.login-card{width:420px;padding:36px 34px}.tracker-sidebar{width:240px}.pg-header{gap:12px}.action-row{gap:8px}.chart-panel{padding:18px}}@media (width>=1025px){:root{--sidebar:268px}.sidebar{width:var(--sidebar)}.gov-stat-strip,.driver-mini{grid-template-columns:repeat(4,1fr)}.user-chip{display:flex!important}.form-grid{grid-template-columns:repeat(2,1fr)}.login-card{width:440px}.tracker-sidebar{width:280px}.content{padding:26px}.chart-panel{padding:20px}}@media (width<=359px){.login-card{padding:20px 16px}.login-title{font-size:18px}.l-field input,.l-field select,.btn-login-main{font-size:13px}.gov-stat-strip,.driver-mini{grid-template-columns:1fr}.content{padding:12px 12px 70px}}@media (width>=1440px){.content{max-width:100%;padding:32px 40px}.gov-stat-strip{grid-template-columns:repeat(4,1fr);gap:16px}.chart-panel{padding:24px}.login-card{width:480px}}@media (height<=500px) and (orientation:landscape){:root{--topbar:48px}.topbar{height:48px;padding:0 12px}.sidebar{width:200px;height:calc(100vh - 48px);position:fixed;bottom:0;left:0;overflow-y:auto}.content{height:calc(100vh - 48px);padding:14px;overflow-y:auto}.layout{height:calc(100vh - 48px)}}@media (hover:none) and (pointer:coarse){.btn,.nav-item,button,input,select{min-width:44px;min-height:44px}.btn{padding:10px 16px}}@media print{.sidebar,.topbar,.btn-logout,.notif-bell,.action-row{display:none!important}.content{padding:0}.portal-footer{display:none!important}}canvas{display:block;max-width:100%!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.sb-hamb{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:38px;min-width:38px;height:38px;margin-right:2px;padding:0;display:none}.sb-hamb span{background:#fff;border-radius:99px;width:18px;height:2px;transition:all .22s;display:block}body.sb-open .sb-hamb span:first-child{transform:translateY(7px)rotate(45deg)}body.sb-open .sb-hamb span:nth-child(2){opacity:0}body.sb-open .sb-hamb span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sb-overlay{z-index:149;background:#00000085;display:none;position:fixed;inset:0}body.sb-open .sb-overlay{display:block}body.sb-open .sidebar{transform:translate(0)!important}@media (width<=767px){:root{--topbar:56px;--sidebar:270px}body{overflow-x:hidden}.sb-hamb{display:flex}.topbar{height:var(--topbar);gap:6px;padding:0 10px}.tb-sub,.live-badge,.view-switch,.user-chip{display:none!important}.tb-name{font-size:13px}.tb-icon{width:30px;height:30px;font-size:13px}.tb-right{gap:6px;margin-left:auto}.btn-logout{gap:4px;padding:6px 9px;font-size:11px}.notif-bell{width:32px;height:32px;font-size:13px}.notif-panel{width:94vw;max-height:340px;right:3vw;overflow-y:auto}.layout{height:calc(100vh - var(--topbar));position:relative;overflow:hidden}.sidebar{top:var(--topbar);z-index:150;transform:translateX(calc(-1 * var(--sidebar)));transition:transform .26s cubic-bezier(.4,0,.2,1);left:0;overflow:hidden auto;width:var(--sidebar)!important;height:calc(100vh - var(--topbar))!important;background:var(--navy)!important;flex-direction:column!important;padding:0 0 80px!important;position:fixed!important}.sb-profile{flex-direction:column;gap:0;padding:14px 14px 10px;display:flex!important}.sb-profile-inner{flex-direction:row;align-items:center;gap:10px}.sb-av{flex-shrink:0;width:40px;height:40px;font-size:16px}.sb-name{font-size:13px}.sb-role{font-size:10px}.sb-section{padding:14px 16px 4px;font-size:10px}.nav-item{white-space:nowrap;color:#ffffff8c;border-left:3px solid #0000;align-items:center;height:auto!important;min-width:unset!important;border-bottom:none!important;flex-direction:row!important;gap:11px!important;padding:11px 16px!important;font-size:13px!important}.nav-item.active{color:#fff;background:#0ea5e91a;border-left-color:var(--teal)!important;border-bottom:none!important}.nav-icon{flex-shrink:0;width:30px!important;height:30px!important;font-size:14px!important}.nav-badge{margin-left:auto;display:inline-flex!important}.content{height:calc(100vh - var(--topbar));background:var(--bg);overflow:hidden auto;width:100%!important;margin-left:0!important;padding:12px 10px 90px!important}.pg-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.pg-title{flex-wrap:wrap;gap:6px;font-size:15px}.pg-sub{font-size:11px}.action-row{flex-wrap:wrap;gap:6px}.btn{gap:5px;padding:8px 11px!important;font-size:12px!important}.btn-sm{padding:6px 9px!important;font-size:11px!important}.btn-xs{padding:4px 7px!important;font-size:10px!important}.gov-stat-strip{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.gov-stat{padding:11px 9px!important;overflow:visible!important}.gov-stat-val{font-size:19px!important}.gov-stat-lbl{font-size:10px!important}.gov-stat-icon{width:32px!important;height:32px!important;margin-bottom:6px!important;font-size:14px!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.kpi-card{padding:11px 9px!important}.driver-mini{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.driver-mini-val{font-size:17px!important}.driver-mini-lbl{font-size:10px!important}.map-stat-row{grid-template-columns:repeat(2,1fr)!important}.map-stat-cell{padding:7px 6px!important;font-size:10px!important}.map-stat-n{font-size:15px!important}.chart-grid{grid-template-columns:1fr!important;gap:10px!important}.chart-box{padding:12px 10px!important;overflow:hidden!important}.chart-box h4{margin-bottom:10px!important;font-size:10px!important}.chart-box canvas{max-height:180px!important}.chart-panel{margin-bottom:10px!important;padding:12px 10px!important;overflow:hidden!important}.chart-panel-head{flex-wrap:wrap!important;gap:6px!important;margin-bottom:8px!important}.chart-panel-title{font-size:11px!important}.chart-panel canvas,.chart-panel-body canvas{width:100%!important;max-height:200px!important}.panel{margin-bottom:10px!important;overflow:visible!important}.panel-head{flex-wrap:wrap!important;gap:6px!important;padding:10px 12px!important}.panel-title{font-size:13px!important}.panel-body{overflow-x:auto;padding:10px 12px!important}.driver-grid{grid-template-columns:1fr!important;gap:10px!important}.driver-map-wrap{height:260px!important}.ward-map-shell{grid-template-columns:1fr!important;min-height:280px!important}.ward-map-sidebar,.w-stats{display:none!important}.ward-map-area{min-height:280px!important}.ward-map-area .leaflet-container{height:280px!important;min-height:280px!important}[style*=grid-template-columns\:300px],[style*="grid-template-columns: 300px"]{grid-template-columns:1fr!important}[style*=min-height\:520px],[style*="min-height: 520px"]{min-height:280px!important}[style*=min-height\:460px],[style*="min-height: 460px"]{min-height:260px!important}[style*=minmax\(330px]{grid-template-columns:1fr!important}[style*=minmax\(260px]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}[style*=minmax\(240px],[style*=minmax\(200px]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}[style*="grid-template-columns:300px 1fr"],[style*="grid-template-columns: 300px 1fr"]{grid-template-columns:1fr!important;min-height:auto!important}.map-sidebar-head{padding:10px 12px!important}.ward-filter-bar{gap:8px!important;padding:8px 10px!important}.ward-filter-grp{flex:140px;min-width:0}.ward-filter-grp select{width:100%;min-width:unset!important}.ward-multisel-wrap{width:100%;min-width:unset!important;max-width:100%!important}.ward-dropdown-list{width:100%!important;left:0!important}.wm-legend{flex-wrap:wrap!important;gap:6px!important;padding:8px 10px!important;font-size:10px!important}.wml-item{font-size:10px!important}.panel>div[style*=padding\:12px],.panel>div[style*="padding: 12px"]{flex-wrap:wrap!important;gap:6px!important;padding:8px 10px!important}[style*=margin-left\:auto][style*=border-radius\:99px],[style*="margin-left: auto"][style*=border-radius\:99px]{margin-left:0!important}.filter-bar{gap:8px!important;padding:10px 12px!important}.filter-grp{flex:130px;min-width:110px}.filter-grp select,.filter-grp input{min-width:unset!important;width:100%!important;font-size:12px!important}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto!important}.record-table{table-layout:auto!important;min-width:500px!important;font-size:11px!important}.record-table th,.record-table td{white-space:nowrap!important;padding:7px!important;font-size:11px!important}.record-table th{letter-spacing:0!important;font-size:9px!important}table:not(.record-table){font-size:11px}th,td{padding:6px 7px}.form-grid{grid-template-columns:1fr!important;gap:10px!important}.form-card{padding:12px 10px!important}.form-section-head{font-size:10px!important}label{font-size:11px!important}input[type=text],input[type=number],input[type=date],input[type=email],select,textarea{font-size:14px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-box{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important}.modal-box.modal-lg,.modal-box.modal-xl{max-width:100%!important}.modal-head{padding:13px 15px!important}.modal-head h3{font-size:14px!important}.modal-body{overflow-y:auto;padding:12px 15px!important}.modal-foot{flex-wrap:wrap!important;gap:8px!important;padding:11px 15px!important}.modal-foot .btn{min-width:80px;flex:auto!important;justify-content:center!important}[style*=max-width\:400px],[style*="max-width: 400px"],[style*=max-width\:380px],[style*="max-width: 380px"],[style*=max-width\:360px],[style*="max-width: 360px"],[style*=max-width\:340px],[style*="max-width: 340px"]{width:95vw!important;max-width:95vw!important}.tracker-modal-overlay{z-index:2000;position:fixed;inset:0}.tracker-header{height:48px;padding:0 12px;font-size:13px}.tracker-body{flex-direction:column!important}.tracker-sidebar{max-height:140px;overflow:auto hidden;border-bottom:1px solid #ffffff14!important;border-right:none!important;width:100%!important;height:auto!important;padding:8px!important}.tracker-map-wrap,#trackerMap,#vtMap{min-height:280px!important}#driverMap{min-height:260px!important}.weather-strip{flex-wrap:wrap!important;gap:10px!important;padding:10px 12px!important}.w-emoji{font-size:28px!important}.w-temp{font-size:26px!important}.w-stats{display:none!important}.audit-flow{flex-wrap:wrap!important;gap:5px!important}.a-step{border-radius:6px!important;flex:auto!important;min-width:65px!important;padding:5px 3px!important;font-size:9px!important}.photo-grid{gap:5px!important}.photo-th{width:54px!important;height:54px!important}.toast{min-width:unset!important;max-width:unset!important;font-size:12px!important;bottom:72px!important;left:8px!important;right:8px!important}.info-note,.geo-box{gap:6px!important;padding:8px 10px!important;font-size:12px!important}.empty{padding:24px 12px!important}.empty i{font-size:26px!important}.empty p{font-size:12px!important}.portal-footer{padding:5px 8px!important;font-size:10px!important}#loginPage{justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:0!important;overflow-y:auto!important}.login-card{width:calc(100vw - 24px)!important;max-width:400px!important;margin:10px auto!important;padding:24px 16px!important}.login-title{font-size:19px!important}.login-emblem{width:58px!important;height:58px!important}.login-brand{margin-bottom:22px!important}.btn-login-main,.btn-face-main{padding:12px 14px!important;font-size:13px!important}.face-scan-box{width:150px!important;height:150px!important}.face-scan-face{width:80px!important;height:80px!important;font-size:36px!important}.forgot-box{width:92vw!important;padding:20px 14px!important}.demo-box{padding:10px 12px!important}.demo-row{gap:5px;flex-wrap:wrap!important}.demo-cred{word-break:break-all;font-size:10px!important}.ap-layout{flex-direction:column!important}.ap-sidebar{border-bottom:1px solid #ffffff0f;max-height:52px;overflow:auto hidden;width:100%!important;height:52px!important;min-height:unset!important;border-right:none!important;flex-direction:row!important;padding:0!important;display:flex!important}.ap-content{padding:10px!important}.ap-nav-item{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;border-radius:0!important;flex-direction:column!important;gap:2px!important;height:52px!important;padding:6px 10px!important;font-size:9px!important}.ap-nav-item i{width:auto!important;font-size:14px!important}.ap-nav-section{display:none!important}.esg-impact-page{padding:10px!important}.esg-summary-grid,.esg-chart-grid,.esg-bottom-grid{grid-template-columns:1fr!important;gap:10px!important}.esg-impact-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.esg-summary-card{min-height:auto!important;padding:16px!important}.esg-summary-card h2{margin-bottom:16px!important;font-size:18px!important}.esg-metric-grid{grid-template-columns:1fr 1fr!important;gap:10px 14px!important}.esg-metric-grid strong{font-size:20px!important}.esg-panel{padding:12px!important}.esg-panel canvas{height:180px!important}.esg-panel h3{font-size:15px!important}.lp-hero{flex-direction:column!important;gap:28px!important;min-height:auto!important;padding:36px 14px!important}.lp-hero-title{letter-spacing:-1px!important;font-size:30px!important}.lp-hero-sub{font-size:15px!important}.lp-hero-desc{font-size:13px!important}.lp-hero-left,.lp-hero-right{max-width:100%!important}.lp-hero-card{padding:18px!important}.lp-hc-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.lp-hc-val{font-size:16px!important}.lp-feat-grid{grid-template-columns:1fr!important;gap:10px!important}.lp-about-grid{grid-template-columns:1fr!important;gap:20px!important}.lp-sec{padding:36px 14px!important}.lp-sec-title{font-size:20px!important}.lp-sec-desc{font-size:13px!important}.lp-footer{padding:28px 14px!important}.lp-footer-grid{grid-template-columns:1fr!important;gap:18px!important}.lp-nav-links,.lp-nav-btns{display:none!important}.lp-hamb{display:flex!important}.lp-nav{height:56px!important;padding:0 12px!important}.action-row,.filter-bar,.ward-filter-bar,.panel-head,.modal-foot,.audit-flow,.photo-grid,.lp-hero-actions,.lp-hc-badges,.lp-wf-steps{flex-wrap:wrap!important}*{box-sizing:border-box;max-width:100%}img,video,iframe{height:auto;max-width:100%!important}.panel-title,.pg-title{word-break:break-word}}@media (width<=420px){.btn{padding:7px 8px!important;font-size:11px!important}.pg-title{font-size:14px!important}.content{padding:10px 8px 85px!important}.gov-stat-strip,.driver-mini{grid-template-columns:repeat(2,1fr)!important}}@media (width<=360px){.gov-stat-strip,.kpi-grid,.driver-mini{grid-template-columns:1fr!important}.content{padding:8px 6px 80px!important}.login-card{padding:18px 12px!important}.login-title{font-size:16px!important}.panel-head,.panel-body{padding:8px 10px!important}.btn{padding:6px 7px!important;font-size:10px!important}}@media (width>=768px) and (width<=1024px){:root{--sidebar:220px}.sb-hamb{display:none!important}.sidebar{width:var(--sidebar)!important;position:relative!important;transform:none!important}.sb-overlay{display:none!important}.gov-stat-strip{gap:12px;grid-template-columns:repeat(3,1fr)!important}.kpi-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.driver-mini{grid-template-columns:repeat(3,1fr)!important}.map-stat-row{grid-template-columns:repeat(4,1fr)!important}.chart-grid,.driver-grid{gap:12px;grid-template-columns:1fr 1fr!important}.form-grid{grid-template-columns:repeat(2,1fr)!important}.content{padding:18px!important}.user-chip,.live-badge{display:flex!important}.view-switch{display:inline-flex!important}.table-wrap{overflow-x:auto}.modal-box{border-radius:20px!important;max-width:88vw!important}.modal-overlay{align-items:center!important;padding:20px!important}.ward-map-shell,.ward-map-area,.ward-map-area .leaflet-container{min-height:440px!important}}@media (width>=1025px){:root{--sidebar:268px}.sb-hamb,.sb-overlay{display:none!important}.sidebar{width:var(--sidebar)!important;position:relative!important;transform:none!important}.gov-stat-strip,.map-stat-row{grid-template-columns:repeat(4,1fr)}.content{padding:26px!important}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (height<=500px) and (orientation:landscape){:root{--topbar:48px}.topbar{padding:0 10px;height:48px!important}.sidebar{height:calc(100vh - 48px)!important;top:48px!important}.content{height:calc(100vh - 48px)!important;padding:8px!important}.layout{height:calc(100vh - 48px)!important}.login-card{margin:4px auto!important;padding:14px!important}.login-brand{margin-bottom:14px!important}.face-scan-box{width:110px!important;height:110px!important}.ward-map-area,.ward-map-area .leaflet-container{min-height:200px!important}}@media (hover:none) and (pointer:coarse){.btn,.nav-item,.ap-nav-item,input,select,button{min-height:44px}.btn{padding:10px 14px}.filter-grp select,.filter-grp input{min-height:40px}.nav-item{min-height:48px!important}}@media print{.sidebar,.topbar,.btn-logout,.notif-bell,.action-row,.portal-footer,.sb-hamb,.sb-overlay,.weather-strip{display:none!important}.content{height:auto!important;padding:0!important;overflow:visible!important}.layout{height:auto!important;overflow:visible!important}}#landingPage{--lp-primary:#10b981;--lp-dark:#0f172a;--lp-light:#f0f5fa;--lp-text:#334155;color:var(--lp-text);flex-direction:column;width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;display:flex}#landingPage *{box-sizing:border-box;margin:0;padding:0}#landingPage .hero-header{background:linear-gradient(135deg,#2d5f4f 0%,#1a2332 100%);padding:1rem 1.5rem}#landingPage .hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}#landingPage .hero-left{flex:none;align-items:center;gap:1rem;display:flex}#landingPage .hero-logo-section{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}#landingPage .hero-logo{filter:drop-shadow(0 4px 8px #0003);width:auto;max-width:85px;height:65px}#landingPage .swachh-logo{filter:drop-shadow(0 2px 4px #00000026);width:auto;max-width:45px;height:35px}#landingPage .hero-text-section{text-align:left;flex-direction:column;justify-content:center;display:flex}#landingPage .hero-title{color:#f4d03f;letter-spacing:.3px;text-shadow:2px 2px 4px #0000004d;margin:0;font-size:1.6rem;font-weight:800}#landingPage .hero-subtitle{color:#e8e8e8;letter-spacing:.2px;margin:.3rem 0 0;font-size:.85rem;font-weight:500}#landingPage .hero-right{flex:none;align-items:center;gap:1.5rem;display:flex}#landingPage .leaders-section{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}#landingPage .leader-card{background:#ffffff1a;border-radius:8px;flex:0 auto;align-items:center;gap:.75rem;min-width:200px;padding:.65rem .9rem;display:flex}#landingPage .leader-photo{flex-shrink:0}#landingPage .leader-img{object-fit:cover;border:2px solid #f4d03f;border-radius:50%;width:55px;height:55px}#landingPage .leader-info{flex-direction:column;gap:.2rem;display:flex}#landingPage .leader-name{color:#fff;white-space:nowrap;margin:0;font-size:.9rem;font-weight:700}#landingPage .leader-title{color:#f4d03f;white-space:nowrap;margin:0;font-size:.75rem;font-weight:500}#landingPage .login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:none;border-radius:5px;flex-shrink:0;padding:.55rem 1.2rem;font-size:.95rem;font-weight:600;transition:transform .3s,box-shadow .3s}#landingPage .login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e94d}#landingPage .slideshow-section{text-align:center;background:#000;justify-content:center;align-items:center;width:100%;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}#landingPage .slideshow-container{width:100%;height:100%;box-shadow:none;background:#000;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}#landingPage .slideshow-track{will-change:transform;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);display:flex;transform:translate(0)}#landingPage .slide-image{object-fit:cover;border-radius:0;flex-shrink:0;width:100%;height:100%;display:block}#landingPage footer{color:#888;background:linear-gradient(135deg,#1a3a2e 0%,#0f1b1a 100%);border-top:1px solid #ffffff0d;margin:0;padding:0}#landingPage .footer-content{justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 2rem;display:flex}#landingPage .footer-left{text-align:left;flex:1}#landingPage .footer-left p{color:#6b8a7f;letter-spacing:.3px;margin:0;font-size:.9rem}#landingPage .footer-right{text-align:right;flex:1}#landingPage .footer-right p{color:#6b8a7f;letter-spacing:.3px;margin:0;font-size:.9rem}#landingPage .footer-right strong{color:#d4a550;font-weight:600}@media (width<=1024px){#landingPage .hero-content{flex-direction:column;align-items:flex-start;gap:1.5rem}#landingPage .hero-right{flex-wrap:wrap;width:100%}}@media (width<=768px){#landingPage .hero-header{padding:1rem}#landingPage .hero-content{flex-direction:column;gap:1rem}#landingPage .hero-left{gap:.8rem}#landingPage .hero-logo{max-width:80px;height:60px}#landingPage .hero-title{font-size:1.2rem}#landingPage .hero-subtitle{font-size:.7rem}#landingPage .hero-right,#landingPage .leaders-section{flex-direction:column;gap:1rem;width:100%}#landingPage .leader-card{gap:.5rem;padding:.6rem .8rem}#landingPage .leader-img{width:45px;height:45px}#landingPage .leader-name{font-size:.8rem}#landingPage .leader-title{font-size:.65rem}#landingPage .login-btn{text-align:center;width:100%;padding:.6rem 1.2rem;font-size:.85rem}#landingPage .footer-content{text-align:center;flex-direction:column}#landingPage .footer-left,#landingPage .footer-right{text-align:center}}