:root{--bs-primary:#10b981;--bs-primary-rgb:16,185,129;--bs-secondary:#8b5cf6;--bs-secondary-rgb:139,92,246;--bs-success:#22c55e;--bs-success-rgb:34,197,94;--bs-info:#06b6d4;--bs-info-rgb:6,182,212;--bs-warning:#f59e0b;--bs-warning-rgb:245,158,11;--bs-danger:#ef4444;--bs-danger-rgb:239,68,68;--bs-light:#f8fafc;--bs-dark:#0f172a;--bs-body-bg:#fff;--bs-body-color:#1e293b;--bs-border-color:#e2e8f0;--bs-border-radius:0.75rem;--bs-link-color:#10b981;--bs-link-hover-color:#059669}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.server-card{transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.server-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(16,185,129,.1);border-color:rgba(var(--bs-primary-rgb),.4)}.server-title{color:var(--bs-body-color)}.server-title:hover{color:var(--bs-primary)}.btn-vote{background:linear-gradient(135deg,#22c55e,#10b981);font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(34,197,94,.2)}.btn-vote,.btn-vote:hover{border-color:var(--bs-success);color:#fff}.btn-vote:hover{background:linear-gradient(135deg,#16a34a,#059669);box-shadow:0 4px 12px rgba(34,197,94,.3);transform:translateY(-1px)}.btn-vote:active{transform:translateY(0)}.badge-online{background-color:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.3);font-weight:600}.badge-offline{background-color:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.3);font-weight:600}.badge-featured{background:linear-gradient(135deg,#10b981,#8b5cf6);color:#fff;border:none;font-weight:700;box-shadow:0 2px 8px rgba(139,92,246,.3)}.ip-display{font-family:Courier New,Courier,monospace;background-color:var(--bs-light);padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;border:1px solid var(--bs-border-color)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid var(--bs-border-color);font-weight:700;font-size:1rem;color:#64748b}.rank-badge,.stats-card{border-radius:var(--bs-border-radius)}.stats-card{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--bs-border-color);transition:all .2s ease}.stats-card:hover{box-shadow:0 4px 12px rgba(16,185,129,.08);transform:translateY(-2px)}.stats-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stats-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;font-weight:600}.player-progress{height:.5rem;background-color:#e2e8f0;border-radius:9999px;overflow:hidden;margin-top:.25rem}.player-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:9999px;transition:width .3s ease}.search-input{border:2px solid var(--bs-border-color);transition:all .2s ease;border-radius:var(--bs-border-radius)}.search-input:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .25rem rgba(16,185,129,.1)}.filter-btn{border-radius:50rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s ease;border:2px solid var(--bs-border-color);background-color:#fff;color:var(--bs-body-color)}.filter-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 2px 8px rgba(16,185,129,.3)}.filter-btn:hover:not(.active){background-color:var(--bs-light);border-color:var(--bs-primary)}.navbar{box-shadow:0 2px 8px rgba(0,0,0,.05)}.navbar-brand{font-weight:700;font-size:1.25rem}.btn-success{background:linear-gradient(135deg,#22c55e,#10b981);border-color:#10b981;font-weight:600}.btn-success:hover{background:linear-gradient(135deg,#16a34a,#059669);border-color:#059669;box-shadow:0 4px 12px rgba(34,197,94,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out}@media (max-width:768px){.stats-number{font-size:2rem}.server-card{margin-bottom:1rem}}@media (prefers-color-scheme:dark){:root{--bs-body-bg:#0f172a;--bs-body-color:#e2e8f0;--bs-border-color:#334155}.server-card{background-color:#1e293b;border-color:#334155}.ip-display{background-color:#334155;border-color:#475569}.stats-card{background:linear-gradient(135deg,#1e293b,#0f172a)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:.375rem}.skeleton-title{height:24px;width:60%;margin-bottom:.75rem}.skeleton-text{height:16px;width:100%;margin-bottom:.5rem}.skeleton-text-short{height:16px;width:40%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.stats-icon{width:56px;height:56px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,182,212,.1));border-radius:50%;transition:all .3s ease}.stats-card:hover .stats-icon{transform:scale(1.1);background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(6,182,212,.2))}.search-result-count{font-size:.875rem;color:#64748b;margin-top:.5rem;display:block}@media (max-width:768px){.filter-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-scroll-container::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap}}.card{box-shadow:0 1px 3px rgba(0,0,0,.05)}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.btn,.card,.filter-btn,.stats-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.pagination{margin:0}.pagination .page-link{color:var(--bs-primary);border:1px solid var(--bs-border-color);padding:.5rem .75rem;transition:all .2s ease;font-weight:500}.pagination .page-link:hover{background-color:var(--bs-light);border-color:var(--bs-primary);color:var(--bs-primary)}.pagination .page-item.active .page-link{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 2px 8px rgba(16,185,129,.3)}.pagination .page-item.disabled .page-link{color:#94a3b8;background-color:#fff;border-color:var(--bs-border-color);cursor:not-allowed}.pagination .page-link i{font-size:.875rem}@media (max-width:576px){.pagination .page-link{padding:.375rem .5rem;font-size:.875rem}.pagination .page-item:not(.active):not(:first-child):not(:last-child){display:none}.pagination .page-item.active{display:inline-block}}[data-bs-theme=dark]{--bs-primary:#10b981;--bs-primary-rgb:16,185,129;--bs-secondary:#a78bfa;--bs-secondary-rgb:167,139,250;--bs-success:#22c55e;--bs-success-rgb:34,197,94;--bs-info:#22d3ee;--bs-info-rgb:34,211,238;--bs-warning:#fbbf24;--bs-warning-rgb:251,191,36;--bs-danger:#f87171;--bs-danger-rgb:248,113,113;--bs-body-bg:#0f172a;--bs-body-color:#e2e8f0;--bs-light:#1e293b;--bs-dark:#f8fafc;--bs-border-color:#334155;--bs-border-color-translucent:rgba(51,65,85,.5);--bs-link-color:#34d399;--bs-link-hover-color:#10b981;--bs-form-valid-color:#22c55e;--bs-form-invalid-color:#f87171}[data-bs-theme=dark] .navbar{background-color:#1e293b!important;border-bottom-color:#334155}[data-bs-theme=dark] .card{color:#e2e8f0}[data-bs-theme=dark] .card,[data-bs-theme=dark] .server-card{background-color:#1e293b;border-color:#334155}[data-bs-theme=dark] .server-card:hover{background-color:#1e293b;border-color:rgba(16,185,129,.5);box-shadow:0 8px 16px rgba(16,185,129,.15)}[data-bs-theme=dark] .server-title{color:#e2e8f0}[data-bs-theme=dark] .server-title:hover{color:var(--bs-primary)}[data-bs-theme=dark] .stats-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-bs-theme=dark] .stats-card:hover{box-shadow:0 4px 12px rgba(16,185,129,.2)}[data-bs-theme=dark] .ip-display{background-color:#334155;border-color:#475569;color:#cbd5e1}[data-bs-theme=dark] .rank-badge{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#475569;color:#94a3b8}[data-bs-theme=dark] .search-input{background-color:#1e293b;border-color:#334155;color:#e2e8f0}[data-bs-theme=dark] .search-input:focus{background-color:#1e293b;border-color:var(--bs-primary);color:#e2e8f0}[data-bs-theme=dark] .search-input::placeholder{color:#64748b}[data-bs-theme=dark] .filter-btn{background-color:#1e293b;border-color:#334155;color:#e2e8f0}[data-bs-theme=dark] .filter-btn:hover:not(.active){background-color:#334155;border-color:var(--bs-primary)}[data-bs-theme=dark] .filter-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}[data-bs-theme=dark] .input-group-text{background-color:#1e293b;border-color:#334155;color:#94a3b8}[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{background-color:#1e293b;border-color:#334155;color:#e2e8f0}[data-bs-theme=dark] .form-control:focus,[data-bs-theme=dark] .form-select:focus{background-color:#1e293b;border-color:var(--bs-primary);color:#e2e8f0;box-shadow:0 0 0 .25rem rgba(16,185,129,.15)}[data-bs-theme=dark] .btn-outline-secondary{color:#94a3b8;border-color:#475569}[data-bs-theme=dark] .btn-outline-secondary:hover{background-color:#334155;border-color:#475569;color:#e2e8f0}[data-bs-theme=dark] .pagination .page-link{background-color:#1e293b;border-color:#334155;color:#10b981}[data-bs-theme=dark] .pagination .page-link:hover{background-color:#334155;border-color:var(--bs-primary);color:#34d399}[data-bs-theme=dark] .pagination .page-item.active .page-link{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}[data-bs-theme=dark] .pagination .page-item.disabled .page-link{background-color:#1e293b;border-color:#334155;color:#475569}[data-bs-theme=dark] footer{background-color:#1e293b!important;border-top-color:#334155}[data-bs-theme=dark] .text-muted{color:#94a3b8!important}[data-bs-theme=dark] .bg-light{background-color:#1e293b!important}[data-bs-theme=dark] .border-bottom{border-bottom-color:#334155!important}[data-bs-theme=dark] .alert{background-color:#1e293b;border-color:#334155;color:#e2e8f0}[data-bs-theme=dark] .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.theme-toggle-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:2px solid var(--bs-border-color);border-radius:50%;background:linear-gradient(135deg,#fff,#f8fafc);color:var(--bs-body-color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.theme-toggle-btn:hover{border-color:var(--bs-primary);background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:scale(1.05);box-shadow:0 4px 12px rgba(16,185,129,.2)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,182,212,.1));opacity:0;transition:opacity .3s ease}.theme-toggle-btn:hover:before{opacity:1}.theme-toggle-icon{font-size:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.theme-toggle-btn:hover .theme-toggle-icon{transform:rotate(20deg) scale(1.1);color:var(--bs-primary)}[data-bs-theme=dark] .theme-toggle-btn{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;color:#e2e8f0}[data-bs-theme=dark] .theme-toggle-btn:hover{background:linear-gradient(135deg,#334155,#1e293b);border-color:var(--bs-primary);box-shadow:0 4px 12px rgba(16,185,129,.3)}[data-bs-theme=dark] .theme-toggle-btn:before{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(6,182,212,.15))}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.preload *{transition:none!important}