.navbar-floating {
  max-width: 550px;
  width: 92%;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14);
}

.nav-item-float {
  display: block;
  text-decoration: none;
  padding: 12px 0;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.nav-item-float:hover { transform: translateY(-4px) scale(1.08); color: #0d6efd !important; }

.nav-item-float:active { transform: translateY(-2px) scale(0.9); transition: all 0.1s ease; }

.nav-text { font-size: 0.75rem; font-weight: 700; letter-spacing: -0.01em; margin-top: 2px; }

.nav-item-float:hover .bi-whatsapp { color: #25D366 !important; }

.navbar-sky { background-color: #eaf6ff; padding: 10px 0; width: 100%; display: block; }

.avatar { width: 36px; height: 36px; object-fit: cover; border-radius: 50%; cursor: pointer; }

.dropdown-menu { border-radius: 10px; padding: 8px; }

.password-card {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 24px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 18px 45px rgba(87, 145, 190, 0.16);
}

.eyebrow {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #5aa9ff;
}

.form-label { font-size: 0.85rem; font-weight: 600; color: #344054; }

.custom-input { border-radius: 14px; border: 1px solid #e6eef6; background-color: #fbfdff; font-size: 0.95rem; }

.custom-input:focus { border-color: #9fd4ff; box-shadow: 0 0 0 0.22rem rgba(90, 169, 255, 0.16); }

.password-toggle {
  cursor: pointer;
  border-radius: 0 14px 14px 0;
  border: 1px solid #e6eef6;
  background-color: #ffffff;
  color: #667085;
}

.action-row { display: flex; justify-content: space-between; gap: 12px; }

.btn-soft-danger {
  border-radius: 14px;
  padding: 11px 18px;
  border: 1px solid #ffd6d6;
  background: #fff5f5;
  color: #d92d20;
  font-weight: 600;
}

.btn-luxury {
  border-radius: 14px;
  padding: 11px 22px;
  border: none;
  background: linear-gradient(135deg, #63B3ED, #FF85A2);
  color: white;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(99, 179, 237, 0.28);
}

.btn-luxury:hover { color: white; transform: translateY(-1px); }

@media (max-width: 576px) {
  .app-content { padding-bottom: 150px; }
  .navbar-floating { width: 94%; margin-bottom: 12px !important; }
  .password-card { padding: 22px; border-radius: 20px; }
  .action-row { flex-direction: column-reverse; }
  .action-row .btn { width: 100%; }
}