@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#102a43;--navy2:#183b56;--blue:#2563eb;--bg:#f3f6fa;--text:#243b53;--muted:#718096;--line:#e5eaf0;--green:#13a471;--red:#d64545;--amber:#d88a10;--radius:14px;--shadow:0 5px 20px rgba(20,45,75,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--navy);color:white;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 8px 26px}.brand>span,.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#2f80ed,#35b8d0);font-weight:800;font-size:18px}.brand b{line-height:1.15}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{color:#bdd0e0;text-decoration:none;padding:12px;border-radius:9px;display:flex;gap:12px;align-items:center;font-weight:500}.sidebar nav a i{font-style:normal;font-size:19px;width:22px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#234b6c;color:white}.sidebar-user{margin-top:auto;border-top:1px solid #2e4f69;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.sidebar-user>span{width:35px;height:35px;border-radius:50%;background:#35a9cc;display:grid;place-items:center;font-weight:700}.sidebar-user div{min-width:0}.sidebar-user b,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user b{font-size:12px}.sidebar-user small{font-size:10px;color:#9eb8cb;margin-top:4px}.app{margin-left:230px;min-height:100vh}.topbar{height:92px;background:white;border-bottom:1px solid var(--line);padding:19px 28px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:22px;margin:0}.topbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.content{padding:24px 28px 80px;max-width:1600px;margin:auto}.menu-toggle{display:none;border:0;background:none;font-size:24px}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 15px;font-weight:600;color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.light{background:#fff;color:var(--navy);border:0}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;font-size:12px}.btn.wide{width:100%;padding:13px}.icon-btn{border:0;background:#eff3f7;border-radius:9px;width:38px;height:38px;cursor:pointer}.badge,.status{display:inline-flex;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}.badge.success,.status.completed,.status.available,.status.picked_up{background:#ddf8ed;color:#087850}.status.pending{background:#fff1d6;color:#a66300}.status.confirmed,.status.assigned,.status.planned{background:#e7efff;color:#215bb0}.status.in_transit{background:#eee7ff;color:#7141c3}.status.cancelled,.status.out_of_service,.status.not_found{background:#ffe5e5;color:#b72f2f}.alert{margin:18px 28px 0;padding:12px 16px;border-radius:10px}.alert.success{background:#dcf8eb;color:#087650}.alert.warning{background:#fff2d9;color:#8c5900}.alert.danger{background:#ffe4e4;color:#9f2929}.mode-banner{background:linear-gradient(110deg,#12334f,#1e5573);color:white;padding:21px 24px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mode-banner b,.mode-banner span{display:block}.mode-banner b{font-size:17px;margin-bottom:5px}.mode-banner span{color:#bed3df;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{background:#fff;border-radius:var(--radius);padding:18px;border-left:4px solid var(--blue);box-shadow:var(--shadow)}.kpi span,.kpi small{display:block;color:var(--muted)}.kpi span{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.4px}.kpi strong{display:block;font-size:27px;margin:9px 0}.kpi small{font-size:10px}.kpi.violet{border-color:#7957d5}.kpi.amber{border-color:#e9a52b}.kpi.green{border-color:#13a471}.kpi.cyan{border-color:#31a9c4}.kpi.orange{border-color:#e57932}.kpi.navy{border-color:#243b53}.kpi.red{border-color:#db4b4b}.grid.two{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.panel-head,.action-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2,.action-row h2{font-size:16px;margin:0}.panel-head p,.action-row p{font-size:11px;color:var(--muted);margin:5px 0 0}.panel-head a{font-size:12px;color:var(--blue);text-decoration:none;font-weight:600}.alert-list{display:grid;gap:10px}.alert-row{display:flex;align-items:center;gap:12px;padding:12px;background:#fff7f7;border-radius:9px}.alert-row i{font-style:normal;background:#d64c4c;color:#fff;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-weight:700}.alert-row b,.alert-row span{display:block}.alert-row span{color:var(--muted);font-size:11px;margin-top:3px}.empty{color:var(--muted);text-align:center;padding:35px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.4px}tbody tr:hover{background:#f9fbfd}.block{display:block;color:var(--muted);margin-top:4px}.search{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 12px;display:flex;align-items:center;min-width:330px}.search input{border:0;outline:0;padding:11px;width:100%;background:transparent}.filters{display:flex;gap:7px;overflow:auto;margin-bottom:18px;padding-bottom:2px}.filters a{padding:8px 12px;border-radius:20px;background:#fff;border:1px solid var(--line);color:var(--text);text-decoration:none;white-space:nowrap;font-size:12px}.filters a.active{background:var(--navy);color:#fff}.request-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.request-card,.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow)}.request-id,.vehicle-card>div:first-child{display:flex;justify-content:space-between}.request-card h3,.vehicle-card h3{margin:14px 0 6px}.request-card>p,.vehicle-card>p{color:var(--muted);font-size:12px}.request-meta{display:flex;flex-wrap:wrap;gap:14px;color:#52677a;font-size:11px;margin:14px 0}.inline-edit{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid var(--line);padding-top:12px}.inline-edit input,.inline-edit select{min-width:0}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.vehicle-icon{font-size:27px;color:var(--blue)}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}dt{font-size:10px;color:var(--muted);text-transform:uppercase}dd{margin:3px 0 0;font-size:12px;font-weight:600}.capacity{height:6px;background:#e8edf2;border-radius:5px;overflow:hidden}.capacity i{display:block;height:100%;background:var(--green)}dialog{border:0;border-radius:16px;padding:0;width:min(720px,calc(100% - 24px));box-shadow:0 20px 60px #102a4366}dialog::backdrop{background:#102a4388}.modal-form{padding:22px}.modal-form header,.modal-form footer{display:flex;justify-content:space-between;align-items:center}.modal-form header{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.modal-form header h2{margin:0}.modal-form header p{margin:5px 0 0;color:var(--muted)}.modal-form header button{border:0;background:none;font-size:27px}.modal-form footer{justify-content:flex-end;gap:10px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.span-2{grid-column:span 2}label{display:block;font-size:11px;font-weight:600;color:#52677a}input,select,textarea{width:100%;border:1px solid #d8e0e8;border-radius:8px;padding:10px;margin-top:6px;background:#fff;color:var(--text)}textarea{min-height:70px;resize:vertical}.check{display:flex;align-items:flex-start;gap:8px;font-size:12px}.check input{width:auto;margin:1px 0}.consent,fieldset{margin-top:17px;border:1px solid #dce5ed;border-radius:10px;padding:14px}.consent{background:#f4f9ff}.consent .check+.check{margin-top:12px}fieldset legend{font-size:12px;font-weight:700}.muted-fields{margin-top:12px}.map-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.legend{display:flex;gap:16px;font-size:11px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.dot.high{background:#e44949}.dot.medium{background:#e9a52b}.dot.low{background:#2ca879}.map-panel{padding:0;overflow:hidden;position:relative}#map{height:620px}.map-summary{position:absolute;z-index:500;bottom:20px;left:20px;background:#fff;padding:13px 16px;border-radius:10px;box-shadow:var(--shadow);max-width:300px}.map-summary b,.map-summary span{display:block}.map-summary span{font-size:10px;color:var(--muted);margin-top:4px}.timeline article{display:grid;grid-template-columns:125px 15px 1fr;gap:12px;min-height:60px}.timeline time{font-size:10px;color:var(--muted)}.timeline i{width:9px;height:9px;border:2px solid var(--blue);border-radius:50%;position:relative}.timeline i:after{content:'';position:absolute;width:1px;height:52px;background:var(--line);left:2px;top:9px}.timeline span,.timeline small{color:var(--muted)}.timeline small{display:block;margin-top:5px}.bottom-nav{display:none}.login-body{min-height:100vh;background:linear-gradient(135deg,#0e2a43,#1d5973);display:grid;place-items:center;padding:20px}.login-card{width:min(400px,100%);background:#fff;padding:35px;border-radius:20px;box-shadow:0 24px 70px #06172766;text-align:center}.login-card .brand-mark{margin:auto;color:#fff}.login-card h1{margin:16px 0 5px}.login-card .muted{margin-bottom:25px}.muted{color:var(--muted)}.login-card label{text-align:left;margin-bottom:14px}.login-card .check{margin:15px 0}.forgot{display:block;margin:18px 0;color:var(--blue);text-decoration:none;font-size:12px}.login-card small{color:var(--muted)}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.vehicle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app{margin-left:0}.topbar{height:76px;padding:13px 15px}.topbar h1{font-size:18px}.menu-toggle{display:inline-block;margin-right:7px}.topbar>div:first-child{display:grid;grid-template-columns:auto 1fr}.topbar p{grid-column:2}.top-actions .btn{display:none}.content{padding:15px 12px 85px}.alert{margin:12px}.mode-banner{align-items:flex-start;gap:12px}.mode-banner .btn{font-size:11px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:9px}.kpi{padding:14px}.kpi strong{font-size:23px}.grid.two,.request-board{grid-template-columns:1fr}.vehicle-grid{grid-template-columns:1fr}.panel{padding:14px}.bottom-nav{display:flex;position:fixed;inset:auto 0 0;background:#fff;border-top:1px solid var(--line);z-index:15;justify-content:space-around;padding:7px 2px max(7px,env(safe-area-inset-bottom))}.bottom-nav a{color:#718096;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px}.bottom-nav a.active{color:var(--blue)}.bottom-nav i{font-style:normal;font-size:19px}.bottom-nav small{font-size:9px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.search{min-width:0;flex:1}.action-row{gap:8px}.action-row .btn{white-space:nowrap}.inline-edit{grid-template-columns:1fr}.map-toolbar{align-items:flex-start;gap:12px;flex-direction:column}#map{height:65vh}.legend{font-size:10px}}
.quick-layout{display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:20px;align-items:start}.quick-panel{padding:28px}.quick-title{display:flex;gap:13px;align-items:center;margin-bottom:24px}.quick-title>span{width:42px;height:42px;border-radius:12px;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;font-size:25px}.quick-title h2{margin:0;font-size:20px}.quick-title p{margin:5px 0 0;color:var(--muted);font-size:11px}.quick-panel form>label:not(.check){font-size:12px;margin-top:14px}.quick-panel input{font-size:16px;padding:13px}.location-box{display:flex;align-items:center;justify-content:space-between;background:#f4f8fc;border:1px solid #dce5ed;border-radius:11px;padding:13px;margin-top:17px}.location-box b,.location-box small{display:block}.location-box small{color:var(--muted);margin-top:4px}.privacy-check{margin:13px 2px}.quick-save{font-size:15px;margin-top:20px;padding:14px}.privacy-note{text-align:center;color:var(--muted);font-size:10px;margin:14px 0 0}.mini-warning{background:#fff1d6;color:#9b6200;padding:9px 11px;border-radius:8px;margin-top:7px;font-size:11px}.recent-list article{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.recent-list article>span{width:36px;height:36px;border-radius:50%;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;font-weight:700}.recent-list b,.recent-list small{display:block}.recent-list small,.recent-list time{color:var(--muted);font-size:10px}.recent-list small{margin-top:4px}
@media(max-width:760px){.quick-layout{grid-template-columns:1fr}.quick-panel{padding:20px 16px}.recent-panel{display:none}}
.document-search{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.document-search .btn{height:46px}.lookup-message{padding:11px;border-radius:9px;margin-top:12px;background:#fff1d6;color:#956000}.roll-result{background:#eaf7f1;border:1px solid #cceade;border-radius:11px;padding:15px;margin:17px 0}.roll-result span,.roll-result strong,.roll-result small{display:block}.roll-result span{color:#087650;text-transform:uppercase;font-size:10px;font-weight:800}.roll-result strong{font-size:17px;margin:7px 0}.roll-result small{color:#587166}.new-badge{background:#eef3f8;color:#52677a;border-radius:8px;padding:10px;margin:17px 0 2px;font-size:11px;font-weight:700}#registrationFields>label{margin-top:14px}
.brand>span,.brand-mark{background:linear-gradient(135deg,var(--blue),var(--accent,#35b8d0))}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-form>label{margin-bottom:15px}.settings-form>.btn{margin-top:17px}.import-note{background:#f4f8fc;border:1px solid var(--line);border-radius:10px;padding:13px}.import-note b,.import-note span{display:block}.import-note span{font-size:10px;color:var(--muted);margin-top:5px}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-input{border:1px solid var(--line);border-radius:9px;padding:7px;margin-top:7px;display:flex;align-items:center;gap:7px}.color-input input{width:36px;height:32px;border:0;padding:0;margin:0}.color-input output{font-size:10px;color:var(--muted)}.theme-preview{height:120px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:85px 1fr;overflow:hidden;margin-top:18px;background:#f4f6f9}.theme-preview aside{background:var(--navy)}.theme-preview>div{padding:18px}.theme-preview span{display:block;width:60%;height:9px;border-radius:8px;background:#dce3ea;margin-bottom:12px}.theme-preview b{display:block}.theme-preview button{border:0;background:var(--blue);color:#fff;border-radius:6px;padding:7px 11px;font-size:9px;margin-top:15px}@media(max-width:850px){.settings-grid{grid-template-columns:1fr}}@media(max-width:520px){.color-grid{grid-template-columns:1fr}}
.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.zone-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.zone-card.disabled{opacity:.65}.zone-head{display:grid;grid-template-columns:12px 1fr auto;gap:11px;align-items:start}.zone-head>i{width:12px;height:42px;border-radius:6px}.zone-head h3{margin:2px 0 4px}.zone-head p{margin:0;color:var(--muted);font-size:10px}.zone-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0}.zone-stats div{text-align:center;background:#f5f8fb;padding:10px 4px;border-radius:8px}.zone-stats strong,.zone-stats span{display:block}.zone-stats strong{font-size:16px}.zone-stats span{font-size:8px;color:var(--muted);margin-top:3px}.zone-location{color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding:12px 0}.zone-card footer{display:flex;justify-content:flex-end;gap:7px}.zone-card footer form{margin:0}.zone-capture{margin-top:14px}@media(max-width:1050px){.zone-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.zone-grid{grid-template-columns:1fr}}
.voted-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.voted-confirm{text-align:center;padding:30px}.voted-symbol{width:58px;height:58px;background:#dcf8eb;color:#087650;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:800;margin:auto}.voted-confirm h2{margin:14px 0 5px}.voted-confirm>p,.voted-confirm>small{color:var(--muted)}.voted-confirm form{text-align:left;max-width:400px;margin:22px auto}.voted-confirm form input{font-size:20px;padding:14px}.voted-confirm form .btn{margin-top:13px;padding:14px}.voted-confirm>small{display:block;font-size:9px}.turnout-panel{background:linear-gradient(125deg,var(--navy),#1e5573);color:#fff;padding:30px}.turnout-panel>span{text-transform:uppercase;font-size:11px;color:#bcd2e0;font-weight:700}.turnout-panel>strong{display:block;font-size:52px;margin:20px 0 0}.turnout-panel>p{color:#bcd2e0}.turnout-panel>div:last-child{font-size:12px;color:#dce8ef}.turnout-bar{height:12px;background:#ffffff20;border-radius:8px;overflow:hidden;margin:28px 0 12px}.turnout-bar i{display:block;height:100%;background:var(--accent,#35b8d0);border-radius:8px}@media(max-width:760px){.voted-layout{grid-template-columns:1fr}.turnout-panel{order:-1}.turnout-panel>strong{font-size:40px}}
.user-actions{display:flex;gap:5px;align-items:center}.user-actions form{margin:0}.danger-btn{border-color:#ffd1d1;color:#b72f2f;background:#fff5f5}.btn:disabled{opacity:.45;cursor:not-allowed}