/* Admin panel styles */
.admin-body{display:flex;min-height:100vh;background:#0a0a0d}
.admin-side{
  width:240px;background:#111116;border-right:1px solid rgba(255,255,255,.08);
  padding:20px 14px;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;
}
.admin-side .logo{margin-bottom:20px;padding:0 6px}
.admin-side nav{display:flex;flex-direction:column;gap:3px;flex:1}
.admin-side nav a{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;
  color:#8b8b9a;font-size:.88rem;font-weight:600;transition:.15s;
}
.admin-side nav a i{width:18px;text-align:center;font-size:.9rem;color:#f47521;opacity:.85}
.admin-side nav a:hover{background:#1e1e28;color:#fff}
.admin-side nav a:hover i{opacity:1}
.admin-side nav a.active{background:rgba(244,117,33,.14);color:#ffb070}
.admin-side .side-foot{margin-top:auto;padding:12px 8px;font-size:.7rem;color:#555}
.admin-main{flex:1;padding:28px 28px 40px;max-width:1100px}
.admin-main h1{font-size:1.4rem;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:10px}
.admin-main h1 i{color:#f47521}
.admin-main .muted{color:#8b8b9a;font-size:.875rem;margin-bottom:20px}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 22px}
.admin-stat{
  background:#17171f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;
  position:relative;overflow:hidden;
}
.admin-stat::after{
  content:"";position:absolute;right:-10px;top:-10px;width:60px;height:60px;border-radius:50%;
  background:rgba(244,117,33,.08);
}
.admin-stat small{color:#8b8b9a;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px}
.admin-stat small i{color:#f47521}
.admin-stat b{display:block;font-size:1.5rem;margin-top:6px;color:#ffb070;font-weight:800}
.admin-card{
  background:#17171f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;margin-bottom:16px;
}
.admin-card h2{font-size:1rem;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.admin-card h2 i{color:#f47521}
.admin-table{width:100%;border-collapse:collapse;font-size:.84rem}
.admin-table th,.admin-table td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}
.admin-table th{color:#8b8b9a;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}
.admin-table tr:hover td{background:rgba(255,255,255,.02)}
.admin-table img{border-radius:6px;border:1px solid rgba(255,255,255,.08)}
.admin-lock{
  padding:12px 14px;border-radius:10px;background:rgba(244,117,33,.1);
  border:1px solid rgba(244,117,33,.3);margin-bottom:16px;font-size:.85rem;
  display:flex;align-items:center;gap:8px;
}
.admin-lock i{color:#f47521}
.admin-form label{display:block;font-size:.75rem;color:#8b8b9a;margin:10px 0 4px;font-weight:600}
.admin-form input,.admin-form select,.admin-form textarea{
  width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);
  background:#0a0a0d;color:#fff;margin-bottom:4px;
}
.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{
  outline:0;border-color:rgba(244,117,33,.45);box-shadow:0 0 0 3px rgba(244,117,33,.12);
}
.admin-form textarea{min-height:90px}
.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.btn-danger{background:rgba(248,113,113,.15)!important;color:#f87171!important;border:1px solid rgba(248,113,113,.3)!important}
.btn-danger:hover{background:rgba(248,113,113,.25)!important}
.admin-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;align-items:center}
.admin-toolbar input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#17171f;color:#fff;min-width:200px}
@media(max-width:900px){
  .admin-body{flex-direction:column}
  .admin-side{width:100%;height:auto;position:relative;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .admin-side nav{flex-direction:row;flex-wrap:wrap}
  .admin-stats{grid-template-columns:1fr 1fr}
}
