*{margin:0;padding:0;outline:0;border:0;font-size:12px;font-family:sans-serif}body{padding:16px;background-color:#292929}ul,ol{list-style:none}.table-section{display:flex;flex-direction:column;min-width:220px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#444 #1a1a1a}.table-section__alert-info{font-size:10px;color:#888;background-color:#1a1a1a;padding:4px 14px;border-bottom:1px solid #333}.table-section__alert-info--inactive{color:#555;font-style:italic}.table-section__header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;background-color:#1a1a1a;border-bottom:1px solid #333;border-radius:8px 8px 0 0}.table-section__header__icon{width:22px;height:22px;object-fit:contain}.table-section__header__title{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.table-section__header__voc-filters{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.table{border-spacing:0;border-radius:0 0 8px 8px;background-color:#1a1a1a;width:100%;font-size:12px}.table__head{color:#fff}.table__head__row__data{border:none;border-bottom:1px solid #333;padding:4px 3px;color:#aaa;font-weight:700;font-size:11px;text-align:left}.table__body{color:#fff}.table__body__row{max-height:28px;cursor:pointer}.table__body__row:hover{background-color:#3a3a3a;outline:1px solid #666}.table__body__row:hover td{color:#4ade80}.table__body__row__notification{position:fixed;font-size:22px;top:80%;left:50%;transform:translate(-50%);transition:.3 ease-in-out}.table__body__row__notification--disabled{display:none;transition:.3 ease-in-out}.table__body__row:last-child td{border-bottom:none}.table__body__row__data{padding:0 3px;font-size:12px;border:none;border-bottom:1px solid #222;color:#fff;white-space:nowrap}.table__body__row__data--red{padding:0 3px;font-size:12px;border:none;border-bottom:1px solid #222;color:red;white-space:nowrap}.table__body__row__data--yellow{padding:0 3px;font-size:12px;border:none;border-bottom:1px solid #222;color:#ff0;white-space:nowrap}.table__body__row__data--white{padding:0 3px;font-size:12px;border:none;border-bottom:1px solid #222;color:#fff;white-space:nowrap}.table__body__row__data__span{display:flex;flex-direction:row;align-items:center;gap:4px}.table__body__row__data__span__vocation_icon{max-width:18px}.voc-filter{display:flex;align-items:center;padding:3px;background-color:#333;border:1px solid #444;border-radius:4px;cursor:pointer;opacity:.4;transition:opacity .2s,background-color .2s}.voc-filter img{width:16px;height:16px}.voc-filter:hover{background-color:#444;opacity:.7}.voc-filter--active{opacity:1;background-color:#2a2a2a;border-color:#666}.filter{color:#fff;background-color:#1a1a1a;padding:10px 16px;height:fit-content;border:1px solid red;border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.filter__online_players{font-weight:600;color:#4ade80;font-size:13px;background-color:#2a2a2a;padding:6px 12px;border-radius:6px;border:1px solid #4ade80}.filter__notification{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:12px;background-color:#2a2a2a;padding:8px 12px;border-radius:6px;border:1px solid #444;transition:opacity .2s,border-color .2s}.filter__notification--active{border-color:#4ade80}.filter__notification--inactive{opacity:.5;border-color:#555}.filter__notification__toggle{position:relative;width:36px;height:20px;background-color:#555;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.filter__notification__toggle--on{background-color:#4ade80}.filter__notification__toggle__dot{position:absolute;top:3px;left:3px;width:14px;height:14px;background-color:#fff;border-radius:50%;transition:transform .2s}.filter__notification__toggle--on .filter__notification__toggle__dot{transform:translate(16px)}.filter__notification__title{font-weight:600;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.filter__notification__slider{display:flex;flex-direction:column;gap:4px;min-width:100px}.filter__notification__slider__header{display:flex;justify-content:space-between;align-items:center}.filter__notification__slider__label{font-size:11px;color:#888}.filter__notification__slider__value{font-size:13px;font-weight:700;color:#4ade80;min-width:24px;text-align:right}.filter__notification__slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#444;border-radius:2px;outline:none;cursor:pointer}.filter__notification__slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#4ade80;border-radius:50%;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 2px #1a1a1a}.filter__notification__slider__input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 2px #1a1a1a,0 0 8px #4ade8080}.filter__notification__slider__input::-moz-range-thumb{width:14px;height:14px;background:#4ade80;border:none;border-radius:50%;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 2px #1a1a1a}.filter__notification__slider__input::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 2px #1a1a1a,0 0 8px #4ade8080}.filter__notification__slider__input::-webkit-slider-runnable-track{height:4px;background:#444;border-radius:2px}.filter__notification__slider__input::-moz-range-track{height:4px;background:#444;border-radius:2px}.filter__item{display:flex;flex-direction:row;align-items:center;gap:6px;border-right:1px solid #444;padding-right:16px}.filter__item:last-of-type{border-right:none;padding-right:0}.filter__item__checkbox{display:flex;flex-direction:row;gap:2px}.filter__item__text{display:flex;flex-direction:row;align-items:center;font-size:12px}.filter__item__text img{max-width:18px}.logout-btn{background:none;border:none;color:#ff6b6b;font-size:11px;cursor:pointer;padding:4px 8px;margin-left:auto;transition:color .2s}.logout-btn:hover{color:#ff0}.admin_login{display:flex;flex-direction:column;gap:16px;height:100%;color:#fff}.admin_login__input_group{display:flex;flex-direction:column;gap:4px;width:fit-content}.admin_login__input_group__label{color:#fff}.admin_login__input_group__input{padding:8px 12px;border-radius:4px}.admin_login__input_group__input[type=submit]{text-transform:uppercase;font-weight:800}.admin{display:flex;flex-direction:row;justify-content:center;gap:16px}.admin__dropdown{position:absolute;display:none}.admin__dropdown__menu{display:block;position:static;margin-bottom:5px}.contexify_input{padding:2px 8px 0 6px;border:1px rgba(0,0,0,.2) solid;border-radius:4px;margin-left:4px}.main{display:flex;flex-direction:column;gap:12px;padding:12px;width:100%;box-sizing:border-box}.main__tables{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:12px;width:100%}.login{min-height:100vh;display:flex;justify-content:center;align-items:center}:root{--contexify-zIndex:666;--contexify-menu-minWidth:220px;--contexify-menu-padding:6px;--contexify-menu-radius:6px;--contexify-menu-bgColor:#fff;--contexify-menu-shadow:1px 2px 2px rgba(0,0,0,.1),2px 4px 4px rgba(0,0,0,.1),3px 6px 6px rgba(0,0,0,.1);--contexify-menu-negatePadding:var(--contexify-menu-padding);--contexify-separator-color:rgba(0,0,0,.2);--contexify-separator-margin:5px;--contexify-itemContent-padding:6px;--contexify-activeItem-radius:4px;--contexify-item-color:#333;--contexify-activeItem-color:#fff;--contexify-activeItem-bgColor:#3498db;--contexify-rightSlot-color:#6f6e77;--contexify-activeRightSlot-color:#fff;--contexify-arrow-color:#6f6e77;--contexify-activeArrow-color:#fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{position:fixed;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--contexify-menu-bgColor);box-sizing:border-box;box-shadow:var(--contexify-menu-shadow);border-radius:var(--contexify-menu-radius);padding:var(--contexify-menu-padding);min-width:var(--contexify-menu-minWidth);z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{color:var(--contexify-activeItem-color);background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{pointer-events:auto;opacity:1}.contexify .contexify_submenu{position:absolute;pointer-events:none;transition:opacity .265s;top:calc(-1 * var(--contexify-menu-negatePadding));left:100%}.contexify .contexify_submenu-bottom{bottom:calc(-1 * var(--contexify-menu-negatePadding));top:unset}.contexify .contexify_submenu-right{right:100%;left:unset}.contexify_rightSlot{margin-left:auto;display:-ms-flexbox;display:flex;color:var(--contexify-rightSlot-color)}.contexify_separator{height:1px;cursor:default;margin:var(--contexify-separator-margin);background-color:var(--contexify-separator-color)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:focus .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot,.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent{color:var(--contexify-activeItem-color);background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{pointer-events:auto;opacity:1}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{padding:var(--contexify-itemContent-padding);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;white-space:nowrap;color:var(--contexify-item-color);position:relative}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor:rgba(40,40,40,.98);--contexify-separator-color:#4c4c4c;--contexify-item-color:#fff}.contexify_theme-light{--contexify-separator-color:#eee;--contexify-item-color:#666;--contexify-activeItem-color:#3498db;--contexify-activeItem-bgColor:#e0eefd;--contexify-activeRightSlot-color:#3498db;--contexify-active-arrow-color:#3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{transform-origin:top left;animation:contexify_scaleIn .3s}.contexify_willLeave-scale{transform-origin:top left;animation:contexify_scaleOut .3s}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{transform:perspective(800px) rotateX(45deg);opacity:0}}.contexify_willEnter-flip{animation:contexify_flipInX .3s}.contexify_willEnter-flip,.contexify_willLeave-flip{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;transform-origin:top center}.contexify_willLeave-flip{animation:contexify_flipOutX .3s}@keyframes contexify_slideIn{0%{opacity:0;transform:scaleY(.3)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scaleY(.3)}}.contexify_willEnter-slide{transform-origin:top center;animation:contexify_slideIn .3s}.contexify_willLeave-slide{transform-origin:top center;animation:contexify_slideOut .3s}