/* Admin Panel Styles */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Tajawal','Segoe UI',Tahoma,sans-serif;background:#0e0a14;color:#f3eedf;min-height:100vh}
a{color:inherit;text-decoration:none}
input,select,textarea,button{font-family:inherit;font-size:14px}

/* Login */
.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:radial-gradient(circle at 50% 0%, #1a1426, #0e0a14)}
.login-card{background:#1a1426;border:1px solid #2a2138;border-radius:18px;padding:36px;max-width:420px;width:100%;text-align:center}
.login-card .logo-big{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,#d4a84a,#f0d78c);color:#1a1426;font-size:32px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.login-card h1{font-size:24px;margin-bottom:4px}
.login-card .muted{color:#a59c8a;font-size:13px;margin-bottom:24px}
.login-card label{display:block;text-align:right;font-weight:700;margin:14px 0 6px;font-size:13px}
.login-card input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #2a2138;background:#0e0a14;color:#f3eedf}
.login-card button{margin-top:22px;width:100%;padding:14px;border-radius:999px;border:0;background:linear-gradient(135deg,#d4a84a,#f0d78c);color:#1a1426;font-weight:800;font-size:15px;cursor:pointer}
.err{background:#3a1414;border:1px solid #6b2424;color:#ffb4b4;padding:10px;border-radius:8px;margin-bottom:12px;font-size:13px}

/* Shell */
.admin-shell{display:flex;min-height:100vh}
.sidebar{width:240px;background:#15101d;border-left:1px solid #2a2138;padding:20px 0;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}
.brand-mini{display:flex;align-items:center;gap:10px;padding:0 20px 18px;border-bottom:1px solid #2a2138;margin-bottom:14px}
.brand-mini .logo{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#d4a84a,#f0d78c);color:#1a1426;font-weight:900;display:flex;align-items:center;justify-content:center}
.brand-mini .name{font-weight:900;font-size:15px;background:linear-gradient(135deg,#d4a84a,#f0d78c);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-mini .sub{font-size:11px;color:#a59c8a;letter-spacing:.2em}
.sidebar nav{flex:1;display:flex;flex-direction:column;padding:0 12px}
.sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;color:#a59c8a;font-size:14px;margin-bottom:4px;transition:.2s}
.sidebar nav a:hover{background:rgba(212,168,74,.08);color:#f3eedf}
.sidebar nav a.active{background:linear-gradient(135deg,rgba(212,168,74,.15),rgba(240,215,140,.08));color:#f0d78c}
.sidebar nav a .ico{font-size:16px}
.sidebar-foot{padding:14px 20px;border-top:1px solid #2a2138;display:flex;flex-direction:column;gap:8px}
.link-muted{color:#a59c8a;font-size:13px}
.link-muted:hover{color:#f0d78c}

/* Content */
.content{flex:1;padding:28px 32px;min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #2a2138}
.topbar h1{font-size:22px;font-weight:800}
.who{color:#a59c8a;font-size:13px}
.who strong{color:#f0d78c}
.flash{background:rgba(70,180,90,.12);border:1px solid rgba(70,180,90,.35);color:#bff5c8;padding:12px 16px;border-radius:10px;margin-bottom:18px}
.panel{background:#15101d;border:1px solid #2a2138;border-radius:14px;padding:24px}

/* Dashboard stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:30px}
.stat-card{background:#1a1426;border:1px solid #2a2138;border-radius:12px;padding:20px;text-align:center}
.stat-card .v{font-size:32px;font-weight:900;background:linear-gradient(135deg,#d4a84a,#f0d78c);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-card .l{color:#a59c8a;font-size:13px;margin-top:4px}
.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.qcard{display:block;background:#1a1426;border:1px solid #2a2138;border-radius:12px;padding:18px;text-align:center;transition:.2s}
.qcard:hover{border-color:#d4a84a;transform:translateY(-2px)}

/* Grid table */
.grid{width:100%;border-collapse:collapse;font-size:14px}
.grid th{text-align:right;padding:12px;background:#1a1426;color:#a59c8a;font-weight:700;border-bottom:1px solid #2a2138;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.grid td{padding:14px 12px;border-bottom:1px solid #2a2138;vertical-align:top}
.grid tr:hover td{background:rgba(212,168,74,.04)}
.grid.editable td{padding:6px}
.grid.editable input, .grid.editable textarea{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #2a2138;background:#0e0a14;color:#f3eedf}

.toolbar{margin-bottom:16px;display:flex;gap:10px;justify-content:flex-end}
.btn-primary{padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#d4a84a,#f0d78c);color:#1a1426;font-weight:800;border:0;cursor:pointer;font-size:13px}
.btn-sm{padding:6px 12px;border-radius:6px;background:#2a2138;color:#f3eedf;font-size:12px;display:inline-block;margin:0 2px}
.btn-sm:hover{background:#3a2d4d}
.btn-sm.danger{background:#3a1414;color:#ffb4b4}
.btn-sm.danger:hover{background:#5a1818}
.btn-ghost{padding:10px 18px;border-radius:8px;border:1px solid #2a2138;color:#a59c8a;display:inline-block;cursor:pointer}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(212,168,74,.15);color:#f0d78c;font-size:11px;font-weight:700;letter-spacing:.05em}

/* Forms */
.form label{display:block;margin:16px 0 6px;font-weight:700;font-size:13px;color:#f3eedf}
.form input[type=text],.form input[type=number],.form input[type=email],.form input[type=password],.form input:not([type]),.form select,.form textarea{
  width:100%;padding:11px 14px;border-radius:9px;border:1px solid #2a2138;background:#0e0a14;color:#f3eedf;font-family:inherit
}
.form textarea{resize:vertical;min-height:80px}
.form .key{font-size:10px;color:#888;font-weight:400;margin-right:6px}
.form .actions{margin-top:24px;display:flex;gap:10px;align-items:center}
.form .actions button{padding:12px 26px;border-radius:999px;border:0;background:linear-gradient(135deg,#d4a84a,#f0d78c);color:#1a1426;font-weight:800;cursor:pointer;font-size:14px}
.group-title{margin-top:28px;padding-bottom:8px;border-bottom:1px solid #2a2138;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#d4a84a}
.row2{display:grid;grid-template-columns:2fr 1fr;gap:24px}
@media (max-width:900px){.row2{grid-template-columns:1fr}}

/* Media */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:18px}
.media-card{background:#1a1426;border:1px solid #2a2138;border-radius:10px;overflow:hidden}
.media-card img{width:100%;height:140px;object-fit:cover;display:block}
.media-card .meta{padding:8px;display:flex;flex-direction:column;gap:6px}
.media-card input{width:100%;padding:5px;border:1px solid #2a2138;background:#0e0a14;color:#f3eedf;font-size:11px;border-radius:4px}
.upload-form{padding:18px;background:#1a1426;border-radius:10px;border:1px solid #2a2138}
.upload-form button{padding:10px 20px;border-radius:8px;border:0;background:linear-gradient(135deg,#d4a84a,#f0d78c);color:#1a1426;font-weight:700;cursor:pointer}

.media-pick{margin-top:8px}
.media-pick .thumbs{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow:auto;padding:8px;background:#0e0a14;border:1px solid #2a2138;border-radius:8px}
.media-pick .thumbs img{width:60px;height:60px;object-fit:cover;border-radius:4px;cursor:pointer;border:2px solid transparent}
.media-pick .thumbs img:hover{border-color:#d4a84a}
.muted.small{font-size:12px;color:#a59c8a;margin:6px 0}

code{background:rgba(212,168,74,.1);padding:2px 6px;border-radius:4px;font-size:12px;color:#f0d78c}