/* ===============================
   AUTH PAGES (LOGIN + REGISTER)
================================ */
.auth-body{
    min-height: 100vh;
    background: linear-gradient(135deg, #041227, #0a1f3d);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: system-ui, sans-serif;
}

/* Card */
.auth-card{
    width: 100%;
    max-width: 480px;
    border-radius: 16px;
    border: none;
    overflow: hidden;
}
.auth-card .card-body{
    padding: 40px;
}

/* Branding */
.brand-icon{
    font-size: 48px;
    color: #041227;
}

/* Inputs (scoped, no conflict with dashboard) */
.auth-body .form-control{
    height: 50px;
    padding-left: 46px;
    border-radius: 10px;
    border: 1px solid #ced4da;
}
.auth-body .form-control:focus{
    border-color: #041227;
    box-shadow: 0 0 0 .2rem rgba(4, 18, 39, .1);
}

/* Input icon */
.auth-body .input-icon{
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    color: #041227;
    font-size: 18px;
    z-index: 5;
}

/* Buttons */
.btn-auth{
    height: 50px;
    border-radius: 10px;
    background: #041227;
    border: none;
    font-weight: 600;
    color: #fff;
    transition: 0.3s;
}
.btn-auth:hover{
    background: #061b3a;
    transform: translateY(-1px);
}

/* Extra UI */
.success-icon{
    font-size: 4rem;
    color: #198754;
}
.plan-badge{
    background: #f8f9fa;
    border: 1px dashed #041227;
    padding: 15px;
    border-radius: 12px;
}