:root{--bg:#0d0d0d;--panel:#171717;--text:#f6f1e8;--muted:#aaa198;--red:#e42127;--gold:#d6a65a;--line:#3a3025}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}header{display:flex;gap:18px;align-items:center;padding:18px 26px;border-bottom:1px solid var(--line);background:#111}header img{width:170px}header h1{margin:0;text-transform:uppercase}header p{margin:4px 0;color:var(--muted)}header a{margin-left:auto;color:#fff;text-decoration:none;background:var(--red);padding:10px 14px;border-radius:10px;font-weight:800}nav{display:flex;gap:8px;overflow:auto;padding:14px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0d0d0df2;z-index:5}nav button{white-space:nowrap;border:1px solid #3a3a3a;background:#171717;color:#ddd;padding:10px 14px;border-radius:999px}nav button.active{background:var(--gold);color:#17120b;border-color:var(--gold);font-weight:900}main{width:min(1180px,calc(100% - 28px));margin:28px auto}.panel{display:none}.panel.active{display:block}.panel h2{font-size:2rem;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card,.item{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin:10px 0}.item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.item h3{margin:10px 0 4px}.item small{color:var(--muted)}label{display:grid;gap:6px;margin:10px 0}input,textarea,select{background:#0f0f0f;border:1px solid #444;color:#fff;padding:10px;border-radius:9px}button{border:0;background:var(--red);color:white;padding:10px 14px;border-radius:9px;font-weight:900;cursor:pointer}.danger{background:#7c171a}pre{white-space:pre-wrap;background:#080808;border:1px solid #333;padding:14px;border-radius:12px;color:#ddd}@media(max-width:700px){header{align-items:flex-start;flex-wrap:wrap}header a{margin-left:0}.grid{grid-template-columns:1fr 1fr}}