html,
body {
    min-height: 100%;
}

.crm-login-page {
    margin: 0;
    min-height: 100vh;
    color: #e8f0ff;
    background:
        radial-gradient(860px 360px at -8% -26%, rgba(59, 162, 255, 0.22), transparent 62%),
        radial-gradient(780px 380px at 108% -20%, rgba(168, 86, 255, 0.2), transparent 64%),
        linear-gradient(180deg, #070b16 0%, #050915 100%);
}

.login-simple-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.login-panel {
    width: min(100%, 400px);
    border-radius: 1rem;
    border: 1px solid rgba(143, 169, 255, 0.24);
    background: linear-gradient(180deg, rgba(16, 24, 44, 0.96), rgba(9, 15, 27, 0.96));
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    padding: 1.25rem 1.1rem 1.1rem;
}

.login-logo-wrap {
    text-align: center;
    margin-bottom: 1.1rem;
}

.login-logo {
    width: 190px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.login-alert {
    margin-bottom: 0.9rem;
    padding: 0.62rem 0.72rem;
    border-radius: 0.62rem;
    border: 1px solid rgba(255, 122, 122, 0.38);
    background: rgba(141, 38, 38, 0.28);
    color: #ffd5d5;
    font-size: 0.9rem;
    line-height: 1.35;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.login-alert i {
    margin-top: 0.03rem;
}

.login-form .form-label {
    margin-bottom: 0.4rem;
    font-size: 0.84rem;
    color: #b7c8e6;
}

.login-form .input-group-text {
    border-color: rgba(129, 146, 192, 0.34);
    background: rgba(9, 16, 31, 0.95);
    color: #a8bde5;
}

.login-form .form-control {
    border-color: rgba(129, 146, 192, 0.34);
    background: rgba(12, 19, 36, 0.9);
    color: #ebf2ff;
}

.login-form .form-control::placeholder {
    color: #8da3cb;
}

.login-form .form-control:focus {
    border-color: rgba(95, 158, 255, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(59, 162, 255, 0.18);
}

.login-submit {
    width: 100%;
    margin-top: 0.55rem;
    padding: 0.64rem 0.75rem;
    border: 1px solid rgba(96, 170, 255, 0.65);
    border-radius: 0.68rem;
    background: linear-gradient(135deg, #2f7bff, #45b3ff);
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
}

.login-submit:hover,
.login-submit:focus {
    background: linear-gradient(135deg, #4188ff, #5bc0ff);
    border-color: rgba(122, 189, 255, 0.75);
}