/* Modern Blue theme - primary #0d6efd + purple/cyan accent */
:root{
  --bs-primary:#0d6efd;
  --bs-primary-rgb:13,110,253;
  --bs-secondary:#6610f2;
  --bs-accent:#00b4d8;
  --bs-navy:#0062cc;
  --bs-blue-pastel:#e7f1ff;
  --bs-purple-pastel:#e8daef;
  --bs-cyan-pastel:#cffdff;
  --bs-body-bg:#ffffff;
}
/* Navbar biru muda -> purple -> cyan gradient */
.navbar-modern{background:linear-gradient(135deg,#0d6efd 0%,#6610f2 50%,#00b4d8 100%);box-shadow:0 2px 10px rgba(13,110,253,.25);}
.navbar-modern .navbar-brand,.navbar-modern .nav-link{color:#fff;font-weight:500;}
.navbar-modern .nav-link:hover{opacity:.85;}
/* Hero gradien biru muda -> purple -> cyan */
.hero{background:linear-gradient(135deg,#0d6efd 0%,#6610f2 50%,#00b4d8 100%);color:#fff;padding:3.5rem 0;border-radius:1rem;margin-bottom:1.5rem;}
.hero h1{font-weight:700;letter-spacing:.5px;}
.hero .lead{font-size:1.15rem;opacity:.92;}
.card{border:1px solid #e3e8ef;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:.2s;}
.card:hover{box-shadow:0 4px 18px rgba(13,110,253,.15);}
.card-header-blue{background:linear-gradient(135deg,#0d6efd 0%,#6610f2 100%);color:#fff;}
.bg-hero-sm{background:linear-gradient(135deg,#0d6efd 0%,#6610f2 100%);}
.text-blue{color:#0d6efd;}
.text-blue-900{color:#0062cc;}
.text-purple{color:#6610f2;}
.text-cyan{color:#00b4d8;}
a{color:#0d6efd;} a:hover{color:#0062cc;}
.bg-blue-pastel{background:#e7f1ff;}
.bg-purple-pastel{background:#e8daef;}
.bg-cyan-pastel{background:#cffdff;}
/* Footer gradien biru muda */
.footer{background:linear-gradient(135deg,#0d6efd 0%,#6610f2 50%,#00b4d8 100%);color:#fff;padding:1.25rem 0;margin-top:2rem;}
/* Admin sidebar biru muda + purple */
.sidebar-modern{background:linear-gradient(180deg,#0d6efd 0%,#6610f2 100%);min-height:100vh;}
/* Login card SB-Admin style */
.login-card{max-width:420px;margin:2rem auto;}
.login-card .card{border:none;border-radius:1rem;box-shadow:0 4px 24px rgba(13,110,253,.15);}
.card-header-login{background:linear-gradient(135deg,#0d6efd 0%,#6610f2 100%);color:#fff;border-radius:1rem .5rem .5rem 1rem !important;}
.body-login-bg{background:linear-gradient(135deg,#e7f1ff 0%,#ffffff 100%);}