.staff-page{--staff-gold:#dd9e33;--staff-blue:#15151e}.staff-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:18px;padding:28px 30px;border:1px solid #e2dfd8;border-radius:18px;background:linear-gradient(135deg,#15151e,#30303a);color:#fff;box-shadow:0 10px 30px #15151e12}.staff-hero .eyebrow{color:#e9b75e}.staff-hero h1{margin:7px 0 8px;font-size:31px;letter-spacing:-.04em}.staff-hero p{max-width:650px;margin:0;color:#c7c6cc;font-size:11px;line-height:1.65}.staff-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.staff-hero-actions .btn{white-space:nowrap}.staff-gold-button{border-color:#e8b457;background:#dd9e33;color:#15151e}.staff-gold-button:hover{background:#e6ac47;color:#15151e}.staff-overview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.7fr);gap:16px}.staff-members-card,.staff-roles-card{overflow:hidden;border-color:#e4e2dd;border-radius:16px;box-shadow:0 7px 22px #15151e08}.staff-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:16px 20px;border-bottom:1px solid #e7e4df;background:#f8f7f4}.staff-card-heading .eyebrow{color:#9a6a23;font-size:8px;letter-spacing:.12em}.staff-card-heading h2{margin:5px 0 0;font-size:17px}.staff-card-heading>span{display:grid;place-items:center;min-width:31px;height:27px;padding:0 9px;border-radius:999px;background:#edece7;color:#69666d;font-size:9px}.staff-member-list{padding:5px 18px 14px}.staff-member-row{display:grid;grid-template-columns:36px minmax(135px,.7fr) minmax(180px,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:10px 4px;border-bottom:1px solid #eceae6}.staff-member-row:last-child{border-bottom:0}.staff-member-copy,.staff-member-role{display:flex;min-width:0;flex-direction:column;gap:4px}.staff-member-copy strong,.staff-member-role strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.staff-member-copy span,.staff-member-role small{overflow:hidden;color:#8e8a91;font-size:8px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.staff-member-row .badge{font-size:7.5px}.staff-role-list{padding:9px 17px 16px}.staff-role-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:15px 2px;border-bottom:1px solid #eceae6}.staff-role-card:last-child{border-bottom:0}.staff-role-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fbf0dc;color:#90611d}.staff-role-icon .icon{width:16px;height:16px}.staff-role-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.staff-role-title h3{margin:0;font-size:11px}.staff-role-title .badge{font-size:7px}.staff-role-title .text-button{font-size:8px}.staff-role-card p{margin:5px 0 10px;color:#837f86;font-size:8.5px;line-height:1.55}.staff-role-card>div:last-child>small{display:block;margin-top:10px;color:#9d999f;font-size:7.5px}.staff-permission-list{display:flex;flex-wrap:wrap;gap:5px}.staff-permission-list span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:#f0f2ec;color:#63705d;font-size:7px}.staff-permission-list .icon{width:9px;height:9px}.staff-empty{display:grid;min-height:260px;place-items:center;align-content:center;text-align:center;color:#89858c}.staff-empty>.icon{width:26px;height:26px;margin-bottom:12px;color:#a77831}.staff-empty h3{font-size:15px}.staff-empty p{margin-top:6px;font-size:9px}.staff-permission-fieldset{display:grid;gap:8px;margin-top:18px}.staff-permission-fieldset legend{margin-bottom:10px;font-size:12px;font-weight:700}.staff-permission-fieldset .checkbox-label{margin:0!important;padding:10px 12px;border:1px solid #e5e2dc;border-radius:8px;background:#faf9f7;font-size:11px}@media(max-width:950px){.staff-hero{align-items:flex-start;flex-direction:column}.staff-hero-actions{justify-content:flex-start}.staff-overview{grid-template-columns:1fr}}@media(max-width:620px){.staff-hero{padding:23px 20px}.staff-hero-actions{display:grid;width:100%;grid-template-columns:1fr}.staff-member-row{grid-template-columns:34px minmax(0,1fr) auto}.staff-member-role{grid-column:2/4}.staff-member-row .badge{grid-column:3;grid-row:1}}