:root{--sc-bg:#f2f4f5;--sc-surface:#fff;--sc-ink:#07111f;--sc-navy:#0b1a2c;--sc-gold:#f2ad32;--sc-muted:#687787;--sc-line:#dce3e8;--sc-soft:#eef2f4;--sc-shadow:0 14px 38px rgba(7,17,31,.075);--sc-shadow-lg:0 24px 70px rgba(7,17,31,.13);--sc-r-sm:10px;--sc-r-md:16px;--sc-r-lg:24px}
html{font-size:16px}body{background:var(--sc-bg);color:var(--sc-ink);letter-spacing:-.005em;-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:'DM Sans',system-ui,-apple-system,sans-serif}a,button,input,select,textarea,summary{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(242,173,50,.42);outline-offset:3px}
.top{height:72px;padding:0 clamp(18px,4vw,56px);position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}.brand>span{width:40px;height:40px}.brand strong{font-size:17px}.top nav{gap:10px}.top nav>a,.top nav .link{padding:9px 12px;border-radius:9px;font-size:13px;color:#dce5ec}.top nav>a:hover,.top nav .link:hover{background:rgba(255,255,255,.08);color:#fff}.top nav form{display:flex}
.app-frame{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 72px)}.global-nav{padding:30px 20px;border-right:1px solid #152a3e;position:relative}.global-nav p{margin:0 12px 18px}.global-nav a{padding:12px 14px;margin:3px 0;border-radius:10px;font-size:13px;font-weight:550}.global-nav a.active{box-shadow:inset 3px 0 0 var(--sc-gold);background:#172f48}.global-nav a:hover{transform:translateX(2px)}.app-main{background:var(--sc-bg)}
.workspace{padding:clamp(26px,4vw,54px);max-width:1440px}.workspace.solo{max-width:1180px}.workspace>.back{display:inline-flex;align-items:center;min-height:38px;margin-bottom:13px;color:var(--sc-muted);font-size:13px;font-weight:650}.workspace>.back:hover{color:var(--sc-ink);transform:translateX(-2px)}.eyebrow{font-size:10px!important;letter-spacing:.2em}.workspace h1{font-size:clamp(34px,4vw,48px);line-height:1.05}.section-head{margin-bottom:26px;align-items:flex-end}.section-head h1,.section-head h2{margin-bottom:0}.section-head p:not(.eyebrow){color:var(--sc-muted);margin:7px 0 0;max-width:680px}
.btn{min-height:44px;padding:11px 18px;border-radius:10px;gap:8px;font-size:13px;line-height:1.2;box-shadow:none}.btn:hover{transform:translateY(-1px)}.btn.gold:hover{background:#f5b947!important;box-shadow:0 9px 24px rgba(242,173,50,.25)}.btn.dark:hover{background:#10243a!important;box-shadow:0 9px 24px rgba(7,17,31,.18)}.btn.ghost{background:#fff;border-color:#cfd8df}.btn.ghost:hover{border-color:#8c9aa6;background:#f8fafb}.danger:hover{background:#922525!important}.link{font-weight:650}
.panel{padding:clamp(22px,2.5vw,32px);border-color:var(--sc-line);border-radius:var(--sc-r-md);box-shadow:0 1px 2px rgba(7,17,31,.02)}.panel:hover{border-color:#d2dbe1}.panel h2{font-size:22px;line-height:1.2;letter-spacing:-.025em}.columns{gap:22px}.form-grid{gap:3px 18px}label{font-size:11px;letter-spacing:.025em;color:#536272;margin-bottom:18px}input,select,textarea{min-height:45px;padding:11px 13px;margin-top:7px;border-color:#cbd5dc;border-radius:9px;box-shadow:inset 0 1px 2px rgba(7,17,31,.025)}input:hover,select:hover,textarea:hover{border-color:#9cabb7}input:focus,select:focus,textarea:focus{border-color:#3d607d;box-shadow:0 0 0 4px rgba(20,59,93,.08);outline:none}textarea{min-height:108px}.form-grid hr{border:0;border-top:1px solid var(--sc-line);margin:10px 0 24px}
.metrics{gap:14px;margin-bottom:22px}.metrics div{padding:22px;border-radius:var(--sc-r-md);background:linear-gradient(145deg,#0d2035,#0a1727);border:1px solid rgba(255,255,255,.045)}.metrics small{font-size:9px}.metrics b{font-size:34px;letter-spacing:-.04em}.badge,.status{padding:6px 10px;font-size:10px;font-weight:700;letter-spacing:.02em}
.table-wrap{border-radius:var(--sc-r-md);box-shadow:none}.table-wrap table{min-width:720px}th{padding:13px 20px;background:#f7f9fa;color:#73808d;font-size:9px}td{padding:16px 20px;vertical-align:middle}tbody tr{transition:background .15s ease}tbody tr:hover{background:#f8fafb}tbody tr:last-child td{border-bottom:0}td a{font-weight:700;color:#174c75}
.record-tabs{padding:6px 0;gap:6px}.record-tabs a{min-height:40px;padding:9px 14px;align-items:center;font-size:12px;font-weight:700}.premium-tabs{top:0;border-bottom:1px solid rgba(220,227,232,.8)}
.dashboard-cards,.vehicle-card-grid{gap:17px}.vehicle-card-grid{margin-top:24px}.vehicle-tile,.premium-vehicle-card{border-radius:var(--sc-r-md);box-shadow:0 2px 4px rgba(7,17,31,.025)}.vehicle-tile:hover,.premium-vehicle-card:hover{transform:translateY(-3px);box-shadow:var(--sc-shadow)}.vehicle-tile img,.tile-placeholder,.premium-vehicle-card img,.card-no-photo{background:#122a40}.vehicle-tile>div:last-child,.premium-vehicle-card>div:last-child{padding:17px}.vehicle-tile h3,.premium-vehicle-card h3{font-size:17px;line-height:1.25;letter-spacing:-.02em}.vehicle-tile small,.premium-vehicle-card small{font-size:10px;color:#778492;font-weight:700;letter-spacing:.08em}
.vehicle-hero{border-radius:var(--sc-r-lg);box-shadow:var(--sc-shadow-lg);margin-top:26px}.vehicle-hero-copy{max-width:900px}.vehicle-hero-copy h1{text-wrap:balance}.hero-facts{font-size:13px}.premium-grid{gap:11px}.premium-photo{border-radius:12px;box-shadow:0 2px 6px rgba(7,17,31,.05)}.premium-photo:hover{box-shadow:var(--sc-shadow)}.photo-category-title{padding-bottom:3px}.photo-category-title h2{font-size:22px}.photo-uploader{border-radius:20px}.upload-drop{background:#fafbfc;border-width:1.5px}.photo-empty{border-radius:20px;padding:72px 24px}.photo-empty h2{font-size:22px}
.timeline{border-left-color:#cfd8df}.timeline>div{padding-bottom:30px}.timeline b{font-size:14px}.timeline p{line-height:1.55}.timeline i{width:11px;height:11px;left:-27px}.flash{position:relative;margin:16px auto;padding:14px 18px;border:1px solid #b9e2d5;box-shadow:0 6px 20px rgba(7,17,31,.05)}.flash.error{border-color:#f0c0c0}
.inspection{max-width:820px}.inspect-head{padding:28px 30px 34px;border-radius:0 0 22px 22px;background:linear-gradient(145deg,#0c2136,#091827)}.inspect-head h1{font-size:30px;letter-spacing:-.035em}.inspect-card{margin:16px 14px;padding:28px;border:1px solid var(--sc-line);box-shadow:0 2px 8px rgba(7,17,31,.035)}.inspect-card h2{font-size:22px}.check{padding:21px 0}.check>div{gap:9px}.check span{padding:11px 5px}.sticky-actions{padding-top:14px;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--sc-line);box-shadow:0 -12px 30px rgba(7,17,31,.08)}
.portal{grid-template-columns:270px 1fr}.portal aside{padding:36px 24px;border-right:1px solid #183048}.portal aside h2{font-size:19px}.portal aside a{padding:13px 14px;border-radius:11px}.portal aside a:hover{border-color:#60768a;background:#112941}.portal>section{padding:clamp(28px,4vw,54px)}.passport-head h1{font-size:clamp(34px,4vw,48px)}.portal-grid{gap:16px}.report{margin-top:20px}
.auth{gap:clamp(40px,8vw,120px);padding:clamp(40px,8vw,120px)}.auth .panel{max-width:480px;width:100%;justify-self:end}.auth h1{font-size:clamp(52px,7vw,92px)}.auth>div p:last-child{line-height:1.65}.public .section{padding-top:70px;padding-bottom:80px}.public-feed-grid{gap:15px}.public-feed-card{border:1px solid var(--sc-line);box-shadow:0 2px 8px rgba(7,17,31,.04);transition:transform .2s ease,box-shadow .2s ease}.public-feed-card:hover{transform:translateY(-3px);box-shadow:var(--sc-shadow)}footer{padding:30px 5vw}
@media(max-width:980px){.app-frame{grid-template-columns:220px minmax(0,1fr)}.workspace{padding:32px 26px}.photo-uploader{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr}}
@media(max-width:760px){.top{height:66px}.brand small{display:none}.mobile-menu{min-height:40px}.app-frame{min-height:calc(100vh - 66px)}.global-nav{padding:12px 16px 18px;border-bottom:1px solid #183048}.app-frame.nav-open .global-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.global-nav p{grid-column:1/-1;margin:5px 10px}.global-nav a{margin:0}.workspace,.portal>section{padding:24px 16px}.section-head{display:flex;align-items:flex-start;flex-direction:column}.section-head>.btn,.section-head>div:last-child{width:100%}.section-head>div:last-child .btn{margin:4px 0;width:100%}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metrics div{padding:17px}.metrics b{font-size:28px}.panel{padding:21px 18px}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1/-1}.table-wrap{margin-left:0;margin-right:0}.vehicle-hero{height:58vh;min-height:390px;margin-left:-4px;margin-right:-4px}.vehicle-hero-copy{left:20px;right:20px}.vehicle-hero-copy h1{font-size:36px}.premium-tabs{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px;padding-right:16px}.premium-grid{gap:8px}.photo-uploader{display:block}.photo-uploader>*{margin-bottom:14px}.portal aside{padding:14px 16px;scrollbar-width:none}.portal aside a{min-width:190px}.passport-head{margin-bottom:20px}.auth{padding:50px 20px}.auth .panel{justify-self:stretch}.inspect-card{padding:22px 18px}.check>div{grid-template-columns:1fr 1fr 1fr}.public-feed-grid{gap:10px}}
@media(max-width:430px){.top nav>a{display:none}.mobile-menu b{display:none}.app-frame.nav-open .global-nav{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.premium-grid,.public-feed-grid{grid-template-columns:1fr 1fr}.premium-photo{border-radius:8px}.vehicle-card-grid,.dashboard-cards{grid-template-columns:1fr}.btn{width:100%}.ghost{margin-left:0}.sticky-actions .btn{width:auto;flex:1}.check span{font-size:10px}.portal aside a{min-width:170px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}