/* ── NAVBAR ── */
.navbar{
  width:100%;padding:0 2rem;height:62px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,.94);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(180,130,230,.2);
  position:sticky;top:0;z-index:1000;
  box-shadow:0 4px 20px rgba(155,89,208,.09);
}
.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.navbar-logo{width:38px;height:38px;border-radius:50%;object-fit:cover;
  border:2px solid rgba(232,121,184,.5);box-shadow:0 0 12px rgba(232,121,184,.3)}
.navbar-name{font-family:'Cinzel Decorative',serif;font-size:1.1rem;font-weight:700;
  background:linear-gradient(135deg,#9b59d0,#e879b8);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.navbar-links{display:flex;align-items:center;gap:.3rem}
.nav-link{
  height:34px;padding:0 1rem;display:flex;align-items:center;
  border-radius:9999px;font-size:.83rem;font-weight:600;color:#7a6290;
  border:1.5px solid transparent;transition:all .22s;
}
.nav-link:hover,.nav-link.active{color:#9b59d0;background:rgba(155,89,208,.07);border-color:rgba(155,89,208,.2)}
.nav-link-primary{
  background:linear-gradient(135deg,rgba(232,121,184,.15),rgba(201,166,245,.15));
  border:1.5px solid rgba(201,166,245,.5);color:#9b59d0;
}
.nav-link-primary:hover{background:linear-gradient(135deg,#e879b8,#c9a6f5);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(232,121,184,.35)}
.nav-link-danger{color:#e05555;border-color:rgba(224,85,85,.2);background:rgba(224,85,85,.06)}
.nav-link-danger:hover{background:#e05555;color:#fff;border-color:transparent}
.nav-coins{
  display:flex;align-items:center;gap:.4rem;padding:.25rem .8rem;
  border-radius:9999px;background:rgba(212,160,23,.1);border:1px solid rgba(212,160,23,.3);
  font-size:.8rem;font-weight:700;color:#d4a017;
}
.navbar-user{display:flex;align-items:center;gap:.6rem}
.navbar-user-name{font-size:.88rem;font-weight:700;color:#2d1f45;font-family:'Cinzel Decorative',serif}
.navbar-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.4rem;color:#7a6290;font-size:1.4rem}
.navbar-mobile-menu{
  display:none;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;
  background:rgba(255,255,255,.97);border-top:1px solid rgba(180,130,230,.2);
  position:sticky;top:62px;z-index:999;
}
.navbar-mobile-menu.open{display:flex}
.navbar-mobile-menu .nav-link{justify-content:flex-start;height:42px;padding:0 1rem;border-radius:10px}

/* ── ADMIN NAV ── */
.admin-navbar{
  width:100%;padding:0 2rem;height:60px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;
  background:rgba(255,255,255,.96);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(180,130,230,.2);
  position:sticky;top:0;z-index:1000;
  box-shadow:0 4px 20px rgba(155,89,208,.09);
}
.admin-nav-left{display:flex;align-items:center;gap:.8rem}
.admin-nav-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(232,121,184,.5)}
.admin-nav-name{font-family:'Cinzel Decorative',serif;font-size:.88rem;font-weight:700;color:#2d1f45;display:block;white-space:nowrap}
.admin-badge{
  background:linear-gradient(135deg,#e879b8,#c9a6f5);color:#fff;
  padding:.18rem .65rem;border-radius:9999px;font-size:.7rem;font-weight:700;white-space:nowrap;
}
.admin-nav-links{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.admin-nav-links .nav-link{font-size:.8rem;height:30px;padding:0 .85rem}
.admin-nav-links .nav-link.nav-active{color:#9b59d0;background:rgba(155,89,208,.08);border-color:rgba(155,89,208,.2)}
.admin-nav-links .nav-link-danger{color:#e05555}
.admin-nav-links .nav-link-danger:hover{background:#e05555;color:#fff;border-color:transparent}

@media(max-width:768px){
  .navbar{padding:0 1rem}
  .admin-navbar{padding:0 1rem;height:auto;padding:.6rem 1rem}
  .admin-nav-links{display:none}
  .navbar-links{display:none}
  .navbar-hamburger{display:block}
}