@font-face{font-family:Manrope;src:url('/media/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}

body:is(.profile-page,.dashboard-page){
  color-scheme:dark;--bg:#0b0e11;--paper:#121923;--text:#f4f6f8;--muted:#9eacba;--line:#283544;--blue:#4b9dff;--green:#88d9b7;
  background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;
}
:is(.profile-page,.dashboard-page) .app{grid-template-columns:236px minmax(0,1fr)}
:is(.profile-page,.dashboard-page) .sidebar{background:#0d1218;border-color:#202c39;padding:34px 18px 24px}
:is(.profile-page,.dashboard-page) .sidebar .brand{padding:0 15px 28px}
:is(.profile-page,.dashboard-page) .brand-copy strong{font-size:27px;font-weight:650;letter-spacing:.025em;color:#f4f6f8}
:is(.profile-page,.dashboard-page) .brand-copy span{font-size:10px;color:#94a3b3;margin-top:7px;letter-spacing:.04em}
:is(.profile-page,.dashboard-page) .nav-label{font-size:9px;letter-spacing:.12em;color:#8394a6;margin-top:24px}
:is(.profile-page,.dashboard-page) .nav-item{border-radius:10px;color:#a5b2c0;min-height:46px;font-size:12px;transition:background .2s,color .2s}
:is(.profile-page,.dashboard-page) .nav-item:hover{background:#17212d;color:#fff}
:is(.profile-page,.dashboard-page) .nav-item:is(.active,.is-current){background:#172d46;color:#a8ceff;box-shadow:inset 2px 0 #4b9dff}
.profile-page .sidebar .nav:has(.is-current) .nav-item[aria-current=page]{background:transparent;box-shadow:none;color:#a5b2c0}
:is(.profile-page,.dashboard-page) .nav-icon{color:#7ca9de;font-size:17px}
:is(.profile-page,.dashboard-page) .sidebar-bottom{border-top:1px solid #202c39;margin-top:auto;padding-top:18px}
:is(.profile-page,.dashboard-page) .account-mini-label{font-size:9px;color:#8799aa}
:is(.profile-page,.dashboard-page) .account-mini strong{font-size:12px;color:#e2e8ee}
:is(.profile-page,.dashboard-page) .sidebar-copyright{display:block;color:#8293a5;font-size:9px;line-height:1.8;padding:16px 12px 0}
:is(.profile-page,.dashboard-page) .topbar{background:#0b0e11df;border-color:#25303c;backdrop-filter:blur(24px);padding:18px 40px;min-height:82px}
:is(.profile-page,.dashboard-page) .page-kicker{color:#8da3b9;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
:is(.profile-page,.dashboard-page) .page-title{font-size:16px;font-weight:600;margin-top:5px}
:is(.profile-page,.dashboard-page) .content{max-width:1440px;padding:38px 40px 72px}
:is(.profile-page,.dashboard-page) .profile-content{max-width:1280px}
:is(.profile-page,.dashboard-page) :is(.panel,.kpi){background:#121923;border:1px solid #263343;box-shadow:0 12px 38px #00000016}
:is(.profile-page,.dashboard-page) .panel{padding:30px;border-radius:20px}
:is(.profile-page,.dashboard-page) .section-topline h2,:is(.profile-page,.dashboard-page) .panel-title{font-size:25px;line-height:1.2;color:#f1f4f7;font-weight:600}
:is(.profile-page,.dashboard-page) :is(.section-topline p,.panel-title-wrap p,.panel-sub){font-size:13px;line-height:1.8;color:#a0aebe}
:is(.profile-page,.dashboard-page) .section-note{font-size:11px;line-height:1.8;color:#91a3b5}
:is(.profile-page,.dashboard-page) :is(.action-button,.top-button,.logout-side){background:#17222e;border:1px solid #35485c;color:#dbe7f3;border-radius:10px;min-height:44px;padding:10px 16px;font-size:12px}
:is(.profile-page,.dashboard-page) :is(.action-button,.top-button,.logout-side):hover{background:#213247;border-color:#527ba8}
:is(.profile-page,.dashboard-page) .action-button.primary{color:#07131f;background:#6cafff;border-color:#6cafff;font-weight:700}
:is(.profile-page,.dashboard-page) .action-button.primary:hover{background:#91c3ff;border-color:#91c3ff}
:is(.profile-page,.dashboard-page) .danger-action{color:#ffa8b2;border-color:#68444e;background:#2c1c24}
:is(.profile-page,.dashboard-page) :is(.chip,.main-badge){border:1px solid #35516e;background:#1a2d41;color:#b2d1f5;font-size:10px}
:is(.profile-page,.dashboard-page) .status-chip{border:1px solid #315347;background:#152c26;color:#a0dec4;font-size:10px}
:is(.profile-page,.dashboard-page) .micro-label{font-size:9px;letter-spacing:.14em;color:#8cbaff;text-transform:uppercase}
:is(.profile-page,.dashboard-page) :is(input,select){background:#0d141e;border:1px solid #35475b;color:#e4edf6;border-radius:10px;min-height:46px;padding:12px 14px;font-size:13px;box-shadow:none}
:is(.profile-page,.dashboard-page) input::placeholder{color:#72869d;opacity:1}
:is(.profile-page,.dashboard-page) :is(input,select):focus{border-color:#6cafff}
:is(.profile-page,.dashboard-page) input[type=checkbox]{min-height:18px;padding:0;accent-color:#6cafff}
:is(.profile-page,.dashboard-page) :is(.field label,.vehicle-selector-wrap label,.guardian-mode-box label){color:#b2c0ce;font-size:12px}
:is(.profile-page,.dashboard-page) .field{gap:9px;margin-bottom:20px}
:is(.profile-page,.dashboard-page) :is(.empty,.status-collapsed-note){background:#0c141f;border:1px dashed #34465a;color:#a2b4c7;padding:30px 22px;line-height:1.8;font-size:13px}
:is(.profile-page,.dashboard-page) .account-banner{background:#15273c;border:1px solid #335879;color:#c5dcf7;font-size:12px}
:is(.profile-page,.dashboard-page) .text-link{color:#93c1ff}
:is(.profile-page,.dashboard-page) .security-message.error{color:#ffabb7}
:is(.profile-page,.dashboard-page) .security-message.success{color:#99dfbd}
:is(.profile-page,.dashboard-page) .security-message{font-size:12px;line-height:1.8}
:is(.profile-page,.dashboard-page) :is(.profile-hero,.vehicle-hero){position:relative;isolation:isolate;overflow:hidden;border:1px solid #304966;border-radius:24px;background:linear-gradient(125deg,#172940 0%,#111c2b 60%,#111821 100%);padding:42px;margin-bottom:26px}
.portal-aura{position:absolute;z-index:-1;width:420px;height:420px;right:-70px;top:-120px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#3a83d739,transparent 65%)}
.portal-section-nav{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:8px;border:1px solid #293c51;background:#111c28;border-radius:13px;margin-bottom:28px;scrollbar-width:thin}
.portal-section-nav a{display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;min-height:42px;padding:9px 18px;border-radius:8px;color:#a6b7c9;font-size:11px;transition:background .2s,color .2s}
.portal-section-nav a:hover,.portal-section-nav a.is-current{background:#203953;color:#d4e6ff}
.portal-section-nav a>span{font-size:8px;color:#79adf1}

/* Account and identity: keep actions beside the information they change. */
.profile-page .profile-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center}
.profile-page .profile-hero h1{font-size:clamp(34px,3.5vw,53px);line-height:1.12;margin:20px 0;letter-spacing:-.05em}
.profile-page .profile-hero h1 span{color:#a1c7fa}
.profile-page .profile-hero p{font-size:14px;color:#b0c0d2;line-height:1.8}
.profile-hero-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}
.profile-hero-links a{font-size:11px;color:#c6e0ff;min-height:32px;display:inline-flex;align-items:center;gap:9px}
.profile-hero-links a:hover{text-decoration:underline;text-underline-offset:5px}
.profile-page .identity-card{position:relative;padding:28px 22px;border:1px solid #3a5775;border-radius:18px;background:linear-gradient(145deg,#233b5470,#0f1825a0);min-width:0;gap:14px;overflow:hidden}
.profile-page .identity-card::before{content:"";position:absolute;inset:-60% -15% 20% 20%;border:1px solid #6cb1ff20;border-radius:50%;pointer-events:none}
.identity-label{font-size:8px;letter-spacing:.13em;color:#9cbce0}
.profile-page .profile-avatar{background:#1d3857;color:#b5d4fb;box-shadow:0 0 0 7px #6aabff0a;border:1px solid #567ca3}
.profile-page .identity-avatar{width:100px;height:100px;font-size:32px}
.profile-page .identity-card strong{font-size:17px;overflow-wrap:anywhere;color:#f0f4f9;line-height:1.4}
.profile-overview-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:start;margin-bottom:28px}
.profile-overview-grid>.panel{margin:0}
.profile-page .profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;background:#0d1621;padding:20px;border:1px solid #263c53;border-radius:13px;font-size:13px;overflow-wrap:anywhere}
.profile-page .profile-summary span{font-size:10px;color:#9bb0c7;margin-bottom:8px}
.profile-page .profile-edit-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:36px}
.profile-page .photo-editor{border-right:0;padding:28px 24px;background:#0d1621;border:1px dashed #3e5c7c;border-radius:16px;align-self:start}
.profile-page .photo-editor h3{font-size:23px;color:#e7eff8}
.profile-page .photo-editor p{font-size:12px;color:#9fb1c5}
.profile-page .editable-avatar{width:110px;height:110px;font-size:34px}
.profile-page .profile-save{border-color:#2b3c4f;margin-top:28px}
.profile-page .membership-card{position:relative;isolation:isolate;overflow:hidden;min-height:210px;border-radius:16px;border:1px solid #527daf;background:linear-gradient(125deg,#1c5084,#142c47 65%,#152235);padding:26px}
.profile-page .membership-card::after{content:"";position:absolute;z-index:-1;width:250px;height:250px;right:-55px;top:-70px;border:1px solid #a1ccff30;box-shadow:0 0 0 36px #8fc2ff08,0 0 0 72px #8fc2ff05;border-radius:50%}
.profile-page .membership-card strong{font-size:31px;font-weight:650;margin-top:26px}
.profile-page .membership-brand{color:#c3dcf8;letter-spacing:.2em}
.profile-page .membership-card #subscriptionPeriod{color:#b8cee7}
.profile-page .subscription-summary{grid-template-columns:minmax(0,1fr);gap:24px}
.profile-page .subscription-facts{gap:20px}
.profile-page .subscription-facts dt{color:#93a8be;font-size:10px}
.profile-page .subscription-facts dd{font-size:14px;color:#dee7f2}
.profile-page .subscription-esim{padding-top:22px;margin-top:24px}
.profile-page .subscription-esim h3{font-size:18px;color:#e4eef8}
.profile-page .subscription-details summary{color:#bfd6ef;min-height:44px;display:flex;align-items:center}
.profile-page .subscription-details .subscription-facts dd{font-size:12px}
.profile-page .subscription-esim .subscription-facts dd{font-size:12px}
.profile-page .plan-status[data-tone=active]{background:#1c4b3e;color:#b1edd5}
.profile-page .plan-status[data-tone=warning]{background:#584a2c;color:#ffe0a0}
.profile-page .plan-status[data-tone=inactive]{background:#532d3b;color:#ffc2d1}

/* Vehicle overview: a quiet illustration, followed by actual vehicle data. */
.dashboard-page .vehicle-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);align-items:center;gap:24px}
.dashboard-page .vehicle-hero h1{font-size:clamp(32px,3.4vw,48px);margin:18px 0;line-height:1.12}
.dashboard-page .vehicle-hero h1 br{display:initial}
.dashboard-page .vehicle-hero h1 span{color:#a1c7fa}
.dashboard-page .section-copy{font-size:13px;line-height:1.9;color:#b3c3d5;margin:0;max-width:500px}
.dashboard-page .vehicle-selector-wrap{margin-top:24px;gap:12px}
.dashboard-page .vehicle-selector-wrap label{width:100%;font-size:10px;letter-spacing:.05em}
.dashboard-page .vehicle-selector-wrap select{width:min(100%,420px);background:#0b1725;border-color:#42678d}
.dashboard-page .vehicle-card{margin-top:24px;padding-top:22px;border-color:#426080}
.dashboard-page .vehicle-name{font-size:26px;letter-spacing:-.035em;line-height:1.3;flex-wrap:wrap;color:#eef5fc}
.dashboard-page .vehicle-meta{font-size:11px;color:#a8bbd1;gap:9px 20px;line-height:1.8}
.dashboard-page .vehicle-meta b{color:#c7d7e9;font-weight:500}
.vehicle-scene{position:relative;min-height:270px;display:grid;place-items:center;isolation:isolate;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at center,#3679bf25,transparent 65%)}
.vehicle-scene::before,.vehicle-scene::after{content:"";position:absolute;border:1px solid #619fe52c;border-radius:50%;width:260px;height:95px;bottom:42px;transform:rotate(-12deg);z-index:-1}
.vehicle-scene::after{width:320px;height:125px;bottom:25px;border-color:#619fe514}
.vehicle-scene svg{width:100%;max-width:390px;overflow:visible}
.vehicle-scene-label{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#7ea4d0;letter-spacing:.15em;font-size:8px}
.dashboard-page .kpi-grid{gap:16px;margin-bottom:28px}
.dashboard-page .kpi{position:relative;padding:24px;border-top:1px solid #3c6086;border-radius:16px}
.dashboard-page .kpi:nth-child(n){border-color:#304963}
.dashboard-page .kpi>span{font-size:11px;color:#a6b7ca}
.dashboard-page .kpi>strong{font-size:34px;color:#ebf2fb;font-weight:600;margin-top:18px;font-variant-numeric:tabular-nums}
.dashboard-page .dashboard-grid{display:block}
.dashboard-page .stack{display:block;margin-bottom:28px}
.dashboard-page .guardian-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0 32px;border-color:#355778;background:linear-gradient(135deg,#152131,#121923 75%)}
.dashboard-page .guardian-panel>.panel-header{grid-column:1/-1}
.dashboard-page .guardian-panel>.live-status-visual{display:none}
.vehicle-status-body{min-width:0}
.dashboard-page .guardian-mode-box{margin:0;padding:0 0 0 30px;border-top:0;border-left:1px solid #34506d;grid-column:2;grid-row:2}
.dashboard-page .guardian-mode-box select{width:100%;margin-top:3px}
.dashboard-page .guardian-mode-box label{font-size:12px;line-height:1.6;margin-bottom:12px}
.dashboard-page .guardian-description{font-size:12px;line-height:1.8;color:#9fb3cb}
.dashboard-page .guardian-panel>#liveMessage{grid-column:1/-1}
.dashboard-page .vehicle-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-page .vehicle-status-card{background:#0d1723;border:1px solid #2e4762;border-radius:12px;padding:20px}
.dashboard-page .vehicle-status-card span{color:#97afc8;font-size:10px}
.dashboard-page .vehicle-status-card strong{color:#e1edfa;font-size:18px}
.dashboard-page .live-facts{color:#9fb2c9;font-size:11px;line-height:1.8}
.dashboard-page .parking-layout{grid-template-columns:260px minmax(0,1fr);gap:25px}
.dashboard-page .park-item{border:1px solid #304358;background:#0d1621;border-radius:12px;padding:20px;transition:background .2s,border-color .2s}
.dashboard-page .park-item:is(:hover,.is-active,[aria-pressed=true]){background:#192e45;border-color:#6896c6}
.dashboard-page .park-item strong{font-size:13px;color:#e3edf8;line-height:1.5}
.dashboard-page .park-item>span{font-size:11px;color:#a0b4cc;line-height:1.8}
.dashboard-page :is(.map-card,.data-card,.events-card){border-color:#2a3d51;background:#0e1721;border-radius:15px}
.dashboard-page :is(.data-row,.coord){font-size:12px}
.dashboard-page .data-row strong{color:#dfebf7}
.dashboard-page :is(.map-card,.data-card,.events-card) .panel-title{font-size:19px}
.dashboard-page .park-map,.dashboard-page .route-map{border:1px solid #344c64;background:#122132}
.dashboard-page :is(.summary-stat,.energy-card){background:#0d1722;border:1px solid #2b425a;border-radius:14px}
.dashboard-page .summary-stat strong{color:#d9eaff;font-size:28px;font-variant-numeric:tabular-nums}
.dashboard-page .summary-stat span{color:#9cb0c7;font-size:11px}
.dashboard-page .energy-card h3{font-size:15px;color:#c5ddf8}
.dashboard-page .energy-number{color:#b2d6ff}
.dashboard-page .energy-card p{font-size:12px;color:#9bafc6;line-height:1.7}
.dashboard-page th{background:#182433;color:#b4c9df;font-size:10px;padding:15px;border-color:#34485d}
.dashboard-page td{border-color:#27394b;padding:19px 15px;font-size:12px;color:#c9d7e6}
.dashboard-page tr:hover td{background:#172637}
.dashboard-page .toolbar{gap:18px}
.dashboard-page .toolbar label{font-size:12px;color:#a9b9cc}
.dashboard-page .event-row{border-color:#2d4054}
.dashboard-page .event-row strong{color:#dbe9f8;font-size:14px}
.dashboard-page .event-row div>span{color:#9cafc7;font-size:12px}
.dashboard-page .event-button:hover{background:#192b40}
.dashboard-page .camera-view{border:1px solid #35516e;background:radial-gradient(ellipse at center,#152c45,#09111b 75%);border-radius:15px}
.dashboard-page .camera-placeholder{color:#a9bed6;font-size:13px;line-height:1.8}
.dashboard-page .camera-state{background:#11253bea;border:1px solid #3b6085;color:#c5dffc}
.dashboard-page .service-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #385f88;border-radius:12px;background:#1a3049;color:#a8ceff;margin-bottom:24px}
.dashboard-page .services-grid{gap:24px}
.dashboard-page dialog{background:#141f2d;color:#e6eef7;border-color:#4d6b8c}
.dashboard-page dialog p{color:#b0c1d5}
.dashboard-page dialog::backdrop{background:#03070bd9}

@media(max-width:1200px){
  :is(.profile-page,.dashboard-page) .app{grid-template-columns:208px minmax(0,1fr)}
  :is(.profile-page,.dashboard-page) .content{padding:30px 26px 60px}
  :is(.profile-page,.dashboard-page) .topbar{padding-inline:26px}
  :is(.profile-page,.dashboard-page) :is(.profile-hero,.vehicle-hero){padding:32px}
  .profile-page .profile-hero{gap:26px;grid-template-columns:1.1fr .9fr}
  .profile-page .profile-hero h1{font-size:40px}
  .profile-overview-grid{grid-template-columns:minmax(0,1fr)}
  .profile-page .subscription-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .profile-page .profile-edit-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
  .dashboard-page .vehicle-hero{grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr)}
  .dashboard-page .vehicle-hero h1{font-size:37px}
  .vehicle-scene{min-height:240px}
  .dashboard-page .kpi{padding:20px}
  .dashboard-page .parking-layout{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:1000px){
  .profile-page .profile-edit-layout{grid-template-columns:minmax(0,1fr)}
  .profile-page .photo-editor{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px 24px;padding:24px}
  .profile-page .photo-editor .editable-avatar{grid-row:1/4;margin-bottom:0}
  .profile-page .photo-editor :is(h3,p,.photo-actions){margin:0}
  .profile-page .photo-editor :is(.section-note,.security-message){grid-column:1/-1}
  .dashboard-page .vehicle-hero{grid-template-columns:minmax(0,1fr)}
  .vehicle-scene{display:none}
  .dashboard-page .guardian-panel{grid-template-columns:minmax(0,1fr)}
  .dashboard-page .guardian-mode-box{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #34506d;margin-top:28px;padding:24px 0 0}
  .dashboard-page .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-page .parking-layout{grid-template-columns:minmax(0,1fr)}
  .dashboard-page .park-list{display:flex;overflow-x:auto;max-height:none;padding-bottom:12px}
  .dashboard-page .park-item{min-width:230px;max-width:260px}
}
@media(max-width:800px){
  :is(.profile-page,.dashboard-page) .app{grid-template-columns:minmax(0,1fr)}
  :is(.profile-page,.dashboard-page) .sidebar{width:280px;padding-inline:20px}
  :is(.profile-page,.dashboard-page) .topbar{padding:14px 20px;min-height:76px}
  :is(.profile-page,.dashboard-page) .content{padding:25px 20px 50px}
  :is(.profile-page,.dashboard-page) .mobile-backdrop.visible{background:#02060bc9;backdrop-filter:blur(5px)}
  :is(.profile-page,.dashboard-page) .profile-hero{grid-template-columns:1.2fr .8fr}
  .profile-page .profile-hero h1{font-size:39px}
  .profile-page .identity-card{padding:24px 16px}
  .portal-section-nav a{padding-inline:14px}
  .dashboard-page .vehicle-hero{grid-template-columns:1.25fr .75fr}
  .vehicle-scene{display:grid;min-height:210px}
}
@media(max-width:600px){
  :is(.profile-page,.dashboard-page) .content{padding:20px 16px 40px}
  :is(.profile-page,.dashboard-page) .panel{padding:24px 20px;border-radius:17px}
  :is(.profile-page,.dashboard-page) .topbar{padding-inline:16px;gap:10px}
  :is(.profile-page,.dashboard-page) .page-title{font-size:14px}
  :is(.profile-page,.dashboard-page) .page-kicker{font-size:8px}
  :is(.profile-page,.dashboard-page) .top-button{min-height:40px;padding:9px 12px;font-size:11px}
  :is(.profile-page,.dashboard-page) :is(.profile-hero,.vehicle-hero){padding:28px 23px;border-radius:20px}
  .profile-page .profile-hero{display:flex;flex-direction:column;align-items:stretch;gap:28px}
  .profile-page .profile-hero h1{font-size:36px;margin-block:18px}
  .profile-page .profile-hero p{font-size:13px}
  .profile-hero-links{gap:20px;margin-top:18px}
  .profile-page .identity-card{display:grid;grid-template-columns:62px 1fr;gap:7px 16px;text-align:left;padding:19px;align-items:center}
  .profile-page .identity-label{grid-column:2;font-size:7px}
  .profile-page .identity-avatar{grid-column:1;grid-row:1/4;width:62px;height:62px;font-size:23px}
  .profile-page .identity-card strong{font-size:15px;grid-column:2}
  .profile-page .identity-card .chip{display:inline-flex;grid-column:2;justify-self:start;font-size:8px;padding:5px 9px}
  .profile-page .subscription-summary{grid-template-columns:minmax(0,1fr)}
  .profile-page .photo-editor{display:flex;flex-direction:column;align-items:flex-start;padding:23px}
  .profile-page .photo-editor .editable-avatar{margin-bottom:10px}
  .profile-page .photo-editor .photo-actions{margin-block:8px}
  .profile-page .photo-editor h3{font-size:22px}
  .profile-page .profile-summary{padding:18px;gap:20px 15px;font-size:12px}
  .profile-page .membership-card{min-height:205px}
  .dashboard-page .vehicle-hero{grid-template-columns:minmax(0,1fr);gap:5px}
  .dashboard-page .vehicle-hero h1{font-size:35px}
  .dashboard-page .vehicle-name{font-size:23px}
  .vehicle-scene{display:none}
  .dashboard-page .vehicle-selector-wrap select{width:100%}
  .dashboard-page .kpi-grid{gap:12px}
  .dashboard-page .kpi{padding:21px 17px}
  .dashboard-page .kpi>span{font-size:10px}
  .dashboard-page .kpi>strong{font-size:29px}
  .portal-section-nav{margin-bottom:22px}
  .portal-section-nav a{padding:8px 12px;font-size:10px}
  .dashboard-page .guardian-panel{display:block}
  .dashboard-page .guardian-mode-box{padding-top:23px}
  .dashboard-page .panel-title,:is(.profile-page,.dashboard-page) .section-topline h2{font-size:23px}
  .dashboard-page .summary-stat strong{font-size:24px}
  .dashboard-page .data-row{gap:15px;line-height:1.8}
  .dashboard-page .table-wrap{margin-inline:-4px}
}
@media(prefers-reduced-motion:reduce){:is(.profile-page,.dashboard-page) *{scroll-behavior:auto;transition:none!important;animation:none!important}}