.staff-dialog{width:min(680px,calc(100vw - 28px));max-height:min(780px,calc(100svh - 28px));overflow:auto;border:1px solid #3b4039;border-radius:18px;background:#171917;color:#f2f3ee;padding:24px;box-shadow:0 28px 80px #0009}.staff-dialog::backdrop{background:#050605aa;backdrop-filter:blur(3px)}.staff-dialog header{display:flex;justify-content:space-between;align-items:start}.staff-dialog h2{margin:0;font-size:25px;letter-spacing:-.04em}.dialog-close{width:33px;height:33px;border:0;border-radius:50%;background:#30342e;color:#f2f3ee;font-size:23px}.dialog-note{font-size:13px;line-height:1.5;color:#a8aba2;margin:14px 0 18px}.staff-list{display:grid;gap:8px}.staff-row{display:flex;align-items:center;gap:10px;border:1px solid #30342e;border-radius:11px;padding:11px}.staff-row .staff-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#4b5740;color:#c6ec45;font-weight:800}.staff-row b,.staff-row small{display:block}.staff-row b{font-size:14px}.staff-row small{font-size:12px;color:#a8aba2;margin-top:3px}.staff-row .staff-state{margin-left:auto;color:#a8aba2;font-size:12px}.staff-row .staff-state.off{color:#ff887d}.disable-staff{border:0;background:transparent;color:#ffb0a8;font-size:12px;padding:7px}.new-staff-form{border-top:1px solid #30342e;margin-top:18px;padding-top:18px}.new-staff-form h3{margin:0;font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label{font-size:12px}.form-grid select{font:inherit;color:#f2f3ee;background:#111310;border:1px solid #3b4039;border-radius:10px;padding:12px}.form-grid .full{grid-column:1/-1}.new-staff-form button{justify-self:start}@media(max-width:520px){.staff-dialog{padding:19px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.staff-row{align-items:flex-start;flex-wrap:wrap}.staff-row .staff-state{margin-left:auto;white-space:nowrap}}