:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--background);color:var(--text-primary);--mobile-card-bg:var(--surface);--mobile-card-border:var(--card-border);--mobile-card-radius:var(--card-radius);--mobile-card-shadow:var(--card-shadow);--mobile-card-hover-bg:var(--surface-muted);--mobile-card-badge-bg:var(--success-bg);--mobile-card-badge-color:var(--success);--mobile-card-icon-bg:var(--icon-bg);font-family:Inter,system-ui,sans-serif}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--background);color:var(--text-primary)}*{box-sizing:border-box}button,input,select,textarea{font:inherit}.app-shell,.app-shell *{-ms-overflow-style:none;scrollbar-width:none}.app-shell ::-webkit-scrollbar{width:0;height:0;display:none}.app-shell{background:var(--background);grid-template-columns:260px 1fr;height:100vh;display:grid;position:relative;overflow:hidden}.app-sidebar,.app-main{height:100vh;min-height:0}.app-sidebar{background:var(--surface);border-right:1px solid var(--border);-ms-overflow-style:none;scrollbar-width:none;padding:16px;transition:transform .25s,box-shadow .25s;position:relative;overflow-y:hidden}.app-sidebar:hover{overflow-y:auto}.app-sidebar::-webkit-scrollbar{display:none}.app-sidebar.mobile-open{-ms-overflow-style:none;scrollbar-width:none;transform:translate(0);box-shadow:0 24px 64px #0f172a29}.app-sidebar.mobile-open::-webkit-scrollbar{display:none}.app-overlay{opacity:0;pointer-events:none;z-index:15;background:#0f172a59;transition:opacity .25s;position:fixed;inset:0}.app-overlay.open{opacity:1;pointer-events:auto}.app-main{-ms-overflow-style:none;scrollbar-width:none;padding:24px;overflow-y:hidden}.app-main:hover{overflow-y:auto}.app-main::-webkit-scrollbar{display:none}.mobile-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:none}.mobile-nav-toggle{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.mobile-nav-toggle:hover,.mobile-nav-toggle:focus-visible{background:var(--surface-muted);border-color:var(--border);outline:none;transform:translateY(-1px)}.mobile-topbar-title{color:var(--text-primary);font-size:1rem;font-weight:700}.mobile-card-list{gap:12px;display:grid}.mobile-card{border:1px solid var(--mobile-card-border);border-radius:var(--mobile-card-radius);background:var(--mobile-card-bg);text-align:left;width:100%;box-shadow:var(--mobile-card-shadow);padding:18px;transition:background .2s,box-shadow .2s}.mobile-card:hover{background:var(--mobile-card-hover-bg)}.vehicle-card{gap:18px;display:grid}.vehicle-card-header{align-items:center;gap:clamp(10px,2vw,18px);display:flex}.vehicle-card-photo{background:var(--surface-muted);width:clamp(20px,16vw,140px);height:clamp(14px,11vw,95px);color:var(--text-secondary);background-position:50%;background-size:cover;border-radius:clamp(12px,2vw,18px);justify-content:center;align-items:center;font-size:clamp(12px,3vw,32px);font-weight:700;display:flex;overflow:hidden}.vehicle-card-info{flex:1}.vehicle-card-title{justify-content:space-between;align-items:center;gap:clamp(8px,1.5vw,12px);margin-bottom:clamp(8px,1.5vw,12px);display:flex}.vehicle-card-name{color:var(--text-primary);font-size:clamp(10px,2.5vw,18px);font-weight:700}.vehicle-card-badge{background:var(--mobile-card-badge-bg);color:var(--mobile-card-badge-color);white-space:nowrap;border-radius:9999px;padding:clamp(3px,1vw,6px) clamp(6px,2vw,12px);font-size:clamp(9px,1.1vw,12px);font-weight:700}.vehicle-card-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,1.5vw,10px) clamp(10px,3vw,24px);font-size:clamp(8px,1.4vw,14px);display:grid}.vehicle-card-meta-item{align-items:center;gap:clamp(6px,1.5vw,12px);display:flex}.vehicle-card-meta-icon,.vehicle-card-status-icon{background:var(--mobile-card-icon-bg);width:clamp(24px,5vw,34px);min-width:clamp(24px,5vw,34px);height:clamp(24px,5vw,34px);min-height:clamp(24px,5vw,34px);color:var(--icon-muted);border-radius:clamp(10px,2vw,12px);justify-content:center;align-items:center;display:flex}.vehicle-card-meta-icon{display:inline-flex}.vehicle-card-meta-icon svg,.vehicle-card-status-icon svg,.metric-card-icon svg,.nav-icon svg{stroke:currentColor;fill:none;width:clamp(12px,2vw,18px);height:clamp(12px,2vw,18px)}.vehicle-card-meta-copy{gap:clamp(3px,.8vw,4px);display:grid}.vehicle-card-meta-label{color:var(--text-muted);font-size:clamp(8px,1.2vw,13px)}.vehicle-card-meta-value{color:var(--text-primary);font-weight:500}.vehicle-card-status{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(clamp(90px,17vw,160px),1fr));gap:clamp(8px,2vw,16px);padding-top:clamp(8px,2vw,16px);display:grid}.vehicle-card-status-item{align-items:center;gap:clamp(6px,2vw,12px);display:flex}.vehicle-card-status-label{color:var(--text-muted);font-size:clamp(9px,1.2vw,12px)}.vehicle-card-status-value{color:var(--text-primary);margin-top:2px;font-size:clamp(11px,1.4vw,14px);font-weight:600}.vehicle-card-status-value.green,.vehicle-card-meta-value.green{color:var(--success)}.vehicle-card-status-value.orange,.vehicle-card-meta-value.orange{color:var(--warning)}.vehicle-card-status-value.red,.vehicle-card-meta-value.red{color:var(--danger)}.vehicle-card-status-value.blue,.vehicle-card-meta-value.blue{color:var(--primary)}.mobile-card-inner{gap:clamp(8px,2vw,12px);display:grid}.mobile-card-row{grid-template-columns:clamp(90px,20vw,120px) 1fr;gap:clamp(6px,1.5vw,8px);display:grid}.mobile-card-label{color:var(--text-muted);text-transform:uppercase;font-size:clamp(9px,1.3vw,11px);font-weight:700}.mobile-card-value{color:var(--text-primary);word-break:break-word;font-size:clamp(10px,1.5vw,14px)}@media (width<=300px){.vehicle-card-header{gap:10px}.vehicle-card-photo{border-radius:12px;width:84px;height:60px;font-size:18px}.vehicle-card-title{gap:8px;margin-bottom:8px}.vehicle-card-name{font-size:8px}.vehicle-card-badge{padding:4px 8px;font-size:8px}.vehicle-card-meta{gap:6px 12px;font-size:6px}.vehicle-card-meta-item{gap:8px}.vehicle-card-meta-icon,.vehicle-card-status-icon{width:10px;min-width:10px;height:10px;min-height:10px}.vehicle-card-meta-icon svg,.vehicle-card-status-icon svg{width:10px;height:10px}.vehicle-card-status{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;padding-top:10px}.vehicle-card-status-label{font-size:10px}.vehicle-card-status-value{font-size:6px}.mobile-card-row{grid-template-columns:1fr}.mobile-card-label,.mobile-card-value{font-size:6px}}@media (width<=640px){.mobile-card-row{grid-template-columns:1fr}}@media (width<=960px){.app-shell{grid-template-columns:1fr}.app-sidebar{z-index:20;width:min(280px,85vw);height:100vh;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 24px 64px #0f172a29}.app-sidebar.mobile-open{transform:translate(0)}.app-overlay{display:block}.mobile-topbar{display:flex}.app-main{padding:16px}}.nav-icon{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.nav-item{text-align:left;grid-template-columns:auto 1fr;justify-content:flex-start;align-items:center;gap:10px;width:100%;display:grid}.nav-item span:last-child{white-space:nowrap}.nav-item.active{background:var(--nav-active-bg);border-color:var(--nav-active-border)}.metric-card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.metric-card-icon{background:var(--button-bg);width:40px;height:40px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.metric-card-content{min-width:0}.responsive-table-wrapper{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto}.responsive-table-wrapper::-webkit-scrollbar{display:none}.vehicles-table th,.vehicles-table td{white-space:nowrap}.auth-page{background:var(--background);min-height:100vh;padding:24px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;max-width:520px;margin:40px auto;padding:24px}.auth-card h2{margin-top:0}@media (width<=960px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid var(--border)}.app-sidebar.mobile-open .nav-item{grid-template-columns:auto 1fr;justify-content:flex-start}}@media (width<=640px){.app-main{padding:16px}.app-sidebar{padding:12px}.auth-card{margin:24px 12px;padding:18px}}