.staff-ban-page{min-height:100vh;background:#080b10;color:#f4f3ed}.staff-topbar{height:76px;padding:0 max(1rem,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28303c;background:#090d13}.staff-topbar form{margin:0}.staff-link{border:0;background:none;color:#8db8ff;font:700 .72rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.staff-link:hover{color:#fff}.staff-link.danger{color:#ef6d6d}.staff-ban-main{width:min(1180px,calc(100% - 2rem));margin:auto;padding:4rem 0 7rem}.staff-auth-card{width:min(560px,100%);margin:7vh auto;background:#10151d;border:1px solid #28303c;border-left:4px solid #287fff;padding:clamp(1.5rem,5vw,3rem)}.staff-auth-card h1,.staff-dashboard-head h1{font:800 clamp(3.2rem,7vw,6.5rem)/.86 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:.8rem 0}.staff-auth-card>p:last-of-type,.staff-dashboard-head p{color:#9aa5b4}.staff-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.staff-form label,.ban-form label,.note-form label,.ban-search{display:flex;flex-direction:column;gap:.4rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em;font-weight:700;color:#b9c2ce}.staff-form input,.ban-form input,.ban-form select,.ban-form textarea,.note-form textarea,.ban-search input{width:100%;border:1px solid #394453;background:#0c1118;color:#fff;padding:.8rem;border-radius:0;min-height:46px;font:inherit}.staff-form .btn{align-self:flex-start}.staff-flash{padding:1rem 1.2rem;border-left:4px solid #60d394;background:#121c1c;margin-bottom:1rem}.staff-flash.error{border-color:#ef6d6d;background:#1c1215}.staff-dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.staff-dashboard-head>div{max-width:760px}.staff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#28303c;border:1px solid #28303c;margin-bottom:2rem}.staff-stats article{background:#10151d;padding:1.4rem;min-height:145px;display:flex;flex-direction:column}.staff-stats small{color:#9aa5b4;text-transform:uppercase;letter-spacing:.1em}.staff-stats strong{font:800 2.8rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:auto 0}.staff-stats span{font-size:.72rem;color:#8db8ff}.staff-panel{background:#10151d;border:1px solid #28303c;padding:clamp(1.2rem,4vw,2rem);margin-bottom:4rem}.staff-panel-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.staff-panel-head h2{font:800 clamp(2.2rem,4vw,3.5rem)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:.3rem 0}.ban-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.ban-form label span{font-size:.58rem;color:#6f7b8b}.ban-form .full{grid-column:1/-1}.ban-form textarea,.note-form textarea{resize:vertical}.custom-duration{display:none!important}.custom-duration.visible{display:flex!important}.form-buttons{display:flex;gap:.7rem}.ban-list-section{margin-bottom:4rem}.ban-search{width:min(300px,100%)}.ban-list{display:flex;flex-direction:column;gap:1rem}.ban-card{background:#10151d;border:1px solid #28303c;border-left:3px solid #287fff;padding:clamp(1rem,3vw,1.7rem)}.ban-card-top{display:flex;justify-content:space-between;gap:1rem}.ban-card-top small{color:#60d394;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.ban-card h3{font:800 2.2rem/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:.35rem 0}.ban-card-top p{color:#9aa5b4;margin:.3rem 0}.ban-actions{display:flex;align-items:start;gap:1rem}.ban-actions form{margin:0}.ban-reason{margin:1.2rem 0;padding:1rem;background:#0c1118;border:1px solid #222a35}.ban-reason small{color:#76aaff;letter-spacing:.12em;font-weight:700}.ban-reason p{margin:.5rem 0 0;white-space:normal;overflow-wrap:anywhere}.ban-meta{font-size:.64rem;color:#6f7b8b;text-transform:uppercase;letter-spacing:.05em}.notes{margin-top:1.5rem;border-top:1px solid #28303c;padding-top:1.2rem}.notes h4{font:700 1.4rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 .8rem}.notes h4 span{color:#287fff}.note{background:#151b24;padding:.8rem 1rem;margin:.5rem 0}.note p{margin:0 0 .4rem}.note small{color:#6f7b8b}.note-form{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:end;margin-top:1rem}.btn-small{min-height:46px}.staff-empty{border:1px dashed #394453;color:#9aa5b4;text-align:center;padding:2rem}.security-panel summary{cursor:pointer;font:700 1.5rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.security-panel .staff-form{max-width:520px}.security-panel[open] summary{margin-bottom:1rem}.ban-card[hidden]{display:none}@media(max-width:760px){.staff-ban-main{padding-top:2.5rem}.staff-dashboard-head,.staff-panel-head{align-items:start;flex-direction:column}.staff-dashboard-head .btn{width:100%}.staff-stats{grid-template-columns:1fr}.staff-stats article{min-height:110px}.ban-form{grid-template-columns:1fr}.ban-form label{grid-column:1/-1}.ban-card-top{flex-direction:column}.ban-actions{justify-content:flex-start}.note-form{grid-template-columns:1fr}.note-form .btn{width:100%}}@media(max-width:480px){.staff-topbar .brand span{display:none}.staff-ban-main{width:min(100% - 1rem,1180px)}.form-buttons{flex-direction:column}.form-buttons .btn{width:100%}}

/* Ban status presentation */
.staff-stats{grid-template-columns:repeat(2,1fr)}
.ban-system-stats{grid-template-columns:repeat(4,1fr)}
.ban-card{transition:background .25s,border-color .25s}
.ban-card.is-active{border-left-color:#60d394}.ban-card.is-active .ban-status-label{color:#60d394}
.ban-card.is-expired{background:linear-gradient(90deg,rgba(139,45,55,.27),#10151d 42%);border-color:rgba(239,109,109,.42);border-left-color:#ef6d6d}.ban-card.is-expired .ban-status-label{color:#ef6d6d}
.ban-card.is-resolved{background:linear-gradient(90deg,rgba(40,127,255,.22),#10151d 42%);border-color:rgba(75,145,255,.42);border-left-color:#4b91ff}.ban-card.is-resolved .ban-status-label{color:#76aaff}
.ban-sync-error{color:#ef9b68!important}.ban-card:has(.ban-sync-error){box-shadow:inset 0 0 0 1px rgba(239,155,104,.35)}
.error-popup .backup-dialog-card{width:min(560px,calc(100% - 3rem));margin:auto}.error-popup h2{font:800 2.5rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#ef6d6d}.error-popup p{color:#f4f3ed;overflow-wrap:anywhere}
.ban-actions{align-items:center;justify-content:flex-end;flex-wrap:wrap}
.staff-status-button{border:1px solid rgba(96,211,148,.55);background:rgba(46,124,84,.16);color:#82e3ac;padding:.48rem .65rem;font:700 .65rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.staff-status-button:hover{background:rgba(46,124,84,.34);color:#fff}
.staff-status-button.restore{border-color:#536173;background:rgba(40,48,59,.45);color:#b9c2ce}
@media(max-width:760px){.staff-stats,.ban-system-stats{grid-template-columns:1fr 1fr}.ban-actions{justify-content:flex-start}}
.backup-panel .staff-panel-head{margin-bottom:1rem}.backup-panel .staff-panel-head p:last-child{max-width:650px;color:#9aa5b4}.backup-form{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;border-top:1px solid #28303c;padding-top:1rem}.backup-form label{display:flex;flex-direction:column;gap:.4rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em;font-weight:700;color:#b9c2ce}.backup-form input[type=file]{width:100%;border:1px solid #394453;background:#0c1118;color:#fff;padding:.7rem;min-height:46px}.backup-form input::file-selector-button{border:0;background:#273449;color:#fff;padding:.5rem .7rem;margin-right:.7rem;cursor:pointer}@media(max-width:760px){.backup-form{grid-template-columns:1fr}.backup-form .btn{width:100%}}
.backup-actions{display:flex;flex-direction:column;gap:1.2rem}.backup-form input[type=password]{width:100%;border:1px solid #394453;background:#0c1118;color:#fff;padding:.8rem;min-height:46px}.backup-form[enctype]{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto}@media(max-width:900px){.backup-form[enctype]{grid-template-columns:1fr}.backup-form .btn{width:100%}}
.dashboard-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.backup-dialog{width:min(820px,calc(100% - 2rem));max-height:calc(100svh - 2rem);padding:0;border:0;background:transparent;color:#f4f3ed}.backup-dialog::backdrop{background:rgba(1,4,8,.82);backdrop-filter:blur(5px)}.backup-dialog-card{background:#10151d;border:1px solid #394453;border-left:4px solid #287fff;padding:clamp(1.2rem,4vw,2rem);box-shadow:0 30px 100px #000;max-height:calc(100svh - 2rem);overflow:auto}.backup-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:2rem}.backup-dialog-head h2{font:800 clamp(2.4rem,6vw,4rem)/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:.5rem 0}.backup-dialog-card>p{color:#9aa5b4;margin:0 0 1.5rem}.backup-close{width:44px;height:44px;flex:0 0 44px;border:1px solid #394453;background:#0c1118;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.backup-close:hover{border-color:#287fff;color:#8db8ff}@media(max-width:760px){.dashboard-actions{width:100%;justify-content:stretch}.dashboard-actions .btn{width:100%}.backup-dialog{width:calc(100% - 1rem)}.backup-dialog-card{padding:1rem}}
.users-dialog{box-sizing:border-box;width:min(1050px,calc(100% - 2rem));height:min(88svh,820px);max-width:none;max-height:none;margin:auto}.users-dialog>.backup-dialog-card{height:100%;max-height:none}.user-create{background:#0c1118;border:1px solid #28303c;padding:1rem;margin:1rem 0 1.5rem}.user-create h3{font:700 1.6rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 1rem}.staff-user-form{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:.75rem;align-items:end}.staff-user-form label{display:flex;flex-direction:column;gap:.35rem;color:#b9c2ce;text-transform:uppercase;font-size:.64rem;letter-spacing:.08em;font-weight:700}.staff-user-form input,.staff-user-form select{width:100%;min-height:44px;border:1px solid #394453;background:#0c1118;color:#fff;padding:.7rem}.staff-user-form input:disabled,.staff-user-form select:disabled{opacity:.58}.staff-users-list{display:flex;flex-direction:column;gap:.7rem}.staff-user-card{border:1px solid #28303c;background:#151b24;padding:1rem}.staff-user-card.disabled{opacity:.65;border-color:#593942}.user-card-meta,.user-card-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.7rem;font-size:.68rem;color:#8290a2;text-transform:uppercase}.user-card-actions form{margin:0}.activation-notice{border:1px solid rgba(96,211,148,.5);background:rgba(34,101,68,.2);padding:1rem;margin:1rem 0}.activation-notice strong,.activation-notice code{display:block}.activation-notice code{font:700 1.7rem monospace;color:#82e3ac;letter-spacing:.1em;margin:.6rem 0}.activation-notice p{color:#a9b8ae;margin:0;font-size:.78rem}.staff-form label span{font-size:.58rem;color:#6f7b8b}@media(max-width:850px){.staff-user-form{grid-template-columns:1fr 1fr}.staff-user-form .btn{width:100%}}@media(max-width:560px){.staff-user-form{grid-template-columns:1fr}}
.ban-card-toggle{width:100%;display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:1rem;align-items:center;border:0;background:transparent;color:#fff;padding:0;text-align:left;cursor:pointer}.ban-compact-field{display:flex;flex-direction:column;min-width:0}.ban-compact-field small{color:#6f7b8b;font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}.ban-compact-field strong{font:700 1.25rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ban-toggle-arrow{width:38px;height:38px;border:1px solid #394453;display:grid;place-items:center;color:#76aaff;font-size:1.5rem}.ban-card-toggle:hover .ban-toggle-arrow{border-color:#287fff;color:#fff}.ban-card.collapsed>:not(.ban-card-toggle){display:none}.ban-card:not(.collapsed)>.ban-card-toggle{border-bottom:1px solid #28303c;padding-bottom:1rem;margin-bottom:1rem}@media(max-width:650px){.ban-card-toggle{grid-template-columns:1fr auto}.ban-compact-field{grid-column:1}.ban-toggle-arrow{grid-column:2;grid-row:1/4}.ban-compact-field strong{font-size:1.1rem}}.ban-meta,.note small{text-transform:none}.ban-compact-field:nth-child(2) strong{text-transform:none}.note-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.75rem}.note-actions>form{margin:0}.note-edit{flex:1;min-width:240px}.note-edit summary{cursor:pointer;color:#8db8ff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.note-edit form{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:end;margin-top:.65rem}.note-edit textarea{width:100%;resize:vertical;border:1px solid #394453;background:#0c1118;color:#fff;padding:.8rem;font:inherit}.note-edit .staff-link{padding:.75rem}@media(max-width:600px){.note-edit form{grid-template-columns:1fr}}.ban-card h3,.ban-compact-field:first-child strong{text-transform:none}.staff-stats article:nth-child(2) strong{text-transform:none}.new-ban-dialog{width:min(960px,calc(100% - 2rem))}.new-ban-dialog .ban-form{margin-top:1.5rem}@media(max-width:760px){.new-ban-dialog{width:calc(100% - 1rem)}}.staff-top-nav{display:flex;align-items:center;gap:1rem}.staff-top-nav form{margin:0}@media(max-width:650px){.staff-top-nav{gap:.55rem}.staff-top-nav .staff-link{font-size:.58rem}}
.activation-notice-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.85rem}.activation-notice-actions .btn{min-height:42px}.clipboard-fallback{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0}
.btn-danger{background:#c72f43;border-color:#e34b5f}.btn-danger:hover{background:#e04458;border-color:#ff7183;box-shadow:0 8px 25px rgba(199,47,67,.3)}
.playerlist-dialog{width:min(900px,calc(100% - 2rem))}.playerlist-tabs{display:flex;gap:.55rem;margin:1.25rem 0 1rem;border-bottom:1px solid #28303c;padding-bottom:.75rem}.playerlist-tab{min-width:85px;border:1px solid #394453;background:#0c1118;color:#aab4c2;padding:.75rem 1rem;font:700 .75rem 'Barlow Condensed',Impact,sans-serif;letter-spacing:.09em;cursor:pointer}.playerlist-tab:hover,.playerlist-tab.is-active{border-color:#287fff;background:#152945;color:#fff}.playerlist-body{min-height:250px}.playerlist-status{border:1px solid #28303c;background:#0c1118;color:#9aa5b4;padding:1rem;margin:0}.playerlist-status.is-error{border-color:#b8404f;color:#ff9eaa;background:rgba(145,31,46,.15)}.playerlist-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.playerlist-player{display:flex;flex-direction:column;gap:.25rem;min-width:0;border:1px solid #303a48;background:#151b24;color:#fff;padding:.9rem 1rem;text-align:left;cursor:pointer}.playerlist-player:hover,.playerlist-player.is-selected{border-color:#287fff;background:#172b48}.playerlist-player strong,.playerlist-player span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerlist-player strong{font:700 1.2rem 'Barlow Condensed',Impact,sans-serif}.playerlist-player span{color:#8e9cad;font-size:.72rem}.playerlist-selection{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid #287fff;background:#101e31}.playerlist-selection>div{display:flex;flex-direction:column;min-width:0}.playerlist-selection small{color:#76aaff;font-size:.58rem;letter-spacing:.11em}.playerlist-selection strong,.playerlist-selection span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerlist-selection strong{font:700 1.35rem 'Barlow Condensed',Impact,sans-serif}.playerlist-selection span{color:#9aa5b4;font-size:.72rem}@media(max-width:650px){.playerlist-dialog{width:calc(100% - 1rem)}.playerlist-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.playerlist-tab{min-width:0;padding:.7rem .4rem}.playerlist-players{grid-template-columns:1fr}.playerlist-selection{align-items:stretch;flex-direction:column}.playerlist-selection .btn{width:100%}}
.automation-settings{display:grid;gap:1rem}.automation-settings h2,.staff-panel>h2{font:800 2rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0}.automation-settings label{display:flex;flex-direction:column;gap:.4rem;color:#b9c2ce;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em;font-weight:700}.automation-settings input{width:100%;border:1px solid #394453;background:#0c1118;color:#fff;padding:.8rem;font:inherit}.automation-settings p{color:#9aa5b4}
.staff-manage-embed{overflow:auto}.staff-manage-embed>.staff-topbar{display:none}.staff-manage-embed>.staff-ban-main{width:100%;margin:0;padding:0}.staff-manage-embed>.staff-ban-main>:not(#users-dialog):not(.staff-flash){display:none!important}.staff-manage-embed>.staff-ban-main>.staff-flash{margin:0}.staff-manage-embed #users-dialog[open]{display:block;position:static;inset:auto;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;background:transparent}.staff-manage-embed #users-dialog::backdrop{display:none}.staff-manage-embed #users-dialog .backup-dialog-card{min-height:100svh;max-height:none;border:0;border-left:0;box-shadow:none}
@media(max-width:650px){.users-dialog{width:calc(100% - .5rem);height:94svh}.users-dialog>.backup-dialog-card{height:100%}}
.staff-form textarea{box-sizing:border-box;width:100%;min-height:86px;border:1px solid #394453;border-radius:0;background:#0c1118;color:#fff;padding:.8rem;font:inherit;resize:vertical}.staff-form textarea::placeholder{color:#6f7b8b}.user-discord-connection,.staff-discord-connection{margin-top:.85rem;padding:1rem;border:1px solid #303a48;background:#0c1118;display:grid;gap:.55rem}.user-discord-connection strong,.staff-discord-connection>strong{display:block;color:#76aaff;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.user-discord-connection span,.staff-discord-connection p{color:#e8edf4;line-height:1.5;overflow-wrap:anywhere}.user-discord-connection.is-empty span{color:#738093}.user-discord-connection.is-connected,.staff-discord-connection.is-connected{border-color:#287a5d;background:#0b1916}.staff-discord-connection h3{margin:0;color:#62e5ae}.staff-linked-accounts{display:grid;gap:.4rem;padding-top:.6rem;border-top:1px solid #284139}.staff-linked-accounts span{color:#c7d5e7}.discord-connection-code{display:grid;gap:.7rem;padding:1rem;border:1px solid #476c99;background:#0a1420}.discord-connection-code code{font-size:1.5rem;letter-spacing:.18em;color:#fff}.discord-connection-code small{color:#91a4bd}.user-disconnect-discord{margin-top:.65rem}
.ban-pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.5rem; }
.ban-pagination span { color: #9eabba; font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ban-search { width: min(560px, 100%); display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; align-items: end; gap: .65rem; }
.ban-search label { display: flex; flex-direction: column; gap: .4rem; color: #b9c2ce; font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.ban-search .btn { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding-inline: 1rem; text-decoration: none; white-space: nowrap; }
@media(max-width:760px){.ban-search{width:100%;grid-template-columns:1fr 1fr}.ban-search label{grid-column:1/-1}.ban-search .btn{width:100%}}