.site-header{max-width:1240px;margin:auto;min-height:96px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.site-header nav{gap:30px;font-size:13px}.hero-preview{box-shadow:0 30px 80px #1027240b}.hero-preview>.vehicle-hero{margin:0 0 16px;min-height:220px}.hero-preview>.metric-grid{grid-template-columns:1fr 1fr;margin-bottom:20px}.hero-preview .metric strong{font-size:27px}.section>.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.section>.stats-grid .card{padding:30px}.sidebar-bottom{margin-top:auto;padding:25px 0 0;font-size:11px;overflow-wrap:anywhere}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-label{font-size:10px;letter-spacing:2px;margin:36px 15px 15px;color:var(--muted)}.content>.card,.content>.dashboard-grid,.content>.notice{margin-bottom:24px}.table-wrap{width:100%;overflow:auto}.form-error{color:#a43131;font-size:13px;line-height:1.5}.device-card{align-items:center}.device-card>.row{width:100%;margin-top:10px}.vehicle-visual>.icon{width:150px;height:110px;stroke-width:1}.metric-grid .stat-card{min-width:0;overflow-wrap:anywhere}.metric-grid .stat-value{font-size:25px}.auth-story>div>.icon{width:180px;height:150px;color:var(--lime);opacity:.6}.auth-story h1{font-size:clamp(36px,4vw,68px)}.auth-story>.brand{color:white}.auth-form .brand{margin-bottom:24px}.content .card + .card{margin-top:20px}.vehicle-card{display:block}.vehicle-hero .badge{position:relative;z-index:1}.maintenance-item>div{min-width:0;overflow-wrap:anywhere}.modal textarea{width:100%;font-family:monospace;resize:vertical}.legal-page{max-width:850px}.legal-page>.brand{margin-bottom:45px}.app-shell .icon{vertical-align:middle}.hero-copy>p{margin-top:24px}.hero-copy>p:last-child{font-size:11px}.hero .hero-copy{min-width:0}.hero .hero-visual{min-width:0}
@media(max-width:800px){.section>.stats-grid{grid-template-columns:1fr}.site-header{padding:18px 24px;min-height:80px}.site-header nav>a:first-child{display:none}.site-header nav{gap:10px}.hero-preview .metric strong{font-size:21px}.hero-preview>.vehicle-hero{min-height:180px}.hero-preview>.vehicle-hero h2{max-width:70%}.hero-preview .metric{padding:16px}.auth-form>.brand{display:inline-flex}.content>.dashboard-grid{display:grid;grid-template-columns:1fr}.content .settings-grid{grid-template-columns:1fr}.page-header .btn{font-size:11px;width:auto;height:auto;min-height:40px;padding:10px 12px}.notice{overflow-wrap:anywhere}.data-table{min-width:480px}}