.staff-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.staff-panel{background:#1c1c22;border:1px solid #34333c;border-radius:14px;padding:24px;margin-bottom:24px}.staff-panel h2{margin:0 0 12px;font-size:21px}.staff-panel label{display:block;color:#f2f2f4;font-size:13px;font-weight:650;margin:0 0 18px}.staff-panel label small{color:#9e9ea9;font-weight:400;margin-left:5px}.staff-panel input,.staff-panel select{display:block;width:100%;min-width:0;margin-top:7px;background:#111116;color:#f4f4f5;border:1px solid #45434e;border-radius:8px;padding:11px 12px;font:inherit}.staff-panel input:disabled{color:#92929b}.staff-panel button{border:1px solid #ee6669;border-radius:8px;background:#c9373d;color:#fff;padding:10px 16px;font:700 13px/1.4 inherit;cursor:pointer}.staff-panel button:hover{background:#de474c}.staff-panel button.secondary{background:#2f2f37;border-color:#51505a}.staff-panel :is(input,select,button,summary,a):focus-visible{outline:3px solid #f58686;outline-offset:3px}.staff-muted{font-size:13px;color:#a8a8b3}.staff-inline-link{display:block;color:#f07a7e;margin:20px 0}.staff-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.staff-panel fieldset{border:0;padding:0;margin:0 0 14px}.staff-panel legend{font-size:13px;font-weight:700;margin-bottom:12px}.staff-permissions{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px}.staff-user{border-top:1px solid #34333c}.staff-user summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;padding:18px 0;list-style:none}.staff-user summary:after{content:'⌄';color:#b7b7c2}.staff-user summary>span:first-child{flex:1}.staff-user small,.staff-invitation small{display:block;color:#9e9eaa;margin-top:4px;overflow-wrap:anywhere}.staff-state{color:#b7b7c2;font-size:12px}.staff-user form{padding:10px 0 20px}.staff-count{font-size:13px;color:#aaaab5;margin-left:8px}.staff-invitation{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #34333c;padding:15px 0}.staff-invitation>span{min-width:0}.staff-error{color:#ff9c9f;font-size:13px}@media(max-width:1000px){.staff-permissions{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.staff-account-grid{grid-template-columns:1fr;gap:0}.staff-permissions{grid-template-columns:repeat(2,1fr)}.staff-user summary{flex-wrap:wrap}.staff-user summary>span:first-child{flex-basis:100%}.staff-panel{padding:18px}}@media(max-width:420px){.staff-permissions{grid-template-columns:1fr}.staff-invitation{align-items:flex-start;flex-direction:column}}

.staff-modal-layer{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#080b11b8;backdrop-filter:blur(7px);overflow:auto;color:#eef0f5;font:14px/1.6 Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}
.staff-modal-layer *{box-sizing:border-box}.staff-modal-card{position:relative;width:min(100%,510px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;background:#20242c;border:1px solid #39404b;border-radius:14px;padding:34px;box-shadow:0 30px 100px #0009}.staff-modal-card.staff-modal-wide{width:min(100%,980px)}
.staff-modal-card h1{font:700 34px/1.1 "Barlow Condensed","Arial Narrow",sans-serif;margin:10px 0 20px}.staff-modal-card h2{font:700 24px/1.2 "Barlow Condensed","Arial Narrow",sans-serif}.staff-modal-mark{color:#ff4655;font-size:34px;line-height:1}.staff-modal-card p{margin:0 0 18px}.staff-modal-card .auth-intro,.staff-modal-card .auth-help{color:#b1b8c5}.staff-modal-card .auth-help{font-size:13px}.staff-modal-card label{display:block;font-weight:600;margin:16px 0}.staff-modal-card input,.staff-modal-card select{display:block;width:100%;font:inherit;padding:11px 12px;margin-top:6px;border:1px solid #424b59;border-radius:6px;background:#15181e;color:#f6f6f8}.staff-modal-card button,.staff-modal-card .auth-button{display:block;width:100%;padding:12px 16px;border:1px solid #f65160;border-radius:6px;background:#d63243;color:white;text-align:center;text-decoration:none;font:700 14px/1.4 Inter,"Segoe UI",sans-serif;cursor:pointer}.staff-modal-card button:hover{background:#ed4051}.staff-modal-card button:disabled{opacity:.55;cursor:wait}.staff-modal-card .secondary{background:#303640;border-color:#515966}.staff-modal-card .auth-text-button{background:none;border:0;color:#b1b8c5;margin-top:18px}.staff-modal-card a{color:#e2e5eb}.staff-modal-card .auth-link{display:block;text-align:center;margin-top:18px}.staff-modal-card .staff-modal-close{position:absolute;right:14px;top:10px;width:36px;height:36px;display:grid;place-items:center;font:26px/1 Arial;color:#b1b8c5;background:transparent;border:0;text-decoration:none;padding:0}.staff-modal-close:hover{color:white;background:#ffffff10}.staff-modal-card :is(a,button,input,select,summary):focus-visible{outline:2px solid #ff6572;outline-offset:3px}.staff-modal-card .auth-notice{background:#193328;border:1px solid #386c50;padding:12px;border-radius:6px}.staff-modal-card .auth-errors{background:#381e23;border:1px solid #8f3c48;padding:10px;border-radius:6px;margin-bottom:16px}.staff-modal-card .auth-errors ul{margin:0;padding-left:18px}.staff-modal-card details{margin-top:16px}.staff-modal-card summary{cursor:pointer}.staff-modal-card .auth-qr{display:grid;place-items:center;background:white;padding:16px;width:230px;max-width:100%;margin:20px auto;border-radius:8px}.staff-modal-card .auth-qr svg{width:100%;height:auto}.staff-modal-card .auth-secret{display:block;overflow-wrap:anywhere;padding:12px;background:#15181e}.staff-modal-card .auth-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px;background:#15181e;margin:18px 0}.staff-modal-card .staff-panel{background:#1a1e25;border-color:#343b47;padding:20px}.staff-modal-card .staff-panel button{width:auto}.staff-modal-card .staff-permissions{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-modal-card .staff-account-head{flex:0 0 40px;image-rendering:pixelated;border-radius:5px}.staff-modal-card .staff-user summary>span:first-of-type{flex:1}.staff-modal-card .staff-invitation{flex-wrap:wrap}.staff-modal-card .staff-invitation>span{flex:1}.staff-modal-card dd{margin:2px 0 15px;overflow-wrap:anywhere}.staff-modal-feedback{color:#ff9c9f}.staff-modal-feedback:empty{display:none}.staff-modal-card [hidden]{display:none!important}body.staff-modal-open{overflow:hidden}
@media(max-width:650px){.staff-modal-layer{padding:12px}.staff-modal-card{padding:24px 18px;max-height:calc(100dvh - 24px)}.staff-modal-card .staff-permissions{grid-template-columns:1fr 1fr}.staff-modal-card .staff-user summary{gap:10px}.staff-modal-card .staff-state{flex-basis:100%}.staff-modal-card .auth-codes{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.staff-modal-card{animation:staff-dialog-in .15s ease-out}@keyframes staff-dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

.staff-modal-card #staff-dialog-title:focus{outline:none}.staff-modal-card .staff-invite{margin:0 0 20px}.staff-modal-card .staff-invite>summary{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border:1px solid #dc3b4c;background:#b92838;border-radius:6px;font-weight:700;list-style:none}.staff-modal-card .staff-invite>summary span{font-size:20px}.staff-modal-card .staff-invite .staff-panel{margin-top:12px;margin-bottom:0}