/* ===============================
   ADMIN DASHBOARD PREMIUM
   Dark Theme + Motion (CSS only)
   =============================== */

:root{
  --bg:#0f1b34;
  --card:#111c36;
  --card-soft:#0b1530;
  --primary:#3b82f6;
  --primary-dark:#1d4ed8;
  --border:#1f2a44;
  --text:#e5e7eb;
  --muted:#9ca3af;
}

/* RESET */
*{
  box-sizing:border-box;
  color:var(--text);
}
html,body{
  margin:0;
  padding:0;
  background:var(--bg);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* ===== SIDEBAR ===== */
.sidebar{
  background:var(--card);
  width:260px;
  min-height:100vh;
  padding:18px;
  animation:sidebarIn .7s cubic-bezier(.4,0,.2,1);
}
@keyframes sidebarIn{
  from{transform:translateX(-40px);opacity:0}
  to{transform:translateX(0);opacity:1}
}
.sidebar a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  margin-bottom:6px;
  border-radius:12px;
  text-decoration:none;
  transition:all .25s ease;
}
.sidebar a:hover{
  background:#16224a;
  transform:translateX(6px);
}
.sidebar a.active{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
}

/* ===== MAIN CONTENT ===== */
.main,.content{
  padding:24px;
  animation:fadeIn .6s ease;
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}

/* ===== CONTAINERS & CARDS ===== */
.container,section,.card{
  background:var(--card);
  border-radius:18px;
  padding:20px;
  margin-bottom:20px;
  animation:fadeUp .6s ease both;
}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
.card:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 24px 50px rgba(0,0,0,.45);
  transition:.35s;
}

/* ===== TABLES ===== */
table{
  width:100%;
  border-collapse:collapse;
  background:var(--card);
  border-radius:14px;
  overflow:hidden;
}
th,td{
  padding:14px;
  border-bottom:1px solid var(--border);
}
th{
  background:#0b1530;
  text-align:left;
}
tbody tr{
  transition:all .25s ease;
}
tbody tr:hover{
  background:#16224a;
  transform:scale(1.01);
}

/* ===== FORMS ===== */
input,select,textarea{
  width:100%;
  background:var(--card-soft);
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
  margin-bottom:12px;
  transition:.25s;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:var(--primary);
  box-shadow:0 0 0 2px rgba(59,130,246,.35);
}

/* ===== BUTTONS ===== */
button,.btn{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  border:none;
  border-radius:14px;
  padding:12px 20px;
  cursor:pointer;
  transition:.3s ease;
}
button:hover,.btn:hover{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 18px 45px rgba(0,0,0,.5);
}

/* ===== UTIL ===== */
.text-muted{color:var(--muted)}