.mute{color:var(--mute);font-size:12px}
.seg{display:flex;gap:4px;background:var(--c2);border:1px solid var(--line);border-radius:10px;padding:4px}
.seg button{padding:7px 12px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--mute)}
.seg button.on{background:var(--txt);color:#0a0a0b}
.hotk{border-color:rgba(227,21,45,.45)}
.legend2{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mute)}
.legend2 i{display:inline-block;width:18px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.l-listed{background:#e8e8ec}.l-reserved{background:#ff3348}.l-sold{background:#ffb020}.l-recon{background:#5aa9ff}
#tKpis{margin-bottom:14px}
.lot-card{padding:10px}
#lot{width:100%;height:auto;display:block}
#lot .zone{fill:rgba(255,255,255,.025);stroke:rgba(236,236,240,.14);stroke-width:1.2}
#lot .z-front{fill:rgba(227,21,45,.06);stroke:rgba(255,51,72,.4)}
#lot .z-release{fill:rgba(255,176,32,.05);stroke:rgba(255,176,32,.35)}
#lot .z-intake,#lot .z-inspect,#lot .z-detail{fill:rgba(90,169,255,.04);stroke:rgba(90,169,255,.3)}
#lot .zl{font:600 11px 'Geist Mono';letter-spacing:.14em;fill:rgba(236,236,240,.55)}
#lot .road{font:600 12px 'Geist Mono';letter-spacing:.24em;fill:rgba(236,236,240,.35)}
#lot .gate{font:700 9px 'Geist Mono';letter-spacing:.2em;fill:#fff}
#lot .car{cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
#lot .car rect:first-child{transition:fill .3s}
#lot .car:hover rect:first-child{stroke:#fff;stroke-width:2}
#lot .cl{font:500 8px 'Geist Mono';fill:rgba(236,236,240,.5)}
.side{grid-template-columns:1fr;align-content:start}
.rel{list-style:none;display:flex;flex-direction:column;gap:6px}
.rel li{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:12px;background:var(--c3)}
.rel b{display:block;font-size:13px}.rel span{font-size:11.5px;color:var(--mute)}
/* orders */
.orders{display:flex;flex-direction:column;gap:12px}
.ord{display:grid;grid-template-columns:220px 1fr;gap:16px;background:linear-gradient(180deg,var(--c2),var(--c1));border:1px solid var(--line);border-radius:18px;padding:14px;animation:rise .5s var(--ease) both}
.ord.done{opacity:.7}
.ord>img{width:220px;height:150px;object-fit:cover;border-radius:12px}
.o-mid{display:flex;flex-direction:column;gap:14px;min-width:0}
.o-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.o-h b{display:block;font:800 20px Archivo}.o-h span{font:500 11.5px 'Geist Mono';color:var(--mute)}
.o-pay{display:flex;align-items:center;gap:10px}
.o-pay b{font:800 20px Archivo;color:var(--red2)}
.steps.big span{font-size:11.5px;padding-top:20px}
.steps.big span:before{width:14px;height:14px;margin-left:-7px;top:0}
.steps.big span:after{top:6px}
.o-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.o-chk{list-style:none;display:flex;gap:6px;flex-wrap:wrap}
.o-chk li{font-size:12px;padding:5px 10px;border-radius:99px;background:var(--c3);color:var(--mute)}
.o-acts{display:flex;gap:8px}
/* recon */
.line{display:grid;grid-template-columns:repeat(6,minmax(200px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px}
.lcol{background:var(--c1);border:1px solid var(--line);border-radius:14px;padding:10px;min-height:420px}
.lcol.fin{background:linear-gradient(180deg,#0e1a14,var(--c1))}
.lcol h4{display:flex;align-items:center;gap:8px;font:800 12.5px Archivo;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
.lcol h4 i{width:22px;height:22px;border-radius:50%;background:var(--c4);display:grid;place-items:center;font:700 11px Inter;font-style:normal}
.lcol h4 span{margin-left:auto;font:500 11px 'Geist Mono';color:var(--mute)}
.lk{background:var(--c2);border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px;animation:rise .4s var(--ease) both}
.lk img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:8px;filter:grayscale(.6) brightness(.7)}
.lk b{font-size:13px}.lk span{font-size:11.5px;color:var(--mute)}
.lk-bar{height:5px;border-radius:99px;background:var(--c4);overflow:hidden}
.lk-bar i{display:block;height:100%;background:var(--blue);transition:width .6s var(--ease)}
/* passports */
.search{background:var(--c2);border:1px solid var(--line);border-radius:10px;padding:9px 14px;min-width:240px;outline:0}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.pc{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;text-align:left;background:var(--c2);border:1px solid var(--line);border-radius:14px;padding:10px;transition:.18s}
.pc:hover{border-color:var(--red2);transform:translateY(-2px)}
.pc img{width:72px;height:52px;border-radius:8px;object-fit:cover}
.pc b{display:block;font-size:13px}.pc span{font-size:11.5px;color:var(--mute)}
.ring{--p:90;position:relative;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),var(--c4) 0);display:grid;place-items:center;flex:none}
.ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--c1)}
.ring b{position:relative;font:800 24px Archivo;line-height:1}
.ring span{position:absolute;bottom:16px;font:500 9px 'Geist Mono';color:var(--mute);text-transform:uppercase}
.ring.sm{width:44px;height:44px;font-style:normal}
.ring.sm:before{inset:5px}
.ring.sm b{font-size:14px}
.pp-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:14px}
.pp-top{display:flex;gap:16px;align-items:center}
.pp-n{display:block;font:800 20px Archivo}
.pp{list-style:none;display:flex;flex-direction:column;gap:8px}
.pp li{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:start;background:var(--c2);border:1px solid var(--line);border-radius:12px;padding:10px}
.pp b{display:block;font-size:13px}.pp span{font-size:11.5px;color:var(--mute)}
.pp input{width:100%;margin-top:6px;background:var(--c3);border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:12px;outline:0}
.st{padding:7px 8px;border-radius:8px;font:700 11px 'Geist Mono';text-transform:uppercase}
.st-pass{background:rgba(47,209,139,.15);color:#7bf0bd}
.st-note{background:rgba(255,176,32,.15);color:#ffd27a}
.st-todo{background:var(--c4);color:var(--mute)}
@media(max-width:860px){.ord{grid-template-columns:1fr}.ord>img{width:100%;height:auto;aspect-ratio:16/9}.line{grid-template-columns:repeat(6,80vw)}.steps.big span{font-size:0}.search{min-width:0;width:100%}}