:root{
  --bg:#0f1013;--card:#191b20;--line:#2b2f39;--text:#f3f4f6;--muted:#b3b8c4;
  --accent:#ff7a1a;--danger:#ef4444;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Roboto,Arial,sans-serif}
a{text-decoration:none;color:var(--text)}
.admin-container{width:min(1180px,94%);margin:0 auto}
.admin-header{position:sticky;top:0;background:#101219;border-bottom:1px solid var(--line);z-index:10}
.admin-nav{display:flex;align-items:center;gap:14px;padding:12px 0}
.admin-logo{font-weight:800;color:var(--accent)}
.admin-nav nav{display:flex;gap:12px}
.admin-user{margin-left:auto;color:var(--muted)}
.admin-main{padding:20px 0 30px}
.alert{padding:10px 12px;border-radius:10px;margin-bottom:12px}
.alert-success{background:#12301f;border:1px solid #1f5a3a}
.alert-error{background:#3a1418;border:1px solid #6b1d26}
.admin-headline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.btn{border:1px solid var(--line);background:#161922;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer}
.btn-primary{background:linear-gradient(90deg,#ff7a1a,#ff9f4a);color:#251a10;border:0}
.btn-danger{background:#3d1519;border-color:#6b1d26}
.btn-sm{padding:6px 8px;font-size:12px}
.admin-table-wrap{overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px}
.admin-table{width:100%;border-collapse:collapse;min-width:980px}
.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}
.thumb{width:52px;height:70px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.actions{display:flex;gap:6px;align-items:center}
.actions form{margin:0}
.admin-form{
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;
  display:grid;gap:8px
}
.admin-form input,.admin-form textarea,.admin-form select{
  width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:#0f1218;color:#fff
}
.check-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}
.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.preview-box{padding:10px;border:1px dashed var(--line);border-radius:10px}
.preview{width:180px;max-width:100%;border-radius:8px}
.login-page{display:grid;place-items:center;min-height:100vh}
.login-card{
  width:min(420px,92%);background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:20px
}
.login-card h1{margin:0 0 6px}
.login-card p{margin:0 0 16px;color:var(--muted)}
.login-card form{display:grid;gap:8px}
.login-card input{
  width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0f1218;color:#fff
}
.login-card button{
  margin-top:8px;background:linear-gradient(90deg,#ff7a1a,#ff9f4a);border:0;border-radius:8px;padding:10px;font-weight:700;cursor:pointer
}
.back-link{display:inline-block;margin-top:12px;color:#ffbf8a}