:root{--blue:#0092c9;--orange:#f77c2d;--navy:#021d42;--bg:#f4f7fa;--border:#e3e9ef;--muted:#687589;--white:#fff;--danger:#c9362b}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#172033}a{text-decoration:none;color:inherit}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-sidebar{background:var(--navy);color:#d9e4f2;padding:24px 18px;position:sticky;top:0;height:100vh}
.admin-logo{display:block;background:#fff;border-radius:15px;padding:12px;margin-bottom:30px}.admin-logo img{display:block;width:145px;max-width:100%}
.admin-nav a{display:block;padding:12px 14px;border-radius:11px;margin:5px 0;font-weight:700}.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.1);color:#fff}
.admin-main{min-width:0}.admin-topbar{min-height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}
.admin-content{padding:28px}.page-title h1{margin:0;color:var(--navy);font-size:32px}.page-title p{margin:7px 0 0;color:var(--muted)}
.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(2,29,66,.04)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat strong{display:block;font-size:30px;color:var(--navy)}.stat span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:11px;font-weight:800;cursor:pointer}.btn-orange{background:var(--orange);color:#fff}.btn-blue{background:var(--blue);color:#fff}.btn-light{background:#eef3f7;color:var(--navy)}.btn-danger{background:#fee9e7;color:var(--danger)}
.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:20px 0}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:#64748b;background:#f8fafc}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eef4f8;color:#475569}.badge-published,.badge-reviewed{background:#e8f8ef;color:#177245}.badge-draft{background:#f3f4f6;color:#555}.badge-needs_review{background:#fff2df;color:#a65e00}.badge-archived{background:#eee;color:#666}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800;color:var(--navy)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:11px;padding:12px 13px;background:#fff}.field textarea{min-height:130px;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}
.notice{padding:13px 15px;border-radius:11px;margin:14px 0}.notice-success{background:#e9f8ef;color:#17673d}.notice-error{background:#feeceb;color:#9f2d26}
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(145deg,#eaf8fd,#fff5ee)}.auth-box{width:min(100%,460px);background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:0 20px 60px rgba(2,29,66,.09)}.auth-box img{width:155px;margin-bottom:24px}.auth-box h1{color:var(--navy);margin:0 0 8px}.auth-box p{color:var(--muted);line-height:1.5}.auth-box form{display:grid;gap:13px;margin-top:22px}.auth-box input{width:100%;padding:13px;border:1px solid var(--border);border-radius:11px}.auth-box button{width:100%}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-nav{display:flex;gap:6px;overflow:auto}.admin-nav a{white-space:nowrap}.grid-4{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:580px){.admin-content{padding:18px}.admin-topbar{padding:0 18px}.grid-4{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar .btn{width:100%}}