.optional{display:inline;color:#8792a2;font-weight:500;margin-left:4px}
.hidden-field{display:none!important}
.brand-logo{width:76px;height:44px;object-fit:contain;flex:0 0 auto}
.auth-logo{width:86px;height:50px}
.sidebar .brand-logo{width:75px;height:46px}
.landing header .brand-logo{background:rgba(255,255,255,.95);border-radius:10px;padding:5px}
.landing-minimal{min-height:100vh;background:radial-gradient(circle at 50% 45%,rgba(49,124,245,.12),transparent 34%),linear-gradient(135deg,#fbfaf7,#f3f6fa);color:#10213a;overflow:hidden}
.landing-minimal:before{background:radial-gradient(circle at 50% 45%,rgba(49,124,245,.12),transparent 33%),linear-gradient(135deg,#fbfaf7,#f3f6fa)}
.minimal-login{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:40px 24px}
.minimal-login-inner{width:min(850px,92vw);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-2vh)}
.minimal-main-logo{display:block;width:min(780px,78vw);height:auto;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(26,68,137,.10))}
.minimal-login-btn{margin-top:42px;min-width:190px;border:0;border-radius:13px;padding:14px 27px;background:#1464ef;color:#fff;font-weight:700;box-shadow:0 12px 28px rgba(20,100,239,.25);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.minimal-login-btn:hover{transform:translateY(-2px);background:#0f58d8;box-shadow:0 16px 32px rgba(20,100,239,.30)}
.minimal-login-btn:active{transform:translateY(0)}
.minimal-login-inner>p{margin:18px 0 0;color:#7d8796;font-size:13px}
.landing-minimal .modal{background:rgba(15,29,49,.42)}
.landing-minimal .auth-card{border:1px solid rgba(218,226,237,.9);box-shadow:0 30px 90px rgba(22,42,72,.22)}
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:hidden}
 body.app-body{padding:0 0 calc(76px + env(safe-area-inset-bottom));overflow-x:hidden}
 .topbar{position:sticky;top:0;display:grid;grid-template-columns:1fr;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;background:#fff}
 .topbar>div:first-child{width:100%;min-width:0}.topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .search{order:2;width:100%;margin:0}.main-view{padding:16px 14px 32px}
 .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(72px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);align-items:stretch;box-shadow:0 -8px 28px rgba(20,35,59,.09)}
 .mobile-nav>button,.mobile-fy>button{min-width:0;width:100%;height:100%;padding:7px 2px 5px;gap:4px;font-size:10px;line-height:1;border-radius:0}
 .mobile-nav>button span{font-size:20px;line-height:1}.mobile-nav small,.mobile-fy small{display:block;font-size:9px;white-space:nowrap}
 .mobile-fy{height:100%;min-width:0;position:relative}.mobile-fy>button{border:0;background:transparent;color:#657287;display:flex;flex-direction:column;align-items:center;justify-content:center}
 .mobile-fy .fy-circle{width:34px;height:34px;margin:0;border-radius:11px;font-size:11px}
 .mobile-fy .fy-menu{position:absolute;left:auto;right:4px;bottom:78px;width:min(220px,calc(100vw - 24px));transform:none;padding:8px;border-radius:15px}
 .mobile-fy .fy-menu button{font-size:13px;padding:12px}
 .stats{grid-template-columns:1fr 1fr}.stats article{min-width:0}.stats article b{font-size:17px;overflow-wrap:anywhere}
 .section-head{align-items:center;gap:8px}.section-head h2{font-size:19px}.section-head .btn{flex:0 0 auto;font-size:12px;padding:10px 11px}
 .vehicle-grid{grid-template-columns:1fr}.vehicle-card{width:100%}.vehicle-image{height:190px}
 .modal{align-items:flex-end;padding:0}.modal-card,.wide-card{width:100%;max-width:none;max-height:91vh;border-radius:20px 20px 0 0;padding:24px 17px calc(24px + env(safe-area-inset-bottom))}
 .form-grid{grid-template-columns:1fr;gap:0}.form-grid .wide{grid-column:1}
 .detail{grid-template-columns:1fr}.detail-image{min-height:235px}.detail-copy{padding:20px}.detail-grid{grid-template-columns:1fr 1fr;gap:8px}
 .welcome{height:185px;padding:24px 20px}.welcome h2{font-size:21px}.welcome p{font-size:13px;max-width:70%}
 .landing header{padding-top:env(safe-area-inset-top)}
 .landing .brand-logo{width:68px;height:40px}
 .landing-minimal{overflow:hidden}
 .minimal-login{padding:calc(30px + env(safe-area-inset-top)) 22px calc(30px + env(safe-area-inset-bottom))}
 .minimal-login-inner{width:100%;transform:translateY(-3vh)}
 .minimal-main-logo{width:min(100%,520px)}
 .minimal-login-btn{width:min(220px,70vw);margin-top:34px;padding:14px 22px}
 .minimal-login-inner>p{font-size:12px;margin-top:15px}
 .landing-minimal .modal{align-items:flex-end}
 .landing-minimal .modal-card{border-radius:22px 22px 0 0}
}
@media(min-width:391px) and (max-width:430px){
 .main-view{padding-left:15px;padding-right:15px}
 .topbar{padding-left:17px;padding-right:17px}
 .vehicle-image{height:205px}
 .hero{padding:68px 22px 55px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:16px}
 .modal-card,.wide-card{padding-left:20px;padding-right:20px}
 .minimal-main-logo{width:100%}
 .minimal-login-btn{margin-top:38px}
 .landing-minimal .auth-card{padding:26px 21px calc(25px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){.stats{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.mobile-nav small,.mobile-fy small{font-size:8px}}