:root { --bg:#080705; --panel:#15120d; --gold:#d8ad4a; --text:#f7f0df; --muted:#b5aa95; --line:rgba(216,173,74,.24); }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:linear-gradient(135deg,#070605,#17130d); color:var(--text); font-family:Arial,sans-serif; }
.login-screen { display:grid; place-items:center; padding:24px; }
.login-card { width:min(420px,100%); display:grid; gap:16px; padding:30px; border:1px solid var(--line); background:rgba(21,18,13,.92); box-shadow:0 30px 80px rgba(0,0,0,.35); }
.login-card img { width:150px; justify-self:center; border:1px solid var(--line); }
h1,h2 { margin:0; }
.panel-help { color:var(--muted); margin:10px 0 0; }
label { display:grid; gap:8px; color:var(--gold); font-weight:700; }
input,textarea { width:100%; padding:12px 13px; border:1px solid rgba(255,255,255,.14); background:#090806; color:var(--text); border-radius:6px; font:inherit; }
button { min-height:44px; border:0; border-radius:6px; background:linear-gradient(135deg,#f1d27a,var(--gold)); color:#111; font-weight:800; cursor:pointer; }
.alert,.notice { padding:12px 14px; border:1px solid var(--line); color:var(--gold); background:rgba(216,173,74,.08); }
.error { color:#ffc0b8; border-color:rgba(255,90,90,.35); }
.admin-sidebar { position:fixed; inset:0 auto 0 0; width:260px; padding:22px; border-right:1px solid var(--line); background:#070605; }
.admin-sidebar img { width:150px; border:1px solid var(--line); margin-bottom:26px; }
.admin-sidebar nav { display:grid; gap:8px; }
.admin-sidebar a { color:var(--muted); text-decoration:none; padding:12px; border-radius:6px; }
.admin-sidebar a:hover { background:rgba(216,173,74,.09); color:var(--text); }
.admin-main { margin-left:260px; padding:28px; }
.admin-hero,.panel { border:1px solid var(--line); background:rgba(21,18,13,.76); padding:26px; margin-bottom:22px; }
.admin-hero p { color:var(--gold); text-transform:uppercase; font-weight:800; }
.admin-hero h1 { font-size:44px; max-width:760px; }
.admin-metrics { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.admin-metrics span { padding:13px 16px; border:1px solid var(--line); color:var(--muted); }
.admin-metrics strong { color:var(--gold); display:block; font-size:24px; }
.grid-form { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:18px; }
.grid-form .wide,.grid-form button { grid-column:1 / -1; }
.admin-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:20px; }
.admin-gallery article { border:1px solid var(--line); background:#0d0b08; overflow:hidden; }
.admin-gallery img { width:100%; aspect-ratio:1/.72; object-fit:cover; display:block; }
.admin-gallery div { padding:12px; display:grid; gap:4px; }
.admin-gallery span { color:var(--muted); }
.admin-gallery form { padding:0 12px 12px; }
.admin-gallery button { width:100%; background:#3a1713; color:#ffd5cf; border:1px solid rgba(255,90,90,.24); }
.admin-list { display:grid; gap:12px; margin-top:20px; }
.admin-list article { display:grid; grid-template-columns:1fr 120px; gap:14px; align-items:center; padding:16px; border:1px solid var(--line); background:#0d0b08; }
.admin-list strong { display:block; color:var(--text); }
.admin-list span { color:var(--muted); font-size:13px; }
.admin-list button { width:100%; background:#3a1713; color:#ffd5cf; border:1px solid rgba(255,90,90,.24); }
@media (max-width:900px) { .admin-sidebar{position:static;width:auto}.admin-main{margin:0}.grid-form,.admin-gallery{grid-template-columns:1fr}.admin-hero h1{font-size:34px} }
@media (max-width:620px) { .admin-list article{grid-template-columns:1fr} }