:root{
  --bg:#14171C; --panel:#1B1F26; --panel2:#20242C; --border:#2A2F38;
  --text:#ECEEF1; --muted:#8B929E; --gold:#C9A227; --gold-hi:#E0B830;
  --green:#3E8E7E; --red:#C24343;
}
*{box-sizing:border-box;}
body{
  background:var(--bg); color:var(--text); font-family:'Segoe UI',Arial,sans-serif;
  margin:0; padding:0;
}
.wrap{max-width:1040px; margin:0 auto; padding:28px 20px 60px;}
a{color:var(--gold-hi);}
.eyebrow{ color:var(--gold); font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-family:monospace;}
h1{font-size:30px; margin:6px 0 2px;}
.sub{color:var(--muted); font-size:13.5px; margin-bottom:20px;}
.topbar{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:14px;}
.panel{background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:22px; margin-bottom:16px;}
.grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:14px; margin-top:16px;}
.card{background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:18px; position:relative;}
.card:hover{border-color:var(--gold);}
.lotnum{font-family:monospace; color:var(--gold); font-size:11px; letter-spacing:.1em;}
.carname{font-size:19px; font-weight:600; margin:6px 0 2px;}
.carsub{color:var(--muted); font-size:12px; margin-bottom:12px;}
.bidamt{font-family:monospace; font-size:22px; font-weight:700; color:var(--gold-hi);}
.bidlabel{font-size:10.5px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em;}
.badge{display:inline-block; font-family:monospace; font-size:10px; padding:3px 8px; border-radius:5px; background:var(--panel2); color:var(--muted); border:1px solid var(--border);}
.status-live{color:var(--green);} .status-closed{color:var(--red);} .status-upcoming{color:var(--muted);}
.btn{background:var(--gold); color:#1a1502; border:none; border-radius:7px; padding:10px 16px; font-weight:700; font-size:13.5px; cursor:pointer; text-decoration:none; display:inline-block;}
.btn:hover{background:var(--gold-hi);}
.btn-ghost{background:transparent; border:1px solid var(--border); color:var(--text); border-radius:7px; padding:9px 14px; font-size:13px; cursor:pointer; text-decoration:none; display:inline-block;}
.btn-ghost:hover{border-color:var(--gold);}
.btn-danger{background:var(--red); color:#fff;}
.field{margin-bottom:14px;}
.field label{display:block; font-size:11.5px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px;}
.field input, .field textarea, .field select{width:100%; background:var(--panel2); border:1px solid var(--border); color:var(--text); border-radius:7px; padding:10px 12px; font-size:14px;}
table{width:100%; border-collapse:collapse; font-size:13.5px;}
th, td{text-align:left; padding:9px 8px; border-bottom:1px solid var(--border);}
th{color:var(--muted); font-weight:600; font-size:11.5px; text-transform:uppercase; letter-spacing:.05em;}
.alert{padding:10px 14px; border-radius:8px; margin-bottom:14px; font-size:13.5px;}
.alert-error{background:rgba(194,67,67,.15); border:1px solid var(--red); color:#ffb3b3;}
.alert-ok{background:rgba(62,142,126,.15); border:1px solid var(--green); color:#b6ffe9;}
.login-card{max-width:380px; margin:60px auto;}
.center{display:flex; align-items:center; justify-content:center; min-height:70vh;}
.row-2{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.who{font-size:12.5px; color:var(--muted); text-align:right;}
.who b{color:var(--text);}