/* Estilos para telas de autenticação */
body.auth-page {
    background: #242424;
    color: #e6e6e6;
}
.auth-container{
    max-width:420px;
    margin:60px auto;
    background:#1b1b1b;
    padding:28px;
    border-radius:8px;
    box-shadow:0 8px 30px rgba(0,0,0,0.6);
}
.auth-header{
    background: #111111;
    padding:12px 20px;
    border-radius:6px;
    margin-bottom:18px;
    text-align:center;
}
.auth-header h2{margin:0;color:#fff;font-size:18px}
.auth-form label{font-size:13px;color:#cfcfcf}
.auth-form .form-control{
    background:#2b2b2b;border:1px solid #333;color:#fff;border-radius:6px;padding:10px;
}
.auth-form .btn-primary{background:#c81616;border-color:#b11111}
.auth-note{font-size:13px;color:#a9a9a9;margin-top:12px;text-align:center}
.profile-avatar{width:53px;height:53px;border-radius:50%;object-fit:cover;border:3px solid #111;display:block;margin:0 auto 12px}
.flash{background:#2b2b2b;border-left:4px solid #c81616;padding:10px;margin-bottom:12px;color:#fff}