:root {
  --orange:#ff6a3d; --bg:#0e1230; --bg2:#14183a; --card:#1b2048;
  --text:#eef1ff; --muted:#9aa0cc; --green:#5fe08a; --red:#ff5d6c;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI',system-ui,sans-serif; background:var(--bg); color:var(--text); }
a { color:inherit; text-decoration:none; }

/* ===== Giriş ekranı ===== */
.login-body { display:flex; align-items:center; justify-content:center; min-height:100vh; padding:20px; }
.login-box {
  background:var(--card); padding:40px; border-radius:18px; width:100%; max-width:380px;
  box-shadow:0 20px 60px rgba(0,0,0,.5); text-align:center;
}
.login-box h1 { margin-bottom:24px; font-size:1.6rem; }
.login-box form { display:flex; flex-direction:column; gap:16px; text-align:left; }
.login-box label { display:flex; flex-direction:column; gap:6px; font-size:.9rem; color:var(--muted); }
.login-box input {
  padding:12px; border-radius:10px; border:1px solid #2a2f5a;
  background:var(--bg2); color:var(--text); font-size:1rem;
}
.login-box button { padding:12px; background:var(--orange); color:#fff; border:none; border-radius:10px; font-weight:700; font-size:1rem; cursor:pointer; }
.login-hint { margin-top:18px; font-size:.8rem; color:var(--muted); line-height:1.5; }
.back { display:inline-block; margin-top:14px; color:var(--muted); font-size:.85rem; }

/* ===== Header ===== */
.admin-header {
  background:#090c22; padding:16px 28px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
}
.admin-brand { font-weight:800; font-size:1.15rem; }
.admin-nav { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.admin-nav a { color:var(--muted); font-size:.9rem; transition:color .2s; }
.admin-nav a:hover { color:var(--orange); }
.admin-user { color:var(--orange); font-weight:600; font-size:.9rem; }
.logout { color:var(--red) !important; }

/* ===== Main ===== */
.admin-main { max-width:1100px; margin:0 auto; padding:30px 20px; }

.stats-row { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:26px; }
.stat-card { background:var(--card); border-radius:14px; padding:24px; text-align:center; }
.stat-num { display:block; font-size:2.2rem; font-weight:800; color:var(--orange); }
.stat-label { color:var(--muted); font-size:.9rem; }

.panel { background:var(--card); border-radius:16px; padding:24px; }
.panel.narrow { max-width:600px; margin:0 auto; }
.panel-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.panel-head h2 { font-size:1.4rem; }

/* ===== Tablo ===== */
.data-table { width:100%; border-collapse:collapse; }
.data-table th, .data-table td { padding:12px 10px; text-align:left; border-bottom:1px solid #2a2f5a; font-size:.9rem; }
.data-table th { color:var(--muted); font-weight:600; }
.data-table small { color:var(--muted); }
.mini-thumb { width:56px; height:36px; object-fit:cover; border-radius:6px; }
.mini-thumb-empty { width:56px; height:36px; border-radius:6px; background:#2a2f5a; display:flex; align-items:center; justify-content:center; font-weight:800; color:var(--orange); }
.status { padding:3px 10px; border-radius:12px; font-size:.75rem; font-weight:600; }
.status.on { background:rgba(95,224,138,.2); color:var(--green); }
.status.off { background:rgba(154,160,204,.2); color:var(--muted); }
.actions { display:flex; gap:6px; }

/* ===== Butonlar ===== */
.btn { display:inline-block; padding:8px 16px; border-radius:8px; background:#2a2f5a; color:var(--text); font-size:.85rem; border:none; cursor:pointer; transition:opacity .2s; }
.btn:hover { opacity:.85; }
.btn-primary { background:var(--orange); color:#fff; font-weight:700; }
.btn-danger { background:var(--red); color:#fff; }
.btn-sm { padding:6px 12px; font-size:.8rem; }
.btn-lg { padding:14px; font-size:1rem; width:100%; margin-top:8px; }

/* ===== Formlar ===== */
.form { display:flex; flex-direction:column; gap:16px; }
.form label { display:flex; flex-direction:column; gap:6px; font-size:.9rem; color:var(--muted); }
.form label small { color:var(--muted); font-weight:400; }
.form input[type=text], .form input[type=number], .form input[type=password], .form textarea, .form input[type=file] {
  padding:11px; border-radius:9px; border:1px solid #2a2f5a; background:var(--bg2); color:var(--text); font-size:.95rem; font-family:inherit;
}
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form-checks { display:flex; gap:24px; flex-wrap:wrap; }
.check { flex-direction:row !important; align-items:center; color:var(--text) !important; cursor:pointer; }
.check input { width:18px; height:18px; }

/* ===== Uyarılar ===== */
.alert { padding:12px 16px; border-radius:10px; margin-bottom:16px; font-size:.9rem; }
.alert.error { background:rgba(255,93,108,.15); color:var(--red); }
.alert.success { background:rgba(95,224,138,.15); color:var(--green); }

@media (max-width:640px){
  .stats-row { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .data-table { font-size:.8rem; }
  .actions { flex-direction:column; }
}