:root{--sidebar-width:280px;--bg-body:#f7f8fa;--bg-body-top:#fff;--bg-body-bottom:#eef1f6;--bg-body-gradient:linear-gradient(to bottom, var(--bg-body-top) 0%, var(--bg-body-bottom) 100%);--bg-surface:#fff;--bg-surface-subtle:#f1f3f8;--bg-input:#fff;--surface-hover:#eef2fb;--surface-active:#dbe4ff;--border-color:#d3d8e1;--border-input:#c0c6d2;--divider-color:#22222214;--text-body:#222;--text-muted:#6b7280;--color-primary:#007bff;--color-primary-hover:#0069d9;--color-primary-contrast:#fff;--color-primary-rgb:0, 123, 255;--color-accent:#fc0;--color-accent-hover:#e6b800;--color-accent-contrast:#1f1f1f;--color-accent-rgb:255, 204, 0;--color-link:var(--color-primary);--color-link-hover:#0056b3;--focus-ring:rgba(var(--color-primary-rgb), .28);--shadow-soft:#0f172a14;--shadow-medium:#0f172a24;--shadow-strong:#0f172a33;--bs-body-bg:var(--bg-body);--bs-body-color:var(--text-body);--bs-border-color:var(--border-color);--bs-card-bg:var(--bg-surface);--bs-card-border-color:var(--border-color);--bs-tertiary-bg:var(--bg-surface-subtle);--bs-link-color:var(--color-link);--bs-link-hover-color:var(--color-link-hover);--bs-primary:var(--color-primary);--bs-primary-rgb:var(--color-primary-rgb)}body{min-height:100vh;color:var(--text-body);background-color:var(--bg-body);background-image:var(--bg-body-gradient);background-repeat:no-repeat}.navbar{min-height:64px}.portal-navbar{background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:0 12px 26px -22px var(--shadow-strong)}.portal-brand-logo{object-fit:contain;border-radius:.25rem;width:128px;height:44px}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);z-index:1020;position:fixed;top:64px;bottom:0;overflow-y:auto}.sidebar-group{color:var(--bs-secondary-color);letter-spacing:.08em;text-transform:uppercase;margin:1rem .75rem .35rem;font-size:.72rem;font-weight:700}.sidebar .nav-link{color:var(--bs-body-color);border-radius:.55rem}.sidebar .nav-link:hover{background:var(--bs-secondary-bg)}.sidebar .nav-link.active{color:var(--color-primary-contrast);background:var(--color-primary)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding-top:64px}.portal-map{background:var(--bs-secondary-bg);min-height:calc(100vh - 180px)}.vehicle-marker-icon.leaflet-div-icon{background:0 0;border:none}.vehicle-marker{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:.25rem;display:flex}.vehicle-marker__label{color:#fff;letter-spacing:.03em;white-space:nowrap;background:#212529d9;border-radius:999px;min-width:2.5rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;box-shadow:0 4px 10px #00000040}.vehicle-marker__icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1.3rem;display:flex;position:relative;box-shadow:0 10px 18px -8px #00000080}.vehicle-marker__icon i{transform:rotate(var(--vehicle-heading,0deg));transform-origin:50%;line-height:1;transition:transform .15s ease-in-out;display:block}.vehicle-marker--has-heading .vehicle-marker__icon:after{content:"";filter:drop-shadow(0 1px 1px #00000059);width:0;height:0;transform:translateX(-50%) rotate(var(--vehicle-heading,0deg));transform-origin:50% 1.02rem;border-bottom:.54rem solid #fffffff2;border-left:.24rem solid #0000;border-right:.24rem solid #0000;position:absolute;top:.18rem;left:50%}.vehicle-marker--app.vehicle-marker--status-default .vehicle-marker__label,.vehicle-marker--app.vehicle-marker--status-default .vehicle-marker__icon{color:#212529;background:#fff;border:1px solid #dee2e6}.vehicle-marker--app.vehicle-marker--status-1 .vehicle-marker__label,.vehicle-marker--app.vehicle-marker--status-1 .vehicle-marker__icon{color:#fff;background:#1b5e20;border:none}.vehicle-marker--app.vehicle-marker--status-2 .vehicle-marker__label,.vehicle-marker--app.vehicle-marker--status-2 .vehicle-marker__icon{color:#fff;background:#f4a261;border:none}.vehicle-marker--app.vehicle-marker--status-3 .vehicle-marker__label,.vehicle-marker--app.vehicle-marker--status-3 .vehicle-marker__icon{color:#fff;background:#d55c5c;border:none}.btn-primary{--bs-btn-bg:var(--color-primary);--bs-btn-border-color:var(--color-primary);--bs-btn-hover-bg:var(--color-primary-hover);--bs-btn-hover-border-color:var(--color-primary-hover);--bs-btn-color:var(--color-primary-contrast);--bs-btn-hover-color:var(--color-primary-contrast)}.btn-outline-primary{--bs-btn-color:var(--color-primary);--bs-btn-border-color:color-mix(in srgb, var(--color-primary) 45%, var(--border-color));--bs-btn-hover-bg:var(--color-primary);--bs-btn-hover-border-color:var(--color-primary);--bs-btn-hover-color:#fff}.form-control,.form-select,.input-group-text,.btn{min-height:42px}.form-control,.input-group-text{color:var(--text-body);background:var(--bg-input);border-color:var(--border-input)}.form-control:focus,.form-select:focus,.btn:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 .2rem var(--focus-ring)}.login-page{color:#fff;background:radial-gradient(circle at 50% 37%,#08212e33 0,#010a12c2 42%,#00050ae6 100%),linear-gradient(#000810d1 0%,#010c133d 33%,#000409b8 100%),#020a11 url(/assets/branding/login-city-network.png) 50%/cover no-repeat;min-height:100vh}.login-shell{grid-template-rows:auto 1fr auto;place-items:center;width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:clamp(2rem,5vh,5.25rem) 1rem clamp(1.5rem,5vh,4rem);display:grid;position:relative}.login-hero{text-shadow:0 2px 20px #000000a6;width:min(100%,680px);margin-bottom:clamp(1.25rem,3.6vh,2.35rem)}.login-logo{object-fit:contain;background:#fffffff5;border-radius:.75rem;width:clamp(172px,19vw,320px);max-height:86px;margin-bottom:clamp(.8rem,2vh,1.25rem);box-shadow:0 18px 42px -28px #000000d9}.login-claim{color:#fff;letter-spacing:0;margin:0 0 .45rem;font-size:clamp(1.65rem,3.1vw,2.45rem);font-weight:800;line-height:1.12}.login-subtitle{color:#ffffffd6;margin:0;font-size:clamp(1rem,1.35vw,1.18rem);font-weight:500}.login-card{width:min(100%,560px);color:var(--text-body);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-radius:.85rem;box-shadow:0 24px 74px -32px #000000b8!important}.login-card .card-body{padding-bottom:clamp(1.75rem,4vh,3rem)!important}.login-card .input-group{box-shadow:0 7px 18px -18px #0f172a8c}.login-card .form-control,.login-card .input-group-text{background:#fff;border-color:#d8dee8;min-height:52px}.login-card .input-group-text{color:#687282;justify-content:center;min-width:52px}.login-card .form-control::placeholder{color:#8b93a1}.login-card .btn-primary{min-height:52px;box-shadow:0 12px 24px -16px rgba(var(--color-primary-rgb), .72);border-radius:.45rem;font-weight:600}.login-title{color:var(--text-body);letter-spacing:0;font-weight:800}.login-footer{color:#ffffffb8;text-shadow:0 2px 16px #000000b3;justify-content:center;align-items:center;gap:.75rem;margin-top:clamp(1.35rem,3.4vh,2.5rem);font-size:.92rem;font-weight:500;display:flex}.login-footer a{color:#ffffffc7;text-decoration:none}.login-footer a:hover,.login-footer a:focus-visible{color:#fff;text-decoration:underline}.login-footer__separator{color:#ffffff73}th{white-space:nowrap;text-transform:capitalize}td{overflow-wrap:anywhere;max-width:360px}@media (width<=991.98px){.sidebar{top:0}.main-content{margin-left:0}}@media (width<=575.98px){.portal-navbar .navbar-brand span{display:none}.portal-brand-logo{width:112px}.login-shell{grid-template-rows:auto auto auto;padding:1.25rem .9rem}.login-hero{margin-bottom:1rem}.login-logo{border-radius:.55rem;width:178px;max-height:62px;margin-bottom:.75rem}.login-card{border-radius:.75rem}.login-card .card-body{padding:1.5rem!important}.login-card .form-control,.login-card .input-group-text,.login-card .btn-primary{min-height:48px}.login-footer{flex-wrap:wrap;row-gap:.25rem;max-width:20rem;font-size:.82rem}}