*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,Arial,sans-serif;
  background:
    linear-gradient(rgba(7,18,38,.78), rgba(7,18,38,.86)),
    url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat fixed;
  color:#e5eefc;
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.admin-shell{
  width:min(1500px, calc(100% - 24px));
  margin:24px auto;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:20px;
}

.admin-sidebar{
  background:rgba(15,23,42,.92);
  border:1px solid rgba(255,255,255,.06);
  border-radius:26px;
  padding:22px 18px;
  box-shadow:0 18px 45px rgba(0,0,0,.22);
  align-self:start;
  position:sticky;
  top:16px;
}

.admin-brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  color:#fff;
  font-size:28px;
  font-weight:1000;
}
.admin-brand span{color:#facc15}

.admin-menu{
  display:grid;
  gap:8px;
}
.admin-menu a{
  min-height:46px;
  padding:0 14px;
  display:flex;
  align-items:center;
  border-radius:14px;
  color:#dbeafe;
  font-weight:800;
  transition:.18s ease;
}
.admin-menu a:hover,
.admin-menu a.active{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
}

.admin-content{
  display:grid;
  gap:20px;
}

.admin-card{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  border-radius:28px;
  padding:24px;
  box-shadow:0 22px 60px rgba(0,0,0,.18);
}

.admin-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.admin-head h1{
  margin:0;
  font-size:38px;
  font-weight:1000;
}
.admin-head p{
  margin:8px 0 0;
  color:#64748b;
}

.admin-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.admin-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  font-weight:900;
  border:0;
  cursor:pointer;
}
.admin-btn.blue{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
}
.admin-btn.gold{
  background:linear-gradient(135deg,#facc15,#f59e0b);
  color:#111827;
}
.admin-btn.dark{
  background:#0f172a;
  color:#fff;
}
.admin-btn.red{
  background:#dc2626;
  color:#fff;
}
.admin-btn.green{
  background:#059669;
  color:#fff;
}

.kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.kpi-card{
  border-radius:24px;
  padding:20px;
  color:#fff;
  box-shadow:0 16px 36px rgba(15,23,42,.12);
}
.kpi-card .label{font-size:13px;font-weight:900;opacity:.94}
.kpi-card .value{margin-top:10px;font-size:34px;line-height:1;font-weight:1000}
.kpi-card.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.kpi-card.green{background:linear-gradient(135deg,#059669,#10b981)}
.kpi-card.orange{background:linear-gradient(135deg,#f59e0b,#f97316)}
.kpi-card.red{background:linear-gradient(135deg,#dc2626,#ef4444)}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.form-grid.one{grid-template-columns:1fr}
.form-field{
  display:grid;
  gap:8px;
}
.form-field label{
  font-weight:800;
  color:#0f172a;
}
.form-field input,
.form-field select,
.form-field textarea{
  width:100%;
  min-height:48px;
  border:1px solid #dbeafe;
  border-radius:14px;
  padding:12px 14px;
  font:inherit;
  color:#0f172a;
  background:#fff;
}
.form-field textarea{
  min-height:140px;
  resize:vertical;
}

.table-wrap{overflow:auto}
.table{
  width:100%;
  border-collapse:collapse;
}
.table th,
.table td{
  padding:12px 10px;
  border-bottom:1px solid #e2e8f0;
  text-align:left;
  vertical-align:top;
}
.table th{
  color:#475569;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:1000;
}
.status-badge.active{background:#dcfce7;color:#166534}
.status-badge.pending{background:#fef3c7;color:#92400e}
.status-badge.error,
.status-badge.rejected{background:#fee2e2;color:#991b1b}
.status-badge.premium{background:linear-gradient(135deg,#facc15,#f59e0b);color:#111827}
.status-badge.boost{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}
.status-badge.sold{background:linear-gradient(135deg,#64748b,#334155);color:#fff}

.alert{
  padding:14px 16px;
  border-radius:14px;
  margin-bottom:16px;
  font-weight:800;
}
.alert.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.alert.info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}

.empty-state{
  background:#fff;
  border-radius:22px;
  padding:28px;
  text-align:center;
  color:#64748b;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.empty-state strong{
  display:block;
  color:#0f172a;
  font-size:22px;
  margin-bottom:8px;
}

@media (max-width: 1180px){
  .admin-shell{grid-template