*{box-sizing:border-box}
body{margin:0;background:#f4f6fb;color:#20243a;font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#312e81,#7c3aed)}
.login-card{width:min(100%,420px);background:#fff;padding:32px;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.25);text-align:center}
.admin-logo{width:64px;height:64px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#ffd23f;font-size:40px;font-weight:900}
.login-card h1{margin:16px 0 8px}.login-card p{color:#6b7280}
label{display:flex;flex-direction:column;gap:7px;font-weight:700;text-align:left}
input,textarea,select{width:100%;border:1px solid #d8ddea;border-radius:12px;padding:12px 13px;background:#fff;font:inherit}
textarea{resize:vertical}
button{border:0;border-radius:12px;padding:13px 18px;background:#5b32d6;color:#fff;font-weight:800;cursor:pointer}
.login-card form{display:grid;gap:15px;margin:22px 0}
.admin-header{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;background:#17142f;color:#fff}
.admin-header div{display:flex;flex-direction:column}.admin-header strong{font-size:22px}.admin-header span{color:#c8c7d5;font-size:13px}
.admin-header nav{display:flex;gap:12px}.admin-header a{text-decoration:none;background:rgba(255,255,255,.1);padding:10px 12px;border-radius:10px}
.admin-wrap{width:min(1180px,calc(100% - 28px));margin:28px auto}
.panel{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 12px 36px rgba(40,45,80,.08)}
.panel h1,.panel h2{margin-top:0}
.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.wide{grid-column:1/-1}
.check{flex-direction:row;align-items:center}.check input{width:auto}
.primary{grid-column:1/-1;min-height:50px;font-size:16px}
small{font-weight:400;color:#6b7280}
.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px}
.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:850px}
th,td{padding:12px 10px;border-bottom:1px solid #edf0f6;text-align:left;font-size:14px}
th{color:#6b7280}
.status{padding:5px 9px;border-radius:999px;font-size:12px}
.status.published{background:#dcfce7;color:#166534}.status.draft{background:#fef3c7;color:#92400e}
.delete{color:#b91c1c;font-weight:800;text-decoration:none}
@media(max-width:700px){
 .admin-form{grid-template-columns:1fr}.wide,.primary{grid-column:1}
 .admin-header{align-items:flex-start;gap:15px}.admin-header nav{flex-direction:column}
}