.tab-container{display:flex;justify-content:space-around;align-items:center;width:100%;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative;z-index:1}.tab-container:before{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(255,195,0,.3) 20%,rgba(255,195,0,.5) 50%,rgba(255,195,0,.3) 80%,transparent)}.tab-button{padding:14px 24px;transition:all .3s ease;border-bottom:2px solid transparent;background-color:transparent;position:relative;overflow:hidden;flex-grow:1;text-align:center}.tab-button:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(to right,var(--gold-primary),var(--gold-secondary));transition:width .3s ease-in-out;z-index:1}.tab-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,195,0,.1);opacity:0;transition:opacity .3s ease;z-index:0}.tab-button>div{position:relative;z-index:2}.tab-button>div>h3{color:hsla(0,0%,100%,.7);text-transform:capitalize;font-weight:600;font-size:16px;transition:color .3s ease}.tab-button>div>i{font-size:14px;transition:all .3s ease;opacity:.7}.tab-button:hover>div>h3,.tab-button:hover>div>i{color:#fff;opacity:1}.tab-button:hover:before{width:80%}.tab-button:hover:after{opacity:.5}.tab-button.active{border-bottom:none;background-color:rgba(0,0,0,.2)}.tab-button.active:before{width:90%}.tab-button.active:after{opacity:.2}.tab-button.active>div>h3,.tab-button.active>div>i{color:var(--gold-primary)}.tab-button.active>div>i{opacity:1;transform:scale(1.1)}.punishment-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.punishment-badge.permanent{background-color:rgba(220,38,38,.2);color:#f87171;border:1px solid rgba(220,38,38,.4)}.punishment-badge.temporary{background-color:rgba(245,158,11,.2);color:#fcd34d;border:1px solid rgba(245,158,11,.4)}.punishment-badge.removed{background-color:rgba(16,185,129,.2);color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.punishments-table{width:100%;border-collapse:separate;border-spacing:0}.punishments-table th{position:relative;background-color:rgba(0,0,0,.3);color:var(--gold-primary);font-weight:600;text-align:left;padding:12px 16px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid hsla(0,0%,100%,.1)}.punishments-table th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background-color:hsla(0,0%,100%,.1)}.punishments-table tbody tr{transition:all .2s ease;background-color:rgba(0,0,0,.2)}.punishments-table tbody tr:nth-child(odd){background-color:rgba(0,0,0,.3)}.punishments-table tbody tr:hover{background-color:rgba(0,0,0,.5);transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.punishments-table td{padding:12px 16px;border-bottom:1px solid hsla(0,0%,100%,.05);position:relative}.player-avatar{width:32px;height:32px;border-radius:4px;margin-right:12px;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1)}.player-avatar:hover{transform:scale(1.2);border-color:var(--gold-primary);box-shadow:0 0 10px rgba(255,195,0,.5)}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:rgba(0,0,0,.4);color:hsla(0,0%,100%,.7);transition:all .3s ease;position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);transform:translateX(-100%);transition:transform .3s ease}.pagination-btn:hover:not(:disabled):before{transform:translateX(100%)}.pagination-btn:hover:not(:disabled){background-color:rgba(0,0,0,.6);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.pagination-btn.active{background:linear-gradient(to bottom right,var(--gold-primary),var(--gold-secondary));color:#000;font-weight:600;box-shadow:0 0 10px rgba(255,195,0,.4)}.pagination-btn.active:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(255,195,0,.6)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-container{margin-top:2rem;padding:.75rem;background-color:rgba(0,0,0,.3);border-radius:12px;gap:.5rem}.empty-state,.pagination-container{display:flex;justify-content:center;align-items:center}.empty-state{flex-direction:column;padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:3rem;color:hsla(0,0%,100%,.2);margin-bottom:1rem}.empty-state-text{font-size:1.1rem;font-weight:500;color:hsla(0,0%,100%,.5);margin-bottom:.5rem}.empty-state-subtext{font-size:.9rem;color:hsla(0,0%,100%,.3)}.shadow-glow{box-shadow:0 0 0 3px rgba(255,195,0,.2)}