@font-face{font-family:Inter;src:url('/inter-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:Montserrat;src:url('/montserrat-latin.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
:root{--canvas:#f7f6f2;--surface:#fff;--ink:#171717;--muted:#76736e;--line:#e8e6e0;--gold:#d4af37;--gold-dark:#98701c;--green:#428a6f;--coral:#bd7563;--shadow:0 18px 42px rgba(23,23,23,.06)}
*{box-sizing:border-box}
html{background:var(--canvas);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{margin:0;min-width:320px;min-height:100vh}
button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}a{color:inherit}
.display,h1,h2,h3{font-family:Montserrat,Inter,sans-serif}
.display{font-weight:800;letter-spacing:-.055em}
.eyebrow{display:inline-block;color:var(--gold-dark);font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.muted{color:var(--muted)}.small{font-size:.78rem}.strong{font-weight:800}.mono{font-variant-numeric:tabular-nums}
.brand{display:inline-block;flex:none;width:184px;height:39px;background:#fff url('/brand-reference.png') -19px -209px / 601px 786px no-repeat}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.78rem 1.08rem;border:1px solid transparent;border-radius:11px;font-size:.82rem;font-weight:750;transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}
.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d2b565;outline-offset:3px}
.btn-primary,.btn-accent{color:#171717;background:linear-gradient(125deg,#f3d881,#d3a835 68%,#bd8f26);box-shadow:0 12px 22px rgba(172,123,23,.18)}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}
.btn-small{min-height:37px;padding:.55rem .78rem;font-size:.73rem;border-radius:9px}
.auth-layout{min-height:100vh;background:var(--canvas)}
.auth-top{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}
.auth-top>span:not(.brand){display:none;font-size:.59rem;letter-spacing:.19em;font-weight:800;color:#77746f}
.auth-main{min-height:calc(100vh - 115px);max-width:1520px;margin:auto;display:grid;align-items:stretch}
.auth-intro{min-height:375px;position:relative;overflow:hidden;color:#fff;background:#090909 url('/hero-car.jpg') 61% 52% / cover no-repeat}
.auth-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,2,.90),rgba(2,2,2,.68) 48%,rgba(2,2,2,.10)),linear-gradient(0deg,rgba(0,0,0,.54),transparent 50%)}
.auth-intro:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.auth-intro-content{position:relative;z-index:1;min-height:375px;padding:3.25rem 1.35rem 2rem;display:flex;flex-direction:column;justify-content:center;max-width:690px}
.auth-intro .eyebrow{color:#e8cc73}
.auth-intro h1{font-size:clamp(2.35rem,11vw,4.7rem);line-height:1.08;margin:1rem 0 1.1rem;text-wrap:balance}
.gold-dot{color:var(--gold)}
.auth-intro p{max-width:385px;margin:0;color:#e7e5dc;line-height:1.6;font-size:.88rem}
.auth-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2.2rem}
.auth-proof span{border:1px solid rgba(243,215,138,.42);border-radius:100px;padding:.45rem .63rem;color:#f1e6c7;font-size:.53rem;font-weight:800;letter-spacing:.09em;backdrop-filter:blur(7px)}
.auth-card{position:relative;z-index:2;background:#fff;margin:-22px 1rem 0;padding:1.65rem 1.3rem 1.5rem;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 60px rgba(18,18,18,.10)}
.auth-card h2{font-size:1.95rem;line-height:1.08;margin:.7rem 0 .65rem}
.auth-card>p{font-size:.82rem;color:var(--muted);line-height:1.55;margin-bottom:1.5rem}
.auth-card form{display:grid;gap:.9rem}
.auth-card .btn{width:100%;margin-top:.4rem;justify-content:space-between;padding-inline:1.2rem}
.auth-foot{padding-top:1rem;margin-top:1.2rem;border-top:1px solid var(--line);font-size:.7rem;line-height:1.55;color:var(--muted)}
.auth-bottom{display:flex;justify-content:space-between;padding:1.4rem 5vw;font-size:.56rem;font-weight:800;letter-spacing:.18em;color:#9c9689}
.field{display:grid;gap:.4rem}.field label{font-size:.75rem;font-weight:750}
.field input,.field select{width:100%;height:48px;padding:0 .9rem;background:#fdfcf9;border:1px solid #dedbd3;border-radius:10px;color:var(--ink);font-size:.85rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.13)}
.field input::placeholder{color:#a5a29a}
.auth-form-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-form{max-width:460px;background:#fff;border-radius:16px;padding:2rem;border:1px solid var(--line)}
.app-shell{min-height:100vh}.rail{display:none}
.topbar{position:sticky;top:0;z-index:9;height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar-brand,.topbar-right{display:flex;align-items:center;gap:.7rem}.topbar-title{display:none}
.role-pill{display:none;border:1px solid #ead9a7;background:#fffaf0;border-radius:100px;padding:.43rem .7rem;color:#82621e;font-size:.68rem;font-weight:800}
.avatar{width:37px;height:37px;flex:none;border:1px solid #ddc481;border-radius:50%;background:#181818;color:#eaca6e;font-size:.85rem;font-weight:800}
.content{max-width:1540px;margin:auto;padding:1.45rem 1rem calc(7rem + env(safe-area-inset-bottom))}
.mobile-nav{position:fixed;z-index:8;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:.3rem;padding:.4rem .35rem calc(.65rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid rgba(0,0,0,.08);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.045);backdrop-filter:blur(20px)}
.mobile-nav button{position:relative;min-width:0;flex:1;display:grid;justify-items:center;gap:.3rem;padding:.48rem .15rem;border:0;border-radius:11px;background:transparent;color:#8c8982;font-size:.71rem;font-weight:400;transform:translateY(-2px);transition:color .22s ease,transform .22s ease}
.mobile-nav button.active{color:#a27819;background:transparent}
.mobile-nav button.active .glyph{filter:drop-shadow(0 0 5px rgba(212,175,55,.72));transform:translateY(-2px) scale(1.08)}
.mobile-nav .glyph{transition:transform .22s ease,filter .22s ease}
.mobile-nav svg{display:block;width:25px;height:25px}.glyph{display:inline-flex}
.dashboard-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin:.2rem 0 1.3rem}
.dashboard-heading h1{font-size:clamp(1.8rem,7vw,3rem);line-height:1.12;letter-spacing:-.055em;margin:.5rem 0 .35rem}
.dashboard-heading p{font-size:.85rem;line-height:1.55;color:var(--muted);margin:0}
.heading-dot{color:var(--gold)}.dashboard-date{display:none;color:#969085;font-size:.7rem;font-weight:700;white-space:nowrap}
.balance-card{position:relative;min-height:286px;overflow:hidden;border-radius:20px;color:#fff;background:#0a0a0a url('/hero-car.jpg') 65% 50% / cover no-repeat;box-shadow:0 20px 38px rgba(18,18,18,.16)}
.balance-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.72) 49%,rgba(0,0,0,.18))}
.balance-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#f2da8a,var(--gold-dark))}
.balance-content{position:relative;z-index:1;max-width:570px;min-height:286px;padding:1.35rem 1.3rem 1.5rem;display:flex;flex-direction:column}
.balance-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}
.balance-eyebrow{color:#f1d77d;font-size:.55rem;letter-spacing:.13em;font-weight:800}
.balance-eyebrow i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#ddc06b;vertical-align:middle;margin:0 .35rem}
.balance-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.43);border-radius:50%;font-size:.9rem}
.balance-label{display:block;margin-top:auto;color:#e6e0d2;font-size:.76rem;font-weight:600}
.balance-amount{font-family:Montserrat,Inter,sans-serif;display:block;margin:.45rem 0 .3rem;font-size:clamp(1.92rem,7.8vw,3.7rem);font-weight:800;letter-spacing:-.06em;line-height:1.05}
.balance-card p{font-size:.72rem;color:#c8c4bb;margin:0 0 1.1rem;line-height:1.45}
.balance-link{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:1rem;border:0;border-bottom:1px solid var(--gold);padding:0 0 .45rem;background:none;color:#f8e8b2;font-size:.72rem;font-weight:800}
.balance-link span{font-size:1rem}
.balance-caption{position:absolute;right:1.2rem;bottom:1.4rem;z-index:1;color:#b5aa91;font-size:.46rem;letter-spacing:.15em;font-weight:800;writing-mode:vertical-rl}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.78rem}
.metric{min-width:0;min-height:144px;display:flex;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.metric:last-child{grid-column:1/-1}
.metric-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:auto}
.metric-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#f8f0dc;color:#927024;font-size:1rem}
.metric-arrow{color:#b7a474;font-size:.85rem}
.metric .label{font-size:.67rem;font-weight:700;color:#76736d;margin-top:.85rem}
.metric strong{font-family:Montserrat,Inter,sans-serif;font-size:1.7rem;line-height:1.1;letter-spacing:-.055em;margin:.24rem 0}
.metric small{font-size:.62rem;line-height:1.4;color:#92908a}
.explore-section{margin-top:2rem}.section-heading h2{font-size:1.36rem;letter-spacing:-.04em;margin:.38rem 0 1rem}
.explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}
.explore-tile{position:relative;min-height:150px;overflow:hidden;display:flex;flex-direction:column;align-items:start;justify-content:space-between;text-align:left;padding:1rem;border:0;border-radius:16px;transition:transform .22s ease,box-shadow .22s ease}
.explore-tile:hover{transform:translateY(-3px);box-shadow:0 17px 28px rgba(0,0,0,.1)}
.explore-tile:after{content:"";position:absolute;width:145px;height:145px;border:1px solid currentColor;border-radius:50%;right:-44px;bottom:-70px;opacity:.28}
.explore-vehicles{color:#201b10;background:linear-gradient(138deg,#f3dc9a,#d4aa3c)}
.explore-analytics{color:#fff;background:linear-gradient(135deg,#262623,#0d0e0e)}
.explore-index{font-size:.54rem;letter-spacing:.14em;font-weight:800;opacity:.75}
.explore-tile strong{font-family:Montserrat,Inter,sans-serif;font-size:clamp(.93rem,4vw,1.28rem);line-height:1.2;letter-spacing:-.04em;position:relative;z-index:1}
.explore-arrow{position:absolute;right:1.05rem;top:1rem;font-size:1rem}
.activity-card,.panel{margin-top:1rem;padding:1.15rem;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.activity-card{margin-top:2rem}
.activity-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem}
.activity-card-head h2{font-size:1.2rem;letter-spacing:-.045em;margin:.43rem 0 .28rem}
.activity-card-head p{color:var(--muted);font-size:.72rem;margin:0}
.segmented{display:flex;padding:3px;border-radius:10px;background:#f4f2ec}
.segmented button{border:0;border-radius:8px;background:transparent;color:#88837b;font-size:.68rem;font-weight:750;padding:.48rem .65rem}
.segmented button.active{background:#191919;color:#eed079}
.chart-legend{display:flex;gap:1rem;margin:1.25rem 0 .4rem;font-size:.67rem;font-weight:700;color:#76736c}
.chart-legend span{display:flex;align-items:center;gap:.4rem}.chart-legend i{display:block;width:8px;height:8px;border-radius:50%}
.chart-legend i.acquired{background:var(--gold)}.chart-legend i.sold{background:#444}
.chart-wrap{height:170px}.activity-chart{display:block;width:100%;height:100%;overflow:visible;touch-action:pan-y}
.chart-grid{stroke:#e9e6dd;stroke-width:1;stroke-dasharray:3 6}.chart-area{fill:rgba(212,175,55,.08)}
.chart-line{fill:none;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}.chart-line.acquired{stroke:#d1a334}.chart-line.sold{stroke:#373937}
.chart-cursor{stroke:#ab8840;stroke-width:1.5;stroke-dasharray:4 5}.chart-selected-dot{stroke:#fff;stroke-width:3}
.chart-selected-dot.acquired{fill:#d1a334}.chart-selected-dot.sold{fill:#373937}
.chart-months{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;margin-top:.35rem}
.chart-months button{min-width:0;padding:.38rem .05rem;border:0;border-radius:6px;background:none;color:#9d9b94;font-size:.62rem;font-weight:700}
.chart-months button.active{color:#171717;background:#f5ebce}
.month-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.activity-month-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.activity-month-head h3{font-size:1rem;letter-spacing:-.035em;margin:.22rem 0 0}
.month-total{white-space:nowrap;font-size:.62rem;color:#968d7d}
.activity-counters{display:flex;gap:.6rem;margin:.95rem 0}
.activity-count{display:inline-flex;align-items:center;gap:.35rem;padding:.46rem .6rem;border-radius:8px;background:#faf5e8;color:#85641f;font-size:.67rem}
.activity-count.sold{background:#f0f0ed;color:#333}.activity-count i{width:6px;height:6px;border-radius:50%;background:currentColor}.activity-count strong{font-size:.82rem}
.activity-events{display:grid;gap:.43rem}.activity-event{display:flex;gap:.6rem;align-items:center;padding:.55rem .65rem;background:#faf9f6;border-radius:9px}
.activity-event strong{display:block;font-size:.7rem}.activity-event small{display:block;color:#969189;font-size:.62rem;margin-top:.1rem}
.event-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#f3e6c2;color:#8d6b1e;font-size:.75rem}
.event-icon.sold{background:#ededeb;color:#444}.activity-empty{font-size:.72rem;color:#94908a;margin:.2rem 0}
.notice{margin:1rem 0;padding:.85rem 1rem;border-left:3px solid #c9a149;border-radius:0 10px 10px 0;background:#f7f1e1;font-size:.7rem;line-height:1.6;color:#7b6b44}
.notice strong{color:#544323}
.split,.section-stack{display:grid;gap:1rem}.split .panel,.section-stack .panel{margin-top:0}
.panel-head{display:flex;align-items:start;justify-content:space-between;gap:.65rem;margin-bottom:.9rem}
.panel-head h2{font-size:1rem;letter-spacing:-.03em;margin:0}.panel-head .eyebrow{font-size:.57rem}
.list-row{display:flex;align-items:center;gap:.75rem;border-top:1px solid #efede8;padding:.9rem 0}
.list-index{flex:none;color:#b69c58;font-family:Montserrat,sans-serif;font-size:.74rem;font-weight:800}
.list-row>div:nth-child(2),.list-row>div:first-child{min-width:0;flex:1}
.list-row h3{font-size:.78rem;line-height:1.4;margin:0 0 .14rem}.list-row p{font-size:.67rem;line-height:1.4;color:var(--muted);margin:0}
.list-row .value{flex:none;text-align:right;font-size:.72rem;font-weight:800}
.page-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin:.2rem 0 1.4rem}
.page-head h1{font-size:clamp(1.75rem,7vw,2.9rem);letter-spacing:-.05em;margin:.42rem 0 .5rem;line-height:1.1}
.page-head p{max-width:600px;font-size:.82rem;line-height:1.55;margin:0}.head-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.table-wrap{display:none}.table{width:100%;border-collapse:collapse;white-space:nowrap}
.table th{text-align:left;padding:.83rem .6rem;border-bottom:1px solid var(--line);color:#9b978e;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.table td{padding:1rem .6rem;border-bottom:1px solid #eeeae2;font-size:.75rem}.table tr:last-child td{border-bottom:0}
.table .right,.table th.right{text-align:right}
.badge{display:inline-block;border-radius:100px;padding:.38rem .62rem;background:#f7f1e2;color:#8e6a21;font-size:.61rem;font-weight:800;white-space:nowrap}
.badge.sold{background:#e9f3ee;color:#377e5b}.badge.orange,.badge.warn{background:#f8eeea;color:#a25e4f}
.helper{font-size:.75rem;line-height:1.6;color:var(--muted)}
.card-grid{display:grid;gap:.7rem}.mini-card{padding:1.15rem;border:1px solid var(--line);border-radius:13px;background:#fff}
.mini-card h3{font-size:.9rem;margin:.4rem 0}.mini-card p{font-size:.72rem;color:var(--muted);line-height:1.5;margin:.25rem 0}
.mobile-cards{display:grid;gap:.65rem}.mobile-card{padding:1.1rem;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}
.mobile-card .top{display:flex;justify-content:space-between;align-items:start;gap:.65rem}.mobile-card .top>strong{color:var(--gold-dark);white-space:nowrap}
.mobile-card h3{font-size:.94rem;margin:0 0 .25rem}.mobile-card p{font-size:.68rem;color:var(--muted);line-height:1.5;margin:.2rem 0}
.mobile-card .facts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--line);font-size:.65rem;color:var(--muted)}
.mobile-card .facts strong{display:block;color:var(--ink);font-size:.78rem;margin-top:.2rem}
.empty{display:grid;gap:.55rem;justify-items:start;padding:1.7rem 0;color:var(--muted);font-size:.72rem;line-height:1.5}
.empty strong{font-family:Montserrat,sans-serif;color:var(--ink);font-size:.87rem}
.empty .symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f6edd2;color:#966f21;font-size:1rem}
.modal-backdrop{position:fixed;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(11,11,11,.63);backdrop-filter:blur(6px)}
.modal{width:min(100%,650px);max-height:min(90vh,850px);overflow:auto;padding:1.2rem;border:1px solid #d8d1bd;border-radius:18px;background:#fff;box-shadow:0 35px 95px rgba(0,0,0,.28)}
.modal-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.modal-head h2{font-size:1.5rem;letter-spacing:-.04em;margin:.3rem 0 0}
.icon-btn{width:37px;height:37px;flex:none;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:1.1rem}
.form-grid{display:grid;grid-template-columns:1fr;gap:.85rem}.form-grid .full{grid-column:auto}
.modal-actions{position:sticky;bottom:-1.2rem;display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding:1rem 0;background:#fff}
.modal-note{font-size:.71rem;line-height:1.55;color:var(--muted)}
.check{display:flex;align-items:center;gap:.55rem;padding:.3rem 0;font-size:.8rem}.check input{width:17px;height:17px;accent-color:var(--gold-dark)}
.report-filters{gap:.75rem}.report-actions{display:flex;justify-content:flex-end;margin-top:1rem}.report-options{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0}.report-table{margin-top:.6rem}.report-table td{max-width:260px;overflow:hidden;text-overflow:ellipsis}
.report-filters{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
.report-filters .field{min-width:0}
.report-filters input,.report-filters select{display:block;min-width:0;max-width:100%}
.report-chart{display:grid;gap:.85rem;margin-top:1.2rem}.report-bar{display:grid;grid-template-columns:minmax(105px,1fr) minmax(100px,3fr) auto;align-items:center;gap:.75rem;font-size:.72rem}.report-bar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-bar strong{min-width:75px;text-align:right;font-size:.71rem}.report-bar-track{height:11px;overflow:hidden;border-radius:99px;background:var(--line)}.report-bar-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9e771f,#e6c659)}.report-bar-track i.negative{background:#b6655c}
.toast{position:fixed;z-index:30;right:1rem;bottom:calc(5.7rem + env(safe-area-inset-bottom));max-width:min(450px,90vw);padding:.8rem 1rem;border-radius:10px;background:#171717;color:#fff;font-size:.8rem;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}
.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#9a393d}
@media(min-width:700px){
 .auth-top>span:not(.brand){display:block}.auth-main{grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);min-height:calc(100vh - 115px)}
 .auth-intro,.auth-intro-content{min-height:calc(100vh - 115px)}.auth-intro-content{padding:4.5rem 5vw}
 .auth-intro h1{font-size:clamp(3.1rem,5vw,5.9rem)}.auth-intro p{font-size:.94rem}
 .auth-card{align-self:center;margin:2rem 5vw 2rem -2.5rem;padding:2.5rem;min-width:0}.auth-card h2{font-size:2.3rem}.auth-bottom{background:#fff}
 .app-shell{display:grid;grid-template-columns:230px minmax(0,1fr)}
 .rail{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:1.6rem 1rem;background:#fff;border-right:0}
 .rail .brand{margin:.2rem .65rem 2.5rem}.rail-label{margin:0 .8rem .75rem;color:#9c9689;font-size:.59rem;letter-spacing:.17em;font-weight:800}
 .rail nav{display:grid;gap:.3rem}.nav-button{width:100%;display:flex;align-items:center;gap:.78rem;padding:.77rem .8rem;border:0;border-radius:10px;background:transparent;color:#77746f;text-align:left;font-size:.8rem;font-weight:750}
 .nav-button:hover{background:#faf6ea;color:#171717}.nav-button.active{background:#f6efd9;color:#1e1b12}
 .nav-button.active:before{content:"";position:absolute;left:1rem;width:3px;height:21px;border-radius:2px;background:var(--gold)}
 .nav-button svg{display:block;width:18px;height:18px}.rail-bottom{margin-top:auto;padding:1.1rem .65rem 0;border-top:1px solid var(--line)}
 .rail-bottom p{overflow-wrap:anywhere;margin:.4rem 0 .8rem;font-size:.76rem;font-weight:800}.rail-bottom p .small{font-weight:500;color:var(--muted)}.rail-bottom .btn{width:100%}
 .mobile-nav{display:none}.topbar{height:76px;padding:0 2rem;border-bottom:0}.topbar-brand .brand{display:none}
 .topbar-title{display:block;font-family:Montserrat,sans-serif;font-size:.84rem;font-weight:800}.role-pill{display:inline-block}
 .content{padding:2rem 2rem 3rem}.dashboard-date{display:block}
 .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric:last-child{grid-column:auto}.metric{min-height:158px}
 .explore-tile{min-height:175px;padding:1.3rem}.activity-card,.panel{padding:1.4rem}.split{grid-template-columns:1.1fr .9fr}
 .table-wrap{display:block;overflow:auto}.mobile-cards{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}.toast{bottom:1.3rem}
 .report-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1140px){
 .app-shell{grid-template-columns:250px minmax(0,1fr)}.content{padding:2.45rem 3rem 4rem}
 .balance-card,.balance-content{min-height:320px}.balance-content{padding:1.8rem 2rem}.balance-label{font-size:.85rem}
 .metric{padding:1.25rem}.metric strong{font-size:2rem}.activity-card{padding:1.8rem}.activity-card-head h2{font-size:1.45rem}
 .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:360px){.topbar{padding-inline:.8rem}.content{padding-inline:.8rem}.balance-amount{font-size:1.7rem}.metric strong{font-size:1.45rem}.chart-months button{font-size:.57rem}.mobile-nav button{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* InvestKar premium identity supplied by the owner. The exact artwork is
   displayed from identity.png; no replacement lettermark is drawn in CSS. */
:root{--canvas:#080808;--surface:#111111;--ink:#f5f4f1;--muted:#aaa7a1;--line:#303030;--gold:#d4af37;--gold-dark:#e6bd4a;--green:#6dc49a;--coral:#e49380;--shadow:0 18px 42px rgba(0,0,0,.26)}
html,body{background:var(--canvas);color:var(--ink)}
.brand{width:184px;height:45px;background:none;filter:none;mix-blend-mode:normal;overflow:hidden}
.auth-layout,.auth-top,.auth-card,.auth-bottom,.auth-form,.rail,.topbar,.metric,.panel,.activity-card,.mini-card,.mobile-card,.modal{background-color:var(--surface);color:var(--ink)}
.auth-top,.auth-card,.auth-form,.rail,.topbar,.metric,.panel,.activity-card,.mini-card,.mobile-card,.modal{border-color:var(--line)}
.auth-intro{background-color:#070707;background-image:url('/hero-car.jpg');background-size:cover;background-position:55% 50%}
.auth-intro:before{background:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.68) 52%,rgba(5,5,5,.26))}
.auth-card{box-shadow:0 25px 60px rgba(0,0,0,.26)}
.auth-foot,.rail-bottom,.list-row,.mobile-card .facts,.table th,.table td,.month-details{border-color:var(--line)}
.field input,.field select{background:#181818;color:var(--ink);border-color:#393939;color-scheme:dark}
.field input::placeholder{color:#77736e}
.btn-ghost,.icon-btn{background:#1c1c1c;color:var(--ink);border-color:#3a3a3a}
.btn-ghost:hover,.icon-btn:hover{background:#282828}
.role-pill,.metric-icon,.event-icon,.empty .symbol{background:#342b17;color:#f4d67e;border-color:#6d5721}
.mobile-nav{background:rgba(12,12,12,.97);border-top-color:rgba(255,255,255,.09);box-shadow:0 -10px 26px rgba(0,0,0,.24)}
.mobile-nav button{color:#aaa6a0}.mobile-nav button.active{color:#e4bd4f}
.nav-button{color:#aaa6a0}.nav-button:hover{background:#242424;color:#f5f4f1}.nav-button.active{background:#2c2618;color:#f2d57d}
.notice{background:#282517;color:#d6c8a4;border-left-color:var(--gold)}.notice strong{color:#f0d989}
.activity-event,.activity-count,.segmented,.badge{background:#202020;color:#d8b558}
.activity-count.sold,.badge.sold{background:#193329;color:#7ed0a6}
.badge.warn,.badge.orange{background:#3a2624;color:#f0a596}
.segmented button{color:#aaa6a0}.segmented button.active{background:#d4af37;color:#111}
.chart-grid{stroke:#383838}.chart-line.sold{stroke:#a8a8a8}.chart-selected-dot.sold{fill:#a8a8a8}
.chart-months button{color:#aaa6a0}.chart-months button.active{color:#efce73;background:#2a251b}
.metric .label,.metric small,.activity-card-head p,.list-row p,.mini-card p,.mobile-card p,.mobile-card .facts,.helper,.modal-note{color:var(--muted)}
.mobile-card .facts strong,.empty strong{color:var(--ink)}
.table td{border-bottom-color:#303030}.table th{color:#aaa6a0}
.balance-card{background-color:#050505}.balance-card:before{background:linear-gradient(90deg,rgba(4,4,4,.94),rgba(4,4,4,.78) 52%,rgba(4,4,4,.24))}
.modal-actions{background:var(--surface)}
.rail-bottom p .small{color:var(--muted)}
.financial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1.1rem}
.financial-grid .metric{min-height:125px}.financial-grid .metric:last-child{grid-column:auto}
.record-list{display:grid;gap:.55rem}.record{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;border:1px solid var(--line);border-radius:12px;background:#191919}.record strong{display:block;font-size:.8rem}.record small{display:block;margin-top:.25rem;color:var(--muted);font-size:.68rem}.record .amount{text-align:right;font-weight:800;white-space:nowrap;font-size:.82rem}
.form-note{color:#e6c665;font-size:.7rem;line-height:1.5}
.proof-link,.proof-upload{display:inline-block;margin:.4rem .6rem 0 0;color:#ebc969;font-size:.69rem;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.proof-upload input{display:block;margin-top:.3rem;max-width:210px;color:var(--muted);font-size:.65rem}
.request-actions{display:flex;gap:.35rem;margin-top:.4rem}.request-actions .btn{min-height:30px}
.more-link{width:100%;text-align:left;color:var(--ink);cursor:pointer}.more-link:hover{border-color:#ba943e}.more-link strong{display:flex;align-items:center;gap:.65rem}.more-link svg{width:18px;height:18px}
@media(min-width:700px){.financial-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{background:rgba(13,13,13,.97)}}
@media(max-width:699px){.topbar{background:rgba(13,13,13,.97)}}
@media(max-width:360px){.metric-grid,.financial-grid{grid-template-columns:1fr}.metric:last-child{grid-column:auto}.metric{min-height:120px}.metric strong{overflow-wrap:anywhere}}
@media(max-width:699px){.topbar{border-bottom-color:rgba(255,255,255,.09)}}

/* Account sheet and theme selection */
.rail-bottom .btn svg{width:16px;height:16px}
.account-menu-backdrop{position:fixed;z-index:12;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.account-menu{width:100%;max-height:min(88vh,760px);overflow:auto;padding:0 1.25rem calc(1.4rem + env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;background:var(--surface);color:var(--ink);box-shadow:0 -24px 70px rgba(0,0,0,.4);animation:menu-in .24s ease-out}
@keyframes menu-in{from{transform:translateY(24px);opacity:.65}to{transform:translateY(0);opacity:1}}
.account-menu-handle{width:37px;height:4px;margin:.7rem auto 1.05rem;border-radius:10px;background:#666}
.account-menu-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.account-menu-heading h2{margin:.25rem 0 1rem;font-size:1.42rem;letter-spacing:-.04em}
.account-menu-close{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.35rem;line-height:1}
.account-menu-person{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid #5b4928;border-radius:16px;background:linear-gradient(115deg,#282214,#171717 72%)}
.account-menu-avatar{width:43px;height:43px;flex:none;display:grid;place-items:center;border:1px solid #d4af37;border-radius:50%;background:#171717;color:#f1d77f;font-weight:800}
.account-menu-person-text{min-width:0;display:grid;gap:.12rem}.account-menu-person-text strong{font-size:.85rem}.account-menu-person-text small{overflow:hidden;color:#bbb6a9;font-size:.68rem;text-overflow:ellipsis}.account-menu-person-text em{color:#d4af37;font-size:.63rem;font-style:normal;font-weight:750}
.account-menu-person-text strong{color:#f6f4ef}
.avatar-button{display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.avatar{display:grid;place-items:center;overflow:hidden}.avatar img,.account-menu-avatar img,.profile-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.account-menu-avatar{overflow:hidden}
.more-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.1rem}.more-menu-link{min-width:0;min-height:105px;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--canvas);color:var(--ink);text-align:left;font-size:.79rem;font-weight:750}.more-menu-link:hover,.more-menu-link.selected{border-color:#b78e37}.more-menu-link.selected{color:#eac45e}.more-menu-link .account-menu-icon{width:33px;height:33px}.more-menu-link .account-menu-icon svg{width:20px;height:20px}.more-menu-link span:last-child{margin-left:auto;margin-top:-1.7rem;color:var(--muted)}
.profile-photo-editor{display:flex;align-items:center;gap:1rem;margin:1rem 0 1.4rem}.profile-photo-preview{width:72px;height:72px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid var(--gold);border-radius:50%;background:#171717;color:#f1d77f;font-size:1.8rem;font-weight:800}.profile-photo-editor input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.profile-photo-editor .helper{margin:.4rem 0 0}
.account-menu-group{margin-top:1.3rem}.account-menu-label{display:block;margin:0 0 .55rem .2rem;color:var(--muted);font-size:.59rem;font-weight:800;letter-spacing:.16em}
.account-menu-links{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--canvas)}
.account-menu-link{width:100%;min-height:53px;display:flex;align-items:center;gap:.78rem;padding:.65rem .85rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font-size:.8rem;font-weight:750}
.account-menu-link:last-child{border-bottom:0}.account-menu-link:hover{background:rgba(212,175,55,.09)}
.account-menu-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(212,175,55,.12);color:#e0b54c}.account-menu-icon svg{width:17px;height:17px}
.account-menu-arrow{margin-left:auto;color:var(--muted);font-size:1.35rem;font-weight:400}
.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.theme-picker button{min-height:47px;display:flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--line);border-radius:11px;background:var(--canvas);color:var(--muted);font-size:.76rem;font-weight:750}.theme-picker button svg{width:17px;height:17px}.theme-picker button.selected{border-color:var(--gold);background:rgba(212,175,55,.13);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(212,175,55,.12)}
.account-menu-logout{width:100%;min-height:52px;display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;padding:0 .85rem;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--ink);text-align:left;font-size:.79rem;font-weight:750}.account-menu-logout:hover{border-color:#a88437}.account-menu-logout svg{width:19px;height:19px;color:#d4af37}.account-menu-logout span:last-child{margin-left:auto;color:var(--muted);font-size:1.3rem;font-weight:400}
@media(min-width:700px){.account-menu-backdrop{align-items:flex-start;justify-content:flex-end;padding:88px 1.5rem 1rem;background:rgba(0,0,0,.36)}.account-menu{width:min(390px,100%);max-height:calc(100vh - 110px);padding:1.2rem;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.43)}.account-menu-handle{display:none}}

/* Light mode keeps the supplied white and gold logo on a black brand bar. */
html[data-theme="light"]{--canvas:#f7f6f2;--surface:#fff;--ink:#191919;--muted:#6e6b66;--line:#e6e3dc;--gold-dark:#98701c;--shadow:0 12px 30px rgba(23,23,23,.06);color-scheme:light}
html[data-theme="light"],html[data-theme="light"] body{background:var(--canvas);color:var(--ink)}
html[data-theme="light"] .auth-layout,html[data-theme="light"] .auth-card,html[data-theme="light"] .auth-form,html[data-theme="light"] .auth-bottom,html[data-theme="light"] .metric,html[data-theme="light"] .panel,html[data-theme="light"] .activity-card,html[data-theme="light"] .mini-card,html[data-theme="light"] .mobile-card,html[data-theme="light"] .modal{background:#fff;color:var(--ink);border-color:var(--line)}
html[data-theme="light"] .auth-top,html[data-theme="light"] .topbar,html[data-theme="light"] .rail{background:#0d0d0d;color:#f5f4f1;border-color:rgba(255,255,255,.09)}
html[data-theme="light"] .rail-bottom,html[data-theme="light"] .auth-foot,html[data-theme="light"] .list-row,html[data-theme="light"] .mobile-card .facts,html[data-theme="light"] .table th,html[data-theme="light"] .table td,html[data-theme="light"] .month-details{border-color:var(--line)}
html[data-theme="light"] .rail-bottom{border-color:#303030}html[data-theme="light"] .rail-bottom .btn{color:#f5f4f1;border-color:#3a3a3a;background:#1c1c1c}
html[data-theme="light"] .nav-button{color:#aaa6a0}html[data-theme="light"] .nav-button:hover{background:#242424;color:#fff}html[data-theme="light"] .nav-button.active{background:#2c2618;color:#f2d57d}
html[data-theme="light"] .field input,html[data-theme="light"] .field select{background:#fdfcf9;color:#171717;border-color:#dedbd3;color-scheme:light}
html[data-theme="light"] .field input::placeholder{color:#a5a29a}
html[data-theme="light"] .btn-ghost,html[data-theme="light"] .icon-btn{background:#fff;color:#171717;border-color:var(--line)}
html[data-theme="light"] .btn-ghost:hover,html[data-theme="light"] .icon-btn:hover{background:#f7f5f0}
html[data-theme="light"] .mobile-nav{background:rgba(255,255,255,.97);border-top-color:rgba(0,0,0,.08);box-shadow:0 -8px 30px rgba(0,0,0,.05)}html[data-theme="light"] .mobile-nav button{color:#77736d}html[data-theme="light"] .mobile-nav button.active{color:#a27819}
html[data-theme="light"] .role-pill,html[data-theme="light"] .metric-icon,html[data-theme="light"] .event-icon,html[data-theme="light"] .empty .symbol{background:#f8f0dc;color:#927024;border-color:#ead9a7}
html[data-theme="light"] .notice{background:#f7f1e1;color:#7b6b44}html[data-theme="light"] .notice strong{color:#544323}
html[data-theme="light"] .activity-event,html[data-theme="light"] .activity-count,html[data-theme="light"] .segmented,html[data-theme="light"] .badge{background:#f6f2e9;color:#8e6a21}
html[data-theme="light"] .activity-count.sold,html[data-theme="light"] .badge.sold{background:#e9f3ee;color:#377e5b}html[data-theme="light"] .badge.warn,html[data-theme="light"] .badge.orange{background:#f8eeea;color:#a25e4f}
html[data-theme="light"] .segmented button{color:#77736d}html[data-theme="light"] .segmented button.active{background:#191919;color:#eed079}
html[data-theme="light"] .chart-grid{stroke:#e9e6dd}html[data-theme="light"] .chart-line.sold{stroke:#444}html[data-theme="light"] .chart-selected-dot.sold{fill:#444}
html[data-theme="light"] .chart-months button{color:#77736d}html[data-theme="light"] .chart-months button.active{color:#171717;background:#f5ebce}
html[data-theme="light"] .metric .label,html[data-theme="light"] .metric small,html[data-theme="light"] .activity-card-head p,html[data-theme="light"] .list-row p,html[data-theme="light"] .mini-card p,html[data-theme="light"] .mobile-card p,html[data-theme="light"] .mobile-card .facts,html[data-theme="light"] .helper,html[data-theme="light"] .modal-note{color:var(--muted)}
html[data-theme="light"] .mobile-card .facts strong,html[data-theme="light"] .empty strong{color:var(--ink)}
html[data-theme="light"] .table td{border-color:var(--line)}html[data-theme="light"] .table th{color:#88847d}
html[data-theme="light"] .record{background:#faf9f6}html[data-theme="light"] .modal-actions{background:#fff}
.rail{overflow-y:auto}.rail nav{flex:none}.rail-bottom{flex:none}
.data-record-list{max-height:430px;overflow:auto;margin-top:1rem;padding-right:.2rem}
.danger-panel{border-color:#70443e}.danger-panel .eyebrow{color:#eb9d8e}
.import-preview{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:13px;background:rgba(212,175,55,.06);font-size:.74rem;line-height:1.6}
.import-preview p{margin:.5rem 0;color:var(--muted)}.import-preview ul{padding-left:1.2rem;color:var(--muted)}
.import-preview form{display:grid;gap:.8rem;max-width:440px;margin-top:1rem}
.field input[type=file]{height:auto;min-height:48px;padding:.75rem;cursor:pointer}
.vehicle-link{padding:0;border:0;background:transparent;color:var(--ink);font-weight:800;text-align:left;text-decoration:underline;text-decoration-color:rgba(212,175,55,.55);text-underline-offset:4px}
.vehicle-link:hover{color:#e1ba58}
.vehicle-detail{width:min(100%,820px)}.vehicle-detail-photo{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:13px;margin-bottom:1rem}
.vehicle-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0}
.vehicle-detail-grid>div{min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:9px}
.vehicle-detail-grid small{display:block;color:var(--muted);font-size:.62rem}.vehicle-detail-grid strong{display:block;margin-top:.25rem;overflow-wrap:anywhere;font-size:.76rem}
.vehicle-detail h3{font-size:.93rem;margin:1.5rem 0 .6rem}.vehicle-detail .record{margin:.4rem 0}
.vehicle-filters{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;align-items:end;margin-bottom:1rem}
.vehicle-filters .field:first-child{grid-column:1/-1}.vehicle-filters input[type=search]{height:48px;border:1px solid var(--line);border-radius:10px;padding:0 .9rem;background:#181818;color:var(--ink)}
.view-switch{display:flex;gap:.25rem;align-self:end;padding:.2rem;border:1px solid var(--line);border-radius:10px;background:#171717}
.view-switch button{min-height:40px;flex:1;padding:0 .75rem;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.72rem;font-weight:800}
.view-switch button.selected{background:#3b3019;color:#efd073}
.compact-list{display:none}.vehicle-results-compact .table-wrap,.vehicle-results-compact .mobile-cards{display:none}.vehicle-results-compact .compact-list{display:grid;gap:.35rem}.compact-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.8rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left}.compact-row>span:first-child{min-width:0}.compact-row strong,.compact-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-row strong{font-size:.78rem}.compact-row small{margin-top:.18rem;color:var(--muted);font-size:.62rem}.compact-row .badge{justify-self:end}.compact-value{grid-column:1/-1;font-size:.8rem;font-weight:800}.compact-row>span:last-child{display:none;color:var(--gold)}
@media(min-width:700px){.compact-row{grid-template-columns:minmax(180px,2fr) auto minmax(115px,1fr) 20px}.compact-value{grid-column:auto;text-align:right}.compact-row>span:last-child{display:block}}
@media(min-width:700px){.vehicle-filters{grid-template-columns:minmax(200px,2fr) 1fr 1fr auto}.vehicle-filters .field:first-child{grid-column:auto}.vehicle-results-grid .table-wrap{display:none}.vehicle-results-grid .mobile-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.vehicle-results-grid .mobile-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
html[data-theme="light"] .vehicle-filters input[type=search]{background:#fff;color:#171717}html[data-theme="light"] .view-switch{background:#f7f5f0}html[data-theme="light"] .view-switch button.selected{background:#efe2bf;color:#6c4c10}

/* Full-screen introduction with a deliberate, accessible slide-in login. */
.auth-login{min-height:100dvh;overflow:hidden;background:#090909}
.auth-login .auth-top{position:relative;z-index:6;background:#090909;border:0}
.auth-login .auth-main{position:relative;display:block;max-width:none;min-height:calc(100dvh - 76px);overflow:hidden}
.auth-login .auth-intro{min-height:calc(100dvh - 76px);background-image:url('/hero-car.jpg');background-position:center 53%;transition:filter .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.auth-scene-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;pointer-events:none}
.auth-rain{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.12;background-image:repeating-linear-gradient(103deg,transparent 0 46px,rgba(225,231,232,.42) 46px 47px,transparent 47px 92px),repeating-linear-gradient(105deg,transparent 0 76px,rgba(225,231,232,.25) 76px 77px,transparent 77px 151px);background-size:310px 520px,430px 690px;animation:auth-rain-fall 2.8s linear infinite}
@keyframes auth-rain-fall{to{background-position:-72px 520px,-94px 690px}}
.auth-login .auth-intro:before{z-index:2}
.auth-login .auth-intro-content{z-index:3;transition:opacity .75s ease,transform .75s ease}
.auth-login-open .auth-intro-content{opacity:1;transform:none}
.auth-login .auth-intro:before{background:linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.42) 43%,rgba(0,0,0,.1) 80%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 54%)}
.auth-login .auth-intro-content{min-height:calc(100dvh - 76px);width:min(65vw,980px);max-width:none;padding:clamp(2rem,6vw,7rem);padding-right:0;padding-top:3rem}
.auth-login .auth-intro h1{font-size:clamp(3.4rem,5.1vw,6.6rem);line-height:1.02;letter-spacing:-.065em}
.auth-title-line{display:block;white-space:nowrap}
.auth-login .auth-intro p{font-size:clamp(.9rem,1.2vw,1.05rem)}
.auth-login .auth-proof{margin-top:3rem}
.auth-reveal{position:absolute;z-index:3;right:clamp(1.2rem,4vw,4.5rem);top:62%;display:flex;align-items:center;gap:1rem;transform:translateY(-50%);border:0;background:transparent;color:#f8e7bc;font-size:.64rem;font-weight:800;letter-spacing:.18em;transition:opacity .35s ease,transform .35s ease}
.auth-reveal-mobile{display:none}
.auth-reveal:hover{transform:translateY(-50%) translateX(5px)}
.auth-reveal-arrow{width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(243,213,133,.8);border-radius:50%;background:rgba(13,13,13,.64);backdrop-filter:blur(16px);color:#f6d477;font-size:2rem;line-height:1;box-shadow:0 0 30px rgba(210,164,45,.18);animation:reveal-pulse 2.6s ease-in-out infinite}
@keyframes reveal-pulse{50%{box-shadow:0 0 0 11px rgba(212,175,55,.08),0 0 30px rgba(210,164,45,.25)}}
.auth-login .auth-card{position:absolute;z-index:5;right:0;top:0;bottom:0;width:min(38vw,540px);min-width:410px;display:flex;flex-direction:column;justify-content:center;align-self:auto;margin:0;padding:clamp(2rem,4vw,4.5rem);border:0;border-left:1px solid rgba(212,175,55,.25);border-radius:28px 0 0 28px;background:rgba(12,12,12,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:-35px 0 100px rgba(0,0,0,.5);transform:translateX(104%);opacity:.3;visibility:hidden;pointer-events:none;transition:transform .78s cubic-bezier(.16,1,.3,1),opacity .55s ease,visibility .78s}
.auth-login-open .auth-card{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
.auth-login-completing .auth-card{transform:translateX(104%);opacity:0;visibility:hidden;pointer-events:none}
.auth-login-open .auth-intro{transform:none;filter:none}
.auth-login-open .auth-reveal{opacity:0;visibility:hidden;pointer-events:none}
.auth-card-close{position:absolute;right:1.6rem;top:1.3rem;width:42px;height:42px;border:1px solid #4a4435;border-radius:50%;background:#1c1a16;color:#f1d37b;font-size:1.6rem;line-height:1}
.auth-login .auth-bottom{display:none}
html[data-theme="light"] .auth-login,html[data-theme="light"] .auth-login .auth-top{background:#090909}
html[data-theme="light"] .auth-login .auth-card{background:rgba(12,12,12,.76);color:#f5f4f1}
html[data-theme="light"] .auth-login .auth-card>p,html[data-theme="light"] .auth-login .auth-foot{color:#bcb7af}
html[data-theme="light"] .auth-login .auth-card .field input{background:rgba(22,22,22,.88);border-color:rgba(255,255,255,.25);color:#f5f4f1;color-scheme:dark}
html[data-theme="light"] .auth-login .auth-card .field input::placeholder{color:#96928b}
.pwa-install-banner[hidden],.pwa-guide[hidden]{display:none!important}
.pwa-installed [data-pwa-action="install"]{display:none!important}
.pwa-install-banner{position:fixed;z-index:18;top:calc(76px + .7rem);left:1rem;right:1rem;max-width:390px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.55rem 1.1rem .55rem .55rem;border:1px solid rgba(227,188,82,.42);border-radius:17px;background:rgba(15,15,15,.9);box-shadow:0 16px 42px rgba(0,0,0,.35);backdrop-filter:blur(18px);color:#fff}
.pwa-install-banner img{width:40px;height:40px;border-radius:10px}.pwa-install-banner span{min-width:0;display:grid;gap:.12rem}.pwa-install-banner strong{font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-install-banner small{font-size:.62rem;color:#c7bd9f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pwa-in-app .pwa-install-banner{top:auto;bottom:calc(5.8rem + env(safe-area-inset-bottom,0px))}
.pwa-install-action{min-height:34px;padding:0 .75rem;border:0;border-radius:9px;background:#d4af37;color:#15110a;font-size:.68rem;font-weight:800}.pwa-install-dismiss{position:absolute;top:-9px;right:-9px;width:25px;height:25px;border:1px solid #6c6144;border-radius:50%;background:#20201e;color:#fff;font-size:1rem;line-height:1}
.pwa-guide{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:1rem}.pwa-guide-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.pwa-guide-card{position:relative;width:min(100%,420px);max-height:calc(100dvh - 2rem);overflow:auto;padding:1.6rem;border:1px solid rgba(212,175,55,.4);border-radius:23px;background:#111;color:#f7f5ee;box-shadow:0 26px 80px rgba(0,0,0,.5)}.pwa-guide-card img{display:block;width:68px;height:68px;margin-bottom:1.2rem;border-radius:15px}.pwa-guide-card h2{margin:.45rem 0 .8rem;font-size:1.55rem;line-height:1.12}.pwa-guide-card p{font-size:.83rem;line-height:1.55;color:#bcb6a9}.pwa-guide-card ol{display:grid;gap:.8rem;padding-left:1.25rem;margin:1.3rem 0;color:#eee9de;font-size:.82rem;line-height:1.5}.pwa-guide-card li::marker{color:#d4af37;font-weight:800}.pwa-guide-card .btn{width:100%;margin-top:.5rem}.pwa-guide-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:1px solid #4a4435;border-radius:50%;background:#1c1a16;color:#f1d37b;font-size:1.35rem}
@media(max-width:699px){
 .pwa-install-banner{top:calc(68px + .7rem)}
 .auth-login{height:100dvh;min-height:0;overflow:hidden}.auth-login .auth-top{height:68px;padding-inline:1.2rem}
 .auth-login .auth-main{height:calc(100dvh - 68px);min-height:0;overflow:hidden;background:#0a0a0a}
 .auth-login .auth-intro{height:100%;min-height:0;background-position:62% center}
 .auth-login .auth-intro:before{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.57) 31%,transparent 72%),linear-gradient(90deg,rgba(0,0,0,.36),transparent 78%)}
 .auth-login .auth-intro-content{width:100%;height:100%;min-height:0;justify-content:flex-end;padding:1.5rem 1.35rem calc(7rem + env(safe-area-inset-bottom,0px))}
 .auth-login .auth-intro h1{font-size:clamp(2.35rem,10.8vw,3.8rem);margin:.65rem 0;line-height:1.04}
 .auth-title-line{white-space:normal}
 .auth-login .auth-intro p{max-width:32ch;font-size:.84rem;line-height:1.5}.auth-login .auth-proof{display:none}
 .auth-login .auth-reveal{display:flex;top:auto;right:1.35rem;bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));left:1.35rem;min-height:60px;justify-content:space-between;gap:1rem;padding:.75rem .8rem .75rem 1.15rem;transform:none;border:1px solid #f3d980;border-radius:14px;background:linear-gradient(100deg,#f4d980,#c59a31);box-shadow:0 16px 35px rgba(0,0,0,.4);color:#17120a;font-size:.88rem;font-weight:800;letter-spacing:0;transition:opacity .35s ease,transform .35s ease}
 .auth-login .auth-reveal:hover{transform:translateY(-2px)}
 .auth-reveal-desktop{display:none}.auth-reveal-mobile{display:inline}
 .auth-login .auth-reveal-arrow{width:35px;height:35px;border:0;border-radius:10px;background:rgba(31,23,6,.12);box-shadow:none;backdrop-filter:none;color:#211803;font-size:1.4rem;animation:none}
 .auth-login .auth-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;margin:0;padding:4rem 1.35rem .5rem;border:0;border-radius:0;background:#101010;box-shadow:none;transform:translateX(104%);opacity:1;visibility:hidden;pointer-events:none;overflow-y:auto;overscroll-behavior:contain}
 html[data-theme="light"] .auth-login .auth-card{background:#101010}
 .auth-login-open .auth-card{transform:translateX(0);visibility:visible;pointer-events:auto}
 .auth-login-completing .auth-card{transform:translateX(104%);opacity:0;visibility:hidden;pointer-events:none}
 .auth-login .auth-card-close{display:grid;place-items:center;top:1.15rem;right:1.35rem}
 .auth-login .auth-foot{margin-top:.8rem;padding-top:.7rem}
 .auth-login .field input{font-size:16px}
 .auth-scene-video{object-position:62% center}
}
@media(min-width:700px){.pwa-install-banner{display:none}}
@media(prefers-reduced-motion:reduce){
 .auth-login .auth-intro,.auth-login .auth-card,.auth-rain{transition:none;animation:none}
}

.account-details{background:var(--surface);color:var(--ink);border-color:var(--line)}
.account-details .icon-btn{background:var(--canvas)}
.about-brand{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#090909;color:#e9c661;font-size:.7rem;font-weight:800;white-space:nowrap}
.about-brand .brand{min-width:184px}
.account-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1rem 0}
.account-facts>div{min-width:0;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}
.account-facts small{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.65rem}
.account-facts strong{display:block;overflow-wrap:anywhere;font-size:.82rem}
.account-settings-block{margin-top:1.2rem;padding:1rem;border:1px solid var(--line);border-radius:13px;background:var(--canvas)}
.account-settings-block h3{margin:.6rem 0;font-size:1rem}.account-settings-block p{color:var(--muted);font-size:.75rem;line-height:1.55}
@media(max-width:480px){.account-facts{grid-template-columns:1fr}.about-brand{flex-wrap:wrap}}

@media(max-width:699px){
 html,body,#app{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none;touch-action:pan-y}
 #app{height:100dvh}
 .app-shell{height:100dvh;min-height:0;overflow:hidden}
 .app-shell .main{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
 .app-shell .topbar{position:relative;top:auto;flex:none}
 .app-shell .content{flex:1;min-height:0;width:100%;max-width:none;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}
 .auth-layout:not(.auth-login){height:100%;min-height:0;overflow-y:auto}
 .field input,.field select,.field textarea{font-size:16px}
 .modal--supplier{width:min(100%,380px);max-height:calc(100dvh - 2rem);padding:1rem}
 .modal--supplier .modal-head{margin-bottom:.85rem}
 .modal--supplier .modal-head h2{font-size:1.3rem}
 .modal--supplier .form-grid{gap:.6rem}
 .modal--supplier .field{gap:.28rem}
 .modal--supplier .field input{height:42px}
 .modal--supplier .modal-actions{bottom:-1rem;margin-top:.65rem;padding:.5rem 0 0}
 .modal--supplier .modal-actions .btn{min-height:42px;flex:1;padding:.6rem .45rem;font-size:.73rem}
}