:root{
  --main:#981b1e; --sec:#666666; --bg:#0f1115; --panel:#151823; --text:#e5e7eb; --muted:#9aa0a6;
}
*{box-sizing:border-box} html,body{margin:0;padding:0;font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
.header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0b0d12;border-bottom:1px solid #222}
.header .brand{font-weight:700;color:var(--text)} .header a{color:var(--muted);text-decoration:none}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:var(--panel);padding:20px;border-radius:14px;box-shadow:0 0 0 1px #1f2430}
.card h1{margin-top:0}
input[type=text],input[type=password]{width:100%;padding:12px;border-radius:10px;border:1px solid #2a3040;background:#0f1420;color:var(--text);margin:8px 0}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;border:none;cursor:pointer}
.btn.primary{background:var(--main);color:white}
.alert{background:#3b1e1f;color:#ffdada;padding:10px;border-radius:8px;margin:8px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.tile{background:var(--panel);border-radius:12px;overflow:hidden;border:1px solid #242a38}
.img-wrap{display:block;aspect-ratio:4/3;overflow:hidden;background:#0c0f17}
.img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.controls{padding:10px;border-top:1px solid #242a38}
.toggle{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.actions{margin-top:20px}
.note{color:var(--muted)}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #242a38;text-align:left}