@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{color:#14283a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#14283a;--muted:#82909a;--line:#e7ecea;--green:#127b67;--green-dark:#0b5d51;--mint:#e5f3ee;--gold:#f5b84c;--paper:#fff;background:#f7f9f8;font-family:Cairo,IBM Plex Sans Arabic,sans-serif}*{box-sizing:border-box}body{background:#f7f9f8;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.icon{justify-content:center;align-items:center;font-style:normal;line-height:1;display:inline-flex}.site-shell{background:#f7f9f8;min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#ffffffc7;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex;position:sticky;top:0}.brand{min-width:190px;color:var(--ink);align-items:center;gap:10px;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:13px 13px 13px 4px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid;box-shadow:0 5px 13px #127b6738}.brand strong{letter-spacing:-.6px;font-size:17px;line-height:1.1;display:block}.brand small{color:var(--green);letter-spacing:.5px;font-size:10px;font-weight:700;display:block}.topbar-center{position:absolute;left:50%;transform:translate(-50%)}.status-pill{color:#64736f;background:#f1f6f4;border:1px solid #e5eeeb;border-radius:30px;align-items:center;gap:8px;padding:7px 13px;font-size:11px;font-weight:700;display:inline-flex}.status-pill i,.live-dot{background:#27b77c;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #27b77c1c}.topbar-actions{align-items:center;gap:18px;display:flex}.round-button{color:#6d7c84;border:1px solid var(--line);background:#fff;border-radius:13px;width:38px;height:38px;font-size:18px;position:relative}.notification-dot{background:#e96e55;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.user-chip{align-items:center;gap:9px;display:flex}.avatar{width:37px;height:37px;color:var(--green);background:#dcefe9;border-radius:12px;place-items:center;font-size:16px;font-weight:900;display:grid}.user-chip strong,.user-chip small{display:block}.user-chip strong{color:var(--ink);font-size:12px}.user-chip small{color:var(--muted);margin-top:2px;font-size:9px}.chip-chevron{color:#94a19f;margin-right:4px;font-size:15px}.content-layout{max-width:1500px;min-height:calc(100vh - 78px);margin:0 auto;display:flex}.sidebar{border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;width:275px;padding:43px 25px 25px 36px;display:flex}.side-greeting>span{color:var(--green);font-size:11px;font-weight:800}.side-greeting h1{color:var(--ink);letter-spacing:-.8px;margin:7px 0 42px;font-size:25px;line-height:1.4}.side-greeting em{color:var(--green);font-style:normal}.side-nav{gap:8px;display:grid}.side-nav button{color:#7d8b91;text-align:right;background:0 0;border-radius:14px;align-items:center;gap:12px;width:100%;height:48px;padding:0 14px;transition:all .2s;display:flex}.side-nav button:hover{color:var(--green);background:#eef7f3}.side-nav button.active{background:var(--green);color:#fff;box-shadow:0 10px 20px #127b672e}.side-nav button .icon{width:20px;font-size:20px}.side-nav button span{flex:1;font-size:12px;font-weight:700}.side-nav button b{opacity:.65;font-size:16px;font-weight:400}.side-tip{background:#f0f6f3;border-radius:17px;align-items:flex-start;gap:10px;margin-top:auto;padding:15px;display:flex}.tip-icon{width:28px;height:28px;color:var(--green);background:#fff;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.side-tip strong{color:var(--ink);font-size:11px;display:block}.side-tip p{color:#7a8a87;margin:3px 0 0;font-size:10px;line-height:1.6}.sidebar-footer{border-top:1px solid var(--line);margin-top:24px;padding-top:17px}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer span{color:var(--green);font-size:10px;font-weight:800}.sidebar-footer small{color:#a1aba9;margin-top:4px;font-size:9px}.main-area{width:min(100%,1040px);margin:0 auto;padding:42px clamp(24px,5vw,74px) 70px}.map-header{justify-content:space-between;align-items:flex-end;margin-bottom:19px;display:flex}.eyebrow{color:var(--green);letter-spacing:.25px;font-size:10px;font-weight:800}.map-header h2,.page-panel h2{color:var(--ink);letter-spacing:-1px;margin:5px 0 0;font-size:27px;line-height:1.2}.header-meta{color:#84918d;align-items:center;gap:18px;font-size:10px;font-weight:700;display:flex}.header-meta span{align-items:center;gap:8px;display:inline-flex}.header-meta button{color:var(--green);background:0 0;font-size:10px;font-weight:800}.search-bar{background:#fff;border:1px solid #e1eae6;border-radius:16px;align-items:center;height:55px;margin-bottom:18px;padding:0 14px;display:flex;box-shadow:0 7px 22px #223a3109}.search-bar>.icon{color:var(--green);width:24px;font-size:25px}.search-bar input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 11px;font-size:12px}.search-bar input::placeholder{color:#99a5a7}.search-bar button{color:var(--green);background:#eef7f3;border-radius:10px;width:31px;height:31px}.search-bar kbd{color:#a9b4b3;direction:ltr;background:#f7f9f8;border:1px solid #e9eeec;border-radius:6px;margin-right:8px;padding:4px 6px;font:10px monospace}.map-card{background:#eaf0eb;border:1px solid #e0e9e4;border-radius:22px;padding:7px;box-shadow:0 12px 30px #284b3e0f}.map-canvas{background-color:#dce8de;background-image:linear-gradient(#ffffff61 1px,#0000 1px),linear-gradient(90deg,#ffffff61 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:48px 48px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:17px;height:315px;position:relative;overflow:hidden}.map-canvas:after{content:"";pointer-events:none;background:radial-gradient(circle at 75% 30%,#ffffff57,#0000 24%),radial-gradient(circle at 30% 78%,#ffffff52,#0000 24%);position:absolute;inset:0}.map-water{opacity:.72;background:#bddfe0;border-radius:50%;position:absolute;transform:rotate(-18deg)}.water-one{width:27%;height:130%;top:-17%;left:-9%}.water-two{width:15%;height:80%;top:41%;right:-7%}.road{z-index:1;background:#f9faf4;border:2px solid #c6d2c5;border-radius:12px;position:absolute;box-shadow:0 2px #fff9}.road-main{width:130%;height:31px;top:54%;left:-12%;transform:rotate(-14deg)}.road-vertical{width:29px;height:125%;top:-13%;left:57%;transform:rotate(21deg)}.road-top{width:120%;height:19px;top:26%;left:-8%;transform:rotate(10deg)}.road-diagonal{width:110%;height:16px;top:73%;left:-2%;transform:rotate(37deg)}.road-small{width:12px;height:80%;top:27%;left:26%;transform:rotate(-47deg)}.road-line{z-index:2;transform-origin:0;opacity:.9;border-top:2px dashed #d0a66a;position:absolute}.line-main{width:55%;top:62%;left:16%;transform:rotate(-14deg)}.line-vertical{width:53%;height:2px;top:50%;left:49%;transform:rotate(21deg)}.map-text{z-index:3;color:#65736b;background:#fafcf6a8;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700;position:absolute}.map-text-one{top:19%;left:21%}.map-text-two{bottom:12%;right:14%}.map-text-three{font-size:9px;top:43%;right:24%}.map-text-four{top:14%;right:12%}.traffic-segment{z-index:4;border-radius:10px;height:6px;position:absolute}.traffic-one{background:#ee9b4d;width:75px;top:42%;left:19%;transform:rotate(-14deg)}.traffic-two{background:#dd6457;width:50px;top:62%;left:56%;transform:rotate(21deg)}.traffic-three{background:#64b989;width:60px;top:74%;left:38%;transform:rotate(37deg)}.map-pin{z-index:5;color:#fff;border:3px solid #fff;border-radius:50% 50% 50% 4px;place-items:center;width:29px;height:29px;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 5px 10px #243f3338}.map-pin .icon{font-size:12px;font-weight:900;transform:rotate(45deg)}.pin-accident{background:#db6d5b;top:30%;left:38%}.pin-check{background:#8c74bf;top:61%;right:25%}.pin-water{background:#5e9eae;bottom:21%;left:28%}.current-location{z-index:5;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:48%;left:51%}.location-ring{background:#127b6721;border:1px solid #127b6733;border-radius:50%;width:62px;height:62px;position:absolute}.location-dot{background:var(--green);border:4px solid #fff;border-radius:50%;width:18px;height:18px;position:relative;box-shadow:0 2px 8px #127b6766}.map-top-label{z-index:6;color:#52665f;background:#ffffffe0;border-radius:10px;align-items:center;gap:8px;padding:8px 11px;font-size:9px;font-weight:800;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 3px 12px #22372f12}.map-top-label b{color:#b9c3c0}.map-controls{z-index:6;gap:6px;display:grid;position:absolute;bottom:14px;left:14px}.map-controls button{color:#627772;background:#fff;border-radius:9px;place-items:center;width:31px;height:31px;font-size:16px;display:grid;box-shadow:0 3px 10px #22372f1f}.map-scale{z-index:6;color:#7a8a83;font-size:9px;font-weight:800;position:absolute;bottom:18px;right:17px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:16px;display:grid}.quick-actions button{text-align:right;color:var(--ink);background:#fff;border:1px solid #edf1ef;border-radius:15px;align-items:center;gap:10px;padding:12px;transition:transform .18s,box-shadow .18s;display:flex}.quick-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25453812}.quick-actions button>span:nth-child(2){flex:1}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:11px}.quick-actions small{color:var(--muted);margin-top:4px;font-size:9px}.action-icon,.saved-mark{border-radius:10px;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.orange-bg{color:#db7a36;background:#fff0e6}.green-bg{color:var(--green);background:#e5f4ef}.blue-bg{color:#5b82bb;background:#eaf1fc}.purple-bg{color:#8369af;background:#f0ebfc}.quick-actions>button>.icon{color:#b4bfbb;font-size:20px}.reports-section{margin-top:30px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.section-heading h3{color:var(--ink);margin:5px 0 0;font-size:16px}.section-heading button{color:var(--green);background:0 0;align-items:center;gap:3px;font-size:10px;font-weight:800;display:flex}.section-heading button .icon{font-size:17px}.report-list{background:#fff;border:1px solid #edf1ef;border-radius:15px;padding:0 15px}.report-row{border-bottom:1px solid #f0f3f1;align-items:center;gap:11px;min-height:59px;display:flex}.report-row:last-child{border:0}.report-bullet{border-radius:9px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.report-bullet.orange,.type-icon.orange{color:#d97935;background:#fff0e6}.report-bullet.purple,.type-icon.purple,.type-icon.violet{color:#8266b1;background:#f0ebfc}.report-bullet.red,.type-icon.red{color:#d0645a;background:#ffedeb}.report-copy{flex:1}.report-copy strong,.report-copy span{display:block}.report-copy strong{color:#324451;font-size:11px}.report-copy span{color:#97a4a5;margin-top:3px;font-size:9px}.report-copy b{color:#cad2d0}.row-arrow{color:#b5c0be;font-size:20px}.page-panel{max-width:660px;margin:0 auto;padding-top:22px}.page-panel h2{font-size:32px}.page-lead{color:var(--muted);margin:10px 0 26px;font-size:12px}.saved-list{gap:11px;display:grid}.saved-list button,.settings-list button{width:100%;color:var(--ink);text-align:right;background:#fff;border:1px solid #edf1ef;border-radius:16px;align-items:center;gap:13px;padding:15px 17px;display:flex}.saved-list button>span:nth-child(2){flex:1}.saved-list strong,.saved-list small{display:block}.saved-list strong{font-size:12px}.saved-list small{color:var(--muted);margin-top:3px;font-size:10px}.saved-list .icon,.settings-list .icon{color:#adb9b6;font-size:21px}.add-place{color:var(--green);background:#e8f5f0;border-radius:13px;margin-top:18px;padding:12px 18px;font-size:11px;font-weight:800}.profile-panel{max-width:700px}.profile-card{background:#fff;border:1px solid #edf1ef;border-radius:19px;align-items:center;gap:14px;margin-top:28px;padding:20px;display:flex}.profile-avatar{width:55px;height:55px;color:var(--green);background:#dcefe9;border-radius:17px;place-items:center;font-size:24px;font-weight:900;display:grid}.profile-card>div:nth-child(2){flex:1}.profile-card h3{margin:0;font-size:15px}.profile-card p{color:var(--muted);margin:4px 0 0;font-size:10px}.profile-card button{color:var(--green);background:#edf7f3;border-radius:9px;padding:7px 12px;font-size:10px;font-weight:800}.stats-grid{text-align:center;background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);margin-top:12px;padding:18px 10px;display:grid}.stats-grid div{border-left:1px solid #edf1ef}.stats-grid div:last-child{border:0}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{color:var(--green);font-size:18px}.stats-grid span{color:var(--muted);margin-top:4px;font-size:9px}.sub-heading{margin:31px 0 10px;font-size:15px}.settings-list{gap:9px;display:grid}.settings-list button{justify-content:space-between;font-size:11px;font-weight:700}.toggle{background:#d3dcd9;border-radius:20px;width:31px;height:18px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;right:3px}.toggle.on{background:var(--green)}.toggle.on:after{right:16px}.route-dock{z-index:20;color:#fff;background:#143b3a;border:1px solid #ffffff26;border-radius:17px;justify-content:space-between;align-items:center;width:min(500px,100% - 40px);padding:13px 14px 13px 18px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #1237333b}.route-dock small,.route-dock strong,.route-dock span{display:block}.route-dock small{color:#a7c6bf;font-size:9px}.route-dock strong{margin-top:2px;font-size:13px}.route-dock span{color:#a7c6bf;margin-top:2px;font-size:9px}.route-dock span b{color:#557f77}.route-dock button{background:var(--gold);color:#26362f;border-radius:11px;padding:10px 23px;font-size:12px;font-weight:900}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1026234d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.report-modal{background:#fff;border-radius:22px;width:min(480px,100%);padding:24px;box-shadow:0 25px 70px #0f2d2640}.modal-heading{justify-content:space-between;align-items:flex-start;display:flex}.modal-heading h3{margin:5px 0 0;font-size:18px}.modal-heading>button{color:#7e8d88;background:#f2f5f3;border-radius:9px;width:27px;height:27px;font-size:20px;line-height:1}.report-modal>p{color:var(--muted);margin:12px 0 18px;font-size:11px}.report-type-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.report-type-grid button{color:#43545a;background:#fafcfa;border:1px solid #eff2f0;border-radius:14px;justify-items:center;gap:7px;padding:13px 5px;display:grid}.report-type-grid button:hover,.report-type-grid button.selected{background:#edf8f3;border-color:#82cdb9}.type-icon{border-radius:10px;place-items:center;width:31px;height:31px;font-size:15px;font-weight:900;display:grid}.type-icon.yellow{color:#c69b37;background:#fff6df}.type-icon.blue{color:#5c9bb3;background:#e9f4fb}.report-type-grid strong{font-size:10px}.toast{z-index:40;color:#fff;background:#173d3b;border-radius:12px;padding:11px 16px;font-size:11px;font-weight:700;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #123b3538}@media (width<=860px){.topbar{padding:0 22px}.topbar-center{display:none}.content-layout{display:block}.sidebar{border-left:0;width:auto;padding:20px 22px 0}.side-greeting{display:none}.side-nav{gap:7px;display:flex}.side-nav button{flex:1;justify-content:center;height:40px;padding:0 8px}.side-nav button b,.side-nav button .icon,.side-tip,.sidebar-footer{display:none}.main-area{padding:27px 22px 50px}.user-chip>div:not(.avatar),.chip-chevron{display:none}}@media (width<=560px){.topbar{height:66px}.brand{min-width:auto}.brand-mark{width:34px;height:34px}.brand strong{font-size:15px}.map-header{align-items:flex-start}.map-header h2{font-size:23px}.header-meta{padding-top:5px}.header-meta button,.search-bar kbd{display:none}.map-canvas{height:280px}.quick-actions{gap:7px}.quick-actions button{padding:10px 8px;display:block}.quick-actions button>.icon{display:none}.quick-actions .action-icon{margin-bottom:7px}.quick-actions strong{font-size:10px}.quick-actions small{font-size:8px}.report-type-grid{grid-template-columns:repeat(2,1fr)}.route-dock{bottom:16px}.main-area{padding-bottom:85px}}.real-map-wrap{background:#dce8de}.real-map{z-index:2;opacity:0;transition:opacity .35s;position:absolute;inset:0}.real-map.visible{opacity:1}.real-map.visible~.map-overlay{display:none}.map-overlay{z-index:4;color:#4c6860;text-align:center;background:linear-gradient(135deg,#e0ede2f5,#cde2daf0);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.map-overlay strong{color:#34564d;font-size:14px}.map-overlay small{color:#78908a;max-width:280px;font-size:10px;line-height:1.6}.spinner{border:3px solid #127b672e;border-top-color:var(--green);border-radius:50%;width:31px;height:31px;margin-bottom:4px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fallback-overlay{background:linear-gradient(140deg,#e2eee4,#cde3d9)}.fallback-land{color:#127b6799;clip-path:polygon(42% 0,74% 10%,82% 29%,100% 47%,86% 63%,74% 83%,52% 100%,38% 86%,10% 78%,20% 56%,0 37%,21% 19%);background:#bcdcc7;place-items:center;width:110px;height:150px;font-size:13px;font-weight:900;display:grid;position:relative}.fallback-land b{color:#d47f43;font-size:9px;position:absolute;top:52px;right:31px}.coverage-strip{color:#82908d;align-items:center;gap:22px;padding:11px 5px 2px;font-size:9px;font-weight:700;display:flex}.coverage-strip b{color:var(--green);margin-left:3px;font-size:13px}.coverage-strip .map-provider{color:#acb6b3;margin-right:auto;font-size:8px}.voice-card{color:#31564e;background:#eaf5f0;border:1px solid #dceee7;border-radius:17px;align-items:center;gap:12px;margin-top:14px;padding:14px 15px;display:flex}.voice-symbol{background:var(--green);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:20px;display:grid;box-shadow:0 5px 12px #127b672b}.voice-copy{flex:1;min-width:145px}.voice-copy>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.voice-copy strong{color:#24483f;font-size:12px}.voice-copy p{color:#78918a;margin:5px 0 0;font-size:9px}.female-badge{color:#b36f78;background:#fff0f1;border-radius:20px;padding:3px 7px;font-size:8px;font-weight:800}.voice-actions{gap:6px;display:flex}.voice-actions button{color:#4b6b64;background:#fff;border:1px solid #dbeae4;border-radius:9px;align-items:center;gap:4px;padding:7px 8px;font-size:9px;font-weight:800;display:flex}.voice-actions button .icon{color:var(--green);font-size:13px}.voice-status{color:#8c7a83;align-items:center;gap:6px;margin:8px 5px -8px;font-size:9px;display:flex}.voice-status .icon{color:#b36f78}.gold-bg{color:#b69236;background:#fff6df}@media (width<=700px){.coverage-strip{white-space:nowrap;gap:11px;overflow:hidden}.coverage-strip .map-provider{display:none}.voice-card{flex-wrap:wrap;align-items:flex-start}.voice-copy{min-width:calc(100% - 52px)}.voice-actions{width:100%;margin-right:48px}.voice-actions button{flex:1;justify-content:center}}.mobile-menu,.mobile-car-marker,.mobile-voice-chip{display:none}@media (width<=700px){body{background:#edf2ef;overflow-x:hidden}.topbar{z-index:24;pointer-events:none;background:0 0;border:0;height:63px;padding:8px 14px;position:fixed;inset:0 0 auto}.topbar .brand{pointer-events:auto;background:#ffffffe0;border-radius:14px;min-width:auto;padding:5px 8px;box-shadow:0 4px 14px #1d3f331a}.topbar .brand-mark{border-radius:10px 10px 10px 3px;width:31px;height:31px;font-size:16px}.topbar .brand strong{font-size:13px}.topbar .brand small{font-size:8px}.topbar-center{display:none}.topbar-actions{pointer-events:auto;margin-right:auto}.round-button{background:#ffffffe6}.user-chip{display:none}.content-layout{min-height:100vh;display:block}.sidebar{display:none}.main-area{width:100%;margin:0;padding:0}.map-header{display:none}.search-bar{z-index:25;background:#fffffff0;border-radius:20px;width:auto;height:53px;margin:0;padding:0 13px;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 10px 28px #20433733}.search-bar input{font-size:12px}.search-bar kbd{display:none}.search-bar button{background:0 0;border-radius:50%;width:33px;height:33px;font-size:19px}.map-card{z-index:1;box-shadow:none;background:#dce8de;border:0;border-radius:0;margin:0;padding:0;position:relative}.map-canvas{background-color:#dce8de;border-radius:0;height:100vh;min-height:640px}.real-map-wrap:after{display:none}.map-top-label{border-radius:13px;padding:8px 10px;font-size:9px;top:72px;right:14px}.map-controls{gap:8px;bottom:92px;left:15px}.map-controls button{border-radius:14px;width:42px;height:42px;font-size:19px;box-shadow:0 5px 15px #213d3326}.map-controls button:nth-child(2),.map-controls button:nth-child(3){display:none}.map-scale{bottom:101px;right:17px}.mobile-menu{z-index:8;color:#324d48;background:#fffffff0;border-radius:17px;place-items:center;width:52px;height:52px;font-size:23px;display:grid;position:absolute;top:78px;left:16px;box-shadow:0 6px 18px #1c3b3126}.mobile-car-marker{z-index:8;background:#127b6724;border:1px solid #127b6738;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.mobile-car-marker span{background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;display:grid;box-shadow:0 3px 8px #2343372e}.mobile-voice-chip{z-index:8;color:#315b50;background:#ffffffed;border-radius:13px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:92px;right:14px;box-shadow:0 5px 15px #213d3321}.mobile-voice-chip .icon{color:#fff;background:#127b67;border-radius:8px;width:22px;height:22px;font-size:12px}.mobile-voice-chip b{color:#bb727e;font-size:9px}.coverage-strip,.quick-actions,.voice-card,.voice-status,.reports-section{display:none}.route-dock{border-radius:18px;width:calc(100% - 28px);padding:11px 12px 11px 15px;bottom:77px}.route-dock button{padding:10px 18px}.page-panel{padding:85px 20px 30px}.page-panel h2{font-size:25px}}.transport-bar{width:100%;color:var(--ink);text-align:right;background:#fff;border:1px solid #e5efeb;border-radius:15px;align-items:center;gap:11px;margin-top:13px;padding:11px 14px;display:flex;box-shadow:0 5px 16px #223a3109}.transport-bar-icon{background:#eef7f3;border-radius:10px;place-items:center;width:32px;height:32px;font-size:19px;display:grid}.transport-bar>span:nth-child(2){flex:1}.transport-bar small,.transport-bar strong{display:block}.transport-bar small{color:var(--muted);font-size:9px}.transport-bar strong{color:var(--ink);margin-top:2px;font-size:12px}.transport-bar>.icon{color:#9baba6;font-size:17px}.transport-modal{background:#fff;border-radius:22px;width:min(460px,100%);padding:24px;box-shadow:0 25px 70px #0f2d2640}.transport-list{gap:9px;display:grid}.transport-list button{text-align:right;width:100%;color:var(--ink);background:#fafcfa;border:1px solid #edf2ef;border-radius:14px;align-items:center;gap:12px;padding:13px;display:flex}.transport-list button.selected{background:#eaf6f1;border-color:#80cbb7}.transport-icon{background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.transport-list button>span:nth-child(2){flex:1}.transport-list strong,.transport-list small{display:block}.transport-list strong{font-size:12px}.transport-list small{color:var(--muted);margin-top:3px;font-size:9px}.transport-check{color:var(--green);font-size:18px;font-weight:900}.modal-save{color:#fff;background:var(--green);border-radius:12px;width:100%;margin-top:15px;padding:12px;font-size:12px;font-weight:800}.settings-panel{max-width:700px}.settings-group{margin-top:25px}.settings-group h3{color:var(--green);margin:0 0 9px;font-size:12px}.settings-list button>span{color:var(--muted);align-items:center;gap:7px;font-weight:600;display:inline-flex}.settings-list button>span .icon{color:#9aaba6}.settings-list button>.toggle{display:inline-block}@media (width<=700px){.transport-bar{z-index:9;width:auto;position:absolute;bottom:78px;left:14px;right:14px;box-shadow:0 6px 16px #213d3321}.transport-bar+.voice-card{display:none}.transport-modal{border-radius:20px;padding:20px}.settings-panel{padding-top:85px}}.speedometer{z-index:7;color:#fff;pointer-events:none;background:#24384b;border:7px solid #647180;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:82px;height:82px;display:flex;position:absolute;top:54%;left:18px;transform:translateY(-50%);box-shadow:0 7px 20px #182b3840,inset 0 0 0 3px #ffffff14}.speedometer:before{content:"";border:2px dashed #ffffff9e;border-radius:50%;position:absolute;inset:-8px}.speedometer strong{font-family:Arial,sans-serif;font-size:29px;font-weight:800;line-height:.95}.speedometer span{color:#fff;margin-top:3px;font-size:11px;font-weight:500}@media (width<=700px){.speedometer{width:116px;height:116px;top:54%}.speedometer strong{font-size:29px}.speedometer span{font-size:16px}}.theme-dot{background:#fff;border:2px solid #dfe8e4;border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 4px #127b67}.theme-dot.dark{background:#24384b;border-color:#24384b;box-shadow:inset 0 0 0 4px #f5b84c}.dark-mode{--ink:#ecf5f2;--muted:#9cb1ad;--line:#2a4246;--paper:#182a32;--mint:#203c3c;--green:#39b99b;color:#ecf5f2;background:#101d25}.dark-mode,.dark-mode .main-area,.dark-mode .content-layout{background:#101d25}.dark-mode .topbar{background:#101d25e0;border-color:#294047}.dark-mode .brand,.dark-mode .brand strong,.dark-mode .side-greeting h1,.dark-mode .page-panel h2,.dark-mode .section-heading h3,.dark-mode .quick-actions strong,.dark-mode .report-copy strong,.dark-mode .settings-list button{color:#ecf5f2}.dark-mode .sidebar{border-color:#294047}.dark-mode .side-tip,.dark-mode .status-pill{background:#1b3237;border-color:#294047}.dark-mode .search-bar,.dark-mode .quick-actions button,.dark-mode .transport-bar,.dark-mode .report-list,.dark-mode .saved-list button,.dark-mode .settings-list button,.dark-mode .profile-card,.dark-mode .stats-grid{background:#182a32;border-color:#2a4246}.dark-mode .search-bar input,.dark-mode .search-bar input::placeholder,.dark-mode .transport-bar strong,.dark-mode .transport-bar small,.dark-mode .settings-list button>span{color:#b4c5c1}.dark-mode .settings-group h3,.dark-mode .eyebrow{color:#55c9aa}.dark-mode .map-card{background:#1b3135;border-color:#2a4649}.dark-mode .round-button{color:#c6d7d3;background:#182a32;border-color:#2a4246}.dark-mode .modal-backdrop{background:#030a0eb8}.dark-mode .transport-modal,.dark-mode .report-modal{color:#ecf5f2;background:#182a32}.dark-mode .transport-list button{color:#ecf5f2;background:#20373b;border-color:#345055}.dark-mode .transport-list button.selected{background:#244f4a;border-color:#45bd9f}@media (width<=700px){.transport-bar{pointer-events:auto;width:auto;bottom:79px;left:14px;right:14px;z-index:30!important;position:fixed!important}.transport-bar+.voice-card{display:none}}