#access-loading {text-align:center;padding:48px 16px;}
.staff-heading {display:flex;justify-content:space-between;align-items:center;gap:24px;margin:10px 0 24px;}
.staff-heading h1 {font-size:28px;font-weight:800;letter-spacing:-.04em;margin:4px 0 6px;}
.staff-eyebrow {font-size:10px;letter-spacing:.16em;color:#7c3aed;font-weight:800;}
.staff-muted {font-size:12px;line-height:1.7;color:#64748b;overflow-wrap:anywhere;}
.staff-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.staff-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:650;background:#fff;color:#334155;cursor:pointer;min-height:40px;}
.staff-button:disabled {opacity:.55;cursor:default;}
.staff-primary {background:#6d28d9;border-color:#6d28d9;color:#fff;}
.staff-button:hover {border-color:#a78bfa;}
.staff-table-wrap {overflow-x:auto;border:1px solid #e2e8f0;border-radius:16px;background:white;}
.staff-table {width:100%;border-collapse:collapse;text-align:left;font-size:12px;}
.staff-table th {background:#f8fafc;color:#64748b;font-size:10px;font-weight:700;padding:14px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap;}
.staff-table td {padding:14px 16px;border-bottom:1px solid #f1f5f9;max-width:250px;overflow-wrap:anywhere;}
.staff-table tbody tr:last-child td {border-bottom:0;}
.staff-table tbody tr {cursor:pointer;}
.staff-table tbody tr:hover,.staff-table tbody tr:focus-visible {background:#f5f3ff;outline:0;}
.staff-number {color:#94a3b8;width:45px;}
.staff-person {display:flex;align-items:center;gap:12px;min-width:220px;}
.staff-name {font-weight:650;}
.staff-avatar {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:750;overflow:hidden;}
.staff-avatar img {width:100%;height:100%;object-fit:cover;}
.staff-avatar.large {width:72px;height:72px;font-size:24px;}
.staff-role {display:inline-block;border-radius:6px;padding:4px 8px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:650;white-space:nowrap;}
.staff-role.owner {background:#ede9fe;color:#6d28d9;}
.staff-role.admin {background:#e0f2fe;color:#0369a1;}
.staff-state {font-size:10px;color:#94a3b8;white-space:nowrap;}
.staff-state.active {color:#15803d;}
.staff-profile-dialog {width:calc(100% - 32px);max-width:900px;max-height:92vh;border:1px solid #e2e8f0;border-radius:20px;padding:0;background:#fff;color:#0f172a;}
.staff-profile-dialog::backdrop {background:rgb(15 23 42 / .45);}
.staff-profile-body {padding:28px;}
.staff-profile-top {display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;background:white;z-index:2;padding-bottom:16px;border-bottom:1px solid #f1f5f9;}
.staff-profile-top h2 {font-size:18px;font-weight:750;}
.staff-profile-hero {display:flex;align-items:center;gap:20px;margin:20px 0;}
.staff-profile-hero h3 {font-size:22px;font-weight:750;letter-spacing:-.03em;margin-bottom:6px;}
.staff-profile-section {padding-top:24px;margin-top:24px;border-top:1px solid #e2e8f0;}
.staff-profile-section>h3 {font-size:15px;font-weight:750;margin-bottom:12px;}
.staff-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px;}
.staff-field {display:block;min-width:0;font-size:11px;color:#64748b;font-weight:650;}
.staff-field input,.staff-field select,.staff-field textarea {display:block;box-sizing:border-box;width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a;padding:10px;font:inherit;font-size:13px;font-weight:500;}
.staff-field:has(textarea),.staff-wide {grid-column:1/-1;}
.staff-feedback {font-size:13px;line-height:1.7;margin:16px 0;color:#475569;overflow-wrap:anywhere;}
.staff-profile-footer {display:flex;justify-content:flex-end;position:sticky;bottom:0;background:#fff;padding:16px 0;margin-top:16px;border-top:1px solid #e2e8f0;z-index:2;}
.staff-file {position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;}
.staff-rights {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.staff-rights h3 {grid-column:1/-1;}
.staff-invite-dialog {max-width:500px;}
@media(max-width:700px){.staff-heading {align-items:flex-start;flex-direction:column;gap:14px;}.staff-heading h1 {font-size:24px;}.staff-table th,.staff-table td {padding:12px;}.staff-profile-body {padding:16px;}.staff-fields,.staff-rights {grid-template-columns:1fr;}.staff-profile-hero {gap:14px;}.staff-profile-hero h3 {font-size:18px;}.staff-profile-footer .staff-button {width:100%;}.staff-profile-dialog {width:calc(100% - 16px);max-height:94vh;}.staff-actions {width:100%;}.staff-heading .staff-primary {flex:1;}}

.staff-feedback:not(:empty) {position:sticky;top:60px;z-index:2;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;}
.staff-history-row {padding:12px 0;border-top:1px solid #f1f5f9;font-size:12px;}
.staff-profile-top h2 {margin-right:auto;}