.for-login {
    min-height: 100vh;
    background: linear-gradient(135deg, #2d1b69 0%, #6d28d9 55%, #c4b5fd 100%);
}
.for-login .page-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(26,16,53,0.15);
    padding: 2rem;
}
.for-login .form-control {
    border: 1px solid #ece9f5;
    border-radius: 10px;
    color: #1a1035;
}
.for-login .form-control:focus {
    border-color: #c4b5fd;
    box-shadow: 0 0 0 3px rgba(109,40,217,0.14);
}
.for-login .btn-primary {
    background: #6d28d9 !important;
    border-color: #6d28d9 !important;
    border-radius: 10px;
    font-weight: 600;
    width: 100%;
}
.for-login .btn-primary:hover {
    background: #5b21b6 !important;
}
.for-login .page-card-head {
    text-align: center;
    margin-bottom: 1rem;
}

/* Hide Frappe logo and text */
.for-login .page-card .app-logo,
.for-login .page-card .app-name,
.for-login .page-card h4.upper-case,
.for-login img[src*="frappe"],
.for-login img[src*="erpnext"],
.for-login .navbar-brand img,
.for-login .login-content .text-center img {
    display: none !important;
}

/* Hide "Login to Frappe" heading */
.for-login .page-card .for-login-form > .text-center,
.for-login .page-card h4,
.for-login .page-card .login-title {
    display: none !important;
}

/* Show sczor logo instead */
.for-login .page-card::before {
    content: "";
    display: block;
    width: 200px;
    height: 70px;
    margin: 0 auto 1.5rem;
    background-image: url('/assets/salon/images/logo_dark.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Add Welcome text */
.for-login .page-card::after {
    content: "Welcome to sczor";
    display: block;
    text-align: center;
    color: #1a1035;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}