@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
body{margin:0;font-family:'Tajawal',Tahoma,Arial,sans-serif;background:#f3f6f4;color:#101828;line-height:1.8}
a{text-decoration:none;color:inherit}
input,select,textarea,button{font:inherit}
.admin-auth{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#eef8f1,#ffffff)}
.admin-login-card{width:min(420px,92%);background:#fff;border:1px solid #e4e7ec;border-radius:24px;padding:30px;display:grid;gap:16px;box-shadow:0 20px 40px rgba(16,24,40,.08)}
.admin-login-card label,.admin-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.admin-login-card input,.admin-form input,.admin-form select,.admin-form textarea{padding:13px 15px;border:1px solid #d0d5dd;border-radius:14px;background:#fcfefc}
.admin-login-card input:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:none;border-color:rgba(31,122,77,.55);box-shadow:0 0 0 4px rgba(31,122,77,.10);background:#fff}
.admin-login-card button,.admin-form button,.inline-form button,.actions button,.inline button{background:#1f7a4d;color:#fff;border:none;border-radius:14px;padding:11px 16px;cursor:pointer;font-weight:700}
.inline button.danger,.actions button.danger{background:#c62828}
.admin-body{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.admin-sidebar{background:linear-gradient(180deg,#214d3c,#163628);color:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}
.admin-sidebar a{padding:11px 13px;border-radius:14px}
.admin-sidebar a.active,.admin-sidebar a:hover{background:rgba(255,255,255,.12)}
.admin-main{padding:28px}
.admin-section{display:grid;gap:20px}
.card{background:#fff;border:1px solid #e4e7ec;border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(16,24,40,.05)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-card{background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:18px;display:grid;gap:10px}
.stat-card strong{font-size:24px}
.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.inline-form{display:flex;gap:12px;align-items:end}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th,.admin-table td{padding:14px 12px;border-bottom:1px solid #e4e7ec;text-align:right;vertical-align:top}
.inline{display:inline-block}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.checkbox{display:flex;align-items:center;gap:8px}
.flash{padding:14px 16px;border-radius:16px;margin-bottom:12px}
.flash.success{background:#ecfdf3;color:#166534}
.flash.error{background:#fef2f2;color:#b42318}
canvas{width:100%;height:260px;background:#fff;border:1px dashed #d0d5dd;border-radius:16px}
@media (max-width:960px){
  .admin-body{grid-template-columns:1fr}
  .admin-sidebar{position:static}
  .stats-grid,.admin-grid{grid-template-columns:1fr}
  .inline-form{flex-direction:column;align-items:stretch}
}