.login-screen{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(99,102,241,.18) 0%,transparent 70%);
}
.login-box{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:36px;width:100%;max-width:420px;box-shadow:var(--shadow);
}

.tab-btn{
  padding:14px 20px;background:none;border:none;color:var(--muted);cursor:pointer;
  font-size:.9rem;font-weight:600;border-bottom:2px solid transparent;transition:.15s;
}
.tab-btn:hover{color:var(--text)}
.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}

.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.stat-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:20px;text-align:center;
}
.stat-card .s-val{font-size:2.2rem;font-weight:800;color:var(--accent)}
.stat-card .s-label{font-size:.85rem;color:var(--muted);margin-top:4px}

.admin-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}
.admin-table th{
  background:var(--card2);padding:12px 16px;text-align:left;
  font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;
}
.admin-table td{padding:12px 16px;border-top:1px solid var(--border);font-size:.9rem;vertical-align:middle}
.admin-table tr:hover td{background:rgba(255,255,255,.02)}

.action-btns{display:flex;gap:8px;flex-wrap:wrap}

.chart-bar-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.chart-bar-wrap h3{font-size:.9rem;font-weight:700;margin-bottom:16px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.h-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.85rem}
.h-bar-row .h-label{min-width:100px;color:var(--muted)}
.h-bar-row .h-bar{flex:1;height:22px;background:var(--border);border-radius:4px;overflow:hidden;position:relative}
.h-bar-row .h-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .8s ease}
.h-bar-row .h-val{min-width:36px;text-align:right;font-weight:600}

.edit-form label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px;margin-top:16px}
.edit-form input,.edit-form select,.edit-form textarea{
  width:100%;background:var(--bg2);border:1px solid var(--border);
  color:var(--text);padding:10px 14px;border-radius:8px;font-size:.9rem;outline:none;font-family:inherit;
}
.edit-form textarea{min-height:120px;resize:vertical;line-height:1.6}
.edit-form input:focus,.edit-form select:focus,.edit-form textarea:focus{border-color:var(--accent)}

/* ── Admin Light Theme ── */
[data-theme="light"] .login-screen {
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(99,102,241,.12) 0%, transparent 70%);
}
[data-theme="light"] .login-box { background: #fff; border-color: var(--border); }
[data-theme="light"] .admin-table { background: #fff; border-color: var(--border); }
[data-theme="light"] .admin-table th { background: var(--card2); color: var(--muted); }
[data-theme="light"] .admin-table td { border-top-color: var(--border); }
[data-theme="light"] .admin-table tr:hover td { background: rgba(99,102,241,.04); }
[data-theme="light"] .stat-card { background: #fff; border-color: var(--border); }
[data-theme="light"] .tab-btn { color: var(--muted); }
[data-theme="light"] .tab-btn:hover { color: var(--accent); }
[data-theme="light"] .tab-btn.active { color: var(--accent); border-bottom-color: var(--accent); }
[data-theme="light"] .login-box input {
  background: #f8faff; border-color: var(--border); color: var(--text);
}

/* ── Blog Admin ── */
.admin-label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:5px;margin-top:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.admin-input{width:100%;background:var(--bg2);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;font-size:.9rem;outline:none;font-family:inherit;transition:.15s}
.admin-input:focus{border-color:var(--accent)}
.admin-input textarea.admin-input{min-height:100px;resize:vertical}
select.admin-input{appearance:none;cursor:pointer}
.blog-status-btn{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:700;border:1px solid;cursor:pointer;transition:.15s}
.blog-status-published{background:rgba(16,185,129,.12);color:var(--green);border-color:rgba(16,185,129,.3)}
.blog-status-draft{background:rgba(245,158,11,.12);color:#f59e0b;border-color:rgba(245,158,11,.3)}
.blog-featured-star{cursor:pointer;font-size:1.1rem;transition:.15s;opacity:.35}
.blog-featured-star.on{opacity:1}
[data-theme="light"] .admin-input{background:#f8faff;border-color:var(--border);color:var(--text)}
[data-theme="light"] #blog-content-preview{background:#f8faff}