/*
 * File: style.css
 * Project: MMGSC
 * File Created: Saturday, 18th April 2026 11:35:37 pm
 * Author: Andrei Grichine (andrei.grichine@gmail.com)
 * -----
 * Last Modified: Sunday, 19th April 2026 10:07:53 am
 * Modified By: Andrei Grichine (andrei.grichine@gmail.com>)
 * -----
 * Copyright 2026 - 2026, MMGSC All Rights Reserved.
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 * Proprietary and confidential.
 * -----
 * HISTORY:
 */
body {
    font-family: Arial, sans-serif;
    max-width: 420px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.form,
#login-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 240px;
    min-width: 240px;
    margin: 0 auto;
}

.form {
    border: 1px solid #b0d6ea;
    padding: 20px 30px;
    border-radius: 6px;
    background: #d6ecf8;
}
input,
button {
    padding: 10px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #b0d6ea;
    border-radius: 4px;
}
.logout {
    color: #ce0055
}
.message {
    margin-top: 16px;
    padding: 10px;
    border-radius: 6px;
    background: #f3f3f3;
    white-space: pre-wrap;
    text-align: center;
}

.error {
    color: #b00020;
}

.success {
    color: #0a6b59;
}

.label {
    color: #0a778b;
}

.header {
    color: #343434
}