:root{color-scheme:dark;--navy:#101725;--navy-2:#151f2e;--panel:#182333;--line:#273548;--text:#edf2f8;--muted:#8e9bb0;--blue:#4388ff;--green:#39c98a;--red:#fa6272;--orange:#f4a247;--purple:#a98bff}
*{box-sizing:border-box}
body{margin:0;background:#0d1420;color:var(--text);font-family:"DM Sans",Inter,system-ui,-apple-system,sans-serif;font-size:14px}
a{color:#7eafff;text-decoration:none}a:hover{color:#a6c8ff}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#101825;border-right:1px solid #202b3a;padding:23px 14px;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:10px;color:#f5f8fc;font-size:18px;font-weight:700;letter-spacing:-.4px;padding:0 11px 28px}
.brand:hover{color:white}.brand-mark{display:inline-grid;place-items:center;background:linear-gradient(145deg,#4595ff,#2864df);width:34px;height:34px;border-radius:10px;color:white;font-size:18px;box-shadow:0 7px 20px #2265d933}
.brand-blue{color:#5e9cff}.brand small{display:block;color:#728099;font-size:8px;letter-spacing:1.5px;font-weight:600;margin-top:2px}
.nav-caption{font-size:9px;letter-spacing:1.2px;color:#68778e;padding:0 13px 9px;font-weight:700}
.side-nav{display:grid;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#9ca9ba;border-radius:8px;font-size:12px;font-weight:500;transition:.15s}
.side-nav a>span{width:17px;text-align:center;font-size:16px;color:#7d8da3}.side-nav a:hover{background:#192538;color:#e7eef9}.side-nav a.active{color:#eaf2ff;background:#1b3557;box-shadow:inset 2px 0 #4388ff}.side-nav a.active>span{color:#72a8ff}
.nav-count{margin-left:auto;font-size:10px;background:#752a39;color:#ffb3bd;border-radius:12px;padding:2px 7px}
.sidebar-footer{margin-top:auto;border-top:1px solid #222d3b;padding:18px 9px 2px;color:#c1ccda;font-size:11px}.sidebar-footer small{display:block;color:#718097;margin:9px 0 0 13px;font-size:10px}.status-dot,.severity-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--green);margin-right:7px}
.main-panel{margin-left:246px;min-height:100vh;display:flex;flex-direction:column}
.topbar{height:66px;border-bottom:1px solid #202b3a;display:flex;align-items:center;padding:0 32px;gap:18px;background:#111a27;position:sticky;top:0;z-index:10}
.global-search{height:34px;max-width:410px;flex:1;display:flex;align-items:center;gap:8px;background:#182333;border:1px solid #273548;border-radius:7px;padding:0 10px;color:#7f8ea3}.global-search input{border:0;outline:0;background:transparent;color:#e7eef9;flex:1;font-size:11px}.global-search kbd{font-size:9px;border:1px solid #3a4658;border-radius:4px;padding:2px 5px;color:#98a4b6}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:17px}.icon-button,.btn-logout{border:0;background:none;color:#a6b2c2;font-size:18px}.user-chip{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.user-chip small{display:block;color:#8190a4;font-size:9px;margin-top:2px;font-weight:400}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#29446c;color:#a5c8ff;font-size:12px}
.notification-button{position:relative}.notification-button i{position:absolute;right:1px;top:2px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1px solid #111a27}.notification-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #273548;padding:13px 2px}.notification-row:last-of-type{border-bottom:0}.notification-row .notification-copy{min-width:0;flex:1}.notification-copy b{display:block;font-size:11px;text-transform:capitalize}.notification-copy p{margin:4px 0;color:#aab6c6;font-size:10px}.notification-copy small{color:#7f8ea3;font-size:9px}.notification-row.is-read{opacity:.72}
.menu-toggle{display:none;background:none;border:0;color:#e7eef9;font-size:18px}
.content{width:min(100%,1600px);padding:29px 32px 40px;margin:0 auto;flex:1}.page-footer{padding:15px 32px;border-top:1px solid #202b3a;color:#758399;font-size:10px;display:flex;justify-content:space-between}.page-footer span{color:#d99d54}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading h1{font-size:25px;letter-spacing:-.6px;margin:4px 0 5px;font-weight:700}.page-heading p{color:var(--muted);font-size:11px;margin:0}.eyebrow{font-size:9px;color:#6f9fe8;letter-spacing:1.3px;font-weight:700}.eyebrow a{color:#7eafff}.heading-actions,.filter-inline{display:flex;align-items:center;gap:9px}.filter-inline .form-select{width:185px}.filter-inline .form-control{width:145px}
.btn{font-size:11px;font-weight:600;border-radius:6px;padding:9px 13px}.btn-primary{--bs-btn-bg:#3479ed;--bs-btn-border-color:#3479ed;--bs-btn-hover-bg:#2769d5;--bs-btn-hover-border-color:#2769d5;box-shadow:0 4px 14px #3479ed24}.btn-outline-light{--bs-btn-color:#c4cfdd;--bs-btn-border-color:#3a485b;--bs-btn-hover-bg:#243145;--bs-btn-hover-color:white;--bs-btn-hover-border-color:#465b78}.btn-outline-danger{font-size:11px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.stat-card{padding:15px 16px;min-height:108px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#aab6c6;font-size:10px}.stat-card strong{display:block;font-size:23px;letter-spacing:-.5px;margin-top:8px}.stat-card>small{display:block;color:#77869b;font-size:9px;margin-top:2px}.stat-icon{font-style:normal;font-size:16px;display:grid;place-items:center;width:27px;height:27px;border-radius:7px}.stat-icon.blue{color:#80b2ff;background:#24406b}.stat-icon.green{color:#70dfb0;background:#1d4b3e}.stat-icon.red{color:#ff8b98;background:#542a36}.stat-icon.orange{color:#ffba72;background:#4e3b2c}.stat-icon.purple{color:#c3aeff;background:#3b3158}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:15px;margin-bottom:15px}.lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}.panel{padding:18px 18px;margin-bottom:15px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading h2{font-size:13px;margin:0 0 4px;font-weight:650}.panel-heading p{color:var(--muted);font-size:10px;margin:0}.panel-heading>a{font-size:10px;white-space:nowrap}.period-tag{color:#92a3bb;border:1px solid #334157;border-radius:5px;padding:5px 8px;font-size:9px;white-space:nowrap}.chart-wrap{height:210px;position:relative}.alert-row,.maintenance-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #273548;color:#e5ebf4}.alert-row:hover{color:#fff}.alert-row>span:nth-child(2),.maintenance-row>span:nth-child(2){min-width:0;flex:1}.alert-row b,.maintenance-row b{display:block;font-size:10px;font-weight:600}.alert-row small,.maintenance-row small{display:block;color:#8290a4;font-size:9px;margin-top:4px}.severity-dot{flex:none}.severity-dot.warning{background:var(--orange)}.severity-dot.critical{background:var(--red)}.severity-dot.info{background:var(--blue)}.maintenance-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#473722;color:#f6b86b}
.fleet-table{--bs-table-bg:transparent;--bs-table-color:#c5cfdd;--bs-table-border-color:#283649;--bs-table-hover-bg:#1c293a;--bs-table-hover-color:#f1f5fa;margin:0;font-size:10px;vertical-align:middle}.fleet-table th{font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:#7e8da3;font-weight:600;padding:10px 9px;white-space:nowrap}.fleet-table th a{color:inherit}.fleet-table td{padding:11px 9px;white-space:nowrap}.fleet-table td:first-child{font-weight:600}.badge-status{display:inline-block;border-radius:20px;padding:4px 8px;background:#26364a;color:#b6c5d7;font-size:9px;text-transform:capitalize}.badge-status.available,.badge-status.completed,.badge-status.active{background:#1c4439;color:#75ddb0}.badge-status.on_trip,.badge-status.in_progress{background:#203d66;color:#8dbbff}.badge-status.maintenance,.badge-status.scheduled,.badge-status.warning{background:#4e3b28;color:#ffc078}.badge-status.offline,.badge-status.critical,.badge-status.overdue{background:#522c37;color:#ff9aa5}.badge-status.cancelled,.badge-status.inactive,.badge-status.resolved{background:#303a48;color:#a8b2c1}.badge-status.new{background:#512b36;color:#ff9aa5}.pagination-wrap{padding-top:16px}.pagination{--bs-pagination-bg:#182333;--bs-pagination-color:#aab7c8;--bs-pagination-border-color:#29374a;--bs-pagination-hover-bg:#25354b;--bs-pagination-hover-color:white;--bs-pagination-active-bg:#3479ed;--bs-pagination-active-border-color:#3479ed;--bs-pagination-disabled-bg:#182333;font-size:10px;margin:0;justify-content:flex-end}
.empty-state{padding:24px 12px;text-align:center;color:#8290a4;font-size:11px}.map-preview{padding-bottom:12px}.mini-map{height:190px;border-radius:7px;overflow:hidden;background:#111a27}.map-panel{padding:10px}.fleet-map{height:min(65vh,650px);min-height:380px;border-radius:7px;overflow:hidden;background:#111a27}.map-legend{display:flex;gap:22px;align-items:center;padding:12px 8px 2px;color:#8795a9;font-size:9px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend-dot.online{background:var(--green)}.legend-dot.offline{background:var(--red)}.demo-banner{padding:8px 11px;border:1px solid #5b432c;border-radius:6px;background:#30271e;color:#ffc078;font-size:10px}.map-error{position:absolute;top:15px;left:15px;background:#542a36;color:#ffc1c7;padding:10px;border-radius:6px}.legend-dot.ontrip{background:var(--blue)}.legend-dot.maintenance{background:var(--orange)}
.list-panel{padding:14px 0}.list-filters{display:flex;align-items:center;gap:9px;padding:0 14px 14px;flex-wrap:wrap}.list-filters>.form-select{max-width:175px}.list-filters>.form-control{max-width:150px}.search-field{display:flex;align-items:center;gap:8px;max-width:260px;min-width:160px;flex:1;border:1px solid #334156;background:#131d2b;border-radius:6px;padding:0 10px;color:#8493a8}.search-field input{width:100%;height:34px;border:0;outline:0;color:#e8eef6;background:transparent;font-size:10px}.action-link{white-space:nowrap;font-size:10px}.muted-value{color:#718098}.form-select,.form-control{background-color:#121c29;border-color:#344257;color:#e8eef6;font-size:11px;border-radius:6px;min-height:36px}.form-select:focus,.form-control:focus{background-color:#121c29;border-color:#4388ff;color:#fff;box-shadow:0 0 0 .18rem #4388ff27}.form-control::placeholder{color:#77869a}.form-select option{background:#182333;color:#e8eef6}.form-panel{padding:22px;max-width:1000px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.form-field.wide{grid-column:1/-1}.form-label{font-size:10px;color:#bcc7d6;margin-bottom:6px}.required{color:#fa7a85}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:20px;margin-top:20px;border-top:1px solid #2b394c}.form-hint{color:#8998ad;font-size:10px;margin:12px 0 0}.invalid-feedback{font-size:9px}.details-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.detail-list{margin:0}.detail-list>div{display:grid;grid-template-columns:minmax(150px,.75fr) 1.25fr;gap:12px;padding:11px 0;border-top:1px solid #273548}.detail-list dt{color:#8695aa;font-size:10px;font-weight:500}.detail-list dd{margin:0;color:#e1e8f1;font-size:10px;overflow-wrap:anywhere}.related-stat{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #273548;padding:12px 0;color:#a3b0c0;font-size:10px}.related-stat b{color:#e8eef6;text-align:right}.detail-panel .empty-state{padding:22px 0}
.report-filters{padding:14px}.report-filters .list-filters{align-items:end;padding:0}.report-filters label{display:grid;gap:5px;min-width:140px;color:#9caabd;font-size:9px}.report-filters label input,.report-filters label select{min-width:140px}.report-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.search-results{padding:14px 17px}.search-result{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid #273548;font-size:10px}.search-result b{min-width:130px;color:#e5ebf4}.search-result span{flex:1;color:#8694a8}.search-result:last-child{color:#7eafff}
.alert{font-size:11px;padding:10px 13px;border-radius:7px}.alert-success{background:#173d34;border-color:#23694f;color:#94e7c2}.alert-danger{background:#4b2631;border-color:#713744;color:#ffc0c6}.alert-info{background:#1b3450;border-color:#2b527a;color:#a6ceff}
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 0,#1a2b45 0,transparent 55%),#0d1420;padding:24px}.auth-brand{margin-bottom:20px;color:#f5f8fc;font-size:19px;font-weight:700}.auth-brand .brand-mark{margin-right:8px;vertical-align:middle}.auth-card{width:min(100%,405px);padding:30px;background:#182333;border:1px solid #2a3a50;border-radius:12px;box-shadow:0 20px 60px #0004}.auth-card h1{font-size:21px;margin:0 0 6px}.auth-card>p{font-size:11px;margin-bottom:23px}.auth-card .form-control{height:40px}.auth-card .form-check-label{font-size:10px;color:#a8b4c3}.auth-foot{color:#65748a;font-size:10px;margin-top:16px}
@media(max-width:1100px){.sidebar{width:218px}.main-panel{margin-left:218px}.content{padding-left:22px;padding-right:22px}.topbar{padding:0 22px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:250px;box-shadow:12px 0 40px #0006}.sidebar.open{transform:translateX(0)}.main-panel{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 14px;gap:12px}.global-search{max-width:none}.top-actions{gap:9px}.user-chip>span:not(.avatar){display:none}.content{padding:20px 14px 28px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.dashboard-grid,.lower-grid,.details-grid{grid-template-columns:1fr}.page-footer{padding:12px 14px;gap:8px;flex-direction:column}.filter-inline{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.form-field.wide{grid-column:auto}.fleet-map{min-height:350px}.map-legend{flex-direction:column;align-items:flex-start;gap:7px}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.stat-grid,.report-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px;min-height:96px}.stat-card strong{font-size:18px}.stat-top{font-size:9px}.content{padding-left:10px;padding-right:10px}.top-actions .icon-button{display:none}.global-search kbd{display:none}.heading-actions .btn{flex:1}.detail-list>div{grid-template-columns:1fr;gap:5px}}

.auth-page{display:block;min-height:100vh;padding:0;background:#07172a;color:#f5f7fb;font-family:Inter,"DM Sans",system-ui,-apple-system,sans-serif}
.auth-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(430px,1fr);min-height:100vh}
.auth-showcase{isolation:isolate;position:relative;display:flex;min-height:740px;flex-direction:column;overflow:hidden;padding:38px clamp(32px,5.2vw,82px) 30px;background:#071a30}
.auth-showcase:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,#061a30 0%,#061a30 42%,rgba(6,26,48,.78) 48%,rgba(6,26,48,.32) 57%,rgba(5,18,34,.15) 68%,rgba(5,16,30,.32) 100%),linear-gradient(90deg,rgba(5,19,36,.32),rgba(5,19,36,.03) 78%,rgba(5,19,36,.34))}
.auth-showcase:after{position:absolute;z-index:-2;inset:0;background:url("../images/fleet-hero-photo.jpg") center bottom/100% 52% no-repeat;content:"";filter:hue-rotate(205deg) saturate(.8) brightness(1.12)}
.showcase-map{position:absolute;z-index:0;top:8%;right:0;width:48%;height:33%;overflow:hidden;border:0;border-radius:0;background:transparent;opacity:.94;pointer-events:none}
.showcase-map.leaflet-container{font-family:Inter,"DM Sans",system-ui,sans-serif}
.showcase-map .leaflet-tile-pane{filter:grayscale(1) invert(1) brightness(.7) sepia(1) hue-rotate(175deg) saturate(3);mix-blend-mode:screen;opacity:.18}
.showcase-map .leaflet-control-attribution{padding:2px 5px;background:transparent;color:#a9c9e5;font-size:7px;text-shadow:0 1px 3px #071a30,0 0 5px #071a30}
.showcase-map .leaflet-control-attribution a{color:#65b7ff}
.showcase-map .leaflet-tooltip.showcase-city-label,.showcase-map .leaflet-tooltip.showcase-route-label{border:1px solid #1684ff70;border-radius:5px;background:#071a30e8;box-shadow:0 2px 9px #0005;color:#e9f5ff;font-size:9px;font-weight:650}
.showcase-city-label:before,.showcase-route-label:before{display:none}
#showcase-map[data-map-error]:after{position:absolute;z-index:1000;inset:auto 8px 26px;padding:7px 9px;border:1px solid #1684ff55;border-radius:6px;background:#071a30ed;color:#e9f5ff;font-size:9px;content:attr(data-map-error)}
.smart-brand{display:inline-flex;width:max-content;align-items:center;gap:12px;color:#f7f8fb;text-decoration:none}
.showcase-brand{position:relative;z-index:2}
.smart-brand:hover{color:white}
.smart-brand-mark{display:grid;width:58px;height:58px;flex:none;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:radial-gradient(circle at 40% 30%,#42a5ff,#0878ff 67%,#0755d9);box-shadow:0 8px 28px #0878ff38;color:#0878ff}
.smart-brand-mark svg{width:39px;height:39px}
.smart-brand-copy strong{display:block;font-size:clamp(25px,2.4vw,35px);font-weight:760;letter-spacing:-1.5px;line-height:1}
.smart-brand-copy strong b{color:#1684ff;font-weight:780}
.smart-brand-copy small{display:block;margin-top:5px;color:#d5d9e2;font-size:14px;letter-spacing:.15px}
.showcase-copy{position:relative;z-index:1;max-width:52%;margin-top:clamp(38px,6vh,70px)}
.showcase-kicker,.auth-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:#42a5ff;font-size:10px;font-weight:750;letter-spacing:1.45px}
.showcase-kicker>span,.secure-label i,.auth-panel-footer>span:last-child i{width:7px;height:7px;border-radius:50%;background:#1684ff;box-shadow:0 0 13px #1684ff}
.showcase-copy h1{margin:0;color:#fff;font-size:clamp(38px,4.1vw,62px);font-weight:760;letter-spacing:-2.5px;line-height:1.03}
.showcase-copy h1 em{color:#1684ff;font-style:normal}
.showcase-description{max-width:405px;margin:17px 0 0;color:#c3c8d2;font-size:15px;line-height:1.65}
.fleet-live-card{position:absolute;z-index:2;top:53%;right:clamp(22px,4vw,58px);display:flex;width:max-content;max-width:calc(100% - 44px);align-items:center;gap:13px;margin:0;padding:12px 16px;border:1px solid #ffffff25;border-radius:12px;background:linear-gradient(135deg,#111722df,#0b0d14d9);box-shadow:0 15px 45px #0007;backdrop-filter:blur(12px)}
.live-truck-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#1684ff20;color:#42a5ff}
.live-truck-icon svg{width:30px;height:30px}
.fleet-live-card strong,.fleet-live-card small{display:block}
.fleet-live-card strong{font-size:12px;font-weight:700}
.fleet-live-card small{margin-top:5px;color:#aab3c1;font-size:10px}
.fleet-live-card small+small{margin-top:3px;color:#788496;font-size:9px}
.fleet-live-card small i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#42a5ff;box-shadow:0 0 8px #42a5ff}
.live-signal{display:flex;height:23px;align-items:center;gap:3px;margin-left:12px}
.live-signal i{width:3px;border-radius:3px;background:#1684ff}
.live-signal i:nth-child(1),.live-signal i:nth-child(4){height:9px;opacity:.55}
.live-signal i:nth-child(2){height:15px;opacity:.78}
.live-signal i:nth-child(3){height:22px}
.showcase-features{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:auto 0 390px;padding:0 0 18px;border-bottom:1px solid #ffffff20}
.showcase-features>div{display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px;border-right:1px solid #ffffff20;text-align:center}
.showcase-features>div:last-child{border:0}
.showcase-features>div>span{color:#42a5ff;font-size:22px;line-height:1}
.showcase-features small{color:#d5d8e0;font-size:9px}
.showcase-security{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:auto}
.showcase-security>span:first-child{color:#42a5ff;font-size:25px}
.showcase-security strong,.showcase-security small{display:block}
.showcase-security strong{font-size:10px}
.showcase-security small{margin-top:4px;color:#a9afbb;font-size:9px}
.auth-panel{display:flex;min-height:740px;flex-direction:column;justify-content:space-between;padding:30px clamp(28px,5vw,76px) 22px;background:radial-gradient(ellipse at 50% 40%,#fff 0%,#f5f8fc 63%,#edf3fa 100%);color:#173451}
.auth-panel-top{display:flex;justify-content:flex-end}
.locale-label{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #dbe5f0;border-radius:8px;background:#f7faff;color:#496581;font-size:9px;font-weight:600;letter-spacing:.55px}
.locale-label>span{color:#0878ff;font-size:15px}
.secure-label i{width:6px;height:6px}
.auth-panel-content{width:min(100%,420px);margin:auto}
.auth-panel-brand{display:flex;justify-content:center;margin:0 auto 35px}
.auth-panel .smart-brand{color:#102b48}
.auth-panel .smart-brand-copy small{color:#647d99}
.auth-panel-brand .smart-brand-mark{width:60px;height:60px}
.auth-panel-brand .smart-brand-copy strong{font-size:32px}
.auth-panel-brand .smart-brand-copy small{font-size:12px}
.auth-card{width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.auth-card h1{margin:0;color:#102b48;font-size:25px;font-weight:680;letter-spacing:-.65px;text-align:center}
.auth-card .auth-eyebrow{justify-content:center;margin-bottom:11px;font-size:9px}
.auth-card .auth-intro{margin:9px 0 29px;color:#647d99;font-size:12px;text-align:center}
.login-form .form-label{margin:0 0 8px;color:#385571;font-size:11px;font-weight:550}
.auth-input{position:relative;display:flex;min-height:52px;align-items:center;margin-bottom:18px;border:1px solid #d7e2ef;border-radius:9px;background:#fff;transition:border-color .18s,box-shadow .18s}
.auth-input:focus-within{border-color:#1684ff;box-shadow:0 0 0 3px #1684ff1c}
.auth-input>span{display:grid;width:37px;height:37px;flex:none;place-items:center;margin-left:7px;border-radius:7px;background:linear-gradient(145deg,#1684ff,#0755d9);color:#fff}
.auth-input>span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.auth-input .form-control{height:48px;min-width:0;border:0;background:transparent!important;box-shadow:none!important;color:#173451;font-size:12px}
.auth-input .form-control::placeholder{color:#8296ac}
.password-toggle{flex:none;margin-right:10px;padding:5px;border:0;background:none;color:#58718d;font-size:10px}
.password-toggle:hover{color:#0878ff}
.password-toggle svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.password-toggle .eye-slash{display:none}
.password-toggle[aria-pressed=true] .eye-slash{display:block}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 25px}
.login-options .form-check{min-height:auto;margin:0;padding-left:22px}
.login-options .form-check-input{width:15px;height:15px;margin-top:1px;margin-left:-22px;border-color:#a8bad0;background-color:#fff}
.login-options .form-check-input:checked{border-color:#0878ff;background-color:#0878ff}
.login-options .form-check-label,.login-options>a{color:#496581;font-size:10px}
.login-options>a{color:#0878ff;font-weight:600}
.login-options>a:hover{color:#0755d9}
.login-submit{display:flex;min-height:49px;align-items:center;justify-content:center;gap:12px;border:0!important;border-radius:8px!important;background:linear-gradient(100deg,#1684ff,#075fe8)!important;box-shadow:0 8px 24px #0878ff2b!important;color:#fff!important;font-size:12px!important;letter-spacing:.1px}
.login-submit:hover{background:linear-gradient(100deg,#3194ff,#0870ff)!important;box-shadow:0 10px 28px #0878ff48!important;transform:translateY(-1px)}
.login-submit>span:last-child{font-size:19px;line-height:12px}
.login-trust{display:flex;justify-content:center;gap:14px;margin-top:18px;color:#647d99;font-size:9px}
.login-trust>span{display:flex;align-items:center;gap:6px}
.login-trust>span:first-child:before{width:7px;height:7px;border-radius:50%;background:#3bd38b;content:"";box-shadow:0 0 9px #3bd38b88}
.auth-card .alert{margin-bottom:15px}
.auth-card a{color:#0878ff}
.auth-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;padding-top:19px;border-top:1px solid #dbe5f0}
.auth-assurance>div{display:grid;grid-template-columns:25px 1fr;align-content:center;column-gap:7px;min-width:0;padding:0 8px;border-right:1px solid #dbe5f0}
.auth-assurance>div:first-child{padding-left:0}
.auth-assurance>div:last-child{padding-right:0;border:0}
.auth-assurance>div>span{grid-row:span 2;align-self:center;color:#0878ff;font-size:19px;text-align:center}
.auth-assurance b{overflow:hidden;color:#35516f;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.auth-assurance small{margin-top:4px;color:#7088a2;font-size:8px;white-space:nowrap}
.auth-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7088a2;font-size:9px}
.auth-panel-footer>span:last-child{display:flex;align-items:center;gap:7px}
.auth-panel-footer>span:last-child i{width:6px;height:6px;background:#32d583;box-shadow:0 0 9px #32d583}
@media(max-width:980px){.auth-layout{grid-template-columns:minmax(0,1.42fr) minmax(380px,1fr)}.auth-showcase{padding-right:32px;padding-left:32px}.auth-panel{padding-right:36px;padding-left:36px}.showcase-copy h1{font-size:43px}.showcase-features{margin-bottom:340px}}
@media(max-width:1100px) and (min-width:901px){.showcase-map{width:40%;opacity:.45}.showcase-copy{max-width:48%}}
@media(max-width:900px){.auth-layout{display:block}.auth-showcase{display:none}.auth-panel{min-height:100vh}}
@media(max-width:700px){.auth-panel{padding:23px 24px 19px}.auth-panel-content{width:min(100%,420px)}.auth-panel-brand{margin-bottom:35px}}
@media(max-width:430px){.auth-panel{padding-right:20px;padding-left:20px}.auth-panel-brand{margin-bottom:30px}.auth-card h1{font-size:22px}.auth-panel-footer{font-size:8px}.login-trust{gap:9px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.auth-input,.login-submit{transition:none}}