:root{
  --app-bg:#090a0c;
  --card:#121416;
  --card-raised:#17191c;
  --card-soft:#0f1113;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.14);
  --muted:#90949c;
  --muted-2:#666b74;
  --primary:#1687ff;
  --primary-2:#0874eb;
  --success:#2fcf70;
  --warning:#ff9f20;
  --danger:#ff5f57;
}

html,body{background:var(--app-bg)}
body{min-width:320px;background:radial-gradient(1000px 560px at 68% -22%,rgba(30,115,255,.08),transparent 65%),var(--app-bg)}
button{-webkit-tap-highlight-color:transparent}
.ui-icon{width:20px;height:20px;flex:0 0 auto}

.shell{display:block;min-height:100svh}
.side{position:fixed;inset:0 auto 0 0;z-index:20;width:260px;height:100svh;padding:18px 16px;border-right:1px solid var(--line);background:rgba(12,13,15,.94);box-shadow:none;backdrop-filter:blur(26px);scrollbar-width:none}
.side::-webkit-scrollbar{display:none}
.brand{gap:12px;margin:2px 8px 38px}
.brand>span{width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(145deg,#208dff,#076ce2);box-shadow:0 12px 28px rgba(0,112,255,.22),inset 0 1px rgba(255,255,255,.25)}
.brand-logo{width:100%;height:100%;filter:none}
.brand b{font-size:19px;font-weight:720;letter-spacing:-.55px}
.brand small{margin-top:2px;color:#737882;font-size:10px}
.nav-group{display:grid;gap:6px}
.nav{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;padding:0 14px;border:1px solid transparent;border-radius:13px;color:#9da2ab;font-size:14px;font-weight:570;transition:background .18s,border-color .18s,color .18s,transform .18s}
.nav .ui-icon{width:20px;height:20px;color:#777d87;transition:color .18s,transform .18s}
.nav:hover{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.045);color:#f3f5f7;transform:translateX(2px)}
.nav:hover .ui-icon{color:#c7d8ee}
.nav.active{border-color:rgba(255,255,255,.11);background:linear-gradient(135deg,rgba(38,42,47,.95),rgba(25,28,31,.95));box-shadow:inset 3px 0 #1687ff,inset 0 1px rgba(255,255,255,.055);color:#fff}
.nav.active .ui-icon{color:#278fff}
.nav-add{margin-top:14px;border-color:rgba(22,135,255,.25);background:rgba(22,135,255,.08);color:#7dbaff}
.nav-add-image{display:block;width:20px;height:20px;flex:0 0 auto;object-fit:contain;filter:brightness(0) invert(1);pointer-events:none}
.side-footer{position:absolute;right:16px;bottom:18px;left:16px;display:grid;gap:7px}
.side-footer>small{padding:0 13px;color:#555b65;font-size:10px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.side-footer .nav.logout{position:static;width:100%;margin:0;color:#858b94}

.main{min-width:0;margin-left:260px;padding:30px 34px 54px}
.top{position:sticky;top:0;z-index:12;max-width:1480px;margin:-12px auto 24px;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,rgba(9,10,12,.97) 72%,rgba(9,10,12,0));backdrop-filter:blur(20px)}
.top-copy{min-width:0}
.eyebrow{margin:0 0 5px;color:#7b8089;font-size:11px;font-weight:550;letter-spacing:0;text-transform:none}
.top h1{margin:0;color:#f7f8fa;font-size:31px;font-weight:720;letter-spacing:-1px}
.top-actions{display:flex;align-items:center;gap:9px}
.round-action{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:linear-gradient(145deg,#181a1d,#111315);box-shadow:inset 0 1px rgba(255,255,255,.05);color:#e7eaf0;transition:transform .16s,background .16s,border-color .16s}
.round-action:hover{border-color:var(--line-strong);background:#202328;transform:translateY(-1px)}
.round-action .ui-icon{width:19px;height:19px}
.notification-action>i{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--app-bg);border-radius:999px;background:#ff4e55;color:#fff;font-size:9px;font-style:normal;font-weight:750}
.connection{min-height:28px;padding:5px 10px;border-color:var(--line);background:#101214;font-size:10px}
.connection::before{width:6px;height:6px}
.user{margin-left:4px;padding-left:10px;border-left:1px solid var(--line)}
.account-button{border-top:0;border-right:0;border-bottom:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.account-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:14px}
.user>i{width:40px;height:40px;background:linear-gradient(145deg,#263346,#192331);color:#8ec2ff;box-shadow:inset 0 0 0 1px rgba(121,180,255,.2);font-size:14px}
.user b{font-size:12px}.user small{font-size:10px;text-transform:capitalize}

.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;max-width:1480px;margin:0 auto}
.inventory-hero{position:relative;grid-column:1/6;min-height:224px;overflow:hidden;padding:27px;border:1px solid var(--line-strong);border-radius:23px;background:radial-gradient(380px 180px at 92% 36%,rgba(30,133,255,.08),transparent 70%),linear-gradient(135deg,#1b1d20,#0e1012 70%);box-shadow:0 20px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055)}
.inventory-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.035),transparent 64%);pointer-events:none}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.hero-copy>span{color:#c2c5ca;font-size:14px}
.hero-copy>strong{margin-top:2px;color:#fff;font-size:68px;font-weight:710;line-height:1;letter-spacing:-4px}
.hero-copy>small{margin-top:21px;color:#7f858e;font-size:12px}
.hero-copy>b{margin-top:3px;color:#f3f5f7;font-size:25px;font-weight:610;letter-spacing:-.8px}
.hero-pattern{position:absolute;right:-24px;bottom:-45px;width:250px;height:250px;border:1px solid rgba(255,255,255,.05);border-radius:50%;background:radial-gradient(circle at 36% 33%,rgba(37,146,255,.18),rgba(37,146,255,.025) 35%,transparent 60%);box-shadow:0 0 0 32px rgba(255,255,255,.012),0 0 0 64px rgba(255,255,255,.008)}
.hero-pattern::before,.hero-pattern::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%}.hero-pattern::before{inset:42px}.hero-pattern::after{inset:82px;background:rgba(22,135,255,.08)}
.hero-eye{position:absolute;right:18px;bottom:17px;z-index:3;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:rgba(15,17,19,.72);color:#c6cbd2;backdrop-filter:blur(12px)}
.hero-eye .ui-icon{width:20px;height:20px}

.status-grid{grid-column:6/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.status-card{position:relative;min-height:106px;overflow:hidden;padding:17px 19px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#17191c,#111315);box-shadow:inset 0 1px rgba(255,255,255,.04);color:#fff;text-align:left;transition:transform .18s,border-color .18s,background .18s}
.status-card::after{content:"";position:absolute;right:-20px;bottom:-34px;width:95px;height:95px;border-radius:50%;background:var(--tone);filter:blur(8px);opacity:.08}
.status-card:hover{border-color:var(--line-strong);background:#1b1e22;transform:translateY(-2px)}
.status-card>span{display:block;color:#aeb3bb;font-size:12px}.status-card>strong{display:block;margin-top:6px;font-size:32px;font-weight:690;letter-spacing:-1.2px}.status-card>small{position:absolute;right:16px;bottom:14px;color:#7b818a;font-size:10px;opacity:0;transition:opacity .18s}.status-card:hover>small{opacity:1}
.tone-blue{--tone:#1687ff}.tone-green{--tone:#2fcf70}.tone-orange{--tone:#ff9f20}.tone-slate{--tone:#9ca3af}.tone-red{--tone:#ff5f57}.tone-violet{--tone:#9975ff}.tone-mint{--tone:#35d0bd}
.lifecycle-alerts{grid-column:1/13;padding:14px 16px;border:1px solid rgba(255,159,32,.18);border-radius:18px;background:rgba(255,159,32,.045)}.lifecycle-alerts>p{margin:0 0 9px;color:#d7aa70;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.lifecycle-alerts>div{display:flex;flex-wrap:wrap;gap:8px}.lifecycle-alerts button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;min-width:210px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#111315;color:#f0f2f5;text-align:left}.lifecycle-alerts button>b{grid-row:1/3;font-size:20px;color:#ffb454}.lifecycle-alerts button>span{font-size:11px;font-weight:650}.lifecycle-alerts button>small{color:#777e87;font-size:9px}
.dashboard-add{grid-column:6/10;display:flex;align-items:center;justify-content:center;gap:11px;min-height:78px;padding:0 24px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(180deg,#2692ff,#0877ed);box-shadow:0 14px 32px rgba(0,105,230,.25),inset 0 1px rgba(255,255,255,.28);color:#fff;font-weight:650;transition:transform .18s,filter .18s}
.dashboard-add:hover{transform:translateY(-2px);filter:brightness(1.08)}
.dashboard-add .ui-icon{width:23px;height:23px}

.panel{max-width:none;margin:0;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(23,25,28,.97),rgba(15,17,19,.97));box-shadow:0 20px 52px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);backdrop-filter:none}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.section-head h3{margin:0;color:#f2f4f6;font-size:20px;font-weight:630;letter-spacing:-.5px}
.section-kicker{margin:0 0 4px;color:#6d737c;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.section-date{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#101214;color:#7f858d;font-size:10px;text-transform:capitalize}
.sales-panel{grid-column:1/13;padding:22px 24px 15px}
.sales-summary-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.sales-total{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.sales-total strong{font-size:29px;font-weight:680;letter-spacing:-1px}.sales-total span{color:#42d479;font-size:11px}
.seller-mini{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:#101214}.seller-mini>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1c3351;color:#8fc3ff;font-weight:700}.seller-mini div{display:grid;line-height:1.2}.seller-mini small{color:#777e87;font-size:9px}.seller-mini b{font-size:12px}.seller-mini em{margin-top:2px;color:#777e87;font-size:9px;font-style:normal}
.sales-chart{margin:10px 0 0;padding:10px 12px 0;border:0;border-radius:15px;background:rgba(0,0,0,.12)}
.chart-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8c9199;font-size:10px}.chart-caption small{color:#5f656e}
.sales-chart svg{display:block;width:100%;max-height:205px}.sales-chart rect{fill:#1687ff;filter:drop-shadow(0 6px 8px rgba(0,104,234,.2));transition:opacity .16s}.sales-chart rect.peak{fill:#ff9f20;filter:drop-shadow(0 6px 8px rgba(255,139,0,.2))}.sales-chart rect:hover{opacity:.8}.sales-chart line{stroke:#34383e}.sales-chart text{fill:#747a83;font-size:11px}
.sales-chart-empty{padding-bottom:12px}.empty-chart{position:relative;display:grid;place-items:center;align-content:center;min-height:116px;margin-top:8px;overflow:hidden;border:1px dashed rgba(255,255,255,.07);border-radius:13px;color:#737982;text-align:center}.empty-chart::before{content:"";position:absolute;right:8%;bottom:28px;left:8%;height:1px;background:linear-gradient(90deg,transparent,#1687ff66,transparent)}.empty-chart i{width:8px;height:8px;margin-bottom:9px;border-radius:50%;background:#1687ff;box-shadow:0 0 0 7px rgba(22,135,255,.09)}.empty-chart b{font-size:12px;font-weight:600}.empty-chart span{margin-top:3px;color:#5f656e;font-size:10px}
.seller-panel{position:relative;grid-column:9/13;overflow:hidden;padding:22px;min-height:230px}
.seller-content{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-top:28px}.seller-content>span{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(70,151,255,.27);border-radius:50%;background:linear-gradient(145deg,#233a5a,#15263d);color:#8fc3ff;font-size:21px;font-weight:700}.seller-content strong{display:block;font-size:20px}.seller-content small{display:block;margin-top:4px;color:#9197a0;font-size:11px}
.recent-panel{grid-column:1/13;padding:20px 22px 10px}
.dashboard-empty{display:grid;place-items:center;min-height:84px;border-top:1px solid var(--line);color:#858b94;text-align:center}.dashboard-empty span{font-size:12px;font-weight:600}.dashboard-empty small{margin-top:-22px;color:#5f656e;font-size:10px}
.text-action{padding:7px 0;border:0;background:transparent;color:#3e9cff;font-size:11px;font-weight:600}
.dashboard-cars{display:grid}
.dashboard-car{display:grid;grid-template-columns:62px minmax(160px,1.6fr) minmax(120px,.7fr) minmax(130px,.7fr) 16px;align-items:center;gap:15px;min-height:70px;padding:9px 4px;border:0;border-top:1px solid var(--line);background:transparent;color:#eef1f5;text-align:left;transition:background-color .16s}
.dashboard-car:hover{border-radius:12px;background:rgba(255,255,255,.035)}
.dashboard-car-photo{display:grid;place-items:center;width:62px;height:46px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#1c1f23;color:#5e6671}.dashboard-car-photo img{width:100%;height:100%;object-fit:cover}.dashboard-car-photo .ui-icon{width:23px;height:23px}.dashboard-car-main b{display:block;font-size:13px}.dashboard-car-main small{display:block;margin-top:3px;color:#777d86;font-size:10px}.dashboard-car>strong{justify-self:end;font-size:13px;font-weight:620}.dashboard-car>i{justify-self:end;color:#60666e;font-size:25px;font-style:normal;font-weight:300}
.badge{width:max-content;padding:5px 9px;border:1px solid transparent;border-radius:999px;background:rgba(156,163,175,.09);color:#abb1b9;font-size:10px}.badge.available{border-color:rgba(47,207,112,.22);background:rgba(47,207,112,.08);color:#4fdb89}.badge.transit{border-color:rgba(22,135,255,.24);background:rgba(22,135,255,.08);color:#56a7ff}.badge.reserved{border-color:rgba(255,159,32,.24);background:rgba(255,159,32,.08);color:#ffaf46}.badge.sold{border-color:rgba(156,163,175,.2);background:rgba(156,163,175,.08);color:#b3b8c0}
.car-cell-title{display:grid;align-content:center;gap:4px}.car-condition-chip{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:650;line-height:1}.car-condition-chip.new{border-color:rgba(22,135,255,.2);background:rgba(22,135,255,.075);color:#70b6ff}.car-condition-chip.used{border-color:rgba(255,159,32,.22);background:rgba(255,159,32,.075);color:#ffc06d}.mobile-car-badges{display:flex;flex-wrap:wrap;align-items:center;gap:5px}

.filters{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;max-width:1480px;margin:0 auto 14px;padding:9px;border:1px solid var(--line);border-radius:16px;background:rgba(16,18,20,.85);box-shadow:0 14px 38px rgba(0,0,0,.16);backdrop-filter:blur(18px)}
.car-condition-switch{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:4px;width:max-content;padding:4px;border:1px solid var(--line);border-radius:13px;background:#0b0d0f}
.car-condition-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:112px;min-height:38px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:#8d949d;font-size:11px;font-weight:650;transition:background-color .16s,color .16s,box-shadow .16s}
.car-condition-button strong{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.055);color:#747b84;font-size:9px;font-weight:700}
.car-condition-button:hover{background:rgba(255,255,255,.045);color:#e8edf3}.car-condition-button.active{background:linear-gradient(180deg,#2692ff,#0877ed);box-shadow:0 7px 18px rgba(0,105,230,.22),inset 0 1px rgba(255,255,255,.2);color:#fff}.car-condition-button.active strong{background:rgba(8,31,60,.28);color:#fff}.car-condition-button:focus-visible{outline:2px solid #55acff;outline-offset:2px}
.filter-search{min-width:0}.filter-search input{width:100%}.filter-actions{display:flex;align-items:center;gap:8px}.filter-actions .btn{white-space:nowrap}.filter-selects{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.filter-selects select{width:100%;min-width:0}.users-toolbar{display:flex;justify-content:flex-end;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.users-toolbar>.btn{width:auto}.mobile-user-list{display:none}
.filters input,.filters select{min-height:42px;border-radius:10px;background:#0d0f11}
.table-wrap{max-width:1480px;margin:0 auto;padding:0;overflow:auto;border-radius:19px}
th{position:sticky;top:0;z-index:1;background:#111315;color:#7c828b}th,td{border-color:var(--line)}
td:first-child{display:flex;align-items:center;gap:12px}.car-cell-photo{display:grid;place-items:center;width:58px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;background:#1a1d20;color:#66707c}.car-cell-photo .ui-icon{width:22px;height:22px}
tr.click:hover{background:rgba(22,135,255,.045)}
.photo{width:58px;height:42px;border-radius:9px;background:#1d2024}
.mobile-car-list{display:none}
.btn{min-height:40px;border-radius:11px;background:linear-gradient(180deg,#2692ff,#0877ed);box-shadow:0 8px 20px rgba(0,105,230,.18),inset 0 1px rgba(255,255,255,.2)}
.btn:hover{background:linear-gradient(180deg,#3b9cff,#1683f4)}
.btn.secondary{border-color:var(--line);background:#151719;color:#9dc8ff;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.btn.secondary:hover{background:#202327;color:#c6dfff}
.btn.danger{border-color:rgba(255,95,87,.18);background:rgba(255,95,87,.09);color:#ff827c}
.btn .ui-icon{width:17px;height:17px}
.modal-bg{z-index:60;background:rgba(0,0,0,.72);backdrop-filter:blur(13px)}
.modal{border-color:var(--line-strong);border-radius:24px;background:linear-gradient(160deg,#1a1d20,#101214 76%);box-shadow:0 38px 110px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.055)}
.file-preview-layer{z-index:80;background:rgba(0,0,0,.82);backdrop-filter:blur(18px)}
.file-preview-dialog{isolation:isolate}.file-preview-dialog .modal-topbar{margin-bottom:4px}.file-preview-dialog h2{padding-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-menu-head{display:flex;align-items:center;gap:14px;padding:4px 0 18px}.account-menu-head>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#263f62,#17263a);color:#9ac9ff;font-size:20px;font-weight:750}.account-menu-head h2{margin:0}.account-menu-head p{margin:3px 0 0;color:var(--muted);text-transform:capitalize}.account-menu-actions{display:grid;gap:10px}.account-menu-actions .btn{width:100%}.account-logout{gap:8px}.account-logout .ui-icon{width:18px;height:18px}
.modal-topbar{position:sticky;top:0;z-index:8;display:flex;justify-content:flex-end;height:36px;margin:-4px 0 10px;pointer-events:none}.modal-topbar>.modal-close{position:relative;top:auto;right:auto;flex:0 0 auto;pointer-events:auto}
.modal-open{overflow:hidden}
.header-actions{display:grid;justify-items:end;gap:9px}.primary-car-actions,.management-car-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.management-car-actions .btn{min-height:34px;padding:6px 10px;font-size:11px}
.operation-form{padding-bottom:2px}.operation-intro{display:grid;gap:3px;margin:4px 0 18px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.operation-intro b{font-size:14px}.operation-intro span{color:#969ca5;font-size:11px}.operation-warning{display:grid;gap:3px;margin:0 0 10px;padding:12px 14px;border:1px solid rgba(255,159,32,.25);border-radius:13px;background:rgba(255,159,32,.07)}.operation-warning b{color:#ffc16c;font-size:12px}.operation-warning span{color:#a9a098;font-size:11px}
.dealer-switch{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 58px 10px 13px;border:1px solid var(--line);border-radius:14px;background:#0e1012;color:#f2f4f6;cursor:pointer}.dealer-switch input{position:absolute;opacity:0;pointer-events:none}.dealer-switch span{display:grid;gap:2px}.dealer-switch span b{font-size:13px}.dealer-switch span small{color:#858b94;font-size:10px}.dealer-switch>i{position:absolute;right:13px;width:38px;height:22px;border-radius:999px;background:#34383e;transition:background .18s}.dealer-switch>i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.dealer-switch input:checked~i{background:#1687ff}.dealer-switch input:checked~i::after{transform:translateX(16px)}
.dealer-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;border:1px solid rgba(22,135,255,.18);border-radius:14px;background:rgba(22,135,255,.035)}
.dealer-fields[hidden]{display:none!important}
.price-summary.single-price{grid-template-columns:minmax(0,1fr)}
.sale-result{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.sale-result>span{padding:12px;border:1px solid var(--line);border-radius:12px;background:#0e1012}.sale-result small{display:block;margin-bottom:4px;color:#818791;font-size:10px}.sale-result b{font-size:13px}.sale-live-result>span:first-child{border-color:rgba(47,207,112,.2);background:rgba(47,207,112,.05)}.commission-note{margin:9px 2px 0;color:#7f8791;font-size:11px}
.sale-success{display:flex;align-items:center;gap:16px;padding:17px;border:1px solid rgba(47,207,112,.22);border-radius:17px;background:rgba(47,207,112,.055)}.sale-success-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#2fcf70;color:#08120c;font-size:23px;font-weight:800}.sale-success small{color:#65db94}.sale-success h3{margin:2px 0 3px;font-size:25px}.sale-success p,.operation-comment{margin:0;color:#9aa0a8;font-size:11px}.operation-actions{padding-top:4px}
.operation-history{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.operation-history h3{margin:0 0 8px;font-size:13px}.operation-history .history{margin:0}
.modal-close{border-color:var(--line);background:#1b1e21}.modal-close:hover{background:#272b30}
input,select,textarea{border-color:var(--line);border-radius:11px;background:#0d0f11;color:#f2f4f7}input:focus,select:focus,textarea:focus{border-color:#1687ff;box-shadow:0 0 0 3px rgba(22,135,255,.15)}
input:not([disabled]),select:not([disabled]),textarea:not([disabled]){position:relative;z-index:1;pointer-events:auto;touch-action:manipulation;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.modal form{position:relative;z-index:1}
.modal-bg{z-index:100}.file-preview-layer{z-index:120}.update-prompt-bg{z-index:140}.network-loader{z-index:190}.notice{z-index:200}
.field input[readonly]{border-style:dashed;background:#0b0d0f;color:#8b9199;cursor:default}.field>small{color:#686f78;font-size:10px;line-height:1.35}
.catalog-picks{display:flex;gap:6px;max-width:100%;padding:1px 0 2px;overflow-x:auto;scrollbar-width:none}.catalog-picks::-webkit-scrollbar{display:none}.catalog-pick{flex:0 0 auto;min-height:26px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:#121519;color:#aeb4bc;font-size:10px;font-weight:600;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.catalog-pick:hover{border-color:rgba(55,148,255,.5);background:#17263a;color:#dcecff}.catalog-pick:active{background:#1c3451}
.copy-car-hint{display:grid;gap:4px;margin:10px 0 15px;padding:13px 14px;border:1px solid rgba(55,148,255,.25);border-radius:14px;background:rgba(22,135,255,.08)}.copy-car-hint b{color:#dcebff;font-size:12px}.copy-car-hint span{color:#899caf;font-size:10px;line-height:1.45}
.car-color{display:inline-flex;align-items:center;gap:7px}.car-color i{width:11px;height:11px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#7d838c;box-shadow:0 0 0 2px rgba(255,255,255,.025)}.car-color.white i{background:#f3f4f6}.car-color.black i{background:#111315}.car-color.silver i{background:#a7adb6}.car-color.blue i{background:#2476e7}.car-color.red i{background:#d94a4a}.car-color.green i{background:#3b9360}.car-color.brown i{background:#846047}
.file-picker{border-color:rgba(22,135,255,.28);background:rgba(22,135,255,.045)}
.pending-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.pending-picker{position:relative;min-width:0;min-height:190px;margin:0;padding:15px;display:flex;flex-direction:column;align-items:stretch;border-style:solid;background:rgba(255,255,255,.025)}.pending-picker--photos{border-color:rgba(22,135,255,.38);background:linear-gradient(145deg,rgba(22,135,255,.085),rgba(22,135,255,.025))}.pending-picker--documents{border-color:rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}.pending-picker__head{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.pending-picker__head>div{min-width:0}.pending-picker__head b{display:block;color:var(--text);font-size:13px;line-height:1.25}.pending-picker__head small{display:block;margin-top:5px;color:var(--secondary);font-size:10px;line-height:1.4}.pending-picker__head>span{flex:none;min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:#aeb4bc;font-size:10px;font-weight:700}.pending-picker__input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}.file-picker .pending-picker__button{width:max-content;margin:0 0 9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pending-picker__list{width:100%;margin-top:auto}.pending-picker .pending-file{min-width:0;gap:8px;padding:8px 0}.pending-picker .pending-file>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8ccd2;font-size:11px}.pending-picker .icon-btn{flex:0 0 auto}
@media(max-width:720px){.pending-upload-grid{grid-template-columns:1fr}.pending-picker{min-height:0}.file-picker .pending-picker__button{width:100%;min-height:44px}}

/* Photo manager */
.photo-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:4px 0 16px}.photo-manager-head h3{margin:0 0 5px;font-size:18px}.photo-manager-head p{max-width:620px;margin:0;color:var(--secondary);font-size:13px}.photo-manager-head>span{flex:none;padding:6px 10px;border:1px solid var(--separator);border-radius:999px;color:var(--secondary);font-size:11px;font-weight:650}.photo-upload{min-height:86px;margin-bottom:18px;padding:16px 18px;border:1px dashed rgba(94,158,255,.45);border-radius:14px;background:rgba(94,158,255,.055);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.photo-upload:hover,.photo-upload.is-dragover{border-color:var(--blue);background:rgba(94,158,255,.11);transform:translateY(-1px)}.photo-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.photo-upload span{display:grid;gap:3px}.photo-upload span b{color:var(--text);font-size:14px}.photo-upload span small{color:var(--secondary);font-size:12px}.photo-upload em{color:var(--secondary);font-size:10px;font-style:normal;line-height:1.45;text-align:right}.photo-manager-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.photo-manager-card{min-width:0;border:1px solid var(--separator);border-radius:14px;background:var(--surface-solid,var(--surface));overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.12);transition:border-color .16s,transform .16s,opacity .16s}.photo-manager-card.is-primary{border-color:rgba(94,158,255,.55);box-shadow:0 0 0 1px rgba(94,158,255,.14),0 12px 30px rgba(0,0,0,.16)}.photo-manager-card.is-dragging{opacity:.45;transform:scale(.98)}.photo-manager-card.is-drop-target{border-color:var(--blue);transform:translateY(-2px)}.photo-manager-preview{width:100%;padding:0;border:0;background:#0b0f16;display:block;position:relative;aspect-ratio:4/3;overflow:hidden}.photo-manager-preview img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s}.photo-manager-preview:hover img{transform:scale(1.025)}.photo-manager-preview>span{position:absolute;left:9px;top:9px;padding:5px 8px;border-radius:7px;background:rgba(10,15,23,.78);backdrop-filter:blur(9px);color:#fff;font-size:10px;font-weight:700}.photo-manager-meta{min-width:0;padding:11px 12px 8px;display:grid;gap:3px}.photo-manager-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.photo-manager-meta small{color:var(--secondary);font-size:10px}.photo-manager-actions{min-height:43px;padding:0 9px 9px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.photo-manager-actions>.btn{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-primary-label{color:#76adff;font-size:10px;font-weight:700}.photo-order-buttons{margin-left:auto;display:flex;align-items:center;gap:4px}.photo-order-buttons button{width:31px;height:31px;padding:0;border:1px solid var(--separator);border-radius:8px;background:rgba(255,255,255,.035);color:var(--text);display:grid;place-items:center}.photo-order-buttons button:hover:not(:disabled){border-color:rgba(94,158,255,.55);background:rgba(94,158,255,.1);color:#8ebcff}.photo-order-buttons button:disabled{opacity:.28;cursor:default}.photo-order-buttons .is-danger{color:var(--red);font-size:18px}.photo-manager-empty{grid-column:1/-1;min-height:190px;padding:28px;border:1px dashed var(--separator);border-radius:14px;display:grid;place-content:center;gap:6px;text-align:center}.photo-manager-empty b{font-size:15px}.photo-manager-empty span{color:var(--secondary);font-size:12px}

@media(max-width:900px){.photo-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.photo-manager-head{gap:12px}.photo-manager-head p{font-size:11px}.photo-upload{grid-template-columns:1fr;padding:14px}.photo-upload em{text-align:left}.photo-manager-grid{grid-template-columns:1fr}.photo-manager-actions>.btn{max-width:none}.photo-order-buttons button{width:36px;height:36px}}
.car-form-sections{display:grid;gap:14px}.form-section{padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.12)}.form-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:13px}.form-section-heading b{color:#eef1f5;font-size:13px}.form-section-heading span{color:#666d76;font-size:10px}.form-section textarea{min-height:76px}.car-form-actions{position:sticky;z-index:5;bottom:-25px;margin:18px -25px -25px;padding:13px 25px 18px;border-top:1px solid var(--line);background:rgba(16,18,20,.94);backdrop-filter:blur(20px)}
.car-condition-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.car-condition-option{position:relative;cursor:pointer}.car-condition-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.car-condition-option>span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:#0d0f11;transition:border-color .16s,background-color .16s,box-shadow .16s}.car-condition-option>span b{color:#d8dce2;font-size:12px}.car-condition-option>span small{color:#6f7680;font-size:10px}.car-condition-option input:checked+span{border-color:#1687ff;background:rgba(22,135,255,.09);box-shadow:0 0 0 3px rgba(22,135,255,.11)}.car-condition-option input:checked+span b{color:#fff}.car-condition-option input:checked+span small{color:#8ec5ff}.car-condition-option input:focus-visible+span{outline:2px solid #55acff;outline-offset:2px}
.update-prompt-bg{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.74);backdrop-filter:blur(16px);animation:veilIn .2s ease-out}
.update-prompt{width:min(470px,100%);padding:28px;border:1px solid var(--line-strong);border-radius:26px;background:linear-gradient(145deg,#1b1e22,#101214);box-shadow:0 32px 90px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.06);animation:sheetIn .32s cubic-bezier(.2,.85,.25,1)}
.update-prompt-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border:1px solid rgba(22,135,255,.3);border-radius:17px;background:rgba(22,135,255,.12);color:#68afff;font-size:30px}.update-prompt-copy>span{color:#68afff;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.update-prompt h2{margin:7px 0 9px;font-size:25px}.update-prompt p{margin:0;color:#989ea7;font-size:13px;line-height:1.55}.update-prompt-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:25px}
.mobile-notifications{display:none}
.nav:focus-visible,.btn:focus-visible,.round-action:focus-visible,.tab:focus-visible,.dashboard-car:focus-visible,.status-card:focus-visible,.mobile-car-card:focus-visible,.modal-close:focus-visible{outline:3px solid rgba(70,157,255,.55);outline-offset:2px}

@media(max-width:1180px){
  .side{width:220px}.main{margin-left:220px;padding-right:24px;padding-left:24px}.brand small{display:none}
  .inventory-hero{grid-column:1/7}.status-grid{grid-column:7/13;grid-template-columns:repeat(2,minmax(0,1fr))}.status-card{min-height:102px}.status-card>small{display:none}.seller-panel{grid-column:9/13}
  .filters{grid-template-columns:minmax(0,1fr) auto}.filter-actions>.btn{min-height:42px}
}

@media(max-width:820px){
  html{background:#090a0c}body{font-size:14px;overscroll-behavior-y:none}
  .shell{display:block;padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .side{position:fixed;z-index:50;inset:auto 10px max(12px,env(safe-area-inset-bottom)) 10px;width:auto;height:70px;display:block;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(24,26,29,.94);box-shadow:0 14px 40px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(28px);overflow:visible}
  .brand,.side-footer,.mobile-notifications{display:none!important}
  .nav-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px minmax(0,1fr) minmax(0,1fr);grid-template-rows:56px;align-items:center;gap:0;height:100%;overflow:visible}
  .nav{display:grid;justify-items:center;gap:2px;width:100%;min-width:0;min-height:52px;padding:5px 2px;border:0;border-radius:16px;background:transparent;box-shadow:none;color:#747a83;font-size:9px;transform:none}
  .nav:hover{border:0;background:transparent;transform:none}.nav .ui-icon{width:21px;height:21px;color:#858b94}.nav.active{border:0;background:rgba(255,255,255,.06);box-shadow:none;color:#f5f7fa}.nav.active .ui-icon{color:#1687ff}.nav.active::after{display:none}
  .nav-overview{grid-column:1;grid-row:1}.nav-cars{grid-column:2;grid-row:1}.nav-add{grid-column:3;grid-row:1;z-index:2;display:grid;place-self:center;place-items:center;width:58px;height:58px;min-width:58px;min-height:58px;margin:0;padding:0;border-radius:50%;background:linear-gradient(180deg,#2995ff,#0877ed)!important;box-shadow:0 12px 28px rgba(0,105,230,.38),inset 0 1px rgba(255,255,255,.3)!important;color:#fff!important;transform:translateY(-18px)}.nav-add:hover{transform:translateY(-18px)}.nav-add:active{transform:translateY(-18px) scale(.96)}.nav-add-image{width:25px;height:25px}.nav-add span{display:none}.nav-archive{grid-column:4;grid-row:1}.nav-users{grid-column:5;grid-row:1}
  .main{margin:0;padding:16px 14px 24px}
  .top{position:static;margin:0 0 18px;padding:calc(6px + env(safe-area-inset-top)) 2px 0;background:none;backdrop-filter:none}
  .eyebrow{font-size:10px}.top h1{font-size:27px}.top-actions{gap:7px}.top-actions>.connection,.top-actions>.round-action:not(.notification-action){display:none}.round-action{width:40px;height:40px}.top-actions .user{display:flex;margin:0;padding:0;border:0}.user>span{display:none}.user>i{width:40px;height:40px}
  .dashboard-grid{display:flex;flex-direction:column}.inventory-hero,.status-grid,.lifecycle-alerts,.sales-panel,.recent-panel{width:100%;margin-bottom:12px}.inventory-hero{order:1}.status-grid{order:2}.lifecycle-alerts{order:3}.recent-panel{order:4}.sales-panel{order:5}.lifecycle-alerts>div{display:grid}.lifecycle-alerts button{min-width:0;width:100%}
  .inventory-hero{min-height:194px;padding:22px 20px;border-radius:22px}.hero-copy>strong{font-size:52px}.hero-copy>small{margin-top:13px}.hero-copy>b{font-size:20px}.hero-pattern{right:-58px;bottom:-86px}
  .status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.status-card{min-height:86px;padding:13px 15px;border-radius:17px}.status-card>strong{margin-top:3px;font-size:27px}.status-card>small{display:none}
  .panel{border-radius:20px}.sales-panel{padding:18px 15px 10px}.sales-summary-row{align-items:flex-start}.sales-total{display:grid;gap:0}.sales-total strong{font-size:24px}.seller-mini{max-width:170px;padding:7px 9px}.seller-mini>span{width:32px;height:32px}.seller-mini b{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-chart{margin-right:0;margin-left:0;padding-right:5px;padding-left:5px;overflow:visible}.chart-caption small{display:none}.sales-chart svg{width:100%;max-width:none;transform:none}
  .recent-panel{padding:19px 15px 7px}.dashboard-car{grid-template-columns:57px minmax(0,1fr) auto 13px;gap:10px;min-height:72px}.dashboard-car-photo{width:57px;height:44px}.dashboard-car>.badge{display:none}.dashboard-car>strong{font-size:12px}.dashboard-car-main small{font-size:9px}
  .section-head h3{font-size:18px}.section-date{display:none}
  .filters{display:grid;grid-template-columns:1fr 1fr;padding:8px}.filters input{grid-column:1/-1}.filters input,.filters select,.filters .btn{width:100%;min-width:0;font-size:16px}.filters .desktop-add-car{display:none}.users-toolbar{display:block}.users-toolbar .btn{grid-column:1/-1}.table-wrap{display:none}.mobile-car-list{display:grid;gap:9px}.mobile-car-card{display:grid;grid-template-columns:68px minmax(0,1fr) auto 12px;align-items:center;gap:10px;width:100%;min-height:88px;padding:10px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#17191c,#111315);color:#eef1f5;text-align:left}.mobile-car-photo{display:grid;place-items:center;width:68px;height:58px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#1c1f23;color:#69727d}.mobile-car-photo img{width:100%;height:100%;object-fit:cover}.mobile-car-photo .ui-icon{width:24px;height:24px}.mobile-car-copy{min-width:0}.mobile-car-copy>b{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.mobile-car-copy>small{display:block;overflow:hidden;margin:3px 0 7px;color:#858b94;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mobile-car-card>strong{font-size:12px;white-space:nowrap}.mobile-car-card>i{color:#646a73;font-size:22px;font-style:normal}.mobile-empty{border:1px solid var(--line);border-radius:18px;background:#121416}.mobile-empty b,.mobile-empty small{display:block}.mobile-user-list{display:grid;gap:9px}.mobile-user-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#17191c,#111315)}.mobile-user-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1c3351;color:#8fc3ff;font-size:17px;font-weight:750}.mobile-user-copy{display:grid;min-width:0}.mobile-user-copy>b{overflow:hidden;color:#f2f4f7;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.mobile-user-copy>small{color:#777e87;font-size:10px}.mobile-user-copy>span{width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;background:#ffffff0d;color:#a9afb8;font-size:9px;text-transform:capitalize}.mobile-user-action{justify-self:end}.mobile-user-action .btn{padding:6px 9px}.current-user-label{display:block;max-width:86px;color:#6f7680;font-size:9px;text-align:right}
  .modal-bg{align-items:end;padding:0}.modal{width:100%;max-height:92svh;padding:24px 18px calc(22px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}.grid,.price-summary,.dealer-fields{grid-template-columns:1fr}.full{grid-column:auto}input,select,textarea{font-size:16px}.detail-head{display:grid}.header-actions{justify-items:stretch}.primary-car-actions,.management-car-actions{justify-content:flex-start}.primary-car-actions .btn{flex:1}.management-car-actions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.management-car-actions .btn{flex:0 0 auto}.operation-actions{position:sticky;z-index:3;right:0;bottom:calc(-22px - env(safe-area-inset-bottom));left:0;margin-right:-18px;margin-left:-18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(17,19,21,.94);backdrop-filter:blur(20px)}.operation-actions .submit-operation{width:100%}.sale-result{gap:6px}.sale-result>span{padding:9px}.sale-result b{font-size:11px}
  .update-prompt-bg{align-items:end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.update-prompt{padding:23px;border-radius:24px}.update-prompt-actions{grid-template-columns:1fr}.update-prompt-actions .update-now{order:-1}
  .filters.car-filters{display:grid;grid-template-columns:1fr;padding:8px}.filter-search,.filter-actions,.filter-selects{grid-column:1}.car-condition-switch{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.car-condition-button{min-width:0;min-height:44px;padding:8px 6px;gap:5px;font-size:10px}.car-condition-button strong{min-width:19px;height:19px;padding:0 5px;font-size:8px}.filter-actions{display:grid;grid-template-columns:1fr}.filter-actions .btn{width:100%;font-size:14px}.filter-actions .desktop-add-car{display:none}.filter-selects{grid-template-columns:1fr 1fr}.filters.car-filters input,.filters.car-filters select{width:100%;min-width:0;font-size:16px}.users-toolbar>.btn{width:100%}
  .form-section{padding:13px}.form-section-heading{display:grid;gap:2px}.car-condition-option>span{display:grid;align-content:center;justify-content:stretch;gap:2px;min-height:58px}.car-condition-option>span small{font-size:9px;line-height:1.25}.car-form-actions{bottom:calc(-22px - env(safe-area-inset-bottom));margin-right:-18px;margin-bottom:calc(-22px - env(safe-area-inset-bottom));margin-left:-18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.car-form-actions .btn{width:100%}
  .notice{right:12px;bottom:calc(92px + env(safe-area-inset-bottom));left:12px;max-width:none}
}

@media(max-width:390px){
  .main{padding-right:11px;padding-left:11px}.side{right:7px;left:7px}.nav:not(.nav-add){min-width:0}.inventory-hero{min-height:210px}.hero-copy>strong{font-size:52px}.hero-copy>b{font-size:20px}.dashboard-car>strong{max-width:96px;text-align:right}.filters{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}