@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap");@import url("https://unpkg.com/maplibre-gl@5.7.0/dist/maplibre-gl.css");:root{--canvas:#f5f5f7;--surface:#fff;--surface-2:#eceef2;--ink:#191b20;--muted:#626873;--faint:#8f96a3;--line:#e3e5e9;--blue:#326bff;--blue-soft:#e8efff;--blue-pale:#b9d8ff;--green:#16a46f;--green-soft:#e8f7f0;--amber:#be7d15;--amber-soft:#fff3dc;--shadow:0 14px 40px rgba(25,29,42,.07);--radius:16px}*{box-sizing:border-box}.report-completeness-note{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border-radius:8px;background:var(--blue-soft);color:var(--muted);font-size:10px;line-height:1.45}.report-completeness-note strong{color:var(--ink);font-size:11px}.signature-vehicle-label{transition:opacity var(--motion-fast,.14s) ease,transform var(--motion-fast,.14s) ease}.map-marker-body svg{color:currentColor}.map-marker-label{transition:opacity var(--motion-fast,.14s) ease}body,html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;background:var(--canvas)}.theme-dark{--canvas:#101114;--surface:#1c1d22;--surface-2:#262830;--ink:#f5f5f7;--muted:#a6abb5;--faint:#7d838f;--line:#30323b;--blue-soft:#26375f;--green-soft:#173e31;--amber-soft:#4d3818;color:var(--ink)}.side-nav{width:240px;background:var(--surface);border-right:1px solid var(--line);padding:24px 15px 16px;display:flex;flex-direction:column;flex-shrink:0;transition:width .25s ease;z-index:5}.side-nav.collapsed{width:76px}.nav-top{display:flex;flex-direction:column;gap:17px;padding:0 10px 36px}.brand-mark{display:inline-flex;align-items:center;gap:8px;color:var(--ink);min-width:0}.brand-symbol{width:26px;height:26px;border-radius:9px;background:var(--blue);position:relative;display:inline-block;transform:rotate(-8deg);overflow:hidden;flex-shrink:0}.brand-symbol svg{width:100%;height:100%;display:block;color:white;transform:rotate(-8deg)}.brand-symbol i{width:4px;height:15px;left:7px;top:6px}.brand-symbol b{width:12px;height:4px;left:8px;top:6px}.brand-symbol em{width:11px;height:4px;left:9px;top:13px}.brand-name{letter-spacing:-.045em;font-size:20px;font-weight:700}.brand-mark-large .brand-symbol{width:42px;height:42px;border-radius:13px}.brand-mark-large .brand-symbol i{width:6px;height:25px;left:11px;top:9px}.brand-mark-large .brand-symbol b{width:19px;height:6px;left:13px;top:9px}.brand-mark-large .brand-symbol em{width:17px;height:6px;left:14px;top:20px}.brand-mark-large .brand-name{font-size:27px}.env-badge{align-self:flex-start;color:var(--blue);background:var(--blue-soft);border-radius:5px;padding:5px 7px;font:500 9px IBM Plex Mono,monospace;letter-spacing:.06em}.side-nav nav{display:flex;flex-direction:column;gap:5px}.nav-item{height:44px;border:0;border-radius:10px;padding:0 12px;gap:13px;display:flex;align-items:center;color:var(--muted);background:transparent;font-weight:500;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--blue-soft);color:var(--blue)}.nav-button{width:100%}.collapsed .nav-top{align-items:center;padding-left:0;padding-right:0}.collapsed .brand-name,.collapsed .nav-item,.collapsed .nav-item span,.collapsed .profile-copy{justify-content:center}.collapsed .nav-item{padding:0}.nav-bottom{margin-top:auto;display:flex;flex-direction:column;gap:6px}.profile-row{border:0;border-top:1px solid var(--line);padding:16px 7px 3px;margin-top:9px;background:transparent;display:flex;align-items:center;gap:9px;color:var(--ink);text-align:left}.profile-copy{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.profile-copy strong{font-size:12px}.profile-copy small{color:var(--muted);font-size:11px}.avatar{background:#dae8ff;color:#2355b9;width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0;border:0}.avatar-small{width:32px;height:32px}.workspace{flex:1 1;min-width:0}.topbar{height:66px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 32px;background:color-mix(in srgb,var(--surface) 84%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;z-index:3}.collapse-button{width:24px;height:30px;border:0;background:none;color:var(--faint);font-size:26px;padding:0;margin-right:16px}.breadcrumb{display:flex;gap:10px;color:var(--muted);align-items:center}.breadcrumb b{color:var(--line);font-weight:400}.breadcrumb strong{color:var(--ink)}.topbar-actions{margin-left:auto;gap:18px}.sync-state,.topbar-actions{display:flex;align-items:center}.sync-state{font-size:11px;color:var(--muted);gap:7px}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}.icon-button{width:32px;height:32px;border:0;background:transparent;color:var(--muted);border-radius:8px;display:inline-grid;place-items:center;position:relative}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.notification-count{position:absolute;top:1px;right:0;width:14px;height:14px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:50%;font-size:8px;border:2px solid var(--surface)}.content-area{padding:36px 40px 50px;max-width:1680px;margin:auto}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.eyebrow{color:var(--faint);letter-spacing:.095em;font:500 10px IBM Plex Mono,monospace;margin:0 0 10px}.heading-row h1{margin:0;font-size:clamp(26px,3vw,35px);letter-spacing:-.045em;line-height:1.1}.wave{font-size:21px;color:var(--blue);margin-left:5px}.subheading{color:var(--muted);margin:8px 0 0}.date-control{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:10px 12px;border-radius:9px;color:var(--muted);font-size:12px}.date-control svg:first-child{color:var(--blue)}.fleet-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:490px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.map-panel{min-height:490px;position:relative}.map-surface{position:absolute;inset:0;overflow:hidden;background:#dbe5e5}.theme-dark .map-surface{background:#202931}.map-grid{position:absolute;inset:-30%;opacity:.6;background-image:linear-gradient(32deg,transparent 48%,rgba(255,255,255,.88) 49%,rgba(255,255,255,.88) 51%,transparent 52%),linear-gradient(118deg,transparent 46%,rgba(255,255,255,.65) 47%,rgba(255,255,255,.65) 49%,transparent 50%);background-size:170px 120px,230px 160px;transform:rotate(8deg)}.theme-dark .map-grid{opacity:.13}.map-river{width:19%;height:125%;position:absolute;top:-15%;right:26%;background:#c1d6dd;opacity:.85;border-radius:52% 40% 55% 35%;transform:rotate(15deg)}.theme-dark .map-river{background:#29434b}.map-road{position:absolute;background:rgba(255,255,255,.8);height:12px;transform-origin:left;box-shadow:0 1px 0 rgba(126,143,154,.15)}.road-a{left:-8%;top:65%;width:125%;transform:rotate(-18deg)}.road-b{left:18%;top:5%;width:80%;transform:rotate(58deg)}.road-c{left:25%;top:33%;width:75%;transform:rotate(14deg);height:6px}.theme-dark .map-road{background:rgba(83,104,111,.6)}.map-label{position:absolute;font:600 10px IBM Plex Mono,monospace;color:rgba(50,64,71,.55);letter-spacing:.08em}.theme-dark .map-label{color:rgba(220,230,232,.44)}.label-brussels{left:46%;top:53%}.label-mechelen{left:59%;top:27%}.label-leuven{left:73%;top:61%}.route-line{position:absolute;width:43%;height:28%;left:25%;top:43%;border-left:3px solid var(--blue);border-top:3px solid var(--blue);border-right:3px solid transparent;border-bottom:3px solid transparent;border-radius:50%;transform:rotate(8deg);opacity:.9}.vehicle-pin{position:absolute;z-index:2}.pin-one{left:48%;top:52%}.pin-two{left:69%;top:28%}.pin-three{left:72%;top:64%}.pin-body{width:27px;height:27px;border-radius:50% 50% 50% 6px;transform:rotate(-45deg);display:grid;place-items:center;color:white;font-size:10px;background:#8057df;border:3px solid rgba(255,255,255,.85);box-shadow:0 4px 12px rgba(32,45,55,.22)}.pin-body:first-letter{transform:rotate(45deg)}.vehicle-pin.selected .pin-body{width:34px;height:34px;background:var(--blue);box-shadow:0 0 0 7px rgba(50,107,255,.17),0 5px 16px rgba(25,50,100,.27)}.vehicle-pin.stale .pin-body{background:#8b949b;opacity:.68}.pin-pulse{position:absolute;inset:-8px;border-radius:50%;background:rgba(50,107,255,.13);animation:pulse 2.5s infinite}.vehicle-pin:not(.selected) .pin-pulse{display:none}.map-control-stack{position:absolute;right:16px;top:16px;display:flex;flex-direction:column;background:var(--surface);border:1px solid rgba(100,110,120,.14);border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(20,30,40,.12)}.map-control-stack button{width:34px;height:33px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:18px}.map-control-stack button:last-child{border-bottom:0;font-size:16px}.map-mode-chip{position:absolute;left:14px;bottom:14px;background:color-mix(in srgb,var(--surface) 87%,transparent);color:var(--muted);border:1px solid rgba(100,110,120,.13);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 10px;border-radius:7px;font-size:10px}.map-mode-chip .live-dot{margin-right:5px;width:5px;height:5px}.map-legend{position:absolute;left:14px;top:14px;display:flex;gap:13px;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:8px 10px;border-radius:7px;border:1px solid rgba(100,110,120,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;color:var(--muted)}.map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-dot.blue{background:var(--blue)}.legend-dot.purple{background:#8057df}.legend-dot.gray{background:#8b949b}.fleet-panel{border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-width:0}.panel-heading{padding:22px 20px 17px;display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font-size:16px;margin:0 0 5px;letter-spacing:-.02em}.panel-heading span{color:var(--muted);font-size:11px}.search-field{height:37px;margin:0 16px 10px;background:var(--surface-2);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--faint)}.search-field input{border:0;outline:0;background:transparent;min-width:0;width:100%;color:var(--ink);font-size:12px}.search-field input::placeholder{color:var(--faint)}.vehicle-list{display:flex;flex-direction:column}.vehicle-row{display:flex;gap:11px;align-items:center;border:0;border-top:1px solid var(--line);text-align:left;padding:14px 18px;background:transparent;color:var(--ink)}.vehicle-row.selected,.vehicle-row:hover{background:color-mix(in srgb,var(--blue-soft) 42%,var(--surface))}.vehicle-row>svg{color:var(--faint);margin-left:auto}.vehicle-status{width:3px;align-self:stretch;border-radius:4px;background:var(--blue)}.vehicle-status.violet{background:#8057df}.vehicle-status.gray{background:#8b949b}.vehicle-main{display:flex;flex-direction:column;gap:3px;min-width:0}.vehicle-main strong{font-size:13px;letter-spacing:.02em}.vehicle-main span{font-size:11px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vehicle-main small{color:var(--faint);font-size:10px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;margin:0 5px 1px 0;background:var(--blue)}.status-dot.violet{background:#8057df}.status-dot.gray{background:#8b949b}.panel-footer{margin-top:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:15px 18px}.coverage-icon{width:28px;height:28px;border-radius:8px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.panel-footer div{display:flex;flex-direction:column;gap:2px;flex:1 1}.panel-footer strong{font-size:10px}.panel-footer div span{color:var(--muted);font-size:10px}.coverage-good{color:var(--green);font:500 10px IBM Plex Mono,monospace}.detail-card{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.detail-title{display:flex;align-items:center;padding:20px 22px;gap:12px}.vehicle-avatar{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:16px}.detail-title h2{margin:0 0 3px;font-size:18px;letter-spacing:-.03em}.detail-title>div>span{color:var(--muted);font-size:12px}.detail-actions{margin-left:auto;display:flex;gap:8px}.primary-button,.secondary-button{border-radius:8px;min-height:35px;padding:0 13px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600}.primary-button{color:white;background:var(--blue);box-shadow:0 4px 10px rgba(50,107,255,.18)}.primary-button:hover{background:#245ce9}.primary-button:disabled{opacity:.7;cursor:wait}.secondary-button{color:var(--ink);background:var(--surface);border-color:var(--line)}.secondary-button:hover{background:var(--surface-2)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{display:flex;gap:10px;padding:17px 20px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric-icon{color:var(--blue);margin-top:2px}.metric>div{display:flex;flex-direction:column;gap:3px;min-width:0}.metric-label{color:var(--muted);font-size:10px}.metric strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric small{color:var(--faint);font-size:10px}.detail-note{display:flex;gap:8px;align-items:flex-start;padding:13px 20px;color:var(--muted);font-size:10px;line-height:1.45}.info-icon{width:16px;height:16px;border:1px solid var(--blue);color:var(--blue);border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;font:600 10px Georgia,serif}.notification-panel{position:absolute;top:53px;right:32px;width:330px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 55px rgba(25,29,42,.16);border-radius:13px;overflow:hidden}.notification-head{padding:15px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.notification-head>div{display:flex;flex-direction:column;gap:3px}.notification-head strong{font-size:13px}.notification-head span{font-size:10px;color:var(--muted)}.notification-item{width:100%;display:flex;gap:9px;padding:13px 15px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}.notification-item:hover{background:var(--surface-2)}.notification-item:last-child{border-bottom:0}.notification-marker{width:7px;height:7px;background:var(--blue);border-radius:50%;margin-top:4px;box-shadow:0 0 0 3px var(--blue-soft);flex-shrink:0}.notification-marker.warning{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.notification-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.notification-item strong{font-size:11px}.notification-item span{font-size:10px;color:var(--muted)}.notification-item small{color:var(--faint);font-size:9px}.notification-unread{margin:4px 0 0 auto;width:5px;height:5px;background:var(--blue);border-radius:50%}@keyframes pulse{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:.25}}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--canvas);position:relative;overflow:hidden}.login-card{width:min(420px,calc(100% - 36px));background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(25,29,42,.1);padding:42px;position:relative;z-index:1}.login-card .brand-mark{margin-bottom:49px}.login-card h1{font-size:26px;letter-spacing:-.04em;margin:0 0 8px}.login-intro{color:var(--muted);line-height:1.5;margin:0 0 28px}.login-card form{display:flex;flex-direction:column;gap:8px}.login-card label{font-size:11px;font-weight:600;margin-top:8px}.login-card input{height:42px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:0 12px;outline:0;color:var(--ink);font-size:13px}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.password-field{position:relative}.password-field input{width:100%;padding-right:70px}.input-action{position:absolute;right:8px;top:7px;height:28px;padding:0 7px;border:0;background:transparent;color:var(--blue);font-size:10px}.login-button{margin-top:20px;height:43px;width:100%;justify-content:space-between;padding:0 15px}.login-help{color:var(--faint);font-size:10px;text-align:center;margin:26px 0 0}.login-orbit{position:absolute;width:450px;height:450px;border:1px solid rgba(50,107,255,.1);border-radius:50%}.orbit-one{top:-180px;right:-110px}.orbit-two{bottom:-300px;left:-130px;width:560px;height:560px}.admin-shell{min-height:100vh;display:flex;background:var(--canvas)}.admin-sidebar{width:270px;border-right:1px solid var(--line);background:var(--surface);padding:27px 16px 20px;display:flex;flex-direction:column}.admin-sidebar .brand-mark{padding:0 10px 43px}.admin-caption{padding:0 12px 12px;color:var(--faint);font:500 9px IBM Plex Mono,monospace;letter-spacing:.08em}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-sidebar nav button{text-align:left;border:0;background:transparent;height:38px;color:var(--muted);border-radius:8px;padding:0 12px;font-size:12px;display:flex;align-items:center;gap:10px}.admin-sidebar nav button:hover{background:var(--surface-2);color:var(--ink)}.admin-sidebar nav button.admin-nav-active{color:var(--blue);background:var(--blue-soft);font-weight:600}.admin-nav-dot{width:5px;height:5px;border:1px solid;border-radius:50%}.admin-nav-active .admin-nav-dot{background:var(--blue)}.back-link{color:var(--muted);font-size:11px;margin-top:auto;padding:13px 12px}.admin-content{flex:1 1;max-width:1300px;padding:56px 68px;margin:0 auto;width:100%}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:42px}.admin-header h1{margin:0 0 7px;font-size:31px;letter-spacing:-.045em}.admin-header p:last-child{color:var(--muted);margin:0}.admin-header-actions{display:flex;align-items:center;gap:17px}.admin-session{color:var(--muted);font-size:11px;gap:7px}.admin-session,.admin-toolbar{display:flex;align-items:center}.admin-toolbar{justify-content:space-between;margin-bottom:15px}.admin-search{margin:0;width:280px}.admin-table-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.table-caption{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.table-caption span:first-child{color:var(--ink);font-weight:600}.admin-table-card table{border-collapse:collapse;width:100%;text-align:left}.admin-table-card th{color:var(--faint);font:500 9px IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.08em;padding:13px 20px;background:var(--surface-2)}.admin-table-card td{padding:16px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.admin-table-card td:first-child{color:var(--ink)}.admin-table-card td small,.admin-table-card td strong{display:block}.admin-table-card td strong{font-size:12px;margin-bottom:3px}.admin-table-card td small{color:var(--faint);font:9px IBM Plex Mono,monospace}.table-status{border-radius:30px;padding:5px 8px;font-size:10px}.table-status.active{color:var(--green);background:var(--green-soft)}.table-status.pending{color:var(--amber);background:var(--amber-soft)}.table-more{border:0;background:transparent;color:var(--muted);letter-spacing:2px}.admin-callout{display:flex;gap:11px;margin-top:18px;padding:16px 18px;border-radius:10px;background:var(--blue-soft);color:var(--muted)}.admin-callout strong{color:var(--ink);font-size:11px}.admin-callout p{margin:5px 0 0;font-size:11px;line-height:1.5}.admin-empty{min-height:400px;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;align-content:center;padding:40px;text-align:center}.empty-orbit{width:58px;height:58px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:16px}.admin-empty h2{margin:0 0 8px;font-size:17px}.admin-empty p{max-width:360px;color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 22px}@media (max-width:1050px){.side-nav{width:76px}.side-nav .brand-name,.side-nav .env-badge,.side-nav .nav-item span,.side-nav .profile-copy{display:none}.side-nav .nav-top{align-items:center;padding-left:0;padding-right:0}.side-nav .nav-item{padding:0}.side-nav .nav-item,.side-nav .profile-row{justify-content:center}.fleet-layout{grid-template-columns:minmax(0,1fr) 300px}.content-area{padding-left:26px;padding-right:26px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}}.form-error{margin:8px 0 -2px;color:#b23a3a;background:#fff0f0;border:1px solid #f0c9c9;border-radius:7px;padding:9px 10px;font-size:11px;line-height:1.35}@media (max-width:760px){.topbar{padding:0 15px}.breadcrumb b,.breadcrumb span,.sync-state{display:none}.content-area{padding:24px 14px 40px}.heading-row{align-items:flex-start;flex-direction:column;gap:17px}.fleet-layout{display:flex;flex-direction:column;min-height:0}.map-panel{min-height:390px}.fleet-panel{border-left:0;border-top:1px solid var(--line)}.vehicle-list{max-height:250px;overflow:auto}.detail-actions{display:none}.detail-title{padding:16px}.metric{padding:14px}.detail-note{padding:12px 15px}.map-legend{flex-wrap:wrap;max-width:230px;gap:7px}.notification-panel{right:12px;width:min(330px,calc(100vw - 24px))}.admin-shell{display:block}.admin-sidebar{width:100%;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar .brand-mark{padding:0 0 18px}.admin-caption,.back-link{display:none}.admin-sidebar nav{overflow-x:auto;flex-direction:row;padding-bottom:1px}.admin-sidebar nav button{flex-shrink:0}.admin-content{padding:30px 16px}.admin-header{margin-bottom:27px}.admin-header h1{font-size:27px}.admin-table-card{overflow-x:auto}.admin-table-card table{min-width:730px}.admin-toolbar{gap:10px}.admin-search{flex:1 1}.login-card{padding:30px 24px}.login-card .brand-mark{margin-bottom:35px}}.history-header .brand-name{font-size:18px}.history-header .brand-symbol{width:23px;height:23px}.history-header .brand-symbol i{height:13px;top:5px}.history-header .brand-symbol b{top:5px}.history-header .brand-symbol em{top:11px}@media (max-width:820px){.history-header{padding:0 16px;gap:15px}.history-actions .sync-state{display:none}.history-content,.reports-content{padding:30px 16px 45px}.history-title-row{align-items:flex-start;flex-direction:column;gap:16px}.history-title-row h1{font-size:27px}.history-filters{width:100%}.history-filters>*{flex:1 1}.history-summary{grid-template-columns:repeat(2,1fr)}.history-grid{grid-template-columns:1fr}.trip-preview{order:-1}.report-grid{grid-template-columns:1fr}}@media (max-width:560px){.history-summary-card{padding:13px}.history-summary-card strong{font-size:17px}.trip-list-row{grid-template-columns:3px minmax(100px,1.2fr) .8fr 18px;gap:8px;padding:14px 12px}.trip-driver{grid-column:2/4}.trip-list-row>svg{grid-column:4;grid-row:1/3}.history-filters,.preview-actions,.trip-table-foot{flex-direction:column}.reports-content .history-title-row .primary-button{width:100%}}.login-link{align-self:center;margin-top:12px;border:0;background:transparent;color:var(--blue);font-size:11px}.login-notice{margin:10px 0 0;border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:8px;padding:10px;background:var(--green-soft);color:var(--green);font-size:11px;line-height:1.45}.login-page{isolation:isolate;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--blue-soft) 62%,var(--canvas)),var(--canvas) 48%)}.login-page:before{content:"";inset:0;opacity:.28;background-image:linear-gradient(color-mix(in srgb,var(--blue) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--blue) 8%,transparent) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 72%);mask-image:radial-gradient(ellipse at center,black,transparent 72%)}.login-ambient,.login-page:before{position:absolute;pointer-events:none}.login-ambient{width:360px;height:360px;border-radius:50%;filter:blur(4px);opacity:.3;animation:login-ambient-drift 9s ease-in-out infinite alternate}.login-ambient-one{top:-190px;left:-100px;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 32%,transparent),transparent 68%)}.login-ambient-two{right:-120px;bottom:-210px;background:radial-gradient(circle,color-mix(in srgb,#7257c9 24%,transparent),transparent 68%);animation-delay:-3s}.login-card{animation:login-card-enter .68s cubic-bezier(.2,.8,.2,1) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--surface) 91%,transparent)}.login-card .brand-mark{animation:login-mark-enter .7s cubic-bezier(.2,.8,.2,1) .1s both}.login-secure-badge{display:inline-flex;align-items:center;gap:6px;margin:-2px 0 14px;color:var(--green);font:500 9px IBM Plex Mono,monospace;letter-spacing:.07em}.login-secure-badge i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 15%,transparent);animation:login-pulse 2s ease-in-out infinite}.login-card form{animation:login-form-enter .5s cubic-bezier(.2,.8,.2,1) .18s both}.login-button{position:relative;overflow:hidden}.login-button:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.26),transparent 70%);animation:login-button-sheen 4.5s ease-in-out 1.2s infinite}.app-boot{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;align-content:center;grid-gap:18px;gap:18px;background:var(--canvas);color:var(--ink);animation:boot-fade-out .38s ease .36s forwards;pointer-events:none}.app-boot .brand-mark{animation:boot-mark .9s ease both}.app-boot-progress{width:118px;height:3px;overflow:hidden;border-radius:99px;background:var(--surface-2)}.app-boot-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:var(--blue);animation:boot-progress .78s cubic-bezier(.3,.1,.3,1) infinite}.app-boot-caption{color:var(--muted);font:500 9px IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.app-boot-orbit{position:absolute;width:70vw;max-width:680px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--blue) 10%,transparent);border-radius:50%;animation:boot-orbit 12s linear infinite}.app-boot-orbit-one{transform:rotate(23deg) scaleY(.34)}.app-boot-orbit-two{transform:rotate(-38deg) scaleY(.55);animation-duration:17s;animation-direction:reverse}@keyframes login-card-enter{0%{opacity:0;transform:translateY(20px) scale(.985);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes login-mark-enter{0%{opacity:0;transform:translateY(-10px) scale(.86)}to{opacity:1;transform:none}}@keyframes login-form-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes login-ambient-drift{0%{transform:translate3d(-10px,8px,0) scale(.95)}to{transform:translate3d(18px,-14px,0) scale(1.08)}}@keyframes login-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--green) 0%,transparent)}}@keyframes login-button-sheen{0%,62%,to{transform:translateX(-110%)}76%{transform:translateX(110%)}}@keyframes boot-fade-out{to{opacity:0;visibility:hidden}}@keyframes boot-mark{0%{opacity:0;transform:scale(.8) rotate(-5deg)}65%{opacity:1;transform:scale(1.04) rotate(1deg)}to{transform:scale(1)}}@keyframes boot-progress{0%{transform:translateX(-120%)}to{transform:translateX(300%)}}@keyframes boot-orbit{to{transform:rotate(383deg) scaleY(.34)}}@media (prefers-reduced-motion:reduce){.app-boot,.app-boot .brand-mark,.app-boot-orbit,.app-boot-progress span,.login-ambient,.login-button:after,.login-card,.login-card .brand-mark,.login-card form{animation:none!important}.app-boot{opacity:0;visibility:hidden}}.history-shell,.reports-shell{min-height:100vh;background:var(--canvas)}.history-header{height:66px;display:flex;align-items:center;gap:25px;padding:0 32px;border-bottom:1px solid var(--line);background:var(--surface)}.history-brand{display:inline-flex}.history-crumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.history-crumb span{color:var(--line)}.history-crumb strong{color:var(--ink)}.history-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.history-content,.reports-content{max-width:1310px;margin:0 auto;padding:48px 42px 60px}.history-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.history-title-row h1{font-size:32px;letter-spacing:-.045em;margin:0 0 4px}.history-filters{display:flex;gap:8px}.history-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:18px}.history-summary-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.history-summary-card span{color:var(--muted);font-size:10px}.history-summary-card strong{font-size:21px;letter-spacing:-.03em}.history-summary-card small{color:var(--faint);font-size:10px}.history-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);grid-gap:18px;gap:18px;align-items:start}.trip-preview,.trip-table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.trip-card-head{padding:20px 20px 15px;display:flex;align-items:flex-start;justify-content:space-between}.trip-card-head h2{margin:0 0 5px;font-size:16px}.trip-card-head span{color:var(--muted);font-size:10px}.trip-list-row{width:100%;display:grid;grid-template-columns:3px minmax(120px,1.1fr) .65fr minmax(135px,1fr) 18px;align-items:center;grid-gap:12px;gap:12px;padding:15px 20px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;color:var(--ink)}.trip-list-row.selected,.trip-list-row:hover{background:color-mix(in srgb,var(--blue-soft) 44%,var(--surface))}.trip-status-line{align-self:stretch;width:3px;border-radius:5px;background:var(--blue)}.trip-list-row:nth-child(4) .trip-status-line{background:var(--amber)}.trip-list-row>svg{color:var(--faint)}.trip-date,.trip-distance,.trip-driver{display:flex;flex-direction:column;gap:4px;min-width:0}.trip-date strong,.trip-distance strong,.trip-driver strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-date span,.trip-distance span,.trip-driver span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warning-text{color:var(--amber)!important}.trip-table-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;color:var(--faint);font-size:9px;padding:13px 20px}.trip-table-foot>span:first-child{color:var(--green)}.trip-preview{overflow:hidden}.trip-preview-head{padding:20px;display:flex;justify-content:space-between;align-items:flex-start}.trip-preview-head h2{margin:0 0 4px;font-size:15px;letter-spacing:-.02em}.trip-preview-head>div>span{color:var(--muted);font-size:10px}.mini-route{min-height:166px;position:relative;overflow:hidden;background:#dbe5e5}.theme-dark .mini-route{background:#202931}.mini-map-grid{position:absolute;inset:-40%;opacity:.55;background-image:linear-gradient(32deg,transparent 48%,rgba(255,255,255,.8) 49%,rgba(255,255,255,.8) 51%,transparent 52%),linear-gradient(118deg,transparent 46%,rgba(255,255,255,.6) 47%,rgba(255,255,255,.6) 49%,transparent 50%);background-size:90px 65px,120px 80px;transform:rotate(8deg)}.mini-route-line{width:58%;height:68%;top:16%;left:21%;border-left:2px solid var(--blue);border-top:2px solid var(--blue);border-right:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-13deg)}.mini-point,.mini-route-line{position:absolute;border-radius:50%}.mini-point{width:9px;height:9px;background:var(--blue);box-shadow:0 0 0 3px rgba(50,107,255,.15)}.point-a{left:20%;top:65%}.point-b{left:50%;top:36%}.point-c{left:76%;top:61%;background:#8057df}.mini-city{position:absolute;z-index:1;color:rgba(40,60,70,.62);font:600 8px IBM Plex Mono,monospace}.city-a{left:14%;top:77%}.city-b{left:45%;top:25%}.city-c{left:72%;top:75%}.preview-details{padding:8px 20px}.preview-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.preview-row:last-child{border-bottom:0}.preview-row>div{display:flex;flex-direction:column;gap:3px}.preview-row span:not(.metric-icon){color:var(--muted);font-size:10px}.preview-row strong{font-size:12px}.preview-row small{color:var(--faint);font-size:9px}.preview-note{display:flex;gap:7px;padding:12px 20px;background:var(--surface-2);color:var(--muted);font-size:9px;line-height:1.45}.preview-actions{display:flex;gap:8px;padding:15px 20px;border-top:1px solid var(--line)}.preview-actions>*{flex:1 1;white-space:nowrap}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.report-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:21px;min-height:190px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.report-icon{color:var(--blue);width:38px;height:38px;border-radius:10px;background:var(--blue-soft);display:grid;place-items:center;margin-bottom:17px}.report-card h2{font-size:15px;margin:0 0 6px}.report-card p{color:var(--muted);line-height:1.5;font-size:11px;margin:0;max-width:380px}.report-card-foot{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;color:var(--faint);font-size:10px;border-top:1px solid var(--line)}.report-card-foot svg{color:var(--blue)}.reports-callout{margin-top:18px;display:flex;gap:10px;padding:16px;border-radius:10px;background:var(--blue-soft);color:var(--muted)}.reports-callout strong{color:var(--ink);font-size:11px}.reports-callout p{margin:5px 0 0;font-size:10px;line-height:1.45}.fuel-toolbar{align-items:flex-start}.fuel-toolbar>div{display:flex;flex-direction:column;gap:5px}.fuel-toolbar>div strong{font-size:14px}.fuel-toolbar>div p{margin:0;color:var(--muted);font-size:11px}.file-picker{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--blue);font-size:11px;cursor:pointer}.file-picker input{display:none}.admin-import-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.admin-import-note{gap:9px;padding:12px;border-radius:9px;background:var(--blue-soft);line-height:1.45}.admin-import-note,.import-summary{display:flex;color:var(--muted);font-size:11px}.import-summary{gap:24px;padding:17px 2px}.import-summary strong{color:var(--ink)}.import-errors{display:flex;flex-direction:column;gap:6px;border:1px solid color-mix(in srgb,var(--amber) 30%,var(--line));background:var(--amber-soft);border-radius:9px;padding:12px;margin-bottom:14px}.import-errors div{display:flex;gap:10px;color:var(--muted);font-size:10px}.import-errors strong{color:var(--amber);white-space:nowrap}.import-preview-table{overflow-x:auto;margin-bottom:15px}.import-preview-table table{min-width:690px;border-collapse:collapse;width:100%;text-align:left}.import-preview-table th{padding:10px;color:var(--faint);background:var(--surface-2);font:500 9px IBM Plex Mono,monospace;text-transform:uppercase}.import-preview-table td{padding:11px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.import-empty{min-height:290px;border:0;box-shadow:none}.admin-import-card>.primary-button{margin-left:auto;display:flex}.import-request-error{margin:14px 0 0;padding:10px 12px;border:1px solid #f0c9c9;border-radius:8px;background:#fff0f0;color:#a43a3a;font-size:11px}.admin-section-hint{margin:5px 0 0;color:var(--muted);font-size:11px}.admin-table-scroll{overflow-x:auto}.admin-table-scroll table{min-width:690px}.secondary-button:disabled{cursor:not-allowed;color:var(--faint);background:var(--surface-2);opacity:.8}.maplibregl-canvas{outline:none}.maplibregl-ctrl-group{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 4px 15px rgba(20,30,40,.14)}.maplibregl-ctrl button{width:30px;height:30px}.maplibregl-ctrl button+button{border-top-color:var(--line)}.map-marker{width:32px;height:38px}.map-marker-body{bottom:3px;width:27px;height:27px;border-radius:50% 50% 50% 6px;transform:rotate(-45deg);color:white;font-size:10px;background:#8057df;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(32,45,55,.22)}.map-marker-blue .map-marker-body{background:var(--blue)}.map-marker-gray .map-marker-body{background:#8b949b;opacity:.7}.map-marker.is-selected .map-marker-body{width:34px;height:34px;left:0;bottom:0;box-shadow:0 0 0 7px rgba(50,107,255,.17),0 5px 16px rgba(25,50,100,.27)}.map-marker-pulse{position:absolute;left:3px;bottom:3px;width:27px;height:27px;border-radius:50%;background:rgba(50,107,255,.14);animation:pulse 2.5s infinite}.map-marker:not(.is-selected) .map-marker-pulse{display:none}.trip-route-map{height:218px;background:#dbe5e5}.theme-dark .trip-route-map{background:#202931}.profile-menu-wrap{position:relative}.profile-menu-wrap>button{position:relative;z-index:2}.profile-menu{position:absolute;z-index:30;right:0;top:calc(100% + 8px);min-width:230px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 50px rgba(20,25,35,.2)}.profile-menu-head{padding:9px 10px 11px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.profile-menu-head strong{font-size:12px}.profile-menu-head small{color:var(--muted);font-size:10px}.profile-menu a,.profile-menu button{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:7px;color:var(--ink);font-size:11px}.profile-menu a:hover,.profile-menu button:hover{background:var(--surface-2)}.notification-detail-copy{color:var(--muted);line-height:1.6;font-size:13px}.notification-detail .report-modal-actions{justify-content:flex-end}.inline-filter-panel{display:flex;align-items:end;gap:10px;padding:12px;margin:-12px 0 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.inline-filter-panel label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}.inline-filter-panel input{min-height:35px;border:1px solid var(--line);border-radius:7px;padding:0 8px;background:var(--surface);color:var(--ink)}.setting-line{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;padding:8px 0}.setting-line input{accent-color:var(--blue)}.preview-reopen{min-height:42px;align-self:start}.notification-detail{max-width:500px}.admin-flash{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-22px 0 20px;padding:12px 14px;color:var(--green);background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 20%,var(--line));border-radius:9px;font-size:11px}.admin-flash button{border:0;background:transparent;color:inherit}.admin-tabs{display:flex;gap:5px}.admin-tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;padding:8px 12px;font-size:11px}.admin-tab.active{color:var(--blue);background:var(--blue-soft);border-color:var(--blue-pale)}.form-security-note{margin:0;padding:10px;border-radius:8px;background:var(--blue-soft);color:var(--muted);font-size:10px;line-height:1.45}.profile-settings-group{border-top:1px solid var(--line);padding:13px 0}.profile-settings-group:first-of-type{border-top:0;padding-top:0}.profile-settings-group strong{font-size:12px}.profile-settings-group p{margin:6px 0 0;color:var(--muted);font-size:11px}.profile-settings-status{color:var(--green);font-size:11px}.report-card-toggle{width:100%;margin-top:auto;padding:18px 0 0;display:flex;justify-content:space-between;align-items:center;color:var(--faint);font-size:10px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left}.report-card-toggle svg{color:var(--blue);transition:transform .15s ease}.report-card.expanded .report-card-toggle svg{transform:rotate(180deg)}.report-card-details{margin:16px 0;padding:13px 14px;border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:11px}.report-card-details strong{color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.report-card-details ul{display:grid;grid-gap:7px;gap:7px;margin:9px 0 0;padding-left:17px}.report-card-details li::marker{color:var(--blue)}.danger-button{border:1px solid #edb9b9;border-radius:8px;padding:9px 11px;background:#fff4f4;color:#a43a3a;font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(15,18,25,.34);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.report-modal{width:min(560px,100%);background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 24px 80px rgba(15,18,25,.22);padding:24px}.report-modal-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}.report-modal-head h2{margin:0 0 5px;font-size:22px;letter-spacing:-.04em}.report-modal-head p:last-child{color:var(--muted);font-size:11px;line-height:1.45;margin:0}.report-form{gap:14px}.report-form,.report-form label{display:flex;flex-direction:column}.report-form label{gap:6px;color:var(--muted);font-size:11px;font-weight:600}.report-form input,.report-form select{min-height:40px;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:0 11px;font-size:12px}.report-form input:focus,.report-form select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.report-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.report-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.report-request-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:8px;font-size:11px;line-height:1.4}.report-request-status.success{color:var(--green);background:var(--green-soft)}.report-request-status.error{color:#a43a3a;background:#fff0f0}.report-request-status .secondary-button{flex-shrink:0;font-size:10px}:root{--motion-fast:140ms;--motion-base:220ms;--motion-panel:300ms;--ease-standard:cubic-bezier(.2,.75,.25,1)}.map-canvas,.signature-map{position:absolute;inset:0}.map-surface-simulation{background:#eaf2fc}.signature-map{overflow:hidden;background:linear-gradient(145deg,#eaf2fc,#dce8f6)}.theme-dark .signature-map{background:linear-gradient(145deg,#10233a,#162d47)}.signature-map:before{content:"";position:absolute;inset:-15%;opacity:.7;background-image:linear-gradient(33deg,transparent 48%,rgba(255,255,255,.62) 49%,rgba(255,255,255,.62) 51%,transparent 52%),linear-gradient(118deg,transparent 48%,rgba(255,255,255,.5) 49%,rgba(255,255,255,.5) 51%,transparent 52%);background-size:190px 135px,240px 165px;transform:rotate(5deg)}.theme-dark .signature-map:before{opacity:.16}.map-surface-connected,.trip-route-connected{background:#eaf2fc}.theme-dark .map-surface-connected,.theme-dark .trip-route-connected{background:#172c44}.map-surface-connected>.map-canvas,.trip-route-connected>.map-canvas{opacity:0;transition:opacity .18s var(--ease-standard)}.map-surface-connected.is-map-ready>.map-canvas,.trip-route-connected.is-map-ready>.map-canvas{opacity:1}.signature-water{position:absolute;display:block;background:#b8d8f5;opacity:.92;border-radius:55% 45% 40% 60%;transform:rotate(21deg)}.water-one{width:19%;height:130%;right:27%;top:-17%}.water-two{width:7%;height:50%;left:6%;bottom:-31%}.theme-dark .signature-water{background:#244f73}.signature-road{position:absolute;display:block;background:rgba(255,255,255,.92);box-shadow:0 1px 0 rgba(38,59,83,.12);transform-origin:left;border-radius:8px}.signature-road:after{content:"";position:absolute;inset:3px 0;border-top:1px solid rgba(169,187,209,.52)}.road-major{height:14px}.road-major.one{width:130%;left:-9%;top:62%;transform:rotate(-16deg)}.road-major.two{width:84%;left:18%;top:3%;transform:rotate(57deg)}.road-secondary{height:6px;opacity:.92}.road-secondary.one{width:77%;left:25%;top:32%;transform:rotate(15deg)}.road-secondary.two{width:78%;left:-9%;top:26%;transform:rotate(49deg)}.road-secondary.three{width:67%;left:33%;top:74%;transform:rotate(-41deg)}.theme-dark .signature-road{background:#49617c;box-shadow:none}.theme-dark .signature-road:after{border-top-color:rgba(193,214,236,.2)}.signature-label,.signature-road-ref{position:absolute;z-index:1;font:600 10px IBM Plex Mono,monospace;letter-spacing:.07em;color:#526982;text-shadow:0 1px 0 rgba(255,255,255,.78)}.theme-dark .signature-label,.theme-dark .signature-road-ref{color:#c3d2e3;text-shadow:none}.label-brussels{left:42%;top:51%}.label-vilvoorde{left:57%;top:24%}.label-woluwe{left:68%;top:57%}.label-nivelles{left:22%;top:76%}.signature-road-ref{color:#326bff;background:rgba(255,255,255,.75);padding:2px 4px;border-radius:3px;letter-spacing:.02em}.ref-e40{left:58%;top:55%}.ref-r0{left:30%;top:42%}.signature-vehicle{position:absolute;z-index:3;width:48px;height:53px;padding:0;border:0;background:transparent;color:#326bff;cursor:pointer}.placement-1{left:46%;top:48%}.placement-2{left:67%;top:25%}.placement-3{left:70%;top:62%}.signature-vehicle-violet{color:#7257c9}.signature-vehicle-gray{color:#6f7c8c}.signature-vehicle-icon{position:absolute;left:4px;top:3px;width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:currentColor;color:currentColor;border:2px solid rgba(255,255,255,.94);box-shadow:0 7px 16px rgba(31,61,93,.2)}.signature-vehicle-icon svg{width:31px;height:31px;color:currentColor}.signature-vehicle-halo{display:none;position:absolute;width:48px;height:48px;left:-2px;top:-3px;border-radius:50%;background:rgba(50,107,255,.17)}.signature-vehicle.is-selected .signature-vehicle-halo{display:block}.signature-vehicle-label{position:absolute;left:44px;top:11px;white-space:nowrap;padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.88);color:#263b53;font:600 9px IBM Plex Mono,monospace;opacity:0;transform:translateX(-4px);transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.signature-vehicle.is-selected .signature-vehicle-label,.signature-vehicle:focus-visible .signature-vehicle-label,.signature-vehicle:hover .signature-vehicle-label{opacity:1;transform:none}.theme-dark .signature-vehicle-label{background:rgba(20,39,61,.91);color:#eaf2fc}.map-toolbar{position:absolute;z-index:4;right:14px;top:14px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(38,59,83,.14);border-radius:9px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 5px 16px rgba(29,48,71,.15)}.map-tool{width:34px;height:34px;display:grid;place-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted)}.map-tool:last-child{border-bottom:0}.map-tool.is-active,.map-tool:hover{background:var(--blue-soft);color:var(--blue)}.map-tool:disabled{color:var(--faint);cursor:not-allowed}.map-mode-dot{width:6px;height:6px;display:inline-block;margin-right:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(50,107,255,.12)}.map-marker{width:45px;height:49px;padding:0;border:0;background:transparent;color:#326bff;position:relative;cursor:pointer}.map-marker-body{position:absolute;left:3px;bottom:5px;width:35px;height:35px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.94);border-radius:13px;background:currentColor;color:inherit;box-shadow:0 7px 16px rgba(31,61,93,.2);transform:none}.map-marker-body svg{width:30px;height:30px}.map-marker-violet{color:#7257c9}.map-marker-violet .map-marker-body{background:#7257c9}.map-marker-gray{color:#6f7c8c}.map-marker-gray .map-marker-body{background:#6f7c8c}.map-marker-label{position:absolute;left:42px;bottom:16px;padding:3px 6px;border-radius:5px;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--ink);font:600 9px IBM Plex Mono,monospace;opacity:0;white-space:nowrap;transition:opacity var(--motion-fast) var(--ease-standard)}.map-marker.is-selected .map-marker-label,.map-marker:focus-visible .map-marker-label,.map-marker:hover .map-marker-label{opacity:1}.map-marker-halo{display:none;position:absolute;left:-5px;bottom:-2px;width:49px;height:49px;border-radius:50%;background:rgba(50,107,255,.18)}.map-marker.is-selected .map-marker-halo{display:block}.command-trigger{height:30px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);font-size:10px}.command-trigger:hover{color:var(--ink);background:var(--surface-2)}.command-input kbd,.command-trigger kbd{padding:2px 4px;border:1px solid var(--line);border-radius:4px;color:var(--faint);background:var(--surface);font:500 8px IBM Plex Mono,monospace}.command-backdrop{z-index:50;align-items:start;padding-top:min(18vh,150px)}.command-palette{width:min(580px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 25px 80px rgba(12,26,42,.3)}.command-input{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line);color:var(--blue)}.command-input input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.command-results{max-height:min(420px,58vh);overflow:auto;padding:8px}.command-results>p{margin:11px 8px 6px;color:var(--faint);font:500 9px IBM Plex Mono,monospace;letter-spacing:.07em}.command-results a,.command-results button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;font-size:11px}.command-results a:hover,.command-results button:hover{background:var(--blue-soft)}.command-results button>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1 1}.command-results small{color:var(--muted)}.command-results button>svg{color:var(--faint)}.command-vehicle-dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}.command-vehicle-dot.violet{background:#7257c9}.command-vehicle-dot.gray{background:#6f7c8c}.command-empty{padding:15px 10px;color:var(--muted);font-size:11px}.reader-connect-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.reader-connect-row strong{font-size:12px}.reader-connect-row p{margin-bottom:0}.reader-status{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:8px;color:var(--muted);background:var(--surface-2);font-size:10px;line-height:1.4}.reader-status.ready{color:var(--green);background:var(--green-soft)}.reader-status small{padding-left:13px;color:var(--muted)}.reader-status-dot{width:7px;height:7px;margin-right:5px;display:inline-block;border-radius:50%;background:var(--faint)}.reader-status.ready .reader-status-dot{background:var(--green)}a,button,input,select{transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}a:active,button:active:not(:disabled){transform:scale(.98)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 32%,transparent);outline-offset:2px}.map-marker,.maplibregl-marker.map-marker{transition:none!important;will-change:transform}@media (prefers-reduced-motion:no-preference){.map-marker.is-selected .map-marker-halo,.signature-vehicle.is-selected .signature-vehicle-halo{animation:tagvelyo-selection 1.8s ease-out infinite}}@keyframes tagvelyo-selection{0%,to{transform:scale(.78);opacity:.72}55%{transform:scale(1.08);opacity:.16}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.trip-route-map{height:250px;position:relative;overflow:hidden;background:#eaf2fc}.theme-dark .trip-route-map{background:#11253c}.local-trip-route{position:absolute;inset:0 0 43px;overflow:hidden;background:linear-gradient(135deg,#eaf2fc,#d9e7f6)}.theme-dark .local-trip-route{background:linear-gradient(135deg,#10233a,#193451)}.local-trip-route:before{content:"";position:absolute;inset:-30%;opacity:.62;background-image:linear-gradient(32deg,transparent 48%,rgba(255,255,255,.6) 49%,rgba(255,255,255,.6) 51%,transparent 52%),linear-gradient(112deg,transparent 48%,rgba(255,255,255,.48) 49%,rgba(255,255,255,.48) 51%,transparent 52%);background-size:94px 70px,128px 92px;transform:rotate(7deg)}.theme-dark .local-trip-route:before{opacity:.15}.local-trip-route svg{position:absolute;inset:0;width:100%;height:100%}.local-route-road{position:absolute;display:block;z-index:1;background:rgba(255,255,255,.86);border-radius:7px;height:8px}.route-road-one{width:110%;left:-14%;top:63%;transform:rotate(-23deg)}.route-road-two{width:85%;left:25%;top:19%;transform:rotate(52deg)}.theme-dark .local-route-road{background:#49617c}.local-route-label{position:absolute;z-index:2;color:#526982;font:600 8px IBM Plex Mono,monospace;letter-spacing:.07em}.theme-dark .local-route-label{color:#c3d2e3}.local-label-depart{left:8%;top:77%}.local-label-bruxelles{left:59%;top:27%}.trip-timeline{position:absolute;bottom:0;left:0;right:0;height:43px;display:flex;overflow-x:auto;background:var(--surface);border-top:1px solid var(--line)}.trip-timeline button{flex:1 1;min-width:95px;display:flex;align-items:center;gap:6px;padding:0 9px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:9px;text-align:left}.trip-timeline button.is-selected,.trip-timeline button:hover{color:var(--blue);background:var(--blue-soft)}.trip-timeline button span{width:17px;height:17px;border-radius:50%;display:grid;flex:0 0 auto;place-items:center;background:var(--surface-2);color:var(--muted);font:600 8px IBM Plex Mono,monospace}.trip-timeline button.is-selected span{background:var(--blue);color:white}.theme-dark .local-route-label,.theme-dark .signature-label,.theme-dark .signature-road-ref{color:#a9bbcf;text-shadow:0 1px 2px rgba(8,20,34,.7)}