/* Staff Login Page Styles */
:root {
    --brand: #4f46e5;
    --brand-2: #7c3aed;
}
body {
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    min-height: 100vh;
    background: radial-gradient(1200px 800px at 10% -10%, rgba(79,70,229,.10), rgba(124,58,237,.06) 40%, transparent 60%),
                radial-gradient(1000px 600px at 110% 10%, rgba(124,58,237,.10), rgba(79,70,229,.06) 40%, transparent 60%),
                linear-gradient(180deg, #0b1020, #0e1326);
    color: #0f172a;
}
.login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.card-login {
    width: 100%;
    max-width: 440px;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(2, 6, 23, .35);
    background: #ffffff;
}
.card-top {
    background: linear-gradient(135deg, var(--brand), var(--brand-2));
    color: white;
    padding: 28px 28px 16px 28px;
}
.brand-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.14);
    padding: 10px 14px;
    border-radius: 12px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.brand-badge i { font-size: 20px; }
.brand-badge span { font-weight: 600; letter-spacing: .2px; }
.card-body { padding: 24px; }
.form-label { font-weight: 600; color: #334155; }
.input-group-text { background: #f1f5f9; border-color: #e2e8f0; }
.form-control { border-color: #e2e8f0; }
.form-control:focus { border-color: var(--brand); box-shadow: 0 0 0 .2rem rgba(79,70,229,.15); }
.is-valid { border-color: #16a34a !important; }
.invalid-feedback { display: none; }
.btn-brand { background: linear-gradient(135deg, var(--brand), var(--brand-2)); border: none; }
.btn-brand:hover { filter: brightness(1.05); }
.muted { color: #64748b; }
.divider { height: 1px; background: #e2e8f0; margin: 16px 0 24px; }
.small-text { font-size: .875rem; }
.show-toggle { cursor: pointer; }