:root{--ink:#172027;--muted:#68747d;--paper:#f4f1ea;--card:#fff;--accent:#c6542d;--dark:#182229;--line:#dcd8cf;--green:#2f7656}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif}header{height:70px;padding:0 max(4vw,24px);background:var(--dark);display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:22px;font-weight:900;letter-spacing:2px;color:#fff;text-decoration:none}.brand span{color:#ee764b}nav{display:flex;gap:5px;flex-wrap:wrap}nav a{color:#dbe1e4;text-decoration:none;padding:8px 10px;border-radius:5px}nav a:hover{background:#2a373f;color:#fff}main{width:min(1400px,94vw);margin:32px auto 70px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.eyebrow{color:var(--accent);letter-spacing:2px;font-weight:800;font-size:12px;margin:0}h1{font-size:clamp(28px,4vw,46px);line-height:1;margin:8px 0}h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:0 4px 16px #1822290a}.span3{grid-column:span 3}.span4{grid-column:span 4}.span6{grid-column:span 6}.span8{grid-column:span 8}.span12{grid-column:span 12}.metric strong{font-size:30px;display:block}.metric small,.muted{color:var(--muted)}.metric.accent{background:var(--accent);color:#fff}.metric.accent small{color:#ffe8df}.btn,button{display:inline-block;border:0;background:var(--dark);color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none;cursor:pointer;font-weight:700}.btn.primary,button.primary{background:var(--accent)}.btn.ghost{background:#eef0f0;color:var(--ink)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar input,.toolbar select{max-width:320px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7e4de;vertical-align:top}th{font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;background:#faf9f6}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}.badge{display:inline-block;padding:3px 8px;border-radius:20px;background:#e8eceb;font-size:12px;font-weight:700}.badge.green{background:#dff1e7;color:#245b43}.badge.orange{background:#fae4dc;color:#8b371d}label{display:block;font-size:12px;font-weight:800;color:#52606a;margin:0 0 5px;text-transform:uppercase;letter-spacing:.5px}input,select,textarea{width:100%;border:1px solid #cdd2d3;border-radius:5px;background:#fff;padding:10px 11px;font:inherit}textarea{min-height:110px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.field.w2{grid-column:span 2}.field.w4{grid-column:span 4}.flash{padding:13px 16px;margin-bottom:20px;background:#dff1e7;border-left:4px solid var(--green)}.flash.error{background:#fae4dc;border-color:var(--accent)}.cars-public{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.car-card{background:#fff;border-radius:9px;overflow:hidden;border:1px solid var(--line)}.car-card img{width:100%;height:220px;object-fit:cover;background:#dde1df}.car-card .body{padding:18px}.price{color:var(--accent);font-size:24px;font-weight:900}.placeholder{height:220px;display:grid;place-items:center;background:#dfe3e1;color:#718087;font-weight:800}footer{text-align:center;padding:30px;color:var(--muted)}.login{max-width:440px;margin:8vh auto}.login .card{padding:34px}.login input{margin-bottom:15px}@media(max-width:900px){header{height:auto;padding-block:16px;align-items:flex-start;flex-direction:column}.span3,.span4,.span6,.span8{grid-column:span 12}.form-grid{grid-template-columns:1fr}.field.w2,.field.w4{grid-column:span 1}.cars-public{grid-template-columns:1fr}nav{font-size:13px}}