:root{
  --blue-deep:#0B63D6; --blue-bright:#29B6F6; --bg:#F5F7FA; --panel:#FFFFFF;
  --border:#E2E8F0; --text:#1A202C; --text-muted:#64748B; --danger:#DC2626; --success:#16A34A;
}
*{box-sizing:border-box;}
body{
  margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--bg); color:var(--text);
}
a{color:var(--blue-deep); text-decoration:none;}
a:hover{text-decoration:underline;}

.admin-shell{display:flex; min-height:100vh;}
.admin-sidebar{
  width:230px; background:#0B1220; color:#fff; flex-shrink:0;
  display:flex; flex-direction:column; padding:24px 0;
}
.admin-sidebar .brand{ padding:0 24px 24px; font-weight:800; font-size:18px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:16px;}
.admin-sidebar .brand span{color:var(--blue-bright);}
.admin-sidebar nav a{
  display:block; padding:12px 24px; color:#CBD5E1; font-size:14px; font-weight:500;
}
.admin-sidebar nav a:hover, .admin-sidebar nav a.active{ background:rgba(255,255,255,0.06); color:#fff; text-decoration:none;}
.admin-sidebar .logout{ margin-top:auto; padding:12px 24px; }

.admin-main{ flex:1; padding:32px 40px; max-width:1000px; }
.admin-topbar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; }
.admin-topbar h1{ font-size:22px; margin:0; }

.card{ background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:24px; margin-bottom:20px; }

table{ width:100%; border-collapse:collapse; }
th, td{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--border); font-size:14px; }
th{ color:var(--text-muted); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.03em; }

.btn{
  display:inline-block; padding:10px 18px; border-radius:8px; font-size:14px; font-weight:600;
  background:var(--blue-deep); color:#fff; border:none; cursor:pointer;
}
.btn:hover{ background:#094fac; text-decoration:none; }
.btn-danger{ background:var(--danger); }
.btn-danger:hover{ background:#b91c1c; }
.btn-secondary{ background:#fff; color:var(--text); border:1px solid var(--border); }
.btn-secondary:hover{ background:#f1f5f9; }

.badge{ display:inline-block; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:600; }
.badge-published{ background:#dcfce7; color:var(--success); }
.badge-draft{ background:#fef3c7; color:#92400e; }

label{ display:block; font-weight:600; font-size:13px; margin:16px 0 6px; }
input[type=text], input[type=password], input[type=email], input[type=url], textarea, select{
  width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:8px; font-size:14px; font-family:inherit;
}
textarea{ min-height:220px; font-family:'JetBrains Mono',monospace; font-size:13px; }

.login-shell{ min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--bg); }
.login-box{ width:100%; max-width:380px; background:#fff; border:1px solid var(--border); border-radius:12px; padding:36px; }
.login-box h1{ font-size:20px; margin-top:0; }

.alert{ padding:12px 16px; border-radius:8px; margin-bottom:16px; font-size:14px; }
.alert-error{ background:#fee2e2; color:#991b1b; }
.alert-success{ background:#dcfce7; color:#166534; }

.actions-row{ display:flex; gap:10px; margin-top:20px; }