.navbar{width:100%;background-color:#000;position:fixed;top:0;left:0;z-index:1000}.navbar-container{margin:0 10%;display:flex;align-items:center;justify-content:flex-start}.logo{color:#fff;font-size:1.5rem;font-weight:700;font-family:Arial,sans-serif;letter-spacing:1px}.menu{list-style:none;display:flex;gap:0;margin:0 0 0 2rem;padding:0;height:100%}.menu li{height:100%}.menu li a{display:block;height:100%;padding:1rem;color:#fff;text-decoration:none;font-size:1rem;font-weight:500;font-family:Arial,sans-serif;background-color:transparent;border:none;border-top:4px solid transparent;cursor:pointer;transition:background-color .3s;display:flex;align-items:center}.menu li a:hover{background-color:#f0f}.menu li.active a{background-color:#000;border-top-color:#f0f}.count-badge{background-color:#4a4a4a;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-left:.5rem;min-width:1.2rem;text-align:center;display:inline-block;transition:background-color .3s}.menu li a:hover .count-badge,.menu li.active a .count-badge{background-color:#5b2860}@media (max-width: 768px){.navbar-container{margin:0 5%}.logo{font-size:1.2rem}.menu{margin:0 0 0 1rem}.menu li a{padding:.75rem;font-size:.9rem}}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:1rem}.pagination-arrow{width:40px;height:40px;border:2px solid #ff00ff;background-color:transparent;color:#fff;border-radius:50%;cursor:pointer;font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pagination-arrow:hover:not(:disabled){background-color:#f0f;transform:scale(1.1)}.pagination-arrow:disabled{opacity:.3;cursor:not-allowed;border-color:#666;color:#666}.pagination-arrow:disabled:hover{transform:none;background-color:transparent}.pagination-info{color:#fff;font-family:Arial,sans-serif;font-size:1rem;font-weight:500;background-color:#ff00ff1a;border:1px solid #ff00ff;padding:.5rem 1rem;border-radius:20px;min-width:100px;text-align:center}@media (max-width: 768px){.pagination-container{gap:.5rem}.pagination-arrow{width:35px;height:35px;font-size:1.3rem}.pagination-info{font-size:.9rem;padding:.4rem .8rem;min-width:80px}}.main-content{padding:1.5rem 5%;margin-top:40px;max-width:1200px;margin-left:auto;margin-right:auto}.app-background{background-image:url(/assets/IMG_3090-CUTkc9tF.png);background-size:120% 100vh;background-position:center calc(20% + 40px);background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;width:100vw;margin:0;padding:0;position:absolute;top:0;left:0}.home-rectangle{background-color:#00000080;margin:0;padding:2rem;border-radius:8px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.home-rectangle h1{color:#fff;font-weight:700;font-family:Arial,sans-serif;margin:0}.home-rectangle p{color:#d3d3d3;font-family:Arial,sans-serif;margin:.5rem 0 0;font-size:1rem}@media (max-width: 768px){.main-content{padding:1rem 5%;margin-top:20px}.home-rectangle{min-height:200px;padding:1rem}.home-rectangle h1{font-size:1.5rem}.home-rectangle p{font-size:.9rem}}.page-container{background-color:#0009;margin:0;padding:1.5rem;border-radius:12px;color:#fff;box-shadow:0 4px 20px #0000004d}.page-container h1{color:#fff;font-weight:600;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0 0 1.5rem;text-align:center;font-size:1.8rem}.search-input{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:Arial,sans-serif}.search-container{display:flex;align-items:stretch;margin-bottom:1.5rem;justify-content:center;max-width:400px;margin-left:auto;margin-right:auto}.search-input{flex:1;max-width:300px;padding:.6rem .8rem;border:2px solid #ff00ff;border-radius:6px 0 0 6px;font-size:.9rem;font-family:Inter,Segoe UI,Arial,sans-serif;outline:none;box-sizing:border-box;background-color:#0000004d;color:#fff;line-height:1;height:2.4rem}.search-button{padding:.6rem 1.2rem;border:2px solid #ff00ff;border-left:none;border-radius:0 6px 6px 0;background-color:#f0f;color:#fff;font-size:.9rem;font-family:Inter,Segoe UI,Arial,sans-serif;cursor:pointer;box-sizing:border-box;line-height:1;height:2.4rem;transition:background-color .2s}.bans-table{width:100%;border-collapse:collapse;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:.9rem;background-color:#ffffff05;border-radius:8px;overflow:hidden}.bans-table th,.bans-table td{padding:.8rem .6rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);vertical-align:top}.bans-table th:last-child,.bans-table td:last-child{border-right:none}.bans-table th{background-color:#ffffff14;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.player-head{width:32px;height:32px;border-radius:4px}.status{padding:.3rem .6rem;border-radius:16px;color:#fff;font-weight:600;text-transform:uppercase;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:.75rem;letter-spacing:.5px}.status.active{background-color:red}.status.expired{background-color:transparent;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:.5rem}.page-button{padding:.5rem 1rem;border:2px solid #ff00ff;background-color:transparent;color:#fff;border-radius:4px;cursor:pointer;font-family:Arial,sans-serif}.page-button:hover:not(:disabled){background-color:#f0f}.page-button:disabled{opacity:.5;cursor:not-allowed}.page-button.active{background-color:#f0f}@media (max-width: 768px){.page-container{padding:1rem}.bans-table th,.bans-table td{padding:.5rem;font-size:.9rem}}.punishment-detail-compact{background-color:#000000b3;padding:2rem;border-radius:12px;max-width:600px;margin:0 auto;text-align:center}.punishment-title{color:#fff;font-family:Arial,sans-serif;font-size:2rem;margin:0 0 1rem;font-weight:700}.status-badge{margin-bottom:2rem}.status-large{padding:.75rem 1.5rem;border-radius:20px;color:#fff;font-weight:700;text-transform:uppercase;font-family:Arial,sans-serif;font-size:1.1rem;letter-spacing:1px}.status-large.active{background-color:#dc3545}.status-large.expired{background-color:#6c757d}.detail-table{text-align:left}.detail-table td:first-child{width:30%;color:#fff;font-family:Arial,sans-serif}.detail-table td{vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);padding:1rem .75rem}.detail-table td:last-child{border-right:none}.detail-table tr:last-child td{border-bottom:none}.player-cell{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.admin-cell{text-align:center;vertical-align:middle}.console-text{color:#ffc107;font-weight:700}@media (max-width: 768px){.punishment-detail-compact{margin:0 1rem;padding:1.5rem}.punishment-title{font-size:1.5rem}.detail-table td:first-child{width:40%}}.back-button{background-color:#f0f;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:Arial,sans-serif;margin-bottom:1rem}.back-button:hover{background-color:#e600e6}.punishment-type-badge{color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.punishment-type-badge.ban{background-color:#dc3545}.punishment-type-badge.warning{background-color:#fd7e14}.punishment-type-badge.mute{background-color:#6c757d}.punishment-type-badge.kick{background-color:#ffc107;color:#212529}.role-player{color:#28a745;font-weight:600}.role-admin{color:#ffc107;font-weight:600}.player-link{cursor:pointer;text-decoration:none;color:#fff;transition:color .2s}.player-link:hover{color:#ccc}.player-cell{display:flex;align-items:center;justify-content:center;flex-direction:column}.detail-info{display:flex;flex-direction:column;gap:1rem}.detail-item{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.detail-item:last-child{border-bottom:none}.detail-item h3{color:#f0f;margin:0 0 .5rem;font-family:Arial,sans-serif}.detail-item p{color:#fff;margin:0;font-family:Arial,sans-serif}