.bans_page{min-height:80vh;padding:40px 20px 80px}.bans_container{flex-direction:column;gap:22px;max-width:min(1200px,100% - 40px);margin:0 auto;display:flex}.bans_header{text-align:center}.bans_title{color:#fff;margin:0 0 8px;font-size:36px;font-weight:700}.bans_subtitle{color:#557aff;margin:0 0 14px;font-size:18px;font-weight:500}.bans_description{color:#ffffff8c;max-width:720px;margin:0 auto;font-size:15px;line-height:1.6}.bans_search_wrap{background:#ffffff0a;border:1px solid #557aff40;border-radius:10px;align-items:center;gap:10px;width:100%;max-width:480px;margin:0 auto;padding:4px 16px;transition:border-color .2s;display:flex}.bans_filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;margin-bottom:4px;transition:gap .14s,margin .14s;display:flex}.bans_filter_item{color:#ffffffe0;align-items:center;gap:6px;font-size:13.5px;display:inline-flex}.bans_filter_types{align-items:center;gap:10px;display:flex}.bans_filter_item{padding-left:30px;position:relative}.bans_filter_item input[type=checkbox]{opacity:0;z-index:2;cursor:pointer;width:20px;height:20px;margin:0;padding:0;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.bans_filter_item .bans_filter_label{cursor:pointer;position:relative}.bans_filter_item .bans_filter_label:before{content:"";background:#ffffff04;border:1px solid #ffffff1a;border-radius:6px;width:20px;height:20px;transition:background .16s cubic-bezier(.2,.9,.3,1),border-color .16s,transform .16s,box-shadow .16s;position:absolute;top:50%;left:-30px;transform:translateY(-50%);box-shadow:inset 0 -2px #0000000f}.bans_filter_item .bans_filter_label:after{content:"";opacity:0;width:8px;height:8px;box-shadow:none;background:0 0;border-radius:50%;transition:transform .18s cubic-bezier(.2,.9,.3,1),opacity .16s,background .16s,box-shadow .16s;position:absolute;top:50%;left:-24px;transform:translateY(-50%)scale(.6)}.bans_filter_item input[type=checkbox]:checked+.bans_filter_label:before{background:linear-gradient(#557affeb,#7c58ffe0);border-color:#557affd9;transform:translateY(-50%)scale(1);box-shadow:0 6px 18px #557aff17,inset 0 -2px #0000000f}.bans_filter_item input[type=checkbox]:checked+.bans_filter_label:after{opacity:1;background:radial-gradient(circle at 40% 35%,#fff 0%,#fffffff2 45%,#e6e6ffe6 100%);transform:translateY(-50%)scale(1);box-shadow:0 6px 18px #557aff1f}.bans_filter_item input[type=checkbox]:focus-visible+.bans_filter_label:before{border-color:#557aff85;box-shadow:0 0 0 5px #557aff1a,0 1px #0000000f}.bans_filter_item:hover .bans_filter_label:before{border-color:#ffffff2e;transform:translateY(-50%)scale(1.01)}@media (max-width:480px){.bans_filters{justify-content:flex-start;gap:10px;padding:0 8px}}.bans_filters{--transition-time:.22s;opacity:0;max-height:0;transition:max-height var(--transition-time) ease, opacity var(--transition-time) ease, transform var(--transition-time) ease;transform-origin:top;opacity:0;max-height:0;transition:max-height var(--transition-time) cubic-bezier(.2,.9,.3,1), opacity var(--transition-time) ease, transform var(--transition-time) ease;padding-top:0;padding-bottom:0;overflow:hidden;transform:translateY(-4px)scaleY(.992)}.bans_filters--open{opacity:1;max-height:160px;padding-top:6px;padding-bottom:4px;transform:translateY(0)scaleY(1)}.bans_filters_toggle{color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:10px;margin-left:12px;padding:8px 10px;font-size:13px;transition:all .18s}.bans_filters_toggle.open{color:#fff;background:linear-gradient(90deg,#557aff1f,#7c58ff14);border-color:#557aff59}@media (max-width:480px){.bans_filters_toggle{margin-left:8px;padding:7px 8px;font-size:12px}}.bans_search_wrap:focus-within{border-color:#557aff8c;box-shadow:0 0 0 3px #557aff14}.bans_search_icon{-webkit-user-select:none;user-select:none;opacity:.7;flex-shrink:0;font-size:16px}.bans_search_input{color:#eee;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-family:inherit;font-size:15px}.bans_search_input::placeholder{color:#ffffff4d}.bans_table_wrap{-webkit-backdrop-filter:blur(6px);background:#02001d99;border:1px solid #557aff33;border-radius:12px;overflow-x:auto}.bans_table{border-collapse:collapse;width:100%;min-width:700px}.bans_th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#ffffff73;white-space:nowrap;border-bottom:1px solid #557aff33;padding:14px 16px;font-size:13px;font-weight:600}.bans_tr{transition:background .15s}.bans_tr:hover{background:#557aff0f}.bans_tr+.bans_tr .bans_td{border-top:1px solid #ffffff0a}.bans_td{vertical-align:middle;color:#fffc;padding:12px 16px;font-size:14px}.bans_td_player{white-space:nowrap;align-items:center;gap:8px;display:flex}.bans_player_head_icon{opacity:.65;flex-shrink:0}.bans_player_nick{color:#ecebff;font-weight:600}.bans_reason_text{color:#ffffffa6;font-size:13.5px}.bans_type_badge{letter-spacing:.03em;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.bans_type_badge--ban{color:#fd5e5a;background:#fd5e5a26;border:1px solid #fd5e5a4d}.bans_type_badge--mute{color:#c4bb59;background:#c4bb5926;border:1px solid #c4bb594d}.bans_type_badge--kick{color:#8a93ff;background:#4d55cc33;border:1px solid #4d55cc59}.bans_type_badge--warning{color:#f96b03;background:#f96b0326;border:1px solid #f96b034d}.bans_issued_server{color:#fff6;font-size:13px;font-style:italic}.bans_issued_player{color:#a0aeff;align-items:center;gap:5px;display:inline-flex}.bans_issued_head_icon{opacity:.7;flex-shrink:0}.bans_expiry_permanent{color:#fd5e5a;font-size:13px;font-weight:600}.bans_expiry_none{color:#ffffff4d;font-size:13px;font-style:italic}.bans_state_msg{text-align:center;color:#ffffff73;padding:60px 20px;font-size:16px}.bans_state_msg--error{color:#fd5e5a}.bans_state_msg--empty{color:#ffffff4d}.bans_pagination{justify-content:center;align-items:center;gap:16px;display:flex}.bans_page_btn{color:#9af;cursor:pointer;background:#557aff1f;border:1px solid #557aff4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:inherit;transition:all .2s;display:flex}.bans_page_btn:hover:not(:disabled){color:#fff;background:#557aff38;border-color:#557aff80}.bans_page_btn:disabled{opacity:.3;cursor:not-allowed}.bans_page_info{color:#ffffff80;text-align:center;min-width:70px;font-size:15px}.bans_pagination--skeleton{gap:12px}.bans_page_btn--sk{background:0 0;border:1px dashed #ffffff0a;padding:8px}.bans_total_label{text-align:center;color:#ffffff40;font-size:13px}@keyframes bans_shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.bans_sk_bar,.bans_sk_circle,.bans_sk_badge{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 50%,#ffffff0d 75%) 0 0/1200px 100%;border-radius:4px;animation:1.6s linear infinite bans_shimmer;display:inline-block}.bans_sk_bar{max-width:100%;height:12px}.bans_sk_circle{border-radius:50%;flex-shrink:0;width:20px;height:20px}.bans_sk_badge{border-radius:20px;max-width:100%;height:22px}@media (max-width:768px){.bans_title{font-size:28px}.bans_subtitle{font-size:16px}.bans_th,.bans_td{padding:10px 12px;font-size:13px}.bans_container{gap:20px}}@media (max-width:480px){.bans_page{padding:24px 12px 60px}.bans_title{font-size:24px}.bans_search_wrap{max-width:100%}}