/* ============================================================
   Awwal Admin Panel — Stylesheet
   ============================================================ */
:root{
  --navy-950:#0A1C33; --navy-900:#0D2545; --navy-800:#123059; --navy-700:#1A3F73;
  --orange-600:#E8720C; --orange-500:#FF8A1E; --amber-100:#FFEFDB;
  --gray-50:#F4F6F8; --gray-100:#EDF0F3; --gray-200:#E2E7ED; --gray-400:#8A94A3; --gray-600:#5A6577;
  --white:#FFFFFF; --green-600:#1E8E5A; --red-600:#D64545;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:'Inter',sans-serif; background:var(--gray-50); color:var(--navy-950);}
a{color:inherit; text-decoration:none;}

.admin-wrap{display:flex; min-height:100vh;}

/* Sidebar */
.admin-sidebar{width:230px; background:var(--navy-950); flex-shrink:0; display:flex; flex-direction:column; padding:20px 0;}
.admin-sidebar .brand{padding:0 20px 20px; font-family:'Sora',sans-serif; font-weight:800; font-size:22px; color:var(--white); border-bottom:1px solid var(--navy-800); margin-bottom:14px;}
.admin-sidebar .brand span{color:var(--orange-500);}
.admin-sidebar .brand small{display:block; font-size:10px; color:#8FA0BC; font-weight:500; letter-spacing:1px; margin-top:2px;}
.admin-nav a{display:flex; align-items:center; gap:10px; padding:11px 20px; font-size:13.5px; color:#B9C6DA; font-weight:500;}
.admin-nav a:hover{background:var(--navy-900); color:var(--white);}
.admin-nav a.active{background:var(--navy-800); color:var(--white); border-right:3px solid var(--orange-500); font-weight:700;}
.admin-nav .section-label{font-size:10.5px; color:#5E6E8C; text-transform:uppercase; letter-spacing:1px; padding:16px 20px 6px; font-weight:700;}

/* Main area */
.admin-main{flex:1; min-width:0;}
.admin-topbar{background:var(--white); border-bottom:1px solid var(--gray-100); padding:16px 28px; display:flex; justify-content:space-between; align-items:center;}
.admin-topbar h1{font-family:'Sora',sans-serif; font-size:19px; font-weight:700;}
.admin-topbar .user{display:flex; align-items:center; gap:10px; font-size:13px; color:var(--gray-600);}
.admin-topbar .user a{color:var(--red-600); font-weight:600;}
.admin-content{padding:26px 28px 50px;}

/* Cards */
.stat-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; margin-bottom:26px;}
.stat-card{background:var(--white); border:1px solid var(--gray-100); border-radius:12px; padding:18px 20px;}
.stat-card .label{font-size:12px; color:var(--gray-600); font-weight:600; margin-bottom:8px;}
.stat-card .value{font-size:26px; font-weight:800; font-family:'Sora',sans-serif;}
.stat-card .value.orange{color:var(--orange-600);}
.stat-card .value.green{color:var(--green-600);}
.stat-card .value.red{color:var(--red-600);}

.panel{background:var(--white); border:1px solid var(--gray-100); border-radius:12px; overflow:hidden; margin-bottom:20px;}
.panel-head{padding:16px 20px; border-bottom:1px solid var(--gray-100); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;}
.panel-head h3{font-size:15px; font-weight:700;}

table.admin-table{width:100%; border-collapse:collapse;}
table.admin-table th{text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.4px; color:var(--gray-400); padding:12px 20px; border-bottom:1px solid var(--gray-100); background:var(--gray-50);}
table.admin-table td{padding:13px 20px; font-size:13px; border-bottom:1px solid var(--gray-100); vertical-align:middle;}
table.admin-table tr:last-child td{border-bottom:none;}
table.admin-table tr:hover{background:var(--gray-50);}

.badge{display:inline-block; padding:3px 10px; border-radius:20px; font-size:11px; font-weight:700;}
.badge.pending{background:#FFF3D6; color:#9A6700;}
.badge.approved,.badge.published,.badge.delivered,.badge.confirmed{background:#E3F5EA; color:var(--green-600);}
.badge.rejected,.badge.suspended,.badge.cancelled{background:#FCE8E8; color:var(--red-600);}
.badge.draft,.badge.archived{background:var(--gray-100); color:var(--gray-600);}
.badge.processing,.badge.shipped{background:#E0EAFB; color:#2C5FBF;}

.btn{display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:7px; font-size:12.5px; font-weight:700; border:none; cursor:pointer;}
.btn-approve{background:var(--green-600); color:var(--white);}
.btn-reject{background:var(--red-600); color:var(--white);}
.btn-outline{background:var(--white); border:1.5px solid var(--gray-200); color:var(--navy-900);}
.btn-primary{background:var(--orange-500); color:var(--navy-950);}
.btn-sm{padding:6px 11px; font-size:11.5px;}
.action-row{display:flex; gap:8px; flex-wrap:wrap;}

.empty-state{padding:44px 20px; text-align:center; color:var(--gray-400); font-size:13.5px;}

.filter-bar{display:flex; gap:10px; flex-wrap:wrap;}
.filter-bar select,.filter-bar input{border:1px solid var(--gray-200); border-radius:7px; padding:8px 12px; font-size:12.5px;}

.form-field{margin-bottom:14px;}
.form-field label{display:block; font-size:12px; font-weight:700; margin-bottom:5px; color:var(--navy-900);}
.form-field input,.form-field select,.form-field textarea{width:100%; border:1.5px solid var(--gray-200); border-radius:7px; padding:9px 12px; font-size:13px; font-family:inherit;}

.alert{padding:11px 16px; border-radius:8px; font-size:12.5px; margin-bottom:16px;}
.alert.success{background:#E3F5EA; color:var(--green-600);}
.alert.error{background:#FCE8E8; color:#C0392B;}

.login-wrap{min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--navy-950);}
.login-box{background:var(--white); border-radius:14px; padding:36px; width:360px;}
.login-box .brand{font-family:'Sora',sans-serif; font-weight:800; font-size:24px; text-align:center; margin-bottom:6px;}
.login-box .brand span{color:var(--orange-600);}
.login-box p.sub{text-align:center; font-size:12.5px; color:var(--gray-600); margin-bottom:22px;}

@media(max-width:900px){
  .admin-sidebar{width:70px;}
  .admin-sidebar .brand,.admin-nav .section-label,.admin-nav a span.label{display:none;}
  .admin-nav a{justify-content:center;}
}