:root{--navy:#073a78;--deep:#052c5b;--red:#e21b2d;--ink:#14243a;--muted:#64748b;--line:#e6ebf2;--bg:#f3f6fb}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}
.side{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#062f63,#041d3d);color:#cfe0f5;padding:22px 16px;display:flex;flex-direction:column}
.side .lg{background:#fff;border-radius:14px;padding:10px;margin-bottom:26px}.side .lg img{height:54px;margin:auto}
.side a.i{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;font-weight:700;font-size:14px;margin-bottom:4px;transition:.2s}
.side a.i:hover{background:rgba(255,255,255,.08)}.side a.i.on{background:linear-gradient(135deg,var(--red),#b70f20);color:#fff;box-shadow:0 8px 20px rgba(226,27,45,.3)}
.side .bot{margin-top:auto;font-size:12px;opacity:.7}
.main{margin-left:250px;padding:28px 34px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:12px;flex-wrap:wrap}
.top h1{margin:0;font-size:26px;color:#0a315f}.top small{color:var(--muted)}
.btn{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border-radius:10px;border:0;font:700 13px Inter,Arial;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0b4d92,#052d60)}
.btn.red{background:linear-gradient(135deg,var(--red),#b70f20)}.btn.ghost{background:#fff;color:#17395f;border:1px solid #cbd5e1}
.btn.sm{padding:6px 11px;font-size:12px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}
.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;position:relative;overflow:hidden}
.stat:after{content:"";position:absolute;right:-30px;bottom:-30px;width:100px;height:100px;border-radius:50%;background:rgba(7,58,120,.05)}
.stat b{font-size:32px;color:var(--navy);display:block}.stat span{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.stat.r b{color:var(--red)}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(18,48,79,.04)}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}
td{padding:12px;border-bottom:1px solid #f0f3f8;vertical-align:middle}tr:hover td{background:#fafcff}
.th{width:54px;height:42px;border-radius:8px;object-fit:cover}
.pill{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;background:#edf4fb;color:var(--navy)}
.pill.new,.pill.draft,.pill.auction{background:#fff0f2;color:var(--red)}.pill.active,.pill.closed,.pill.sale{background:#e8f8ee;color:#157a3c}
.acts{display:flex;gap:6px;justify-content:flex-end}
form.f{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fl{display:grid;gap:6px}.fl.full{grid-column:1/-1}
.fl label{font-size:12px;font-weight:800;color:#41566f;text-transform:uppercase}
.fl input,.fl select,.fl textarea{border:1px solid #dbe4ef;border-radius:11px;padding:11px 13px;font:inherit;outline:none;width:100%;background:#fff}
.fl input:focus,.fl select:focus,.fl textarea:focus{border-color:#0a4f95;box-shadow:0 0 0 3px rgba(10,79,149,.1)}
.msg{padding:12px 16px;border-radius:12px;background:#e8f8ee;color:#157a3c;font-weight:700;margin-bottom:18px}.msg.err{background:#fff0f2;color:var(--red)}
.dl{display:grid;grid-template-columns:170px 1fr;gap:0}.dl div{padding:12px 0;border-bottom:1px solid #f0f3f8}.dl .k{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--muted)}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 10%,rgba(226,27,45,.15),transparent 35%),linear-gradient(135deg,#062f63,#041d3d);padding:20px}
.login .box{background:#fff;border-radius:24px;padding:36px;width:min(420px,100%);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.login img{height:70px;margin:0 auto 18px}.login h2{text-align:center;margin:0 0 20px;color:#0a315f}.login .fl{margin-bottom:14px}
@media(max-width:900px){.side{position:static;width:auto;flex-direction:row;flex-wrap:wrap}.side .lg{display:none}.main{margin:0;padding:18px}.stats{grid-template-columns:1fr 1fr}form.f{grid-template-columns:1fr}.card{overflow:auto}}