:root{--ink:#181b20;--muted:#697078;--paper:#f2f1ed;--white:#fff;--line:#d9d9d3;--green:#157258;--green-soft:#e3f0ea;--amber:#f5a623;--red:#c8463d;--shadow:0 18px 44px rgba(18,20,24,.12)}
body{background:#e8e7e2;color:var(--ink)}
body:before{content:"";position:fixed;inset:0 0 auto;height:5px;background:var(--amber);z-index:30}
.shell,.auth{background:var(--paper)}
.shell{box-shadow:0 0 0 1px #00000008}
.topbar{height:84px;border-bottom:1px solid var(--line)}
.brand{gap:12px;font-size:20px;color:var(--ink)}
.drop{width:44px;height:44px;background:#111 url('oilcheckai-logo.webp') center/cover no-repeat;border:1px solid #f5a62366;border-radius:8px;transform:none;box-shadow:0 0 16px rgba(245,166,35,.2);flex:none}
.drop:before,.drop:after{display:none}
.avatar{background:var(--ink);color:var(--amber);border:2px solid #343941;box-shadow:0 5px 14px #181b2022}
.eyebrow{color:#9b6207;font-size:12px;letter-spacing:0;text-transform:uppercase}
.hero{padding-top:34px}
.hero h1,.auth h1{color:var(--ink)}
.hero p,.auth p{max-width:520px}
.vehicle{background:#23272d;border:1px solid #383d45;border-left:4px solid var(--amber);box-shadow:0 12px 26px #181b2018}
.vehicle-icon{color:var(--amber)}
.vehicle button{background:#343941;color:var(--amber)}
.scan{background:#20242a;border:1px solid #393e46;box-shadow:0 18px 38px #171a1f2d}
.scan:before{content:"AI VISION";position:absolute;right:20px;top:20px;color:var(--amber);font:800 11px Manrope;border:1px solid #f5a62366;padding:5px 8px;border-radius:4px;letter-spacing:0}
.scan:after{border-color:#f5a62318}
.scan-icon{background:var(--amber);color:var(--ink);box-shadow:0 0 0 7px #f5a6231c}
.scan span:last-child{color:#c9cdd1}
.section-title h2{font-size:17px}
.link{color:#9b6207}
.empty,.result{border-color:#d5d5cf;box-shadow:0 7px 20px #181b200a}
.auth{min-height:100dvh;box-shadow:0 0 0 1px #00000008;padding-top:max(8vh,56px)}
.auth .brand{margin-bottom:52px}
.auth-tabs{background:#deded8;border:1px solid #d5d5ce}
.auth-tabs button.on{box-shadow:0 5px 14px #181b2012}
.field label{color:#33383d}
.field input,.field select{border-color:#d3d3cd;background:#fff;outline:none;transition:border .2s,box-shadow .2s}
.field input:focus,.field select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f5a62321}
.primary{background:var(--amber);color:#1d2025;box-shadow:0 8px 18px #b66c001f;transition:transform .15s,background .15s}
.primary:hover{background:#ffb53b}.primary:active{transform:translateY(1px)}
.secondary,.google{border-color:#d2d2cc}
.divider{color:#777d82}.divider:before,.divider:after{background:#d5d5cf}
.google-wrap{background:#fff;border-radius:6px;padding:2px 0}
.auth-message{background:#fff4df;border-color:#f1c675;color:#6d470a}
.modal{z-index:40;background:#111318d9;backdrop-filter:blur(5px)}
.sheet{background:var(--paper);border-top:4px solid var(--amber)}
.close{background:#deded8;color:#282c31}
.capture{border-color:#d2d2cc;box-shadow:0 7px 18px #181b200a}
.capture span{color:#b66c00}
.spinner{border-color:#d7d7d1;border-top-color:var(--amber)}
.result .spec{background:#e9e8e3}
.logout-box{border-top:4px solid var(--amber)}
#toast{border-left:4px solid var(--amber);box-shadow:0 12px 32px #0004}
.install-app{position:fixed;right:18px;bottom:18px;z-index:25;height:48px;border:0;border-radius:6px;padding:0 16px;background:var(--ink);color:white;font-weight:700;box-shadow:0 12px 30px #15181d3d}.install-app span{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;border-radius:50%;background:var(--amber);color:var(--ink);font-size:17px}.install-app:hover{background:#30353c}
body:has(.modal) .install-app,body:has(.modal) .carai-debug{z-index:1;opacity:.2;pointer-events:none}
body:not(:has(.dashboard)) .install-app{z-index:0;opacity:.25;pointer-events:none}
.site-footer{max-width:720px;margin:0 auto;padding:28px 20px 34px;text-align:center;background:#20242a;color:#c8cbd0;font-size:12px;line-height:1.5}.site-footer strong{display:block;color:var(--amber);font:800 15px Manrope}.site-footer p{margin:7px auto;max-width:520px}.site-footer a{color:white;font-weight:700}.privacy-page{max-width:780px;margin:auto;background:var(--paper);min-height:100dvh;padding:34px 24px 64px}.privacy-page .brand{margin-bottom:46px}.privacy-page h1{font:800 38px/1.1 Manrope;margin:0 0 10px}.privacy-page h2{font:800 19px Manrope;margin:32px 0 8px}.privacy-page p,.privacy-page li{color:var(--muted);line-height:1.65}.privacy-page ul{padding-left:20px}.privacy-page a{color:#8e5907}.privacy-back{display:inline-flex;margin-bottom:24px;color:#8e5907;font-weight:700;text-decoration:none}
@media(max-width:699px){body{background:var(--paper)}.shell,.auth{box-shadow:none}.hero{padding-top:22px}.auth{padding-top:52px}.auth .brand{margin-bottom:42px}}