/* Стили для страницы входа в систему */
:root {
    --login-ivory: #f4efe7;
    --login-bone: #efe7da;
    --login-taupe: #9a8f82;
    --login-espresso: #2b211d;
    --login-charcoal: #25282a;
    --login-navy: #172033;
    --login-brass: #b08d57;
    --login-champagne: #c8a96a;
    --login-surface: rgba(255, 250, 242, 0.94);
}

body {
    background:
        radial-gradient(circle at 18% 12%, rgba(200, 169, 106, 0.34), transparent 32rem),
        linear-gradient(135deg, var(--login-ivory) 0%, var(--login-bone) 42%, var(--login-taupe) 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--login-charcoal);
}

.login-card {
    background: var(--login-surface);
    backdrop-filter: blur(16px);
    border-radius: 20px;
    box-shadow: 0 24px 70px rgba(43, 33, 29, 0.18);
    border: 1px solid rgba(255, 250, 242, 0.78);
}

.login-header {
    background:
        linear-gradient(135deg, rgba(23, 32, 51, 0.98) 0%, rgba(43, 33, 29, 0.96) 100%);
    color: #fffaf2;
    border-radius: 20px 20px 0 0;
    padding: 2rem;
    text-align: center;
    box-shadow: inset 0 -1px 0 rgba(200, 169, 106, 0.22);
}

.login-body {
    padding: 2rem;
}

.form-control {
    border-radius: 10px;
    border: 2px solid rgba(74, 52, 40, 0.14);
    padding: 12px 15px;
    transition: all 0.3s ease;
    color: var(--login-charcoal);
    background-color: #fffaf2;
}

.form-control:focus {
    border-color: var(--login-brass);
    box-shadow: 0 0 0 0.2rem rgba(176, 141, 87, 0.22);
}

.btn-login {
    background: linear-gradient(135deg, var(--login-navy) 0%, var(--login-espresso) 100%);
    border: none;
    border-radius: 10px;
    padding: 12px 30px;
    font-weight: 600;
    transition: all 0.3s ease;
    color: #fffaf2;
}

.btn-login:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(43, 33, 29, 0.28);
    color: #fffaf2;
}

.alert {
    border-radius: 10px;
    border: none;
    box-shadow: 0 12px 28px rgba(43, 33, 29, 0.12);
}