.staff-label{color:#796b80;border-left:1px solid #e5dce8;padding-left:22px;font-size:14px}.staff-main{max-width:1200px;margin:48px auto;padding:0 36px;display:block}.staff-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.staff-heading h1{letter-spacing:-1.5px;margin:14px 0;font-size:40px}.staff-heading p{margin:0}.staff-lock{color:#e43880;background:#fff0f7;border:1px solid #f6d6e5;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.staff-lock svg{width:32px;height:32px}.staff-login{max-width:540px}.staff-login h2{margin-top:0}.staff-retry{width:auto}.staff-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0;display:grid}.staff-stats>div{background:#fff;border:1px solid #eadfea;border-radius:16px;flex-direction:column;gap:8px;padding:23px 26px;display:flex}.staff-stats strong{font-size:32px;font-weight:700}.staff-stats span{color:#7b687e;font-size:13px}.staff-table-panel{background:#fff;border:1px solid #eadfea;border-radius:18px;overflow:hidden}.staff-toolbar{justify-content:space-between;align-items:center;gap:22px;padding:22px;display:flex}.staff-filters{background:#f5f0f6;border-radius:10px;gap:4px;padding:4px;display:flex}.staff-filters button{color:#7b687e;background:0 0;border:0;border-radius:7px;padding:10px 15px;font-size:13px}.staff-filters button[aria-pressed=true]{color:#b52e6b;background:#fff;font-weight:650;box-shadow:0 1px 5px #44223818}.staff-search{color:#7b687e;min-width:260px;margin:0;font-size:11px}.staff-search input{background:#fff;margin:5px 0 0;padding:11px 13px;font-size:13px}.staff-table-scroll{overflow-x:auto}.staff-table-panel table{border-collapse:collapse;text-align:left;width:100%}.staff-table-panel th{color:#817185;text-transform:uppercase;letter-spacing:.6px;background:#fcf9fc;border-block:1px solid #f0e7f0;padding:15px 22px;font-size:11px;font-weight:600}.staff-table-panel td{border-bottom:1px solid #f0e7f0;padding:21px 22px;font-size:14px}.staff-table-panel tr:last-child td{border-bottom:0}.staff-table-panel td small{color:#8a7c90;margin-top:5px;font-size:11px;display:block}.access-badge{white-space:nowrap;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-block}.access-badge.enabled{color:#21734c;background:#e8f7ee}.access-badge.disabled{color:#796981;background:#f1edf3}.staff-action{color:#fff;white-space:nowrap;background:#f63d8b;border:1px solid #f63d8b;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:600}.staff-action.disable{color:#a23768;background:#fff;border-color:#e6d9e5}.staff-confirm{flex-wrap:wrap;align-items:center;gap:9px;max-width:320px;display:flex}.staff-confirm>span{width:100%;font-size:12px}.staff-cancel{color:#7b687e;background:0 0;border:0;padding:10px;font-size:12px}.staff-empty{text-align:center;color:#8a7c90;height:130px}.staff-guidance{max-width:800px;margin:22px 0;font-size:12px;line-height:1.8}.staff-success{color:#21734c;background:#e8f7ee;border-radius:10px}@media (width<=760px){.staff-main{margin:28px auto;padding:0 18px}.staff-heading h1{font-size:30px}.staff-label{padding-left:12px;font-size:11px}.staff-toolbar{flex-direction:column;align-items:stretch}.staff-stats{gap:8px}.staff-stats>div{padding:16px 13px}.staff-stats strong{font-size:26px}.staff-stats span{font-size:11px}.staff-table-panel td,.staff-table-panel th{padding:16px}.staff-lock{display:none}}