.players-list .loading,.players-list .error{text-align:center;color:var(--text-custom);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:3rem}.players-list .error{color:var(--error);border-color:var(--error);background:rgba(237,66,69,.1)}.players-list .players-grid{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.players-list .player-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex;position:relative}.players-list .player-card:hover{border-color:var(--primary);background:var(--card-hover)}.players-list .player-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.players-list .player-card .player-avatar{flex-shrink:0;width:48px;height:48px;position:relative}.players-list .player-card .player-avatar .avatar-image{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:100%;height:100%}.players-list .player-card .player-avatar .avatar-placeholder{background:var(--span-low);width:100%;height:100%;color:var(--text-secondary);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.players-list .player-card .player-avatar .status-indicator{border:2px solid var(--card);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;transition:all .3s;display:flex;position:absolute;bottom:-2px;right:-2px}.players-list .player-card .player-avatar .status-indicator.active{background:var(--success);color:var(--bg)}.players-list .player-card .player-avatar .status-indicator.banned{background:var(--error);color:var(--text-custom)}.players-list .player-card .player-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.players-list .player-card .player-info .player-name .username{color:var(--text-custom);font-size:1rem;font-weight:600;display:block}.players-list .player-card .player-info .player-role .role-badge{color:var(--bg);border-radius:12px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .3s;display:inline-flex}.players-list .pagination{background:var(--card);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.players-list .pagination .pagination-button{border:1px solid var(--border);background:var(--bg);color:var(--text-custom);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .3s}.players-list .pagination .pagination-button:hover:not(:disabled){background:var(--card-hover);border-color:var(--primary)}.players-list .pagination .pagination-button:disabled{opacity:.4;cursor:not-allowed}.players-list .pagination .pagination-info{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media (max-width:768px){.players-list .player-card{gap:.75rem;padding:.75rem}.players-list .player-card .player-avatar{width:40px;height:40px}.players-list .player-card .player-avatar .avatar-placeholder{font-size:1.2rem}.players-list .player-card .player-avatar .status-indicator{width:14px;height:14px;font-size:.6rem}.players-list .player-card .player-info{gap:.25rem}.players-list .player-card .player-info .player-name .username{font-size:.9rem}.players-list .player-card .player-info .player-role .role-badge{padding:.2rem .5rem;font-size:.7rem}}
.player-details .no-selection{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.player-details .no-selection svg{opacity:.5;margin-bottom:1rem;font-size:3rem}.player-details .no-selection h3{color:var(--text-custom);margin-bottom:.5rem}.player-details .player-header{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:2rem;display:flex}.player-details .player-header .player-avatar{width:100px;height:100px;position:relative}.player-details .player-header .player-avatar .avatar-image{width:100%;height:100%;color:var(--text-custom);border:2px solid var(--text-custom);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.player-details .player-header .player-avatar .status-indicator{border:2px solid var(--card);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;display:flex;position:absolute;bottom:0;right:0}.player-details .player-header .player-avatar .status-indicator.active{background:var(--success);color:var(--bg)}.player-details .player-header .player-avatar .status-indicator.banned{background:var(--error);color:var(--text-custom)}.player-details .player-header .player-basic-info{flex:1}.player-details .player-header .player-basic-info h2{color:var(--text-custom);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.player-details .player-header .player-basic-info .user-id{color:var(--text-custom);align-items:center;gap:.5rem;margin-bottom:1rem;font-family:monospace;font-size:.9rem;display:flex}.player-details .player-header .player-basic-info .user-id svg{color:var(--span)}.player-details .player-header .player-basic-info .role-section .role-badge{color:var(--bg);background:var(--span);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.player-details .player-header .player-basic-info .role-section .role-badge svg{font-size:.9rem}.player-details .player-info-sections{flex-direction:column;gap:1.5rem;display:flex}.player-details .info-section{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.player-details .info-section h3{color:var(--text-custom);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600;display:flex}.player-details .info-section h3 svg{color:var(--span);font-size:1.2rem}.player-details .info-section .section-description{color:var(--text-secondary);margin:0 0 1rem;font-size:.85rem;font-style:italic}.player-details .info-section .info-grid{flex-direction:column;gap:0;display:flex}.player-details .info-section .info-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.player-details .info-section .info-item:last-child{border-bottom:none}.player-details .info-section .info-item .label,.player-details .info-section .info-item .value{color:var(--text-custom);font-size:.9rem;font-weight:400}.player-details .info-section .info-item .value .profile-link{color:var(--primary);text-decoration:none;transition:color .2s}.player-details .info-section .info-item .value .profile-link:hover{color:var(--primary-hover);text-decoration:underline}.player-details .info-section .info-item .status{border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:500}.player-details .info-section .info-item .status.active{color:var(--success);background:rgba(50,205,50,.2)}.player-details .info-section .info-item .status.banned{color:var(--error);background:rgba(237,66,69,.2)}.player-details .info-section.moderator-tools{border-left:4px solid var(--span)}.player-details .info-section.moderator-tools h3{color:var(--span)}.player-details .info-section .action-buttons{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.player-details .info-section .action-button{background:var(--error);color:var(--text-custom);cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.player-details .info-section .action-button:hover{opacity:.9;text-decoration:none}.player-details .info-section .action-button.primary{background:var(--span);color:var(--bg)}.player-details .info-section .action-button.primary:hover{background:var(--accent-light)}.player-details .info-section .action-button.danger{background:var(--error);color:var(--text-custom)}.player-details .info-section .action-button.danger:hover{opacity:.9}.player-details .info-section .action-button.success{background:var(--success);color:var(--bg)}.player-details .info-section .action-button.success:hover{opacity:.9}.player-details .info-section .action-button.admin{background:var(--error);color:var(--text-custom)}.player-details .info-section .action-button.admin:hover{opacity:.9}.player-details .info-section .action-button.link{background:var(--span);color:var(--bg)}.player-details .info-section .action-button.link:hover{background:var(--accent-light)}.player-details .modal-overlay{background:var(--shadow);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.player-details .modal{background:var(--card);border:1px solid var(--border);width:90%;max-width:500px;max-height:80vh;box-shadow:0 20px 60px var(--shadow);border-radius:16px;padding:2rem;overflow-y:auto}.player-details .modal h3{color:var(--text-custom);text-align:center;margin:0 0 1.5rem;font-size:1.3rem;font-weight:700}.player-details .modal .form-group{margin-bottom:1.5rem}.player-details .modal .form-group label{color:var(--text-custom);margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.player-details .modal .form-group textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-custom);resize:vertical;border-radius:8px;padding:1rem;font-family:inherit;transition:all .2s}.player-details .modal .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.player-details .modal .role-options{gap:.75rem;margin-bottom:1.5rem;display:grid}.player-details .modal .role-option{border:1px solid var(--border);background:var(--bg);color:var(--text-custom);cursor:pointer;border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.player-details .modal .role-option:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--card-hover);transform:translateY(-1px)}.player-details .modal .role-option.current{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.player-details .modal .role-option:disabled{opacity:.5;cursor:not-allowed}.player-details .modal .role-option .role-color{width:16px;height:16px;box-shadow:0 2px 4px var(--shadow);border-radius:50%}.player-details .modal .role-option .role-name{text-align:left;flex:1;font-weight:500}.player-details .modal .role-option .current-icon{color:var(--primary);font-size:1.2rem}.player-details .modal .modal-actions{justify-content:flex-end;gap:1rem;display:flex}.player-details .modal .modal-button{border:1px solid var(--border);background:var(--bg);color:var(--text-custom);cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s}.player-details .modal .modal-button:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.player-details .modal .modal-button.secondary:hover{background:var(--bg-secondary);border-color:var(--card-hover)}.player-details .modal .modal-button.danger{background:linear-gradient(135deg,var(--error),var(--error));color:var(--text-custom);border-color:transparent}.player-details .modal .modal-button.danger:hover{box-shadow:0 6px 20px rgba(237,66,69,.4)}.player-details .modal .modal-button.success{background:linear-gradient(135deg,var(--success),var(--success));color:var(--bg);border-color:transparent}.player-details .modal .modal-button.success:hover{box-shadow:0 6px 20px rgba(50,205,50,.4)}@media (max-width:768px){.player-details .player-header{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem}.player-details .player-header .player-avatar{width:64px;height:64px}.player-details .player-header .player-avatar .avatar-image{font-size:2rem}.player-details .player-header .player-avatar .status-indicator{width:20px;height:20px;font-size:.9rem}.player-details .player-header .player-basic-info h2{font-size:1.5rem}.player-details .player-header .player-basic-info .user-id{font-size:.85rem}.player-details .player-header .player-basic-info .role-section .role-badge{padding:.6rem 1.2rem;font-size:.85rem}.player-details .info-section{padding:1rem}.player-details .info-section h3{margin-bottom:1rem;font-size:1.1rem}.player-details .info-section .info-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.player-details .info-section .info-item .label,.player-details .info-section .info-item .value{font-size:.85rem}.player-details .info-section .action-buttons{flex-direction:column;gap:.75rem}.player-details .info-section .action-buttons .action-button{padding:.6rem 1.2rem;font-size:.85rem}.player-details .modal{width:95%;padding:1.5rem}.player-details .modal h3{font-size:1.2rem}.player-details .modal .role-option{gap:.75rem;padding:.75rem}.player-details .modal .role-option .role-color{width:14px;height:14px}.player-details .modal .modal-actions{flex-direction:column;gap:.75rem}.player-details .modal .modal-actions .modal-button{padding:.6rem 1.2rem;font-size:.85rem}}@media (max-width:480px){.player-details .player-header{padding:1rem}.player-details .player-header .player-avatar{width:56px;height:56px}.player-details .player-header .player-avatar .avatar-image{font-size:1.8rem}.player-details .player-header .player-basic-info h2{font-size:1.3rem}.player-details .info-section{padding:.75rem}.player-details .info-section .action-buttons .action-button{padding:.5rem 1rem;font-size:.8rem}.player-details .modal{padding:1rem}.player-details .modal .modal-actions .modal-button{padding:.5rem 1rem;font-size:.8rem}}
.players-filters{background:var(--card);border-radius:8px;padding:1.5rem}.players-filters .filters-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.players-filters .filters-header h3{color:var(--text-custom);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;display:flex}.players-filters .filters-header h3 svg{color:var(--primary)}.players-filters .filters-header .clear-filters{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.players-filters .filters-header .clear-filters:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-custom)}.players-filters .filters-header .clear-filters:disabled{opacity:.5;cursor:not-allowed}.players-filters .filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.players-filters .filters-grid .filter-group{flex-direction:column;gap:.5rem;display:flex}.players-filters .filters-grid .filter-group label{color:var(--text-custom);font-size:.9rem;font-weight:500}.players-filters .filters-grid .filter-group .search-input{position:relative}.players-filters .filters-grid .filter-group .search-input .search-icon{color:var(--text-secondary);font-size:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.players-filters .filters-grid .filter-group .search-input input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-custom);border-radius:6px;padding:.75rem .75rem .75rem 2.5rem;font-size:.9rem;transition:border-color .2s}.players-filters .filters-grid .filter-group .search-input input:focus{border-color:var(--primary);outline:none}.players-filters .filters-grid .filter-group .search-input input:disabled{opacity:.5;cursor:not-allowed}.players-filters .filters-grid .filter-group .search-input input::placeholder{color:var(--text-secondary)}.players-filters .filters-grid .filter-group select{border:1px solid var(--border);background:var(--bg);color:var(--text-custom);cursor:pointer;border-radius:6px;padding:.75rem;font-size:.9rem;transition:border-color .2s}.players-filters .filters-grid .filter-group select:focus{border-color:var(--primary);outline:none}.players-filters .filters-grid .filter-group select:disabled{opacity:.5;cursor:not-allowed}.players-filters .filters-grid .filter-group select option{background:var(--bg);color:var(--text-custom)}@media (max-width:768px){.players-filters .filters-grid{grid-template-columns:1fr}}
.admin-players-header{background:var(--card);border-radius:8px;padding:1.5rem 1.5rem 0}.admin-players-header .header-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (max-width:768px){.admin-players-header .header-content{flex-direction:column;align-items:flex-start;gap:1rem}}.admin-players-header .header-info h2{color:var(--text-custom);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:600;display:flex}.admin-players-header .header-info h2 svg{color:var(--primary)}.admin-players-header .header-info .total-count{color:var(--text-secondary);margin:0;font-size:.9rem}.admin-players-header .header-info .total-count .count{color:var(--primary);font-weight:600}.admin-players-header .header-actions{align-items:center;gap:.75rem;display:flex}.admin-players-header .header-actions .refresh-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.admin-players-header .header-actions .refresh-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.admin-players-header .header-actions .refresh-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-players-header .header-actions .refresh-button svg{font-size:1rem}.admin-players-header .header-actions .refresh-button svg.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.users-tab{padding:0}.users-tab .test-panel-section{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:20px}.users-tab .admin-players-content{flex-direction:column;gap:24px;padding:24px;display:flex}.users-tab .admin-players-content .players-main-content{grid-template-columns:4fr 3fr;gap:24px;display:grid}.users-tab .admin-players-content .players-main-content .players-section .moderator-tools,.users-tab .admin-players-content .players-main-content .players-section .admin-tools{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:20px}.users-tab .admin-players-content .players-main-content .players-section .moderator-tools h4,.users-tab .admin-players-content .players-main-content .players-section .admin-tools h4{color:var(--text-custom);margin:0 0 8px;font-size:1.1rem;font-weight:600}.users-tab .admin-players-content .players-main-content .players-section .moderator-tools p,.users-tab .admin-players-content .players-main-content .players-section .admin-tools p{color:var(--text-default);margin:0;font-size:.9rem}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:20px}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools h4,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools h4{color:var(--text-custom);margin:0 0 8px;font-size:1.1rem;font-weight:600}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools p,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools p{color:var(--text-default);margin:0;font-size:.9rem}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools .action-buttons,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools .action-buttons{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools .action-button,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools .action-button{background:var(--error);color:var(--text-custom);cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools .action-button:hover,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools .action-button:hover{opacity:.9;text-decoration:none}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools .action-button.danger,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools .action-button.danger{background:var(--error);color:var(--text-custom)}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools .action-button.danger:hover,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools .action-button.danger:hover{opacity:.9}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools .action-button.success,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools .action-button.success{background:var(--success);color:var(--bg)}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools .action-button.success:hover,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools .action-button.success:hover{opacity:.9}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools .action-button.admin,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools .action-button.admin{background:var(--error);color:var(--text-custom)}.users-tab .admin-players-content .players-main-content .player-details-section .moderator-tools .action-button.admin:hover,.users-tab .admin-players-content .players-main-content .player-details-section .admin-tools .action-button.admin:hover{opacity:.9}.users-tab .admin-players-content .modal-overlay{background:var(--shadow);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.users-tab .admin-players-content .modal{background:var(--card);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;max-height:80vh;padding:24px;overflow-y:auto}.users-tab .admin-players-content .modal h3{color:var(--text-custom);margin:0 0 20px;font-size:1.25rem;font-weight:600}.users-tab .admin-players-content .modal p{color:var(--text-default);margin:0 0 20px;line-height:1.5}.users-tab .admin-players-content .modal .ban-form .form-group{margin-bottom:20px}.users-tab .admin-players-content .modal .ban-form .form-group label{color:var(--text-custom);margin-bottom:8px;font-weight:500;display:block}.users-tab .admin-players-content .modal .ban-form .form-group textarea{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-custom);resize:vertical;border-radius:6px;min-height:80px;padding:12px;font-size:.9rem}.users-tab .admin-players-content .modal .ban-form .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.users-tab .admin-players-content .modal .ban-form .form-group textarea::placeholder{color:var(--text-secondary)}.users-tab .admin-players-content .modal .ban-form .form-group input[type=datetime-local]{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-custom);border-radius:6px;padding:12px;font-size:.9rem}.users-tab .admin-players-content .modal .ban-form .form-group input[type=datetime-local]:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.users-tab .admin-players-content .modal .ban-form .form-group .form-help{color:var(--text-secondary);margin-top:4px;font-size:.8rem;font-style:italic;display:block}.users-tab .admin-players-content .modal .role-options{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.users-tab .admin-players-content .modal .role-option{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;color:var(--text-custom);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.users-tab .admin-players-content .modal .role-option:hover:not(:disabled){background:var(--card-hover);border-color:var(--primary)}.users-tab .admin-players-content .modal .role-option:disabled{opacity:.6;cursor:not-allowed}.users-tab .admin-players-content .modal .role-option.current{background:var(--span);color:var(--bg);border-color:var(--span)}.users-tab .admin-players-content .modal .role-option .role-color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.users-tab .admin-players-content .modal .role-option .role-name{flex:1;font-weight:500}.users-tab .admin-players-content .modal .role-option .current-icon{font-size:1.2rem}.users-tab .admin-players-content .modal .modal-actions{justify-content:flex-end;gap:12px;display:flex}.users-tab .admin-players-content .modal .modal-button{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.users-tab .admin-players-content .modal .modal-button.secondary{background:var(--bg-secondary);color:var(--text-custom);border:1px solid var(--border)}.users-tab .admin-players-content .modal .modal-button.secondary:hover{background:var(--card-hover)}.users-tab .admin-players-content .modal .modal-button.primary{background:var(--span);color:var(--bg)}.users-tab .admin-players-content .modal .modal-button.primary:hover{background:var(--accent-light)}.users-tab .admin-players-content .modal .modal-button.primary:disabled{opacity:.6;cursor:not-allowed}.users-tab .admin-players-content .modal .modal-button.danger{background:var(--error);color:var(--text-custom)}.users-tab .admin-players-content .modal .modal-button.danger:hover{opacity:.9}.users-tab .admin-players-content .modal .modal-button.danger:disabled{opacity:.6;cursor:not-allowed}.users-tab .admin-players-content .modal .modal-button.success{background:var(--success);color:var(--bg)}.users-tab .admin-players-content .modal .modal-button.success:hover{opacity:.9}@media (max-width:1200px){.users-tab .users-tab .admin-players-content .players-main-content{grid-template-columns:1fr;gap:20px}.users-tab .users-tab .admin-players-content .players-main-content .player-details-section{order:-1}}@media (max-width:768px){.users-tab .users-tab .admin-players-content{padding:12px}}
.matches-tab{padding:0}.matches-tab .admin-matches-content{flex-direction:column;gap:24px;padding:24px;display:flex}.matches-tab .admin-matches-content .matches-section .moderator-tools,.matches-tab .admin-matches-content .matches-section .admin-tools{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:20px}.matches-tab .admin-matches-content .matches-section .moderator-tools h4,.matches-tab .admin-matches-content .matches-section .admin-tools h4{color:var(--text-custom);margin:0 0 8px;font-size:1.1rem;font-weight:600}.matches-tab .admin-matches-content .matches-section .moderator-tools p,.matches-tab .admin-matches-content .matches-section .admin-tools p{color:var(--text-default);margin:0;font-size:.9rem}.matches-tab .admin-matches-content .matches-main-content{grid-template-columns:4fr 3fr;gap:24px;display:grid}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:20px}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools h4,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools h4{color:var(--text-custom);margin:0 0 8px;font-size:1.1rem;font-weight:600}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools p,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools p{color:var(--text-default);margin:0 0 16px;font-size:.9rem}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons{flex-direction:column;gap:8px;display:flex}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.primary,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.primary{background:var(--span);color:var(--bg)}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.primary:hover,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.primary:hover{background:var(--accent-light)}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.success,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.success{background:var(--success);color:var(--bg)}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.success:hover,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.success:hover{background:var(--success);opacity:.9}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.warning,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.warning{background:var(--warning);color:var(--bg)}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.warning:hover,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.warning:hover{background:var(--warning);opacity:.9}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.danger,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.danger{background:var(--error);color:var(--text-custom)}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.danger:hover,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.danger:hover{background:var(--error);opacity:.9}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.secondary,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.secondary{background:var(--text-default);color:var(--bg)}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button.secondary:hover,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button.secondary:hover{background:var(--text-default);opacity:.8}.matches-tab .admin-matches-content .matches-main-content .match-details-section .moderator-tools .action-buttons .action-button svg,.matches-tab .admin-matches-content .matches-main-content .match-details-section .admin-tools .action-buttons .action-button svg{font-size:1.1rem}.matches-tab .access-denied{text-align:center;color:var(--text-default);padding:40px 20px}.matches-tab .access-denied h3{color:var(--text-custom);margin-bottom:8px}@media (max-width:1200px){.matches-tab .admin-matches-content .matches-main-content{grid-template-columns:1fr;gap:20px}.matches-tab .admin-matches-content .matches-main-content .match-details-section{order:-1}}@media (max-width:768px){.matches-tab .admin-matches-content{gap:16px;padding:16px}.matches-tab .admin-matches-content .matches-section .moderator-tools,.matches-tab .admin-matches-content .matches-section .admin-tools,.matches-tab .admin-matches-content .match-details-section .moderator-tools,.matches-tab .admin-matches-content .match-details-section .admin-tools{padding:16px}.matches-tab .admin-matches-content .matches-section .moderator-tools .action-buttons .action-button,.matches-tab .admin-matches-content .matches-section .admin-tools .action-buttons .action-button,.matches-tab .admin-matches-content .match-details-section .moderator-tools .action-buttons .action-button,.matches-tab .admin-matches-content .match-details-section .admin-tools .action-buttons .action-button{padding:8px 12px;font-size:.85rem}}
.match-details .no-selection{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.match-details .no-selection svg{opacity:.5;margin-bottom:1rem;font-size:3rem}.match-details .no-selection h3{color:var(--text-custom);margin-bottom:.5rem}.match-details .match-header{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:2rem;display:flex}.match-details .match-header .match-avatar{width:100px;height:100px;position:relative}.match-details .match-header .match-avatar .avatar-image{width:100%;height:100%;color:var(--text-custom);border:2px solid var(--text-custom);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.match-details .match-header .match-avatar .status-indicator{border:2px solid var(--card);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;display:flex;position:absolute;bottom:0;right:0}.match-details .match-header .match-info{flex:1}.match-details .match-header .match-info h3{color:var(--text-custom);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.match-details .match-header .match-info .match-id{color:var(--text-custom);align-items:center;gap:.5rem;margin-bottom:1rem;font-family:monospace;font-size:.9rem;display:flex}.match-details .match-header .match-info .match-status{font-size:1rem;font-weight:600}.match-details .match-content{flex-direction:column;gap:1.5rem;display:flex}.match-details .details-section{background:var(--card);border:1px solid var(--border);border-radius:8px;width:100%;padding:1.5rem}.match-details .details-section h4{color:var(--text-custom);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600;display:flex}.match-details .details-section h4 svg{color:var(--span);font-size:1.2rem}.match-details .details-section .details-grid{flex-direction:column;gap:0;display:flex}.match-details .details-section .detail-item{border-bottom:1px solid rgba(255,255,255,.1);align-items:center;gap:1rem;padding:.75rem 0;display:flex}.match-details .details-section .detail-item:last-child{border-bottom:none}.match-details .details-section .detail-item .detail-icon{color:var(--span);flex-shrink:0;width:20px;font-size:1.2rem}.match-details .details-section .detail-item .detail-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.match-details .details-section .detail-item .detail-content .detail-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.match-details .details-section .detail-item .detail-content .detail-value{color:var(--text-custom);font-size:.9rem;font-weight:600}.match-details .details-section .stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.match-details .details-section .stats-grid .stat-item{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem}.match-details .details-section .stats-grid .stat-item .stat-value{color:var(--text-custom);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.match-details .details-section .stats-grid .stat-item .stat-label{color:var(--text-secondary);font-size:.8rem}@media (max-width:768px){.match-details .match-header{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem}.match-details .match-header .match-avatar{width:64px;height:64px}.match-details .match-header .match-avatar .avatar-image{font-size:2rem}.match-details .match-header .match-avatar .status-indicator{width:20px;height:20px;font-size:.9rem}.match-details .match-header .match-info h3{font-size:1.5rem}.match-details .match-header .match-info .match-id{font-size:.85rem}.match-details .details-section{padding:1rem}.match-details .details-section h4{margin-bottom:1rem;font-size:1.1rem}.match-details .details-section .detail-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.match-details .details-section .detail-item .detail-icon{align-self:flex-start}.match-details .details-section .detail-item .detail-content .detail-label,.match-details .details-section .detail-item .detail-content .detail-value{font-size:.85rem}.match-details .details-section .stats-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width:480px){.match-details .match-header{padding:1rem}.match-details .match-header .match-avatar{width:56px;height:56px}.match-details .match-header .match-avatar .avatar-image{font-size:1.8rem}.match-details .match-header .match-info h3{font-size:1.3rem}.match-details .details-section{padding:.75rem}}
.matches-list{flex-direction:column;gap:24px;width:100%;display:flex}@media (max-width:1023px){.matches-list{gap:20px}}@media (max-width:767px){.matches-list{gap:16px}}@media (max-width:379px){.matches-list{gap:12px}}.matches-list .matches-container{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;height:-moz-fit-content;height:fit-content;padding:10px 20px;box-shadow:0 4px 20px rgba(0,0,0,.1)}@media (max-width:767px){.matches-list .matches-container{border-radius:12px;padding:8px 16px}}@media (max-width:379px){.matches-list .matches-container{border-radius:10px;padding:6px 12px}}.matches-list.empty{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}@media (max-width:767px){.matches-list.empty{min-height:300px}}@media (max-width:379px){.matches-list.empty{min-height:250px}}.matches-list.empty .empty-message{text-align:center;color:var(--text-default);font-size:1.1rem}@media (max-width:767px){.matches-list.empty .empty-message{font-size:1rem}}@media (max-width:379px){.matches-list.empty .empty-message{font-size:.9rem}}.matches-list .list-title{color:var(--text-custom);margin:10px 0;font-size:16px;font-weight:600}@media (max-width:767px){.matches-list .list-title{margin:8px 0;font-size:14px}}@media (max-width:379px){.matches-list .list-title{margin:6px 0;font-size:13px}}.matches-list .matches-grid{flex-direction:column;gap:10px;display:flex}@media (max-width:767px){.matches-list .matches-grid{gap:8px}}@media (max-width:379px){.matches-list .matches-grid{gap:6px}}.matches-list .loading,.matches-list .error{text-align:center;color:var(--text-custom);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:3rem}.matches-list .error{color:var(--error);border-color:var(--error);background:rgba(237,66,69,.1)}.match-item{cursor:pointer;background:var(--card);border:1px solid var(--border);border-radius:8px;grid-template-columns:2fr 1fr 1.5fr 2fr 1.5fr .5fr;align-items:center;gap:12px;width:100%;height:60px;padding:12px 16px;transition:all .2s ease-in-out;display:grid;position:relative;overflow:hidden}.match-item:hover{border-color:var(--span);box-shadow:0 4px 12px var(--shadow-hover)}.match-item.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.match-item .map-thumbnail{align-items:center;gap:12px;width:100%;display:flex;overflow:hidden}.match-item .map-thumbnail .map-name{color:var(--text-custom);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.match-item .map-thumbnail .thumbnail-image{object-fit:cover;border-radius:6px;flex-shrink:0;width:40px;height:40px}.match-item .map-mode{color:var(--text-custom);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.match-item .progress-bar{background:var(--bg);border-radius:10px;height:20px;position:relative;overflow:hidden}.match-item .progress-bar .progress-fill{background:linear-gradient(90deg,var(--span),var(--accent-dark));height:100%;transition:width .3s}.match-item .progress-bar .progress-text{color:var(--text-custom);text-shadow:0 1px 2px var(--shadow);font-size:12px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-item .map-creator{align-items:center;gap:8px;width:100%;display:flex;overflow:hidden}.match-item .map-creator .creator-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.match-item .map-creator .creator-name{color:var(--text-custom);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.match-item .map-created{color:var(--text-default);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.match-item .map-actions{justify-content:center;align-items:center;width:100%;display:flex}.match-item .map-actions .lock-icon{color:var(--text-default);font-size:16px}.pagination{background:linear-gradient(135deg,var(--card)0%,var(--card-hover)100%);border:1px solid var(--border);border-radius:20px;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:2rem;display:flex;box-shadow:0 8px 32px rgba(0,0,0,.1)}.pagination .pagination-button{background:linear-gradient(135deg,var(--bg)0%,var(--bg-secondary)100%);color:var(--text-custom);cursor:pointer;border:2px solid transparent;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 16px rgba(0,0,0,.1)}.pagination .pagination-button:hover:not(:disabled){background:linear-gradient(135deg,var(--bg-secondary),var(--card-hover));border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.pagination .pagination-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination .pagination-button.active{background:linear-gradient(135deg,var(--span),var(--accent-light));color:var(--bg);box-shadow:0 8px 24px var(--shadow-hover);border-color:transparent;transform:translateY(-2px)}.pagination .pagination-info{color:var(--text-secondary);background:var(--span-low);border:1px solid var(--border);border-radius:12px;padding:.5rem 1rem;font-size:1rem;font-weight:500}@media (max-width:768px){.match-item{grid-template-columns:1fr;gap:8px;height:auto;padding:16px}.match-item .map-thumbnail,.match-item .map-mode,.match-item .progress-bar,.match-item .map-creator,.match-item .map-created,.match-item .map-actions{grid-column:1}.match-item .map-thumbnail{justify-content:flex-start}.match-item .map-actions{justify-content:flex-end}}
.matches-filters{background:var(--card);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.matches-filters .filters-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.matches-filters .filters-header h3{color:var(--text-custom);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;display:flex}.matches-filters .filters-header h3 svg{color:var(--primary)}.matches-filters .filters-header .clear-filters{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.matches-filters .filters-header .clear-filters:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-custom)}.matches-filters .filters-header .clear-filters:disabled{opacity:.5;cursor:not-allowed}.matches-filters .filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.matches-filters .filters-grid .filter-group{flex-direction:column;gap:.5rem;display:flex}.matches-filters .filters-grid .filter-group label{color:var(--text-custom);font-size:.9rem;font-weight:500}.matches-filters .filters-grid .filter-group .search-input{position:relative}.matches-filters .filters-grid .filter-group .search-input .search-icon{color:var(--text-secondary);font-size:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.matches-filters .filters-grid .filter-group .search-input input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-custom);border-radius:6px;padding:.75rem .75rem .75rem 2.5rem;font-size:.9rem;transition:border-color .2s}.matches-filters .filters-grid .filter-group .search-input input:focus{border-color:var(--primary);outline:none}.matches-filters .filters-grid .filter-group .search-input input:disabled{opacity:.5;cursor:not-allowed}.matches-filters .filters-grid .filter-group .search-input input::placeholder{color:var(--text-secondary)}.matches-filters .filters-grid .filter-group select{border:1px solid var(--border);background:var(--bg);color:var(--text-custom);cursor:pointer;border-radius:6px;padding:.75rem;font-size:.9rem;transition:border-color .2s}.matches-filters .filters-grid .filter-group select:focus{border-color:var(--primary);outline:none}.matches-filters .filters-grid .filter-group select:disabled{opacity:.5;cursor:not-allowed}.matches-filters .filters-grid .filter-group select option{background:var(--bg);color:var(--text-custom)}@media (max-width:768px){.matches-filters .filters-grid{grid-template-columns:1fr}}
.admin-matches-header{background:var(--card);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.admin-matches-header .header-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (max-width:768px){.admin-matches-header .header-content{flex-direction:column;align-items:flex-start;gap:1rem}}.admin-matches-header .header-info h2{color:var(--text-custom);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:600;display:flex}.admin-matches-header .header-info h2 svg{color:var(--primary)}.admin-matches-header .header-info .total-count{color:var(--text-secondary);margin:0;font-size:.9rem}.admin-matches-header .header-info .total-count .count{color:var(--primary);font-weight:600}.admin-matches-header .header-actions{align-items:center;gap:.75rem;display:flex}.admin-matches-header .header-actions .refresh-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.admin-matches-header .header-actions .refresh-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.admin-matches-header .header-actions .refresh-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-matches-header .header-actions .refresh-button svg{font-size:1rem}.admin-matches-header .header-actions .refresh-button svg.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.reports-tab .reports-header{margin-bottom:24px}.reports-tab .reports-header h2{color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:600}.reports-tab .reports-header .reports-tabs{border-bottom:1px solid var(--border-color);gap:8px;display:flex}.reports-tab .reports-header .reports-tabs .tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex}.reports-tab .reports-header .reports-tabs .tab-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.reports-tab .reports-header .reports-tabs .tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:var(--bg-secondary)}.reports-tab .reports-content .loading{text-align:center;color:var(--text-secondary);padding:40px}.reports-tab .reports-content .empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:16px}.reports-tab .reports-content .reports-list{flex-direction:column;gap:16px;display:flex}.reports-tab .reports-content .reports-list .report-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:all .2s}.reports-tab .reports-content .reports-list .report-card:hover{border-color:var(--accent-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.reports-tab .reports-content .reports-list .report-card .report-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.reports-tab .reports-content .reports-list .report-card .report-header .left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reports-tab .reports-content .reports-list .report-card .report-header .report-type{color:var(--text-primary);align-items:center;gap:8px;font-weight:500;display:flex}.reports-tab .reports-content .reports-list .report-card .report-header .type-badge,.reports-tab .reports-content .reports-list .report-card .report-header .link-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px}.reports-tab .reports-content .reports-list .report-card .report-header .link-badge a{color:var(--text-primary)}.reports-tab .reports-content .reports-list .report-card .report-header .status-badge{text-transform:uppercase;letter-spacing:.4px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.reports-tab .reports-content .reports-list .report-card .report-header .status-badge.status-pending{color:#ffc107}.reports-tab .reports-content .reports-list .report-card .report-header .status-badge.status-in_review{color:#17a2b8}.reports-tab .reports-content .reports-list .report-card .report-header .status-badge.status-resolved{color:#28a745}.reports-tab .reports-content .reports-list .report-card .report-header .status-badge.status-rejected{color:#dc3545}.reports-tab .reports-content .reports-list .report-card .report-header .report-severity-status{gap:12px;display:flex}.reports-tab .reports-content .reports-list .report-card .report-header .report-severity-status .severity,.reports-tab .reports-content .reports-list .report-card .report-header .report-severity-status .status{text-transform:uppercase;font-size:12px;font-weight:600}.reports-tab .reports-content .reports-list .report-card .report-content{margin-bottom:16px}.reports-tab .reports-content .reports-list .report-card .report-content .report-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.reports-tab .reports-content .reports-list .report-card .report-content .report-description{color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.reports-tab .reports-content .reports-list .report-card .report-content .report-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:14px;display:flex}.reports-tab .reports-content .reports-list .report-card .report-content .report-meta .report-users,.reports-tab .reports-content .reports-list .report-card .report-content .report-meta .report-user,.reports-tab .reports-content .reports-list .report-card .report-content .report-meta .report-details{flex-wrap:wrap;gap:16px;display:flex}.reports-tab .reports-content .reports-list .report-card .report-content .report-meta .report-users span,.reports-tab .reports-content .reports-list .report-card .report-content .report-meta .report-user span,.reports-tab .reports-content .reports-list .report-card .report-content .report-meta .report-details span{white-space:nowrap}.reports-tab .reports-content .reports-list .report-card .report-content .report-meta .report-links{align-items:center;gap:16px;display:flex}.reports-tab .reports-content .reports-list .report-card .report-content .report-meta .report-links .evidence-link{color:var(--accent-color)}.reports-tab .reports-content .reports-list .report-card .report-content .admin-notes{background:var(--bg-secondary);color:var(--text-primary);border-radius:4px;margin-top:12px;padding:12px;font-size:14px}.reports-tab .reports-content .reports-list .report-card .report-content .report-steps{background:var(--bg-secondary);border-radius:4px;margin-top:12px;padding:12px}.reports-tab .reports-content .reports-list .report-card .report-content .report-steps p{white-space:pre-wrap;margin:8px 0 0}.reports-tab .reports-content .reports-list .report-card .report-content .stack-trace{background:var(--bg-secondary);border-radius:4px;margin-top:12px;padding:12px}.reports-tab .reports-content .reports-list .report-card .report-content .stack-trace pre{color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;margin:8px 0 0;font-size:12px}.reports-tab .reports-content .reports-list .report-card .report-actions{justify-content:flex-end;gap:8px;display:flex}.reports-tab .reports-content .reports-list .report-card .report-actions .btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.reports-tab .reports-content .reports-list .report-card .report-actions .btn:disabled{opacity:.5;cursor:not-allowed}.reports-tab .reports-content .reports-list .report-card .report-actions .btn.btn-success{color:#fff;background:#28a745}.reports-tab .reports-content .reports-list .report-card .report-actions .btn.btn-success:hover{background:#218838}.reports-tab .reports-content .reports-list .report-card .report-actions .btn.btn-danger{color:#fff;background:#dc3545}.reports-tab .reports-content .reports-list .report-card .report-actions .btn.btn-danger:hover{background:#c82333}@media (max-width:768px){.reports-tab .reports-header .reports-tabs{flex-wrap:wrap;gap:4px}.reports-tab .reports-header .reports-tabs .tab-btn{padding:8px 12px;font-size:14px}.reports-tab .reports-content .reports-list .report-card{padding:16px}.reports-tab .reports-content .reports-list .report-card .report-header,.reports-tab .reports-content .reports-list .report-card .report-meta{flex-direction:column;align-items:flex-start;gap:8px}.reports-tab .reports-content .reports-list .report-card .report-actions{flex-direction:column}.reports-tab .reports-content .reports-list .report-card .report-actions .btn{justify-content:center;width:100%}}
.settings-tab__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.settings-tab__title{color:var(--text-custom);background:linear-gradient(135deg,var(--span)0%,var(--accent-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:700}.settings-tab__content{min-height:400px}.settings-tab .access-denied{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:60px 20px}.settings-tab .access-denied-icon{opacity:.7;margin-bottom:24px;font-size:4rem}.settings-tab .access-denied h3{color:var(--text-custom);margin:0 0 16px;font-size:1.8rem;font-weight:700}.settings-tab .access-denied p{color:var(--text-default);margin:0 0 24px;font-size:1.1rem}.settings-tab .settings-content{flex-direction:column;gap:32px;display:flex}.settings-tab .settings-section{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.settings-tab .settings-section:before{content:"";background:linear-gradient(90deg,var(--span)0%,var(--accent-light)100%);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.settings-tab .settings-section:hover{border-color:var(--span);box-shadow:0 8px 25px var(--shadow-hover);transform:translateY(-2px)}.settings-tab .settings-section:hover:before{opacity:1}.settings-tab .settings-section__header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.settings-tab .settings-section__icon{color:var(--span);font-size:24px}.settings-tab .settings-section h3{color:var(--text-custom);margin:0;font-size:20px;font-weight:600}.settings-tab .settings-section p{color:var(--text-default);margin:0 0 20px;font-size:15px;line-height:1.5}.settings-tab .settings-section__actions{align-items:center;gap:12px;display:flex}@media (max-width:768px){.settings-tab{padding:16px}.settings-tab .settings-content .settings-sections{grid-template-columns:1fr}}
.news-form{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,.05)}.news-form__form{flex-direction:column;gap:24px;display:flex}.news-form__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.news-form__title{color:var(--text-custom);background:linear-gradient(135deg,var(--span)0%,var(--accent-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:700}.news-form__actions{align-items:center;gap:12px;display:flex}.news-form__save-button{background:var(--span);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.news-form__save-button:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-1px)}.news-form__save-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.news-form__save-button svg{font-size:16px}.news-form__error{background:var(--error-low);border:1px solid var(--error);border-radius:8px;margin-bottom:20px;padding:12px 16px}.news-form__error p{color:var(--error);margin:0;font-size:14px;font-weight:500}.news-form__content{flex-direction:column;gap:20px;display:flex}.news-form__row{flex-direction:column;gap:16px;display:flex}@media (min-width:1024px){.news-form__row--two-columns{flex-direction:row;gap:20px}.news-form__row--two-columns .news-form__field{flex:1}}.news-form__field{flex-direction:column;gap:8px;display:flex}.news-form__label{color:var(--text-custom);margin:0;font-size:14px;font-weight:600}.news-form__input,.news-form__textarea,.news-form__select{background:var(--bg);border:1px solid var(--border);color:var(--text-custom);border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.news-form__input::placeholder,.news-form__textarea::placeholder,.news-form__select::placeholder{color:var(--text-default);font-weight:400}.news-form__input:focus,.news-form__textarea:focus,.news-form__select:focus{border-color:var(--span);box-shadow:0 0 0 3px var(--span-low);background:var(--card-hover);outline:none}.news-form__input:disabled,.news-form__textarea:disabled,.news-form__select:disabled{opacity:.6;cursor:not-allowed}.news-form__textarea{resize:vertical;min-height:80px;font-family:inherit}.news-form__textarea--large{min-height:200px}.news-form__select{cursor:pointer}.news-form__checkbox-label{cursor:pointer;color:var(--text-custom);align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.news-form__checkbox{width:18px;height:18px;accent-color:var(--span);cursor:pointer}.news-form__checkbox-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.news-form__tags{flex-direction:column;gap:12px;display:flex}.news-form__tags-input{align-items:center;gap:8px;display:flex}.news-form__tags-input .news-form__input{flex:1}.news-form__tags-list{flex-wrap:wrap;gap:8px;display:flex}.news-form__tag{background:var(--span-low);border:1px solid var(--span);color:var(--span);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s;display:inline-flex}.news-form__tag:hover{background:var(--span);color:#fff}.news-form__tag-remove{width:16px;height:16px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.news-form__tag-remove:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.news-form__tag-remove svg{font-size:10px}@media (max-width:768px){.news-form{padding:20px}.news-form__header{flex-direction:column;align-items:stretch;gap:16px}.news-form__title{font-size:20px}.news-form__actions{justify-content:flex-start}.news-form__row--two-columns{flex-direction:column;gap:16px}}@media (max-width:480px){.news-form{padding:16px}.news-form__title{font-size:18px}.news-form__input,.news-form__textarea,.news-form__select{padding:10px 14px;font-size:13px}}
.news-list-admin{flex-direction:column;gap:24px;display:flex}.news-list-admin__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.news-list-admin__title-section{flex:1}.news-list-admin__title{color:var(--text-custom);background:linear-gradient(135deg,var(--span)0%,var(--accent-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:24px;font-weight:700}.news-list-admin__subtitle{color:var(--text-default);margin:0;font-size:14px}.news-list-admin__actions{align-items:center;gap:12px;display:flex}.news-list-admin__filters{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.news-list-admin__search{flex:1}.news-list-admin__search-input{background:var(--card);border:1px solid var(--border);width:100%;color:var(--text-custom);border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.news-list-admin__search-input::placeholder{color:var(--text-default);font-weight:400}.news-list-admin__search-input:focus{border-color:var(--span);box-shadow:0 0 0 3px var(--span-low);outline:none}.news-list-admin__category-filter{min-width:200px}.news-list-admin__category-select{background:var(--card);border:1px solid var(--border);width:100%;color:var(--text-custom);cursor:pointer;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.news-list-admin__category-select:focus{border-color:var(--span);box-shadow:0 0 0 3px var(--span-low);outline:none}.news-list-admin__content{min-height:400px}.news-list-admin__empty{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:60px 20px}.news-list-admin__empty-icon{opacity:.7;margin-bottom:24px;font-size:4rem}.news-list-admin__empty h4{color:var(--text-custom);margin:0 0 12px;font-size:20px;font-weight:600}.news-list-admin__empty p{color:var(--text-default);margin:0 0 24px;font-size:16px}.news-list-admin__list{flex-direction:column;gap:0;display:flex}.news-list-admin__item{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:0;padding:16px 20px;transition:all .2s;position:relative}.news-list-admin__item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.news-list-admin__item:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.news-list-admin__item:not(:last-child){border-bottom:none}.news-list-admin__item:hover{background:var(--card-hover)}.news-list-admin__item:active{background:var(--bg)}.news-list-admin__item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.news-list-admin__item-meta{align-items:center;gap:8px;display:flex}.news-list-admin__item-category{color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600}.news-list-admin__item-featured{font-size:12px}.news-list-admin__item-actions{align-items:center;gap:2px;display:flex}.news-list-admin__item-content{margin-bottom:8px}.news-list-admin__item-title{color:var(--text-custom);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.news-list-admin__item-excerpt{color:var(--text-default);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.news-list-admin__item-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.news-list-admin__item-info{color:var(--text-default);align-items:center;gap:8px;font-size:11px;display:flex}.news-list-admin__item-author{color:var(--text-accent);font-weight:600}.news-list-admin__item-date,.news-list-admin__item-read-time{font-weight:500}.news-list-admin__item-tags{align-items:center;gap:3px;display:flex}.news-list-admin__item-tag{background:var(--span-low);border:1px solid var(--span);color:var(--span);border-radius:6px;padding:1px 4px;font-size:9px;font-weight:600}.news-list-admin__item-tag-more{background:var(--bg);border:1px solid var(--border);color:var(--text-default);border-radius:6px;padding:1px 4px;font-size:9px;font-weight:600}@media (max-width:768px){.news-list-admin__header{flex-direction:column;align-items:stretch;gap:16px}.news-list-admin__title{font-size:20px}.news-list-admin__actions{justify-content:flex-start}.news-list-admin__filters{flex-direction:column;gap:12px}.news-list-admin__category-filter{min-width:auto}.news-list-admin__item{padding:12px 16px}.news-list-admin__item-header{flex-direction:column;align-items:stretch;gap:8px}.news-list-admin__item-actions{justify-content:flex-start}.news-list-admin__item-footer{flex-direction:column;align-items:flex-start;gap:6px}.news-list-admin__item-info{flex-wrap:wrap;gap:6px}}@media (max-width:480px){.news-list-admin__title{font-size:18px}.news-list-admin__item{padding:10px 12px}.news-list-admin__item-title{font-size:15px}.news-list-admin__item-excerpt{font-size:12px}.news-list-admin__item-info{font-size:10px}}
.server-form{flex-direction:column;gap:24px;max-height:70vh;padding:4px;display:flex;overflow-y:auto}.server-form__section{flex-direction:column;gap:16px;display:flex}.server-form__section-title{color:var(--text-primary);border-bottom:2px solid var(--border-color,#e5e7eb);margin:0;padding-bottom:8px;font-size:18px;font-weight:600}.server-form__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.server-form__row{grid-template-columns:1fr}}.server-form__field{flex-direction:column;gap:8px;display:flex}.server-form__label{color:var(--text-primary);font-size:14px;font-weight:500}.server-form__input{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-primary,#111827);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.server-form__input:focus{border-color:var(--color-primary,#3b82f6);outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.server-form__input:disabled{background:var(--bg-secondary,#f3f4f6);cursor:not-allowed;opacity:.6}.server-form__input::placeholder{color:var(--text-tertiary,#9ca3af)}.server-form__checkbox-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.server-form__checkbox-label:hover{color:var(--color-primary,#3b82f6)}.server-form__checkbox{cursor:pointer;width:18px;height:18px}.server-form__hint{color:var(--text-secondary,#6b7280);font-size:12px;font-style:italic}.server-form__actions{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.server-form__actions button{min-width:120px}@media (max-width:768px){.server-form__actions{flex-direction:column-reverse}.server-form__actions button{width:100%}}.server-form::-webkit-scrollbar{width:8px}.server-form::-webkit-scrollbar-track{background:var(--bg-secondary,#f3f4f6);border-radius:4px}.server-form::-webkit-scrollbar-thumb{background:var(--border-color,#d1d5db);border-radius:4px}.server-form::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary,#9ca3af)}
.server-list{background:var(--background-primary);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.server-list__header{border-bottom:1px solid var(--border-color);background:var(--background-secondary);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.server-list__header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.server-list__header-actions{gap:8px;display:flex}.server-list__content{flex:1;padding:24px;overflow-y:auto}.server-list__loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.server-list__loading .loading-spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.server-list__loading p{color:var(--text-secondary);margin:0;font-size:14px}.server-list__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.server-list__error .error-icon{margin-bottom:16px;font-size:48px}.server-list__error h4{color:var(--text-primary);margin:0 0 8px;font-size:18px}.server-list__error p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.server-list__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.server-list__empty .empty-icon{color:var(--text-tertiary);margin-bottom:16px;font-size:48px}.server-list__empty h4{color:var(--text-primary);margin:0 0 8px;font-size:18px}.server-list__empty p{color:var(--text-secondary);margin:0;font-size:14px}.server-list__footer{border-top:1px solid var(--border-color);background:var(--background-secondary);padding:20px 24px}.servers-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.server-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;overflow:hidden}.server-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,.1)}.server-card__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.server-card__title{flex:1;align-items:center;gap:8px;display:flex}.server-card__title h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.server-card__icon{color:var(--primary-color);font-size:18px}.server-card__statuses{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.server-card__body{padding:20px}.server-card__actions{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.server-status{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.server-status--available{color:var(--success);background:rgba(50,205,50,.1)}.server-status--occupied{color:var(--warning);background:rgba(255,165,0,.1)}.server-status--inactive{color:var(--error);background:rgba(237,66,69,.1)}.server-status-icon{font-size:14px}.server-status-icon--available{color:var(--success)}.server-status-icon--occupied{color:var(--warning)}.server-status-icon--inactive{color:var(--error)}.health-status{border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:500;display:flex}.health-status--healthy{color:var(--success);background:rgba(50,205,50,.1)}.health-status--rcon-failed{color:var(--warning);background:rgba(255,165,0,.1)}.health-status--unreachable{color:var(--error);background:rgba(237,66,69,.1)}.health-icon{font-size:12px}.health-icon--healthy{color:var(--success)}.health-icon--rcon-failed{color:var(--warning)}.health-icon--unreachable{color:var(--error)}.server-info{flex-direction:column;gap:12px;display:flex}.server-info__item{justify-content:space-between;align-items:center;display:flex}.server-info__label{color:var(--text-secondary);font-size:14px;font-weight:500}.server-info__value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.server-info__value--success{color:var(--success)}.server-info__value--error{color:var(--error)}.server-info__item--error{border-left:3px solid var(--error);background:rgba(237,66,69,.05);border-radius:6px;padding:8px}.server-view{flex-direction:column;gap:24px;max-height:70vh;display:flex;overflow-y:auto}.server-view__section h4{color:var(--text-primary);margin:0 0 12px;font-size:16px;font-weight:600}.server-view__info{flex-direction:column;gap:12px;display:flex}.server-view__item{background:var(--background-primary,#f9fafb);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.server-view__item .label{color:var(--text-secondary);font-size:14px;font-weight:500}.server-view__item .value{color:var(--text-primary);text-align:right;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.servers-grid{grid-template-columns:1fr}.server-list__header{padding:16px 20px}.server-list__content{padding:20px}.server-list__footer{padding:16px 20px}.server-card__header{padding:12px 16px}.server-card__body{padding:16px}}
.admin-tabs .tabs-navigation{background:var(--span-low);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.admin-tabs .tabs-navigation .tab-button{color:var(--text-default);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;min-width:-moz-fit-content;min-width:fit-content;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.admin-tabs .tabs-navigation .tab-button:hover{background:var(--card-hover);color:var(--text-custom)}.admin-tabs .tabs-navigation .tab-button.active{background:linear-gradient(135deg,var(--span),var(--accent-light));color:var(--text-custom);box-shadow:0 4px 12px var(--shadow-hover)}.admin-tabs .tabs-navigation .tab-button .tab-icon{font-size:1.1rem}.admin-tabs .tabs-navigation .tab-button .tab-label{font-size:.9rem}.admin-tabs .tab-content{background:var(--card);border:1px solid var(--border);border-radius:12px;min-height:600px;padding:24px;overflow:hidden}@media (max-width:768px){.admin-tabs .tabs-navigation{gap:2px;padding:2px}.admin-tabs .tabs-navigation .tab-button{padding:10px 12px;font-size:.8rem}.admin-tabs .tabs-navigation .tab-button .tab-icon{font-size:1rem}.admin-tabs .tabs-navigation .tab-button .tab-label{font-size:.8rem}.admin-tabs .tab-content{min-height:500px}}@media (max-width:480px){.admin-tabs .tabs-navigation .tab-button{padding:8px 10px}.admin-tabs .tabs-navigation .tab-button .tab-label{display:none}}
.admin-header{background:linear-gradient(135deg,var(--card)0%,var(--card-hover)100%);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.admin-header .admin-header-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-header .admin-header-top .admin-title h1{color:var(--text-custom);background:linear-gradient(135deg,var(--span),var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:2rem;font-weight:700}.admin-header .admin-header-top .admin-title p{color:var(--text-default);margin:0;font-size:1rem}.admin-header .admin-header-top .admin-user-info .user-role{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;align-items:center;gap:12px;padding:12px 20px;display:flex}.admin-header .admin-header-top .admin-user-info .user-role .role-icon{font-size:1.5rem}.admin-header .admin-header-top .admin-user-info .user-role .role-name{color:var(--text-custom);font-size:.9rem;font-weight:600}.admin-header .admin-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid}.admin-header .admin-stats .stat-item{text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px}.admin-header .admin-stats .stat-item .stat-value{color:var(--text-custom);background:linear-gradient(135deg,var(--span),var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.8rem;font-weight:700}.admin-header .admin-stats .stat-item .stat-label{color:var(--text-default);font-size:.85rem;font-weight:500}@media (max-width:768px){.admin-header{padding:16px}.admin-header .admin-header-top{flex-direction:column;align-items:flex-start;gap:16px}.admin-header .admin-stats{grid-template-columns:repeat(2,1fr);gap:12px}.admin-header .admin-stats .stat-item{padding:12px}.admin-header .admin-stats .stat-item .stat-value{font-size:1.4rem}}
.admin-page{background:var(--bg);min-height:100vh;color:var(--text-custom)}.admin-page .access-denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;display:flex}.admin-page .access-denied h2{color:var(--text-custom);background:linear-gradient(135deg,var(--span),var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:700}.admin-page .access-denied p{color:var(--text-default);max-width:600px;margin-bottom:32px;font-size:1.2rem;line-height:1.6}.admin-page .access-denied .permission-info{background:var(--card);border:1px solid var(--border);border-radius:16px;max-width:500px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.admin-page .access-denied .permission-info p{margin-bottom:12px;font-size:1rem;line-height:1.5}.admin-page .access-denied .permission-info p:last-child{margin-bottom:0}.admin-page .access-denied .permission-info p:first-child{color:var(--text-custom);font-weight:600}.admin-page .admin-content{padding:0}@media (max-width:768px){.admin-page .access-denied{min-height:70vh;padding:20px 16px}.admin-page .access-denied h2{font-size:2rem}.admin-page .access-denied p{margin-bottom:24px;font-size:1.1rem}.admin-page .access-denied .permission-info{max-width:100%;padding:24px}.admin-page .access-denied .permission-info p{font-size:.9rem}}@media (max-width:480px){.admin-page .access-denied h2{font-size:1.8rem}.admin-page .access-denied p{font-size:1rem}.admin-page .access-denied .permission-info{padding:20px}}
.report-match-modal .form-group{margin-bottom:20px}.report-match-modal .form-group .form-label{color:var(--text-primary);margin-bottom:8px;font-weight:600;display:block}.report-match-modal .form-group .form-label .required{color:var(--error-color);margin-left:4px}.report-match-modal .form-group .title-input{border:2px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:12px;font-size:14px}.report-match-modal .form-group .description-textarea{border:2px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;min-height:120px;padding:14px;font-size:14px}.report-match-modal .form-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}
.match-content{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.match-content .wrapper{gap:20px;width:100%;padding:20px 0;display:flex}@media (max-width:1023px){.match-content .wrapper{gap:16px;padding:16px 0}}@media (max-width:767px){.match-content .wrapper{flex-direction:column;gap:12px;padding:12px 0}}@media (max-width:379px){.match-content .wrapper{gap:8px;padding:8px 0}}.match-content .refetch-loading{background-color:var(--shadow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.match-content .refetch-loading .loading-dots{gap:8px;display:flex}@media (max-width:767px){.match-content .refetch-loading .loading-dots{gap:6px}}.match-content .refetch-loading .loading-dots span{background-color:var(--span);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both bounce}@media (max-width:767px){.match-content .refetch-loading .loading-dots span{width:10px;height:10px}}@media (max-width:379px){.match-content .refetch-loading .loading-dots span{width:8px;height:8px}}.match-content .refetch-loading .loading-dots span:first-child{animation-delay:-.32s}.match-content .refetch-loading .loading-dots span:nth-child(2){animation-delay:-.16s}.match-content .refetch-loading .loading-dots span:nth-child(3){animation-delay:0s}.match-content .spectators-wrapper{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.3)}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
.lobby-container{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}.lobby-container .background-image{z-index:1;border-radius:20px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.lobby-container .background-image img{object-fit:cover;width:100%;height:100%}.lobby-container .background-overlay{z-index:2;background:linear-gradient(135deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.lobby-container .lobby-content{z-index:3;flex-direction:column;align-items:center;gap:20px;width:100%;display:flex;position:relative}.lobby-container .lobby-actions{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.lobby-container .lobby-bottom{width:100%;height:auto;margin-bottom:20px}.lobby-container .left-section{align-items:center;gap:12px;display:flex}.lobby-container .back-button{background:var(--navbar);border:1px solid var(--border);color:var(--text-custom);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.lobby-container .back-button:hover{background:var(--navbar-hover);border-color:var(--span)}.lobby-container .center-section{align-items:center;gap:12px;display:flex}.lobby-container .player-slot{background:var(--navbar);border:1px solid var(--border);color:var(--text-default);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:12px;font-size:18px;transition:all .2s;display:flex}.lobby-container .right-section{align-items:center;display:flex}.lobby-container .leave-button{background:var(--error);border:1px solid var(--error);color:var(--text-custom);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.lobby-container .leave-button:hover{background:#c73e1d;border-color:#c73e1d}
.teams-info{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.teams-info .team-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.teams-info .team-header .team-name{color:var(--text-custom);flex:1;min-width:0;font-size:18px;font-weight:600}.teams-info .team-header .team-name .team-name-text{text-overflow:ellipsis;white-space:nowrap;cursor:default;max-width:150px;display:block;overflow:hidden}.teams-info .team-header .team-name .team-name-input{background:var(--navbar);border:1px solid var(--border);color:var(--text-custom);border-radius:8px;outline:none;width:100%;max-width:200px;padding:8px 12px;font-size:18px;font-weight:600;transition:all .2s}.teams-info .team-header .team-name .team-name-input:focus{border-color:var(--span);box-shadow:0 0 0 2px rgba(var(--span-rgb),.1)}.teams-info .team-header .team-name .team-name-input::placeholder{color:var(--text-secondary);opacity:.7}.teams-info .team-header .team-actions{align-items:center;gap:16px;display:flex}.teams-info .team-header .team-actions .player-counter{background:var(--navbar);border:1px solid var(--border);border-radius:8px;align-items:center;display:flex;overflow:hidden}.teams-info .team-header .team-actions .player-counter .counter-value{color:var(--text-custom);background:var(--card);border-left:1px solid var(--border);border-right:1px solid var(--border);padding:8px 16px;font-weight:600}.teams-info .team-container{flex-direction:column;gap:16px;display:flex}
.team-member{background:var(--navbar);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;max-height:165px;padding:16px;display:flex;position:relative}.team-member .member-avatar{width:48px;height:48px;position:relative}.team-member .member-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.team-member .member-avatar .creator-crown{background:var(--navbar);border:2px solid var(--border);cursor:default;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;animation:2s ease-in-out infinite alternate crownGlow;display:flex;position:absolute;top:-4px;right:-4px}.team-member .member-info{flex:1;align-items:center;gap:12px;display:flex}.team-member .member-info .member-name{color:var(--text-custom);font-size:16px;font-weight:500}.team-member .member-menu-container{position:relative}.team-member .member-menu-dropdown{background:var(--navbar);border:1px solid var(--border);z-index:1000;border-radius:8px;min-width:250px;animation:.2s ease-out slideDown;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.team-member .member-menu-dropdown .menu-item{width:100%;color:var(--text-custom);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.team-member .member-menu-dropdown .menu-item:hover{background:var(--navbar-hover)}.team-member .member-menu-dropdown .menu-item.kick:hover{color:#dc3545;background:rgba(220,53,69,.1)}.team-member .member-menu-dropdown .menu-item.transfer:hover{color:var(--span);background:rgba(255,193,7,.1)}.team-member .member-menu-dropdown .menu-item.report:hover{color:#dc3545;background:rgba(220,53,69,.1)}.team-member .member-menu-dropdown .menu-item:not(:last-child){border-bottom:1px solid var(--border)}.team-slot{background:var(--navbar);border:1px solid var(--border);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;max-height:165px;padding:20px;transition:all .2s;display:flex;position:relative}.team-slot:hover{background:var(--navbar-hover);border-color:var(--span)}.team-slot .slot-icon{color:var(--text-default);font-size:24px;font-weight:600}.team-slot .position-number{color:var(--text-default);background:var(--border);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.team-member.lobby-creator{border-color:var(--span);box-shadow:0 0 12px rgba(255,193,7,.3)}.team-member.lobby-creator .member-name{font-weight:600;color:var(--span)!important}@keyframes crownGlow{0%{transform:scale(1);box-shadow:0 0 8px rgba(255,193,7,.5)}to{transform:scale(1.05);box-shadow:0 0 16px rgba(255,193,7,.8)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.report-player-modal .reported-user-info{background:linear-gradient(135deg,var(--bg-secondary)0%,rgba(255,255,255,.02) 100%);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;margin-bottom:28px;padding:20px;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.1)}.report-player-modal .reported-user-info .user-avatar{border:2px solid var(--accent-color);border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2)}.report-player-modal .reported-user-info .user-avatar .avatar-image{object-fit:cover;width:100%;height:100%}.report-player-modal .reported-user-info .user-avatar .avatar-placeholder{background:linear-gradient(135deg,var(--accent-color)0%,#ff6b35 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;font-weight:700;display:flex}.report-player-modal .reported-user-info .user-details h3{color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.1);margin:0 0 6px;font-size:18px;font-weight:700}.report-player-modal .reported-user-info .user-details p{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500}.report-player-modal .report-form .form-group{margin-bottom:24px}.report-player-modal .report-form .form-group .form-label{color:var(--text-primary);margin-bottom:12px;font-weight:600;display:block}.report-player-modal .report-form .form-group .form-label .required{color:var(--error-color)}.report-player-modal .report-form .form-group .report-types{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.report-player-modal .report-form .form-group .report-types .report-type-btn{border:3px solid var(--border-color);background:linear-gradient(135deg,var(--bg-primary)0%,rgba(255,255,255,.02) 100%);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.report-player-modal .report-form .form-group .report-types .report-type-btn:before{content:"";background:linear-gradient(135deg,var(--accent-color)0%,#ff6b35 100%);opacity:0;z-index:1;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.report-player-modal .report-form .form-group .report-types .report-type-btn:after{content:"✓";background:var(--accent-color);color:#fff;opacity:0;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute;top:8px;right:8px;transform:scale(0)}.report-player-modal .report-form .form-group .report-types .report-type-btn:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.report-player-modal .report-form .form-group .report-types .report-type-btn:hover:before{opacity:.1}.report-player-modal .report-form .form-group .report-types .report-type-btn.active{border-color:var(--accent-color);background:linear-gradient(135deg,var(--accent-color)0%,#ff6b35 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,.3)}.report-player-modal .report-form .form-group .report-types .report-type-btn.active:before{opacity:0}.report-player-modal .report-form .form-group .report-types .report-type-btn.active:after{opacity:1;transform:scale(1)}.report-player-modal .report-form .form-group .report-types .report-type-btn.active .type-icon{color:#fff;transform:scale(1.1)}.report-player-modal .report-form .form-group .report-types .report-type-btn.active .type-label{color:#fff;font-weight:700}.report-player-modal .report-form .form-group .report-types .report-type-btn .type-icon{z-index:2;font-size:28px;transition:all .3s;position:relative}.report-player-modal .report-form .form-group .report-types .report-type-btn .type-label{text-align:center;z-index:2;color:var(--text-default);font-size:13px;font-weight:600;transition:all .3s;position:relative}.report-player-modal .report-form .form-group .description-textarea{border:2px solid var(--border-color);background:linear-gradient(135deg,var(--bg-primary)0%,rgba(255,255,255,.02) 100%);width:100%;color:var(--text-primary);resize:vertical;border-radius:12px;min-height:120px;padding:16px;font-family:inherit;font-size:14px;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.05)}.report-player-modal .report-form .form-group .description-textarea:focus{border-color:var(--accent-color);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px rgba(255,107,53,.1),0 4px 12px rgba(0,0,0,.1)}.report-player-modal .report-form .form-group .description-textarea::placeholder{color:var(--text-secondary);font-style:italic}.report-player-modal .report-form .form-group .character-count{text-align:right;color:var(--text-secondary);margin-top:4px;font-size:12px}.report-player-modal .report-form .form-actions{justify-content:flex-end;gap:16px;margin-top:32px;display:flex}.report-player-modal .report-form .form-actions .btn{cursor:pointer;border:none;border-radius:8px;min-width:120px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.report-player-modal .report-form .form-actions .btn.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.report-player-modal .report-form .form-actions .btn.btn-cancel:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.report-player-modal .report-form .form-actions .btn.btn-submit{background:linear-gradient(135deg,var(--accent-color)0%,#ff6b35 100%);color:#fff;border:2px solid var(--accent-color)}.report-player-modal .report-form .form-actions .btn.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#ff6b35 0%,var(--accent-color)100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,.3)}.report-player-modal .report-form .form-actions .btn.btn-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:768px){.report-player-modal .reported-user-info{margin-bottom:20px;padding:12px}.report-player-modal .reported-user-info .user-avatar{width:40px;height:40px}.report-player-modal .reported-user-info .user-details h3{font-size:14px}.report-player-modal .reported-user-info .user-details p{font-size:12px}.report-player-modal .report-form .form-group{margin-bottom:20px}.report-player-modal .report-form .form-group .report-types{grid-template-columns:repeat(2,1fr);gap:6px}.report-player-modal .report-form .form-group .report-types .report-type-btn{padding:10px 6px}.report-player-modal .report-form .form-group .report-types .report-type-btn .type-icon{font-size:18px}.report-player-modal .report-form .form-group .report-types .report-type-btn .type-label{font-size:11px}.report-player-modal .report-form .form-actions{flex-direction:column;margin-top:24px}.report-player-modal .report-form .form-actions .btn{width:100%}}
.match-info{flex-direction:column;justify-content:space-between;gap:20px;width:100%;margin-top:20px;display:flex}@media (max-width:767px){.match-info{order:-1;margin-top:0;margin-bottom:12px}}.match-info .status-bar{justify-content:center;margin-bottom:20px;display:flex}.match-info .status-bar .status-text{background:var(--card);border:1px solid var(--border);color:var(--text-custom);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;display:flex;position:relative;box-shadow:0 4px 16px rgba(0,0,0,.2)}.match-info .info-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.match-info .info-panel .info-row{align-items:center;padding:16px 0;display:flex}.match-info .info-panel .info-row:not(:last-child){border-bottom:1px solid var(--border)}.match-info .info-panel .info-row .info-icon{flex-shrink:0;width:40px;height:40px;margin-right:16px}.match-info .info-panel .info-row .info-icon.icon-button.secondary{background:var(--span-low);border-radius:10px;font-size:20px}.match-info .info-panel .info-row .info-label{color:var(--text-default);flex:1;font-size:16px;font-weight:500}.match-info .info-panel .info-row .info-value{color:var(--text-custom);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.match-info .info-panel .info-row .info-value .host-avatar{border-radius:50%;width:24px;height:24px}.match-info .info-panel .actions-panel{justify-content:space-between;align-items:center;gap:16px;display:flex}.match-info .info-panel .actions-panel .settings-button{min-width:48px;min-height:48px}.match-info .info-panel .actions-panel .status-text{color:var(--text-custom);text-align:center;width:100%;font-size:16px;font-weight:500}.match-info .info-panel .actions-panel .status-text .dots{align-items:center;gap:6px;margin-left:8px;display:inline-flex}.match-info .info-panel .actions-panel .status-text .dots span{background:var(--span);border-radius:50%;width:8px;height:8px;animation:.8s ease-in-out infinite both bounce;display:inline-block}.match-info .info-panel .actions-panel .status-text .dots span:first-child{animation-delay:0s}.match-info .info-panel .actions-panel .status-text .dots span:nth-child(2){animation-delay:.2s}.match-info .info-panel .actions-panel .status-text .dots span:nth-child(3){animation-delay:.4s}.match-info .info-panel .actions-panel .server-info{flex:1;justify-content:center;align-items:center;display:flex}.match-info .info-panel .actions-panel .server-info .server-ip{color:var(--text-custom);letter-spacing:.5px;text-align:center;min-width:120px;font-family:Courier New,monospace;font-size:14px;font-weight:600;transition:all .2s}.match-info .info-panel .actions-panel .server-info .server-ip.clickable{cursor:pointer;border-radius:4px;padding:4px 8px;transition:all .2s}.match-info .info-panel .actions-panel .server-info .server-ip.clickable:hover{background:var(--span-low);color:var(--text-default);transform:translateY(-1px)}.match-info .info-panel .actions-panel .server-info .server-ip.clickable:active{background:var(--span);transform:translateY(0)}.match-info .info-panel .actions-panel .match-results{flex-direction:column;gap:12px;width:100%;display:flex}.match-info .info-panel .actions-panel .match-results .result-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.match-info .info-panel .actions-panel .match-results .result-item:not(:last-child){border-bottom:1px solid var(--border)}.match-info .info-panel .actions-panel .match-results .result-item .result-label{color:var(--text-default);opacity:.8;font-size:14px;font-weight:500}.match-info .info-panel .actions-panel .match-results .result-item .result-value{color:var(--text-custom);letter-spacing:.3px;font-family:Courier New,monospace;font-size:14px;font-weight:600}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@media (max-width:1023px){.match-info{gap:16px;margin-top:16px}}@media (max-width:767px){.match-info{gap:12px}.match-info .status-bar{margin-bottom:16px}.match-info .status-bar .status-text{border-radius:10px;padding:10px 20px;font-size:14px}}@media (max-width:379px){.match-info{gap:8px}.match-info .status-bar{margin-bottom:12px}.match-info .status-bar .status-text{border-radius:8px;padding:8px 16px;font-size:13px}}@media (max-width:1023px){.match-info .info-panel{padding:20px}}@media (max-width:767px){.match-info .info-panel{border-radius:10px;padding:16px}}@media (max-width:379px){.match-info .info-panel{border-radius:8px;padding:12px}}@media (max-width:1023px){.match-info .info-panel .info-row{padding:14px 0}}@media (max-width:767px){.match-info .info-panel .info-row{padding:12px 0}}@media (max-width:379px){.match-info .info-panel .info-row{padding:10px 0}}@media (max-width:767px){.match-info .info-panel .info-row .info-icon{width:32px;height:32px;margin-right:12px}.match-info .info-panel .info-row .info-icon.icon-button.secondary{border-radius:8px;font-size:16px}}@media (max-width:379px){.match-info .info-panel .info-row .info-icon{width:28px;height:28px;margin-right:10px}.match-info .info-panel .info-row .info-icon.icon-button.secondary{border-radius:6px;font-size:14px}}@media (max-width:767px){.match-info .info-panel .info-row .info-label{font-size:14px}}@media (max-width:379px){.match-info .info-panel .info-row .info-label{font-size:13px}}@media (max-width:767px){.match-info .info-panel .info-row .info-value{font-size:14px}}@media (max-width:379px){.match-info .info-panel .info-row .info-value{font-size:13px}}@media (max-width:767px){.match-info .info-panel .info-row .info-value .host-avatar{width:20px;height:20px}}@media (max-width:379px){.match-info .info-panel .info-row .info-value .host-avatar{width:18px;height:18px}}@media (max-width:767px){.match-info .info-panel .actions-panel{flex-direction:column;gap:12px}.match-info .info-panel .actions-panel .settings-button,.match-info .info-panel .actions-panel .copy-button{justify-content:center;width:100%}}@media (max-width:379px){.match-info .info-panel .actions-panel{gap:10px}}@media (max-width:767px){.match-info .info-panel .actions-panel .status-text{font-size:14px}}@media (max-width:379px){.match-info .info-panel .actions-panel .status-text{font-size:13px}}@media (max-width:767px){.match-info .info-panel .actions-panel .status-text .dots{gap:4px;margin-left:6px}.match-info .info-panel .actions-panel .status-text .dots span{width:6px;height:6px}}@media (max-width:379px){.match-info .info-panel .actions-panel .status-text .dots{gap:3px;margin-left:4px}.match-info .info-panel .actions-panel .status-text .dots span{width:5px;height:5px}}@media (max-width:767px){.match-info .info-panel .actions-panel .server-info .server-ip{min-width:100px;font-size:13px}.match-info .info-panel .actions-panel .server-info .server-ip.clickable{padding:3px 6px}}@media (max-width:379px){.match-info .info-panel .actions-panel .server-info .server-ip{letter-spacing:.3px;min-width:90px;font-size:12px}.match-info .info-panel .actions-panel .server-info .server-ip.clickable{padding:2px 5px}}@media (max-width:1023px){.match-info .info-panel .actions-panel .match-results{gap:10px;padding:14px}.match-info .info-panel .actions-panel .match-results .result-item{padding:6px 0}.match-info .info-panel .actions-panel .match-results .result-item .result-label,.match-info .info-panel .actions-panel .match-results .result-item .result-value{font-size:13px}}@media (max-width:767px){.match-info .info-panel .actions-panel .match-results{border-radius:6px;gap:8px;padding:12px}.match-info .info-panel .actions-panel .match-results .result-item{padding:5px 0}.match-info .info-panel .actions-panel .match-results .result-item .result-label{font-size:12px}.match-info .info-panel .actions-panel .match-results .result-item .result-value{letter-spacing:.2px;font-size:12px}}@media (max-width:379px){.match-info .info-panel .actions-panel .match-results{border-radius:4px;gap:6px;padding:10px}.match-info .info-panel .actions-panel .match-results .result-item{padding:4px 0}.match-info .info-panel .actions-panel .match-results .result-item .result-label{font-size:11px}.match-info .info-panel .actions-panel .match-results .result-item .result-value{letter-spacing:.1px;font-size:11px}}@media (hover:none){.match-info .info-panel .actions-panel .settings-button:hover,.match-info .info-panel .actions-panel .copy-button:hover{background:var(--card)}.match-info .info-panel .actions-panel .server-ip.clickable:hover{color:var(--text-custom);background:0 0;transform:none}}
.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:rgba(0,0,0,.7);justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.match-settings-modal{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:600px;animation:.3s ease-out slideIn;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}.match-settings-modal .modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.match-settings-modal .modal-header .modal-title{color:var(--text-custom);margin:0;font-size:20px;font-weight:600}.match-settings-modal .modal-header .close-button{color:var(--text-default)}.match-settings-modal .modal-header .close-button:hover{color:var(--text-custom)}.match-settings-modal .modal-tabs{background:var(--navbar);border-bottom:1px solid var(--border);display:flex}.match-settings-modal .modal-tabs .tab{color:var(--text-default);cursor:pointer;background:0 0;border:none;flex:1;padding:16px 24px;font-size:16px;font-weight:500;transition:all .2s;position:relative}.match-settings-modal .modal-tabs .tab:hover{color:var(--text-custom);background:var(--navbar-hover)}.match-settings-modal .modal-tabs .tab.active{color:var(--span);background:var(--card)}.match-settings-modal .modal-tabs .tab.active:after{content:"";background:var(--span);height:2px;position:absolute;bottom:0;left:0;right:0}.match-settings-modal .modal-content{max-height:400px;padding:24px;overflow-y:auto}.match-settings-modal .modal-content .basic-settings,.match-settings-modal .modal-content .additional-settings{flex-direction:column;gap:24px;display:flex}.match-settings-modal .modal-content .setting-group{flex-direction:column;gap:12px;display:flex}.match-settings-modal .modal-content .setting-group .setting-header{align-items:center;gap:8px;display:flex}.match-settings-modal .modal-content .setting-group .setting-header .setting-icon{color:var(--span);font-size:16px}.match-settings-modal .modal-content .setting-group .setting-header .setting-label{color:var(--text-custom);font-size:16px;font-weight:500}.match-settings-modal .modal-content .setting-group .lobby-type-selector{gap:12px;display:flex}.match-settings-modal .modal-content .setting-group .lobby-type-selector .lobby-type-btn{background:var(--navbar);border:1px solid var(--border);color:var(--text-default);cursor:pointer;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.match-settings-modal .modal-content .setting-group .lobby-type-selector .lobby-type-btn:hover{background:var(--navbar-hover);border-color:var(--span);color:var(--text-custom)}.match-settings-modal .modal-content .setting-group .lobby-type-selector .lobby-type-btn.active{background:var(--span);border-color:var(--span);color:var(--text-custom)}.match-settings-modal .modal-content .setting-group .password-warning{background:var(--warning-bg,rgba(255,193,7,.1));color:var(--warning-text,#ff6b35);border:1px solid var(--warning-border,rgba(255,193,7,.3));border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:13px}.match-settings-modal .modal-content .setting-group .password-field{align-items:center;display:flex;position:relative}.match-settings-modal .modal-content .setting-group .password-field.needs-password .password-input{border-color:var(--warning-border,#ff6b35);background:var(--warning-bg,rgba(255,107,53,.05))}.match-settings-modal .modal-content .setting-group .password-field.needs-password .password-input:focus{border-color:var(--warning-border,#ff6b35);box-shadow:0 0 0 2px rgba(255,107,53,.1)}.match-settings-modal .modal-content .setting-group .password-field.needs-password .password-save{color:var(--warning-text,#ff6b35);animation:2s infinite pulse}.match-settings-modal .modal-content .setting-group .password-field.needs-password .password-save:hover{color:var(--warning-text,#ff6b35)}.match-settings-modal .modal-content .setting-group .password-field .password-input{background:var(--navbar);border:1px solid var(--border);color:var(--text-custom);border-radius:12px;outline:none;flex:1;padding:12px 88px 12px 16px;font-size:14px;transition:all .2s}.match-settings-modal .modal-content .setting-group .password-field .password-input:focus{border-color:var(--span);background:var(--card)}.match-settings-modal .modal-content .setting-group .password-field .password-input::placeholder{color:var(--text-default)}.match-settings-modal .modal-content .setting-group .password-field .password-toggle{color:var(--text-default);transition:all .2s;position:absolute;right:48px}.match-settings-modal .modal-content .setting-group .password-field .password-toggle:hover{color:var(--text-custom)}.match-settings-modal .modal-content .setting-group .password-field .password-save{color:var(--text-default);transition:all .2s;position:absolute;right:12px}.match-settings-modal .modal-content .setting-group .password-field .password-save:hover{color:var(--span)}.match-settings-modal .modal-content .setting-group .password-field .password-save:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.match-settings-modal .modal-content .setting-group .map-selector{background:var(--navbar);border:1px solid var(--border);color:var(--text-custom);cursor:pointer;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.match-settings-modal .modal-content .setting-group .map-selector:focus{border-color:var(--span);background:var(--card)}.match-settings-modal .modal-content .setting-group .map-selector option{background:var(--navbar);color:var(--text-custom)}.match-settings-modal .modal-content .setting-group .tools-section{flex-direction:column;gap:12px;display:flex}.match-settings-modal .modal-content .setting-group .freeze-time-field{align-items:center;width:100%;display:flex;position:relative}.match-settings-modal .modal-content .setting-group .freeze-time-field .freeze-time-input{background:var(--navbar);border:1px solid var(--border);color:var(--text-custom);border-radius:12px;outline:none;flex:1;padding:12px 48px 12px 16px;font-size:14px;transition:all .2s}.match-settings-modal .modal-content .setting-group .freeze-time-field .freeze-time-input:focus{border-color:var(--span);background:var(--card)}.match-settings-modal .modal-content .setting-group .freeze-time-field .freeze-time-input::placeholder{color:var(--text-default)}.match-settings-modal .modal-content .setting-group .freeze-time-field .freeze-time-save{color:var(--text-default);transition:all .2s;position:absolute;right:12px}.match-settings-modal .modal-content .setting-group .freeze-time-field .freeze-time-save:hover{color:var(--span)}.match-settings-modal .modal-content .setting-group .freeze-time-field .freeze-time-save:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.match-settings-modal{max-width:90vw}.match-settings-modal .modal-header,.match-settings-modal .modal-content,.match-settings-modal .modal-footer{padding:16px}.match-settings-modal .modal-tabs .tab{padding:12px 16px;font-size:14px}.match-settings-modal .modal-content{max-height:60vh}.match-settings-modal .setting-group{gap:8px}.match-settings-modal .setting-group .lobby-type-selector{flex-direction:column}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.modal-overlay{padding:16px}}@media (max-width:480px){.modal-overlay{padding:12px}}