@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
      --text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);
      --text-sm:clamp(0.875rem,0.8rem + 0.35vw,1rem);
      --text-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);
      --text-lg:clamp(1.125rem,1rem + 0.75vw,1.5rem);
      --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;
      --space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;
      --radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;
      --radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;
      --transition:180ms cubic-bezier(0.16,1,0.3,1);
      --font-body:'Satoshi','Inter',sans-serif;
    }
    [data-theme="dark"]{
      --hero-bg: linear-gradient(135deg, #0d2a4a 0%, #071828 100%);
      --color-bg:#0f0f0d;--color-surface:#171614;--color-surface-2:#1d1c1a;
      --color-surface-3:#232220;--color-surface-4:#2a2927;
      --color-divider:#2c2b29;--color-border:#363533;
      --color-text:#e8e7e4;--color-text-muted:#8a8986;--color-text-faint:#5a5957;
      --color-primary:#3d8ef5;--color-primary-hover:#1a6fd4;--color-primary-glow:rgba(61,142,245,0.15);
      --color-success:#6daa45;--color-success-bg:rgba(109,170,69,0.12);
      --color-warning:#fdab43;--color-warning-bg:rgba(253,171,67,0.12);
      --color-error:#dd6974;--color-error-bg:rgba(221,105,116,0.12);
      --shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 12px 40px rgba(0,0,0,0.5);
    }
    [data-theme="light"]{
      --hero-bg: linear-gradient(135deg, #e8f0fb 0%, #dce8f7 100%);
      --color-bg:#f4f3ef;--color-surface:#f9f8f5;--color-surface-2:#ffffff;
      --color-surface-3:#f0ede8;--color-surface-4:#ebe8e2;
      --color-divider:#dcd9d5;--color-border:#d1cec8;
      --color-text:#1e1d1b;--color-text-muted:#6a6966;--color-text-faint:#b0afa9;
      --color-primary:#1a4a7a;--color-primary-hover:#0f3360;--color-primary-glow:rgba(26,74,122,0.12);
      --color-success:#437a22;--color-success-bg:rgba(67,122,34,0.10);
      --color-warning:#964219;--color-warning-bg:rgba(150,66,25,0.10);
      --color-error:#a12c7b;--color-error-bg:rgba(161,44,123,0.10);
      --shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.10);--shadow-lg:0 12px 40px rgba(0,0,0,0.14);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    html{height:100%;width:100%;max-width:100%;overflow:hidden;overflow-x:hidden;-webkit-text-size-adjust:none;}
    body{overflow:hidden;overflow-x:hidden;max-width:100vw;height:100dvh;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition);background-image:radial-gradient(ellipse at 20% 0%,rgba(61,142,245,0.07) 0%, transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(61,142,245,0.05) 0%,transparent 60%);}
    button{cursor:pointer;background:none;border:none;font:inherit;color:inherit;}
    input,select,textarea{font:inherit;color:inherit;}
    .app {display:flex;flex-direction:column;height:100dvh;width:100%;max-width:480px;margin:0 auto;overflow:hidden;background:var(--color-bg);border-left:none;border-right:none;box-shadow:none;}
    .topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-divider);position:sticky;top:0;z-index:100;}
    .topbar-logo{display:flex;align-items:center;gap:var(--space-2);}
    .topbar-logo svg{color:var(--color-primary);}
    .topbar-title{font-size:var(--text-base);font-weight:700;letter-spacing:-0.02em;}
    .topbar-actions{display:flex;gap:var(--space-2);align-items:center;}
    .icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:var(--color-text-muted);transition:background var(--transition),color var(--transition);}
    .icon-btn:hover,.icon-btn:active{background:var(--color-surface-3);color:var(--color-text);}
    .user-avatar{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--color-primary);object-fit:cover;cursor:pointer;}
    .user-avatar-placeholder{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--color-primary);background:var(--color-primary-glow);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-weight:700;font-size:var(--text-xs);cursor:pointer;}
    .guest-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--color-surface-3);color:var(--color-text-muted);border:1px solid var(--color-border);transition:all var(--transition);}
    .guest-btn:active{opacity:0.8;}
    .main{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--space-4);}
    .bottom-nav{display:flex;background:var(--color-surface);border-top:1px solid var(--color-divider);padding:var(--space-2) var(--space-6);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));}
    .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);color:var(--color-text-faint);font-size:0.65rem;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;transition:color var(--transition);border-radius:var(--radius-md);position:relative;}
    .nav-item.active{color:var(--color-primary);}
    .nav-item:active{background:var(--color-surface-3);}
    .nav-dot{position:absolute;top:6px;right:calc(50% - 14px);width:6px;height:6px;background:var(--color-error);border-radius:var(--radius-full);display:none;}
    .nav-dot.visible{display:block;}
    .view{display:none !important;}
    .view.active{display:block !important;}
    #view-welcome.active{display:flex !important;flex-direction:column;}
    #view-home .two-col-grid {display:grid;grid-template-columns:1fr;gap:var(--space-5);}
    .welcome-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100dvh - 65px);padding:var(--space-8);gap:var(--space-6);overflow-y:auto;}
    .welcome-brand{font-size:2.8rem;font-weight:700;letter-spacing:-0.03em;}
    .welcome-sub{font-size:var(--text-sm);color:var(--color-text-muted);max-width:26ch;line-height:1.6;text-align:center;}
    .welcome-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:380px;}
    .btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:600;transition:all var(--transition);box-shadow:var(--shadow-sm);}
    .btn-google:active{background:var(--color-surface-3);transform:scale(0.98);}
    .btn-guest{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:all var(--transition);}
    .btn-guest:active{background:var(--color-surface-3);}
    .welcome-divider{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:380px;}
    .welcome-divider::before,.welcome-divider::after{content:'';flex:1;height:1px;background:var(--color-divider);}
    .welcome-divider span{font-size:var(--text-xs);color:var(--color-text-faint);}
    .welcome-note{font-size:var(--text-xs);color:var(--color-text-faint);text-align:center;max-width:28ch;line-height:1.5;}
    .cloud-banner{margin:0 var(--space-5);background:var(--color-primary-glow);border:1px solid rgba(61,142,245,0.25);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-3);}
    .cloud-banner-text{flex:1;font-size:var(--text-xs);line-height:1.5;color:var(--color-text-muted);}
    .cloud-banner-text strong{color:var(--color-primary);display:block;margin-bottom:2px;}
    .cloud-banner-btn{font-size:var(--text-xs);font-weight:700;color:var(--color-primary);white-space:nowrap;padding:var(--space-2) var(--space-3);background:var(--color-primary-glow);border-radius:var(--radius-lg);border:1px solid rgba(61,142,245,0.3);transition:all var(--transition);}
    .cloud-banner-btn:active{opacity:0.7;}
    .section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5) 0;}
    .section-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.08em;}
    .section-action{font-size:var(--text-xs);color:var(--color-primary);font-weight:500;}
    .section-action:active{opacity:0.7;}
    .kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);}
    .kpi-icon{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);}
    .kpi-value{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;}
    .kpi-label{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.2;}
    .maint-list{display:flex;flex-direction:column;gap:var(--space-3);}
    .maint-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:background var(--transition);}
    .maint-item:active{background:var(--color-surface-3);}
    .maint-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0;}
    .maint-content{flex:1;min-width:0;}
    .maint-name{font-size:var(--text-sm);font-weight:500;}
    .maint-meta{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;gap:var(--space-3);margin-top:2px;}
    .dot-ok{background:var(--color-success);}
    .dot-warn{background:var(--color-warning);}
    .dot-alert{background:var(--color-error);}
    .filter-bar{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5);overflow-x:auto;scrollbar-width:none;}
    .filter-bar::-webkit-scrollbar{display:none;}
    .filter-chip{display:flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);transition:all var(--transition);cursor:pointer;}
    .filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;}
    .log-list{display:flex;flex-direction:column;gap:var(--space-2);}
    .log-full-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4) var(--space-5);}
    .log-entry{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);cursor:pointer;transition:background var(--transition);}
    .log-entry:active{background:var(--color-surface-3);box-shadow:var(--shadow-sm);}
    .log-entry:not([onclick]){opacity:0.7;position:relative;}
    .log-entry:not([onclick])::after{content:'👁️ Somente visualização';position:absolute;top:4px;right:8px;font-size:0.65rem;color:var(--color-text-muted);background:var(--color-surface-offset);padding:0 6px;border-radius:var(--radius-full);}
    .log-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);}
    .log-title{font-size:var(--text-sm);font-weight:600;}
    .log-vehicle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;}
    .log-cost{font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;}
    .log-divider{height:1px;background:var(--color-divider);margin:0;}
    .log-details{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);}
    .log-detail-row{display:flex;align-items:center;gap:var(--space-2);}
    .log-detail-row i{font-size:13px;flex-shrink:0;}
    .vehicle-full-list{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);}
    .overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);z-index:300;opacity:0;pointer-events:none;transition:opacity 0.2s ease;}
    .overlay.open{opacity:1;pointer-events:all;}
    .sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:100%;max-width:560px;background:var(--color-surface-2);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-5);padding-bottom:max(var(--space-8),env(safe-area-inset-bottom));z-index:400;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);max-height:90dvh;overflow-y:auto;}
    .sheet.open{transform:translateX(-50%) translateY(0);}
    .sheet-handle{width:36px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin:0 auto var(--space-5);}
    .sheet-title{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-5);text-align:center;}
    .form-group{margin-bottom:var(--space-4);}
    .form-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--space-2);}
    .form-input{width:100%;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);outline:none;transition:border-color var(--transition),box-shadow var(--transition);}
    .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);}
    .form-select{width:100%;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);outline:none;-webkit-appearance:none;transition:border-color var(--transition);}
    .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);}
    .btn-primary{width:100%;background:var(--color-primary);color:#fff;border-radius:var(--radius-xl);padding:var(--space-4);font-size:var(--text-sm);font-weight:700;text-align:center;transition:background var(--transition),transform var(--transition);box-shadow:0 4px 16px rgba(61,142,245,0.3);margin-top:var(--space-4);}
    .btn-primary:active{background:var(--color-primary-hover);transform:scale(0.98);}
    .btn-primary:disabled{opacity:0.5;cursor:not-allowed;}
    .storage-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider);font-size:var(--text-sm);}
    .storage-row:last-of-type{border-bottom:none;}
    .storage-label{color:var(--color-text-muted);}
    .badge-cloud{background:var(--color-success-bg);color:var(--color-success);font-size:var(--text-xs);font-weight:600;padding:2px 10px;border-radius:var(--radius-full);}
    .badge-local{background:var(--color-warning-bg);color:var(--color-warning);font-size:var(--text-xs);font-weight:600;padding:2px 10px;border-radius:var(--radius-full);}
    .sync-badge{display:inline-flex;align-items:center;gap:4px;font-size:0.65rem;font-weight:600;color:var(--color-success);padding:2px 8px;background:var(--color-success-bg);border-radius:var(--radius-full);}
    .sync-badge.syncing{color:var(--color-warning);background:var(--color-warning-bg);}
    .sync-badge.offline{color:var(--color-text-muted);background:var(--color-surface-offset);}
    .empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-8);color:var(--color-text-muted);}
    .empty-state-icon{color:var(--color-text-faint);margin-bottom:var(--space-4);}
    .empty-state h3{color:var(--color-text);font-size:var(--text-base);margin-bottom:var(--space-2);}
    .empty-state p{font-size:var(--text-sm);max-width:28ch;margin-bottom:var(--space-5);}
    .loading-screen{position:fixed;inset:0;background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;gap:var(--space-4);}
    .loading-screen.hidden{display:none;}
    .spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.7s linear infinite;}
    @keyframes spin{to{transform:rotate(360deg);}}
    .migration-card{background:var(--color-surface-3);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center;}
    .migration-card .icon{font-size:2rem;margin-bottom:var(--space-3);}
    .migration-card h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2);}
    .migration-card p{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6;}
    .btn-secondary{width:100%;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-xl);padding:var(--space-3);font-size:var(--text-sm);font-weight:600;transition:all var(--transition);margin-top:var(--space-2);}
    .btn-secondary:active{background:var(--color-surface-3);}
    .toast{position:fixed;bottom:calc(80px + var(--space-4));left:50%;transform:translateX(-50%) translateY(20px);background:var(--color-surface-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);font-size:var(--text-xs);font-weight:600;white-space:nowrap;z-index:500;opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:var(--shadow-md);}
    .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
    .rec-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-5);}
    .rec-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);border-radius:var(--radius-xl);border:1.5px solid var(--color-border);background:var(--color-surface-3);color:var(--color-text-muted);font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;transition:all var(--transition);}
    .rec-type-btn .rt-icon{font-size:1.4rem;line-height:1;}
    .rec-type-btn.active-credit{border-color:#6daa45;background:rgba(109,170,69,0.15);color:#6daa45;}
    .rec-type-btn.active-expense{border-color:#dd6974;background:rgba(221,105,116,0.15);color:#dd6974;}
    .rec-type-btn.active-maint{border-color:#3d8ef5;background:rgba(61,142,245,0.15);color:#3d8ef5;}
    .rec-type-btn.active-fuel{border-color:#fdab43;background:rgba(253,171,67,0.15);color:#fdab43;}
    .form-section{display:none;}
    .form-section.visible{display:block;}
    .main::-webkit-scrollbar{width:4px;}
    .main::-webkit-scrollbar-track{background:transparent;}
    .main::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);}
    .maint-item-card{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:0;}
    .maint-item-card .item-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-2);}
    .maint-item-card .item-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:3px;}
    .maint-item-card .item-input{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text);outline:none;}
    .maint-item-card .item-input:focus{border-color:var(--color-primary);}
    .maint-item-card .item-header{display:flex;align-items:center;gap:var(--space-2);}
    .report-bar-wrap{display:flex;flex-direction:column;gap:var(--space-3);}
    .report-bar{display:flex;flex-direction:column;gap:var(--space-1);}
    .report-bar-label{display:flex;justify-content:space-between;font-size:var(--text-xs);}
    .report-bar-track{height:6px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:hidden;}
    .report-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 0.4s ease;}
    .reminder-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);}
    .reminder-card:active{background:var(--color-surface-3);}
    .reminder-icon{width:44px;height:44px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
    .reminder-content{flex:1;min-width:0;}
    .reminder-title{font-size:var(--text-sm);font-weight:600;}
    .reminder-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;}
    .reminder-badge{font-size:0.65rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap;}
    #heroCardList{display:flex;flex-direction:column;gap:var(--space-3);}
    .vinfo-grid{display:flex;flex-direction:column;gap:5px;}
    .vinfo-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);}
    .vinfo-label{color:var(--color-text-muted);flex-shrink:0;margin-right:var(--space-3);}
    .vinfo-value{font-weight:500;text-align:right;word-break:break-all;}
    .settings-menu-item {display: flex; align-items: center; gap: var(--space-3);width: 100%; padding: var(--space-3) var(--space-2);background: none; border: none; border-bottom: 1px solid var(--color-border);cursor: pointer; text-align: left; transition: background var(--transition);}
    .settings-menu-item:last-child { border-bottom: none; }
    .settings-menu-item:active { background: var(--color-surface-2); }
    .settings-menu-icon {width: 40px; height: 40px; border-radius: var(--radius-lg);display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
    .settings-menu-text { flex: 1; min-width: 0; }
    .settings-menu-label { font-size: var(--text-sm); font-weight: 600; color: var(--color-text); }
    .settings-menu-sub   { font-size: var(--text-xs); color: var(--color-text-muted); margin-top: 2px; }
    .settings-back-btn {display: flex; align-items: center; gap: var(--space-2);background: none; border: none; color: var(--color-primary);font-size: var(--text-sm); font-weight: 600; cursor: pointer;padding: 0; margin-bottom: var(--space-4);}
    .settings-item-row {display: flex; align-items: center; justify-content: space-between;padding: var(--space-3) var(--space-4); background: var(--color-surface);border: 1px solid var(--color-border); border-radius: var(--radius-lg);margin-bottom: var(--space-2);}
    .settings-toggle-row {display: flex; align-items: center; justify-content: space-between;padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border);}
    .toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; }
    .toggle-switch input { opacity: 0; width: 0; height: 0; }
    .toggle-track {position: absolute; inset: 0; background: var(--color-border);border-radius: 99px; transition: background .2s;}
    .toggle-track::before {content: ''; position: absolute; width: 18px; height: 18px;left: 3px; top: 3px; background: #fff; border-radius: 50%;transition: transform .2s;}
    .toggle-switch input:checked + .toggle-track { background: var(--color-primary); }
    .toggle-switch input:checked + .toggle-track::before { transform: translateX(20px); }
    .settings-menu-item {display: flex; align-items: center; gap: var(--space-3);width: 100%; padding: var(--space-3) var(--space-2);background: none; border: none; border-bottom: 1px solid var(--color-border);cursor: pointer; text-align: left; transition: background var(--transition);border-radius: 0;}
    .settings-menu-item:active { background: var(--color-surface-2); }
    .settings-menu-icon {width: 40px; height: 40px; border-radius: var(--radius-lg);display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
    .settings-menu-text { flex: 1; min-width: 0; }
    .settings-menu-label { font-size: var(--text-sm); font-weight: 600; color: var(--color-text); }
    .settings-menu-sub   { font-size: var(--text-xs); color: var(--color-text-muted); margin-top: 2px; }
    .settings-item-row {display: flex; align-items: center; justify-content: space-between;padding: var(--space-3) var(--space-4); background: var(--color-surface);border: 1px solid var(--color-border); border-radius: var(--radius-lg);margin-bottom: var(--space-2);}
    .settings-toggle-row {display: flex; align-items: center; justify-content: space-between;padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border);}
    .toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; }
    .toggle-switch input { opacity: 0; width: 0; height: 0; }
    .toggle-track {position: absolute; inset: 0; background: var(--color-border);border-radius: 99px; transition: background .2s;}
    .toggle-track::before {content: ''; position: absolute; width: 18px; height: 18px;left: 3px; top: 3px; background: #fff; border-radius: 50%;transition: transform .2s;}
    .toggle-switch input:checked + .toggle-track { background: var(--color-primary); }
    .toggle-switch input:checked + .toggle-track::before { transform: translateX(20px); }
    
    @media(min-width:600px) {
      .app{max-width:1200px;margin:0 auto;height:100dvh;border-left:1px solid var(--color-divider);border-right:1px solid var(--color-divider);box-shadow:0 0 80px rgba(0,0,0,0.18);}
      .bottom-nav{padding:var(--space-2) var(--space-6);justify-content:flex-start;}
      .nav-item{flex:none;flex-direction:row;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:0.7rem;}
      .section-header{padding:var(--space-6) var(--space-8) var(--space-3);}
      .filter-bar{padding:var(--space-4) var(--space-8);}
      .vehicle-full-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 var(--space-8);}
      #heroCardList{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px, 1fr));padding:0 var(--space-8);margin:0 0 var(--space-3) !important;}
      #view-home .two-col-grid{min-height:0;grid-template-columns:1fr 1fr;gap:var(--space-6);}
    }