body {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);
    min-height: 100vh;
}

.auth-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
}

.auth-box {
    background: #fff;
    border-radius: 20px;
    padding: 40px 35px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    text-align: center;
}

.auth-icon {
    font-size: 45px;
    margin-bottom: 10px;
}

.auth-box h3 {
    font-weight: 700;
    color: #4E342E;
    margin-bottom: 25px;
}

.auth-box .form-label {
    text-align: right;
    display: block;
    font-weight: 600;
    color: #6D4C41;
}

.btn-restaurant {
    background: #FF7043;
    color: #fff;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-radius: 10px;
}

    .btn-restaurant:hover {
        background: #F4511E;
        color: #fff;
    }

.auth-box a {
    color: #FF7043;
    text-decoration: none;
    font-weight: 600;
}
.btn-beneficiary {
    background: #66BB6A;
    color: #fff;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-radius: 10px;
}

    .btn-beneficiary:hover {
        background: #43A047;
        color: #fff;
    }

.navbar-beneficiary {
    background: #66BB6A !important;
}
.btn-admin {
    background: #42A5F5;
    color: #fff;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-radius: 10px;
}

    .btn-admin:hover {
        background: #1E88E5;
        color: #fff;
    }

.navbar-admin {
    background: #42A5F5 !important;
}