.bans-page-container{color:#f1f5f9;background-color:#07090e;min-height:100vh;padding:120px 24px 80px;position:relative;overflow:hidden}.bans-bg-glow{filter:blur(140px);pointer-events:none;opacity:.15;z-index:0;border-radius:50%;position:absolute}.glow-red{background:radial-gradient(circle,#ef4444 0%,#0000 70%);width:500px;height:500px;top:80px;left:15%}.glow-orange{background:radial-gradient(circle,#f97316 0%,#0000 70%);width:450px;height:450px;top:300px;right:15%}.bans-content-wrapper{z-index:1;max-width:1200px;margin:0 auto;position:relative}.bans-header-section{text-align:center;margin-bottom:48px}.bans-badge-tag{letter-spacing:.08em;color:#f87171;text-transform:uppercase;background:#ef44441f;border:1px solid #ef444447;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 0 20px #ef444433}.bans-main-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15}.title-gradient{background:linear-gradient(135deg,#ef4444 0%,#f97316 50%,#fbbf24 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.bans-subtitle{color:#94a3b8;max-width:680px;margin:0 auto 36px;font-size:1.05rem;line-height:1.6}.bans-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px;display:grid}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.stat-card:hover{border-color:#ef44444d;transform:translateY(-3px);box-shadow:0 10px 25px -5px #00000080}.stat-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-red{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.stat-dark-red{color:#f87171;background:#b91c1c2e;border:1px solid #b91c1c59}.stat-orange{color:#f97316;background:#f9731626;border:1px solid #f973164d}.stat-emerald{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.stat-gray{color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b840}.stat-info{text-align:left;flex-direction:column;display:flex}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.stat-value{color:#f8fafc;font-size:1.6rem;font-weight:800;line-height:1.2}.bans-controls-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a80;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;margin-bottom:32px;padding:20px;display:flex}.search-bar-wrapper{width:100%;position:relative}.search-input-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.bans-search-input{color:#f8fafc;background:#0a0e17d9;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:15px 48px 15px 50px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.bans-search-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.clear-search-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.clear-search-btn:hover{color:#f87171;background:#ef444433}.filters-and-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-chips-list{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.filter-chip:hover{color:#f8fafc;background:#ffffff14}.filter-chip.chip-active{color:#fca5a5;background:#ef44442e;border-color:#ef4444;box-shadow:0 0 12px #ef444440}.filter-chip.chip-active.chip-emerald{color:#6ee7b7;background:#10b98133;border-color:#10b981;box-shadow:0 0 12px #10b9814d}.refresh-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.refresh-btn:hover{color:#fff;background:#ffffff1f}.btn-spinning svg{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bans-list-section{margin-bottom:60px}.bans-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.ban-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;border-radius:18px;flex-direction:column;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.ban-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -6px #0009}.card-active-perm{border:1px solid #ef444459;box-shadow:inset 0 0 25px #ef44440d}.card-active-perm:hover{border-color:#ef4444;box-shadow:0 14px 30px -6px #ef444433}.card-active-temp{border:1px solid #f9731659;box-shadow:inset 0 0 25px #f973160d}.card-active-temp:hover{border-color:#f97316;box-shadow:0 14px 30px -6px #f9731633}.card-unbanned{border:1px solid #10b98161;box-shadow:inset 0 0 25px #10b9810f}.card-unbanned:hover{border-color:#10b981;box-shadow:0 14px 30px -6px #10b98140}.card-unbanned .ban-reason-box{border-left-color:#10b981}.card-expired{opacity:.85;border:1px solid #94a3b826}.ban-card-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.player-avatar-box{background:#0f172a;border:2px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:56px;height:56px;overflow:hidden;box-shadow:0 4px 12px #0006}.player-avatar{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.player-info-meta{flex-direction:column;flex-grow:1;gap:4px;display:flex}.player-name-row{justify-content:space-between;align-items:center;display:flex}.player-nickname{color:#f8fafc;cursor:pointer;font-size:1.15rem;font-weight:700;transition:color .15s}.player-nickname:hover{color:#f87171;text-decoration:underline}.ban-id-badge{color:#64748b;background:#ffffff0d;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:600}.ban-status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-perm{color:#f87171;background:#ef44442e;border:1px solid #ef444466}.badge-temp{color:#fb923c;background:#f973162e;border:1px solid #f9731666}.badge-unbanned{color:#34d399;background:#10b9812e;border:1px solid #10b98173}.badge-expired{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b847}.ban-remaining-text{color:#94a3b8;font-size:.75rem;font-weight:500}.ban-reason-box{background:#0a0e17b3;border-left:3px solid #ef4444;border-radius:0 10px 10px 0;flex-grow:1;margin-bottom:18px;padding:12px 14px}.card-active-temp .ban-reason-box{border-left-color:#f97316}.card-expired .ban-reason-box{border-left-color:#64748b}.reason-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.reason-text{color:#e2e8f0;word-break:break-word;margin:0;font-size:.95rem;line-height:1.45}.ban-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.footer-label{text-transform:uppercase;color:#64748b;margin-bottom:2px;font-size:.68rem;font-weight:600;display:block}.staff-name-row{align-items:center;gap:6px;display:flex}.staff-avatar-mini{width:20px;height:20px;image-rendering:pixelated;border-radius:4px}.staff-name{color:#fbbf24;font-size:.85rem;font-weight:600}.date-text{color:#94a3b8;font-size:.8rem;font-weight:500}.unban-note{color:#e2e8f0;background:#10b98114;border:1px solid #10b98138;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:.78rem;display:flex}.unban-note-icon{color:#10b981;flex-shrink:0}.unban-note-text{flex-grow:1}.unban-staff-name{color:#34d399;font-weight:700}.bans-loading-state,.bans-empty-state{text-align:center;background:#0f172a66;border:1px dashed #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.spinner-icon{color:#ef4444;margin-bottom:16px;animation:1s linear infinite spin}.empty-icon{color:#10b981;margin-bottom:16px}.bans-empty-state h3{color:#f8fafc;margin-bottom:8px;font-size:1.35rem;font-weight:700}.bans-empty-state p{color:#94a3b8;max-width:420px;margin-bottom:20px;font-size:.95rem}.reset-search-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:10px;padding:9px 20px;font-weight:600;transition:all .2s}.reset-search-btn:hover{background:#ef44444d}.bans-appeal-box{background:linear-gradient(135deg,#5865f21f 0%,#0f172acc 100%);border:1px solid #5865f247;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:30px;display:flex;box-shadow:0 10px 30px -5px #0006}.appeal-icon-box{color:#818cf8;background:#5865f233;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.appeal-text-content{flex-grow:1;max-width:620px}.appeal-text-content h3{color:#f8fafc;margin-bottom:6px;font-size:1.25rem;font-weight:700}.appeal-text-content p{color:#94a3b8;margin:0;font-size:.92rem;line-height:1.5}.appeal-btn{color:#fff;white-space:nowrap;background:#5865f2;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.appeal-btn:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 8px 20px #5865f266}@media (max-width:768px){.bans-page-container{padding:100px 16px 60px}.bans-cards-grid{grid-template-columns:1fr}.bans-appeal-box{flex-direction:column;align-items:flex-start}.appeal-btn{justify-content:center;width:100%}}