/* ===== LOGIN / REGISTER PAGE ===== */
    .auth-page {
      min-height: calc(100vh - 80px);
      background: var(--pink-bg);
      display: flex; flex-direction: column;
    }
    .auth-body {
      flex: 1;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      padding: 4rem 1.5rem 3rem;
    }
    .auth-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.8rem, 4vw, 2.6rem);
      color: var(--maroon-d);
      margin-bottom: 2.2rem;
      text-align: center;
    }
    .auth-form {
      width: 100%; max-width: 560px;
    }
    .auth-field { margin-bottom: 1.4rem; }
    .auth-label {
      display: block; font-size: .9rem; font-weight: 500;
      color: var(--maroon-d); margin-bottom: .5rem;
    }
    .auth-input {
      width: 100%; padding: .85rem 1.2rem;
      border: none; border-radius: 50px;
      background: var(--white);
      font-family: 'Poppins', sans-serif; font-size: .92rem;
      color: var(--text);
      box-shadow: 0 2px 8px rgba(90,2,2,.08);
      transition: box-shadow .2s;
    }
    .auth-input:focus { outline: none; box-shadow: 0 0 0 2.5px var(--maroon); }
    .auth-input::placeholder { color: #bbb; }
    .auth-btn-wrap { display: flex; justify-content: center; margin-top: 2rem; }
    .btn-auth {
      background: var(--maroon-d); color: #fff;
      border: none; border-radius: 50px;
      padding: .8rem 3rem; font-size: 1rem; font-weight: 600;
      font-family: 'Poppins', sans-serif; cursor: pointer;
      transition: background .2s, transform .15s;
    }
    .btn-auth:hover { background: #220000; transform: translateY(-1px); }
    .auth-switch {
      text-align: center; margin-top: 1.4rem;
    }
    .auth-switch a {
      color: var(--muted); font-size: .9rem; text-decoration: none;
      transition: color .2s;
    }
    .auth-switch a:hover { color: var(--maroon); text-decoration: underline; }
    .auth-error {
      background: #fde8e8; border-left: 3px solid var(--maroon);
      color: var(--maroon-d); padding: .65rem 1rem; border-radius: 8px;
      font-size: .85rem; margin-bottom: 1rem; display: none;
    }
    .auth-success {
      background: #e8f5e8; border-left: 3px solid #2d7a2d;
      color: #1a4d1a; padding: .65rem 1rem; border-radius: 8px;
      font-size: .85rem; margin-bottom: 1rem; display: none;
    }

    /* Navbar user badge */
    .nav-user-badge {
      display: flex; align-items: center; gap: .5rem;
      color: var(--maroon); font-size: .85rem; font-weight: 600;
    }
    .nav-user-badge i { font-size: 1.1rem; }
    .btn-logout {
      background: none; border: 1.5px solid var(--maroon);
      color: var(--maroon); border-radius: 50px;
      padding: .3rem .9rem; font-size: .78rem; font-weight: 600;
      cursor: pointer; font-family: 'Poppins', sans-serif;
      transition: background .2s, color .2s;
    }
    .btn-logout:hover { background: var(--maroon); color: #fff; }