:root{--bg-body:#f5f6f8;--bg-card:#fff;--bg-card-hover:#f0f2f5;--bg-hover:#e8eaed;--bg-secondary:#f8f9fa;--text-bright:#1a1a2e;--text-primary:#2d3436;--text-secondary:#4a5568;--text-muted:#718096;--border:#e2e8f0;--border-color:#e2e8f0;--green:#22c55e;--green-hover:#16a34a;--accent:#3b82f6;--accent-hover:#2563eb;--accent-color:#3b82f6;--gold:#eab308;--radius:6px}*{box-sizing:border-box}body,html{background:#f5f6f8;background:var(--bg-body)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3436;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;line-height:1.5;margin:0;min-height:100vh;padding:0}.home-page{animation:fadeIn .15s ease-out}@media (min-width:1024px){body{zoom:1;min-width:1400px}.App,.layout-container{min-height:100vh}}.App,.layout-container{display:flex;flex-direction:column;position:relative;z-index:1}.layout-container{flex:1 1}.main-content{width:100%}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.container{margin:0 auto;max-width:2200px;padding:0 20px}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{justify-content:space-between}.discord-banner,.nav-content{align-items:center;display:flex}.discord-banner{background:linear-gradient(90deg,#5865f2,#7289da);justify-content:center;padding:10px 20px;position:relative}.discord-banner-content{align-items:center;color:#fff;display:flex;font-size:14px;gap:12px}.discord-icon{flex-shrink:0}.discord-join-btn{background:#fff;border-radius:4px;color:#5865f2;font-size:13px;font-weight:600;margin-left:8px;padding:6px 16px;text-decoration:none;transition:all .2s}.discord-join-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.discord-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1;opacity:.8;position:absolute;right:20px;transition:opacity .2s}.discord-close:hover{opacity:1}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:0}.nav-inner{align-items:center;display:flex;gap:32px;height:64px;margin:0 auto;max-width:2200px;padding:0 24px}.nav-logo{flex-shrink:0;text-decoration:none}.nav-logo-text{color:#1a1a2e;color:var(--text-bright);font-size:15px;font-weight:700;letter-spacing:.5px}.nav-logo-accent{color:#16a34a;color:var(--green-hover)}.nav-logo:hover .nav-logo-text{opacity:.9}.logo{align-items:center;display:flex;text-decoration:none}.logo-img{height:36px;transition:opacity .2s;width:auto}.logo:hover .logo-img{opacity:.85}.nav-mid{display:flex;flex:1 1;gap:2px}.nav-link{border-radius:8px;color:#718096;color:var(--text-muted);font-size:14px;font-weight:500;padding:10px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#e8eaed;background:var(--bg-hover)}.nav-link.active,.nav-link:hover{color:#1a1a2e;color:var(--text-bright)}.nav-link.active{background:#f0f2f5;background:var(--bg-card-hover)}.nav-right{align-items:center;display:flex;gap:12px}.nav-welcome{border-right:1px solid #e2e8f0;border-right:1px solid var(--border);color:#718096;color:var(--text-muted);font-size:13px;margin-right:4px;padding-right:8px}.btn-text{border-radius:6px;color:#718096;font-size:13px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.btn-text:hover{background:#e8eaed;background:var(--bg-hover);color:#1a1a2e}.btn-login{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#4a5568;color:var(--text-secondary);font-size:13px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn-login:hover{background:#e8eaed;background:var(--bg-hover);border-color:#718096;border-color:var(--text-muted);color:#1a1a2e;color:var(--text-bright)}.btn-signup{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--green) 0,var(--green-hover) 100%);border-radius:6px;box-shadow:0 2px 8px #23863640;color:#fff;font-size:13px;font-weight:600;padding:8px 18px;text-decoration:none;transition:all .2s ease}.btn-signup:hover{box-shadow:0 4px 12px #23863659;transform:translateY(-1px)}.btn-add{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--green) 0,var(--green-hover) 100%);border-radius:6px;box-shadow:0 2px 8px #23863640;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn-add:hover{box-shadow:0 4px 12px #23863659;transform:translateY(-1px)}.search-section{display:flex;justify-content:center;margin-bottom:2rem}.search-box{max-width:600px;position:relative;width:100%}.search-input{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000026;color:#2d3436;color:var(--text-primary);font-size:15px;padding:14px 52px 14px 20px;transition:all .2s ease;width:100%}.search-input::placeholder{color:#718096;color:var(--text-muted)}.search-input:hover{border-color:#e2e8f0;border-color:var(--border)}.search-input:focus,.search-input:hover{background:#f0f2f5;background:var(--bg-card-hover)}.search-input:focus{border-color:#22c55e;border-color:var(--green);box-shadow:0 2px 12px #23863626;outline:none}.search-btn{align-items:center;background:#22c55e;background:var(--green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease}.search-btn:hover{background:#16a34a;background:var(--green-hover)}.category-filter{margin-bottom:1.5rem;padding:0 4px}.category-filter-inner{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:4px;scrollbar-width:none}.category-filter-inner::-webkit-scrollbar{display:none}.category-btn{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#4a5568;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 18px;position:relative;transition:all .2s ease;white-space:nowrap}.category-btn:hover{background:#f0f2f5;background:var(--bg-card-hover);border-color:#e2e8f0;border-color:var(--border);color:#1a1a2e;color:var(--text-bright)}.category-btn.active{background:#22c55e;background:var(--green);border-color:#22c55e;border-color:var(--green);color:#fff}.category-btn.active:hover{background:#16a34a;background:var(--green-hover);border-color:#16a34a;border-color:var(--green-hover)}.main-content{flex:1 1;padding:2rem 0}.page-header{margin-bottom:2.5rem;padding:3.5rem 1rem 2.5rem;text-align:center}.page-header h1{color:#1a1a2e;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.page-header p{color:#718096;color:var(--text-muted);font-size:1.1rem;font-weight:400;margin:0}@media (max-width:768px){.page-header{padding:2rem 1rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}}.page-title{color:#1a1a2e;color:var(--text-bright);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.page-subtitle{font-size:1.2rem;margin:0}.page-subtitle,.table-header{color:#718096;color:var(--text-muted)}.table-header{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px 12px 0 0;display:flex;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:0;padding:16px 24px;text-transform:uppercase}.table-header .col-rank{text-align:center;width:60px}.table-header .col-name{width:180px}.table-header .col-server{flex:1 1;min-width:300px}.table-header .col-about{flex:2 1;min-width:350px}.table-header .col-players{text-align:center;width:100px}.table-header .col-status{text-align:center;width:150px}.servers-grid{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:0 0 12px 12px;border-top:none;min-height:400px;overflow:hidden}.server-row{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);min-height:100px;padding:18px 24px;transition:all .2s ease}.server-row:last-child{border-bottom:none}.server-row:hover{background:#e8eaed;background:var(--bg-hover)}.col-rank{color:#718096;color:var(--text-muted);flex-shrink:0;font-size:1.4rem;font-weight:700;text-align:center;width:60px}.col-name{flex-shrink:0;padding-right:15px;width:180px}.server-header{display:flex;flex-direction:column;gap:8px}.server-name{color:#1a1a2e;font-size:1.05rem;line-height:1.3;margin:0;word-break:break-word}.server-version{background:#e8eaed;background:var(--bg-hover);border-radius:6px;color:#718096;color:var(--text-muted);display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.platform-badges{display:flex;gap:6px;margin-top:6px}.platform-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;justify-content:center;padding:4px 8px;transition:all .15s ease}.platform-badge.java{background:#ed893626;color:#ed8936}.platform-badge.java:hover{background:#ed893640}.platform-badge.bedrock{background:#818cf826;color:#818cf8}.platform-badge.bedrock:hover{background:#818cf840}.col-server{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:300px;padding:0 15px}.banner-wrapper{background:#0000;border:none;border-radius:4px;flex-shrink:0;height:auto;max-width:520px;min-height:60px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.banner-wrapper.clickable{cursor:pointer}.banner-wrapper.clickable:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.banner-image,.banner-video{height:auto;max-height:80px;object-fit:contain;transition:filter .2s ease;width:100%}.banner-wrapper.clickable:hover .banner-image,.banner-wrapper.clickable:hover .banner-video{filter:brightness(1.05)}.banner-placeholder{align-items:center;background:linear-gradient(135deg,#e8eaed,#f0f2f5);background:linear-gradient(135deg,var(--bg-hover) 0,var(--bg-card-hover) 100%);border-radius:4px;color:#718096;color:var(--text-muted);display:flex;font-size:.9rem;height:60px;justify-content:center;max-width:520px;width:100%}.banner-placeholder.banner-external{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e4d}.ip-section{align-items:center;background:#f5f6f8;background:var(--bg-body);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:all .2s ease,transform .15s ease;width:-webkit-fit-content;width:fit-content}.ip-section:hover{background:#e8eaed;background:var(--bg-hover);border-color:#22c55e;border-color:var(--green);transform:translateY(-1px)}.ip-section:active{transform:translateY(0)}.ip-icon{color:#718096;color:var(--text-muted);flex-shrink:0;height:14px;width:14px}.server-ip{color:#2d3436;color:var(--text-primary);flex:1 1;font-family:SF Mono,Consolas,Monaco,monospace;font-size:14px;font-weight:500;text-align:center;white-space:nowrap}.col-about{flex:2 1;min-width:350px;padding:0 15px}.server-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#4a5568;color:var(--text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:10px;overflow:hidden}.server-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#e8eaed;background:var(--bg-hover);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#4a5568;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:5px 12px;transition:all .15s ease}.tag:hover{background:#f0f2f5;background:var(--bg-card-hover);border-color:#718096;border-color:var(--text-muted);color:#2d3436;color:var(--text-primary);transition:all .2s ease}.col-players{flex-shrink:0;text-align:center;width:100px}.player-count{color:#22c55e;color:var(--green);display:block;font-size:1.25rem;font-weight:600}.player-count.offline,.player-total{color:#718096;color:var(--text-muted)}.player-total{font-size:.8rem;margin-top:2px}.col-status{flex-shrink:0;text-align:center;width:150px}.status-badge{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--green) 0,var(--green-hover) 100%);border-radius:6px;box-shadow:0 2px 8px #2386364d;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.action-buttons{flex-direction:column;gap:8px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:10px 18px;text-transform:uppercase;transition:all .2s ease}.btn-copy{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--green) 0,var(--green-hover) 100%);box-shadow:0 2px 8px #2386364d;color:#fff}.btn-copy:hover{box-shadow:0 4px 12px #23863666;transform:translateY(-1px)}.btn-copy:active{box-shadow:0 1px 4px #2386364d;transform:translateY(1px)}.btn-vote{align-items:center;background:#e8eaed;background:var(--bg-hover);border:1px solid #e2e8f0;border:1px solid var(--border);box-shadow:none;color:#4a5568;color:var(--text-secondary);display:inline-flex;justify-content:center;text-decoration:none}.btn-vote:hover{background:#f0f2f5;background:var(--bg-card-hover);border-color:#22c55e;border-color:var(--green);color:#1a1a2e;color:var(--text-bright);transform:translateY(-1px)}.btn-vote:active{transform:translateY(0)}.btn-vote:disabled{background:#e8eaed;background:var(--bg-hover);color:#718096;color:var(--text-muted);cursor:not-allowed;transform:none}.rank-1{background:linear-gradient(90deg,#eab30826,#fff);background:linear-gradient(90deg,#eab30826 0,var(--bg-card) 100%);border-left:3px solid #eab308;border-left:3px solid var(--gold);position:relative}.rank-1:before{background:linear-gradient(90deg,#eab30814,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.rank-1 .col-rank{background:none;border-radius:0;color:#b8860b;padding:0;text-shadow:none}.rank-2{background:linear-gradient(90deg,#a0a0a026,#fff);background:linear-gradient(90deg,#a0a0a026 0,var(--bg-card) 100%);border-left:3px solid #888}.rank-2 .col-rank{color:#666}.rank-3{background:linear-gradient(90deg,#cd7f321f,#fff);background:linear-gradient(90deg,#cd7f321f 0,var(--bg-card) 100%);border-left:3px solid #cd7f32}.rank-3 .col-rank{color:#b87333}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #22c55e;border:3px solid var(--border);border-radius:50%;border-top-color:var(--green);height:40px;width:40px}.empty-state{color:#718096}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:30px 0}.pagination-btn{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#4a5568;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#e8eaed;background:var(--bg-hover);border-color:#22c55e;border-color:var(--green);color:#1a1a2e;color:var(--text-bright)}.pagination-btn.active{background:#22c55e;background:var(--green);border-color:#22c55e;border-color:var(--green);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-ellipsis{padding:10px 8px}.pagination-ellipsis,.pagination-info{color:#4a5568;color:var(--text-secondary);font-size:14px}.pagination-info{margin-left:10px;padding:10px 0}footer{background:#fff;background:var(--bg-card);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:auto;padding:40px 0 20px;width:100%;z-index:1000}.footer-inner{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:2400px;padding:0 20px}.footer-col h3{color:#1a1a2e;color:var(--text-bright);font-size:18px;margin:0 0 16px}.footer-desc{color:#718096;color:var(--text-muted);line-height:1.6;margin:0}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#4a5568;color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:#1a1a2e;color:var(--text-bright)}.footer-bottom{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#718096;color:var(--text-muted);margin:30px auto 0;max-width:2400px;padding:20px;text-align:center}@media (max-width:768px){.footer-inner{gap:30px;grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-inner{grid-template-columns:1fr}}@media (max-width:1200px){.col-about{width:250px}.banner-wrapper{height:50px;width:200px}}@media (max-width:900px){*{box-sizing:border-box!important}body{zoom:1!important;min-width:0!important;overflow-x:hidden!important}.App,.layout-container,.main-content{max-width:100%!important;min-width:0!important;width:100%!important}.container{max-width:100%!important;padding:0 15px!important;width:100%!important}.table-header{display:none}.servers-grid{width:100%!important}.server-row{padding:25px 20px!important}.col-rank,.server-row{display:block!important;text-align:center!important;width:100%!important}.col-rank{color:#718096!important;color:var(--text-muted)!important;font-size:14px!important;font-weight:400!important;margin:0 0 8px!important;padding:0!important}.col-name{margin:0 0 15px!important;padding:0!important;width:100%!important}.col-name,.server-header,.server-name{display:block!important;text-align:center!important}.server-name{font-size:1.15rem!important;margin:0 0 5px!important}.server-version{display:inline-block!important;margin:5px auto 0!important}.col-server{display:block!important;margin:0 0 15px!important;padding:0!important;text-align:center!important;width:100%!important}.banner-wrapper{aspect-ratio:468/60;display:block!important;height:auto!important;margin:0 auto 15px!important;max-width:350px!important;min-width:0!important;width:90%!important}.banner-image,.banner-video{height:100%!important;min-width:0!important;object-fit:contain!important;width:100%!important}.banner-placeholder{align-items:center!important;height:45px!important;margin:0 auto 15px!important;max-width:350px!important}.banner-placeholder,.ip-section{display:flex!important;justify-content:center!important;width:90%!important}.ip-section{margin:0 auto!important;max-width:300px!important;min-width:0!important;text-align:center!important}.col-about{margin:0 0 15px!important;padding:0 15px!important;width:100%!important}.col-about,.server-description{display:block!important;text-align:center!important}.server-description{word-wrap:break-word!important;font-size:.85rem!important;margin:0 auto 10px!important;max-width:100%!important}.server-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center!important}.col-players{display:block!important;margin:0 0 15px!important;padding:0!important;width:100%!important}.col-players,.player-count,.player-total{text-align:center!important}.col-status{display:block!important;margin:0!important;padding:0 15px!important;width:100%!important}.action-buttons{display:flex!important;flex-direction:column!important;gap:10px!important}.action-buttons,.action-buttons .btn{max-width:100%!important;width:100%!important}.action-buttons .btn{padding:12px 20px!important;text-align:center!important}.btn-copy,.btn-vote,.nav-inner,nav{width:100%!important}.nav-inner{align-items:center!important;display:flex!important;flex-direction:column!important;gap:15px!important;height:auto!important;max-width:100%!important;padding:15px!important}.logo{display:block!important;font-size:1.4rem!important;text-align:center!important;width:100%!important}.nav-mid{gap:15px!important}.nav-mid,.nav-right{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;width:100%!important}.nav-right{border-top:1px solid #e2e8f0!important;border-top:1px solid var(--border)!important;gap:10px!important;padding-top:15px!important}.discord-banner{padding:8px 15px!important}.discord-banner-content{flex-wrap:wrap!important;font-size:12px!important;gap:8px!important;justify-content:center!important;text-align:center!important}.discord-banner-content span{width:100%!important}.discord-join-btn{font-size:12px!important;margin-left:0!important;padding:5px 12px!important}.discord-close{font-size:20px!important;right:10px!important}.logo-img{height:32px!important}.search-section{display:flex!important;justify-content:center!important;width:100%!important}.search-box{max-width:100%!important;width:100%!important}.category-filter{margin-bottom:1rem!important}.category-filter-inner{-webkit-overflow-scrolling:touch;gap:0!important}.category-btn{font-size:.85rem!important;padding:10px 16px!important}.footer-inner{display:block!important;text-align:center!important}.footer-col{margin-bottom:20px!important}}.auth-container{align-items:center;background:#f5f6f8;background:var(--bg-body);display:flex;justify-content:center;min-height:calc(100vh - 160px);padding:2rem}.auth-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;max-width:520px;padding:3rem}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-header .logo{font-family:Rajdhani,sans-serif;font-size:1.8rem;letter-spacing:1px;text-decoration:none}.auth-header .logo,.auth-header h2{color:#1a1a2e;color:var(--text-bright);font-weight:700}.auth-header h2{font-size:2rem;margin-bottom:.75rem;margin-top:1.5rem}.auth-header p{color:#718096;color:var(--text-muted);font-size:1.1rem;margin:0}.auth-form{gap:1.75rem}.form-label{color:#2d3436;font-weight:600}.form-input{background:#f5f6f8;border:1px solid #e2e8f0;color:#2d3436;font-size:1.05rem;padding:1rem 1.25rem;transition:all .2s ease}.form-input:focus{border-color:#16a34a}.form-input::placeholder{color:#718096}.error-text{color:#ff6b6b;font-size:.875rem;font-weight:500;margin-top:.5rem}.btn-primary{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--green) 0,var(--green-hover) 100%);border-radius:8px;box-shadow:0 4px 12px #2386364d;display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #23863666;transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;transform:none}.auth-link{margin-top:1.5rem;text-align:center}.auth-link p{color:#718096;color:var(--text-muted);font-size:.875rem;margin:0}.auth-link a{color:#16a34a;color:var(--green-hover);font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link a:hover{color:#22c55e;color:var(--green);text-decoration:underline}.demo-accounts{background:#f0f2f5;background:var(--bg-card-hover);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;margin-top:2rem;padding:1.25rem}.demo-accounts h3{color:#1a1a2e;color:var(--text-bright);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.demo-accounts p{color:#718096;color:var(--text-muted);font-family:Courier New,monospace;font-size:.8125rem;margin:.5rem 0}.demo-accounts strong{color:#4a5568;color:var(--text-secondary);font-weight:600}.loading{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{padding:2rem}}.auth-wrapper{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 160px);padding:3rem 1rem}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 24px #0003;max-width:400px;padding:2.5rem;width:100%}.auth-title{color:var(--text-bright);font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-align:center}.auth-subtitle{color:var(--text-muted);font-size:.9rem;margin:0 0 2rem;text-align:center}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.form-link{color:var(--green-hover);font-size:.8rem;text-decoration:none}.form-link:hover{text-decoration:underline}.input-wrapper{position:relative}.form-input{background:var(--bg-body);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--green-hover);box-shadow:0 0 0 3px #2ea0431a;outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:#f85149}.input-toggle-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .15s}.input-toggle-btn:hover{color:var(--text-primary)}.error-text{color:#f85149;font-size:.8rem;margin-top:.375rem}.auth-btn{background:linear-gradient(135deg,var(--green) 0,var(--green-hover) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px #2386364d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:.75rem;padding:.875rem;transition:transform .15s,box-shadow .15s;width:100%}.auth-btn:hover:not(:disabled){box-shadow:0 4px 12px #23863666;transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-footer-text{border-top:1px solid var(--border);color:var(--text-muted);font-size:.875rem;margin:1.5rem 0 0;padding-top:1.5rem;text-align:center}.auth-link{color:var(--green-hover);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.verify-icon{align-items:center;background:linear-gradient(135deg,var(--green) 0,var(--green-hover) 100%);border-radius:16px;box-shadow:0 4px 12px #2386364d;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.verify-email{color:var(--green-hover);font-size:1rem;font-weight:600;margin:0 0 2rem;text-align:center;word-break:break-all}.verify-input{font-family:Monaco,Menlo,Consolas,monospace;font-size:1.5rem!important;letter-spacing:4px;padding:1rem!important;text-align:center}.verify-input::placeholder{letter-spacing:4px;opacity:.5}.verify-footer{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.verify-footer p{color:var(--text-muted);font-size:.875rem;margin:0 0 .75rem}.resend-btn{background:none;border:1px solid var(--green-hover);border-radius:6px;color:var(--green-hover);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:all .15s}.resend-btn:hover:not(:disabled){background:var(--green-hover);color:#fff}.resend-btn:disabled{border-color:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.5}.turnstile-container{display:flex;justify-content:center;margin:.5rem 0}.turnstile-container iframe{max-width:100%}@media (max-width:480px){.auth-wrapper{padding:2rem 1rem}.auth-card{border-radius:10px;padding:2rem 1.5rem}.auth-title{font-size:1.5rem}.turnstile-container{transform:scale(.9);transform-origin:center}}.manage-servers{min-height:calc(100vh - 180px);padding:2rem 0}.manage-servers .container{margin:0 auto;max-width:800px;padding:0 1rem}.loading-text{color:var(--text-muted);padding:3rem 0;text-align:center}.page-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.page-header h1{color:var(--text-bright);font-size:1.25rem;font-weight:600;margin:0}.server-count{color:var(--text-muted);font-size:.85rem}.btn-primary{background:var(--green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.btn-primary:hover:not(:disabled){background:var(--green-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-text{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem}.btn-text:hover{color:var(--text-bright)}.form-section{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.25rem}.form-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.form-title-row h2{color:var(--text-bright);font-size:1rem;font-weight:600;margin:0}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.field{margin-bottom:1rem}.field label{color:var(--text-bright);display:block;font-size:.8rem;margin-bottom:.35rem}.field label .counter,.field label .hint{color:var(--text-muted);font-weight:400}.field input,.field select,.field textarea{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:4px;color:var(--text-bright);font-size:.875rem;padding:.6rem .75rem;width:100%}.field select{cursor:pointer}.field select option{background:var(--bg-card);color:var(--text-bright)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);outline:none}.field input.has-error,.field textarea.has-error{border-color:#f85149}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}.field textarea{min-height:70px;resize:vertical}.field-error{color:#f85149;display:block;font-size:.75rem;margin-top:.25rem}.banner-upload{border:1px dashed var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:1.5rem;text-align:center}.banner-upload:hover{border-color:var(--green);color:var(--green)}.banner-preview-wrap{align-items:center;display:flex;gap:1rem}.banner-preview-wrap img{border:1px solid var(--border);border-radius:4px;max-width:468px}.banner-preview-wrap button{background:none;border:1px solid #f85149;border-radius:4px;color:#f85149;cursor:pointer;font-size:.75rem;padding:.35rem .75rem}.banner-preview-wrap button:hover{background:#f851491a}.form-actions{margin-top:.5rem;padding-top:1rem}.servers-section{margin-top:1rem}.empty-state{background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.server-list{display:flex;flex-direction:column;gap:.5rem}.server-row{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:flex;justify-content:space-between;padding:.875rem 1rem}.server-row:hover{border-color:var(--green)}.server-main{flex:1 1;min-width:0}.server-name{font-size:.9rem;font-weight:500}.server-ip{color:var(--green)}.server-stats{align-items:center;display:flex;gap:.75rem;margin:0 1rem}.badge{border-radius:3px;font-size:.7rem;padding:.15rem .5rem;text-transform:capitalize}.badge.active{background:#3fb95026;color:var(--green)}.badge.pending{background:#d2a83b26;color:#d2a83b}.badge.suspended{background:#f8514926;color:#f85149}.votes{color:var(--text-muted);font-size:.8rem}.server-controls{display:flex;gap:.5rem}.server-controls button{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:4px;color:var(--text-bright);cursor:pointer;font-size:.75rem;padding:.35rem .75rem}.server-controls button:hover{background:var(--bg-hover)}.server-controls button.danger{background:#0000;border-color:#f85149;color:#f85149}.server-controls button.danger:hover{background:#f851491a}.limit-notice{color:#d2a83b;font-size:.85rem;margin-top:1rem;text-align:center}@media (max-width:600px){.server-row{flex-wrap:wrap;gap:.75rem}.server-stats{margin:0;order:3;width:100%}.server-controls{order:2}}.category-grid{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.35rem .65rem;transition:all .15s}.category-tag:hover{border-color:var(--green);color:var(--text-bright)}.category-tag.selected{background:#388bfd26;border-color:var(--green);color:var(--green)}.analytics-page{min-height:calc(100vh - 160px);padding:2rem 1rem}.analytics-header{margin-bottom:2rem}.header-content{align-items:center;display:flex;gap:1rem}.header-content svg{color:var(--accent)}.analytics-header h1{color:var(--text-bright);font-size:1.75rem;font-weight:700;margin:0}.analytics-header p{color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);gap:1rem;padding:1.5rem}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{background:#2ea04326;color:var(--accent);height:48px;justify-content:center;width:48px}.stat-content{display:flex;flex-direction:column}.stat-value{color:var(--text-bright);font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.top-servers-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.top-servers-section h2{color:var(--text-bright);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.top-servers-list{display:flex;flex-direction:column;gap:.75rem}.top-server-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.top-server-row:hover{background:#2ea0430d;border-color:var(--accent)}.top-server-row.rank-1{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#ffd7004d}.top-server-row.rank-2{background:linear-gradient(135deg,#c0c0c01a,#c0c0c00d);border-color:#c0c0c04d}.top-server-row.rank-3{background:linear-gradient(135deg,#cd7f321a,#cd7f320d);border-color:#cd7f324d}.rank-badge{align-items:center;background:var(--bg-card);border-radius:8px;color:var(--text-muted);display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.server-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.server-info .server-name{color:var(--text-bright);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-info .server-ip{color:var(--text-muted);font-family:monospace;font-size:.85rem}.copy-count{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0}.copy-count .count-value{color:var(--accent);font-size:1.25rem;font-weight:700}.copy-count .count-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase}.empty-state{padding:3rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 .5rem}.empty-state span{font-size:.9rem}.spinner{border:3px solid var(--border);border-top-color:var(--accent);height:40px;margin:0 auto 1rem;width:40px}.error-state{color:#e74c3c;padding:4rem;text-align:center}.analytics-footer{margin-top:2rem;text-align:center}.analytics-footer p{color:var(--text-muted);font-size:.85rem}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.top-server-row{flex-wrap:wrap}.server-info{flex-basis:calc(100% - 60px);flex-grow:1;flex-shrink:1}.copy-count{border-top:1px solid var(--border);flex:1 1 100%;flex-direction:row;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem}}.admin-page{min-height:calc(100vh - 160px);padding:2rem 1rem}.admin-header{margin-bottom:2rem}.admin-header h1{color:var(--text-bright);font-size:1.75rem;font-weight:700;margin:0}.admin-header p{color:var(--text-muted);margin:.25rem 0 0}.admin-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.admin-section h2{color:var(--text-bright);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.section-desc{color:var(--text-muted);font-size:.875rem;margin:0 0 1rem}.admin-search-box{display:flex;gap:.5rem;margin-bottom:1rem}.admin-search-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-bright);flex:1 1;font-size:.9rem;padding:.75rem 1rem}.admin-search-input:focus{border-color:var(--accent);outline:none}.admin-search-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.admin-search-btn:hover{background:var(--accent-hover)}.admin-search-btn:disabled{cursor:not-allowed;opacity:.6}.admin-results{margin-top:1rem}.admin-results-header{background:var(--bg-secondary);border-radius:8px;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-results-header,.admin-server-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:60px 1fr 120px 80px 150px;margin-bottom:.5rem;padding:.75rem 1rem}.admin-server-row{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.admin-server-row.premium{background:#2ea0430d;border-color:#2ea0434d}.admin-server-row:hover{border-color:var(--accent)}.server-rank{color:var(--accent);font-weight:600;text-align:center}.server-details{display:flex;flex-direction:column;min-width:0}.server-name{color:var(--text-bright);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-ip{color:var(--text-muted);font-family:monospace;font-size:.8rem}.server-owner{color:var(--text-secondary);font-size:.875rem}.server-votes{color:var(--text-bright);font-weight:600;text-align:center}.server-actions{display:flex;justify-content:flex-end}.action-buttons{display:flex;gap:.5rem}.btn-cancel,.btn-edit,.btn-remove,.btn-save{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .75rem;transition:all .2s}.btn-edit{background:var(--bg-secondary);border-color:var(--border);color:var(--text-bright)}.btn-edit:hover{border-color:var(--accent);color:var(--accent)}.btn-remove{background:#0000;border-color:#0000;color:#e74c3c}.btn-remove:hover{background:#e74c3c1a;border-color:#e74c3c}.btn-save{background:var(--accent);border:none;color:#fff}.btn-save:hover{background:var(--accent-hover)}.btn-cancel{background:#0000;border-color:var(--border);color:var(--text-muted)}.btn-delete{background:#0000;border-color:#e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .75rem;transition:all .2s}.btn-delete:hover{background:#e74c3c;color:#fff}.btn-cancel:hover{color:var(--text-bright)}.rank-edit-inline{align-items:center;display:flex;gap:.5rem}.rank-edit-inline input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-bright);font-size:.875rem;padding:.4rem;text-align:center;width:50px}.rank-edit-inline input:focus{border-color:var(--accent);outline:none}.empty-state{padding:2rem}.empty-state,.no-results{color:var(--text-muted);text-align:center}.no-results{font-style:italic;padding:1.5rem}.loading-state{color:var(--text-muted);padding:4rem;text-align:center}@media (max-width:768px){.admin-results-header{display:none}.admin-server-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.server-rank{font-size:1.1rem;text-align:left}.server-actions{border-top:1px solid var(--border);justify-content:flex-start;padding-top:.5rem;width:100%}.rank-edit-inline{flex-wrap:wrap}.admin-search-box{flex-direction:column}.admin-search-btn{width:100%}}.legal-page{background:var(--bg-body);min-height:calc(100vh - 200px);padding:40px 20px}.legal-container{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin:0 auto;max-width:800px;padding:40px}.legal-container h1{border-bottom:1px solid var(--border);color:var(--text-bright);font-size:2rem;font-weight:700;margin:0 0 10px;padding-bottom:20px}.legal-container .last-updated{color:var(--text-muted);font-size:.875rem;margin-bottom:30px}.legal-container section{margin-bottom:30px}.legal-container h2{color:var(--text-bright);font-size:1.25rem;font-weight:600;margin:0 0 15px}.legal-container h3{color:var(--text-secondary);font-size:1rem;font-weight:600;margin:20px 0 10px}.legal-container p{color:var(--text-secondary);line-height:1.7;margin:0 0 15px}.legal-container ul{margin:0 0 15px;padding-left:25px}.legal-container li{color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.legal-container .contact-email{color:var(--accent-color);font-weight:500}@media (max-width:768px){.legal-container{padding:25px 20px}.legal-container h1{font-size:1.5rem}.legal-container h2{font-size:1.1rem}}.vote-page{background:var(--bg-body);min-height:calc(100vh - 160px);padding:2rem}.vote-skeleton{grid-gap:2rem;animation:fadeIn .15s ease-out;background:var(--bg-card);border-radius:12px;box-shadow:0 4px 20px #00000014;display:grid;gap:2rem;grid-template-columns:320px 1fr;margin:0 auto;max-width:1100px;min-height:500px;overflow:hidden}.skeleton-sidebar{border-right:1px solid var(--border);padding:1.5rem}.skeleton-banner{border-radius:8px;height:120px;margin-bottom:.75rem;width:100%}.skeleton-banner,.skeleton-title{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-card-hover) 50%,var(--bg-hover) 75%);background-size:200% 100%}.skeleton-title{border-radius:4px;height:24px;margin:0 auto 1rem;width:70%}.skeleton-ip{border-radius:6px;height:44px;margin-bottom:.75rem;width:100%}.skeleton-ip,.skeleton-row{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-card-hover) 50%,var(--bg-hover) 75%);background-size:200% 100%}.skeleton-row{border-radius:4px;height:20px;margin:.5rem auto;width:60%}.skeleton-main{padding:1.5rem}.skeleton-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.skeleton-tab{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-card-hover) 50%,var(--bg-hover) 75%);background-size:200% 100%;border-radius:6px;height:40px;width:100px}.skeleton-form{display:flex;flex-direction:column;gap:1rem}.skeleton-input{width:100%}.skeleton-button,.skeleton-input{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-card-hover) 50%,var(--bg-hover) 75%);background-size:200% 100%;border-radius:6px;height:48px}.skeleton-button{width:150px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vote-error{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.vote-error h2{color:var(--text-bright);margin-bottom:.5rem}.btn-back{background:var(--green);border-radius:6px;color:#fff;display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none}.btn-back:hover{background:var(--green-hover)}.vote-container{grid-gap:2rem;animation:fadeIn .15s ease-out;background:var(--bg-card);border-radius:12px;box-shadow:0 4px 20px #00000014;display:grid;gap:2rem;grid-template-columns:320px 1fr;margin:0 auto;max-width:1100px;min-height:500px;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.vote-sidebar{background:var(--bg-card);border-right:1px solid var(--border);padding:1.5rem}.server-header-vote{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem;text-align:center}.server-banner-vote{max-height:120px;object-fit:cover}.server-banner-placeholder,.server-banner-vote{border-radius:8px;margin-bottom:.75rem;width:100%}.server-banner-placeholder{align-items:center;background:linear-gradient(135deg,var(--bg-hover) 0,var(--bg-card-hover) 100%);color:var(--text-muted);display:flex;font-size:.9rem;font-weight:600;height:80px;justify-content:center}.server-icon-large{border-radius:8px;height:48px;margin-bottom:.75rem;width:48px}.server-title{color:var(--text-bright);font-size:1.25rem;font-weight:700;margin:0}.server-ip-box{background:var(--green);border-radius:6px;font-family:SF Mono,Consolas,monospace;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem}.copy-btn,.server-ip-box{align-items:center;color:#fff;display:flex;justify-content:center}.copy-btn{background:#fff3;border:none;border-radius:4px;cursor:pointer;padding:.35rem}.copy-btn:hover{background:#ffffff4d}.server-status-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:.5rem 0}.status-dot{background:#dc2626;border-radius:50%;height:8px;width:8px}.status-dot.online{background:var(--green)}.version-badge{background:var(--bg-hover);border-radius:4px;color:var(--text-muted);font-size:.75rem;padding:.2rem .5rem}.player-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem 0}.player-icon{font-size:1rem}.rank-display{background:var(--bg-body);border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.rank-label{color:var(--text-muted);display:block;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.rank-number{color:var(--text-bright);display:block;font-size:2rem;font-weight:700;line-height:1.2}.vote-count{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.server-details-section{border-top:1px solid var(--border);padding-top:1rem}.server-details-section h3{color:var(--text-bright);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.detail-row{align-items:flex-start;display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 0}.detail-label{color:var(--text-muted)}.detail-value{color:var(--text-primary);font-family:SF Mono,Consolas,monospace;font-size:.8rem}.detail-link{color:var(--green);text-decoration:none}.detail-link:hover{text-decoration:underline}.tag-list{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end;max-width:150px}.tag-small{background:var(--bg-hover);border-radius:3px;color:var(--text-secondary);font-size:.7rem;padding:.15rem .4rem}.vote-main{padding:0}.vote-tabs{background:var(--bg-body);border-bottom:1px solid var(--border);display:flex}.vote-tab{border-bottom:2px solid #0000;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:1rem 1.5rem;text-decoration:none;transition:all .2s}.vote-tab.active,.vote-tab:hover{color:var(--text-bright)}.vote-tab.active{border-bottom-color:var(--green)}.vote-form{padding:2rem}.form-section{margin-bottom:1.5rem}.form-section h2{color:var(--text-bright);font-size:1rem;font-weight:600;margin:0 0 .25rem}.form-hint{color:var(--text-muted);font-size:.8rem;margin:0 0 .75rem}.vote-input{background:var(--bg-body);border:1px solid var(--border);border-radius:6px;color:var(--text-bright);font-size:1rem;max-width:400px;padding:.875rem 1rem;transition:border-color .2s;width:100%}.vote-input:focus{border-color:var(--green);outline:none}.vote-input::placeholder{color:var(--text-muted)}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:var(--green);height:18px;width:18px}.vote-textarea{background:var(--bg-body);border:1px solid var(--border);border-radius:6px;color:var(--text-bright);font-size:.9rem;margin-top:1rem;max-width:500px;min-height:100px;padding:.875rem 1rem;resize:vertical;width:100%}.vote-textarea:focus{border-color:var(--green);outline:none}.vote-textarea::placeholder{color:var(--text-muted)}.captcha-label{margin-top:1rem}.turnstile-widget{margin:.5rem 0}.vote-submit-btn{background:var(--green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:background .2s}.vote-submit-btn:hover:not(:disabled){background:var(--green-hover)}.vote-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.vote-container{grid-template-columns:1fr}.vote-sidebar{border-bottom:1px solid var(--border);border-right:none}.vote-form{padding:1.5rem}.vote-input,.vote-textarea{max-width:100%}}.overview-content{padding:2rem}.overview-section{margin-bottom:2rem}.overview-section h2{border-bottom:1px solid var(--border);color:var(--text-bright);font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.server-description-full{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0;white-space:pre-wrap}.categories-list{display:flex;flex-wrap:wrap;gap:.5rem}.category-badge{background:var(--bg-hover);border-radius:6px;color:var(--text-primary);font-size:.85rem;font-weight:500;padding:.5rem 1rem}.no-data{color:var(--text-muted);font-style:italic}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.info-item{background:var(--bg-body);border:1px solid var(--border);border-radius:8px;padding:1rem}.info-label{color:var(--text-muted);display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.info-value{color:var(--text-bright);font-size:1rem;font-weight:500}.info-value.mono{font-family:SF Mono,Consolas,monospace}.status-text.online{color:var(--green)}.status-text.offline{color:#dc2626}.links-list{display:flex;flex-wrap:wrap;gap:1rem}.external-link{align-items:center;background:var(--bg-body);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.external-link:hover{background:var(--bg-hover);border-color:var(--green)}.external-link.discord:hover{border-color:#5865f2}.external-link.store:hover{border-color:#f59e0b}.vote-cta{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e33;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.vote-cta p{color:var(--text-secondary);margin:0 0 1rem}.vote-cta-btn{background:var(--green);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:background .2s}.vote-cta-btn:hover{background:var(--green-hover)}.blog-page{animation:fadeIn .15s ease-out;background:var(--bg-body);min-height:100vh}.blog-header{background:var(--bg-card);border-bottom:1px solid var(--border);margin-bottom:2rem;padding:2.5rem 1rem}.blog-header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.blog-title{color:var(--text-bright);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.blog-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.btn-create-blog{align-items:center;background:var(--accent-color);border-radius:var(--radius);color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-create-blog:hover{background:var(--accent-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.blog-container{margin:0 auto;max-width:1200px;padding:0 1rem 4rem}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.article-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.article-card:hover{border-color:var(--accent-color);box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.article-card-link{color:inherit;display:flex;flex:1 1;flex-direction:column;text-decoration:none}.article-card-image-wrapper{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-hover) 100%);height:220px;overflow:hidden;position:relative;width:100%}.article-card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.article-card:hover .article-card-image{transform:scale(1.05)}.article-card-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.article-meta{align-items:center;display:flex;gap:.75rem}.article-date{color:var(--text-muted);font-size:.875rem;font-weight:500}.featured-badge{background:var(--gold);border-radius:3px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.125rem .5rem;text-transform:uppercase}.article-card-title{-webkit-line-clamp:2;color:var(--text-bright);font-size:1.25rem;font-weight:600;line-height:1.4}.article-card-excerpt,.article-card-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.article-card-excerpt{-webkit-line-clamp:3;color:var(--text-secondary);flex:1 1;font-size:.95rem;line-height:1.6}.article-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.article-tag{background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all .2s;white-space:nowrap}.article-card:hover .article-tag{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.article-admin-actions{background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;gap:.5rem;padding:.75rem 1.5rem}.admin-edit-btn{color:var(--accent-color);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.admin-edit-btn:hover{color:var(--accent-hover)}.blog-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{animation:spin 1s linear infinite;border:4px solid var(--border);border-radius:50%;border-top-color:var(--accent-color);height:48px;margin-bottom:1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.blog-empty{color:var(--text-secondary);padding:4rem 2rem;text-align:center}@media (max-width:768px){.blog-header{padding:2rem 1rem}.blog-header-content{align-items:flex-start;flex-direction:column}.blog-title{font-size:1.75rem}.blog-subtitle{font-size:.95rem}.btn-create-blog{justify-content:center;width:100%}.blog-grid{gap:1.5rem;grid-template-columns:1fr}.blog-container{padding:0 1rem 2rem}.article-card-image-wrapper{height:200px}}@media (min-width:768px) and (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.blog-manage-page{animation:fadeIn .15s ease-out;background:var(--bg-body);min-height:100vh;padding:2rem 1rem}.blog-manage-container{margin:0 auto;max-width:900px}.blog-manage-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.blog-manage-header h1{color:var(--text-bright);font-size:2rem;font-weight:700;margin:0}.btn-back{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-back:hover{background:var(--bg-hover)}.blog-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-bright);display:block;font-weight:600;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=url],.form-group textarea{background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none}.form-group textarea{font-family:Consolas,Monaco,monospace;line-height:1.6;resize:vertical}.form-group small{color:var(--text-muted);display:block;font-size:.875rem;margin-top:.25rem}.form-group input[type=file]{display:block;font-size:.95rem;padding:.5rem 0}.image-preview{display:inline-block;margin-top:1rem;position:relative}.image-preview img{border:1px solid var(--border);border-radius:var(--radius);display:block;height:auto;max-height:300px;max-width:100%}.btn-remove-image{background:#ef4444e6;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s}.btn-remove-image:hover{background:#dc2626}.form-group-row{display:flex;gap:2rem;margin-bottom:1.5rem}.form-checkbox{align-items:center;display:flex;gap:.5rem}.form-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.form-checkbox label{color:var(--text-primary);cursor:pointer;font-weight:500;margin:0}.form-actions{border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel:hover{background:var(--bg-hover)}.btn-submit{background:var(--accent-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.blog-manage-page{padding:1rem .5rem}.blog-form{padding:1.5rem}.blog-manage-header{align-items:flex-start;flex-direction:column}.blog-manage-header h1{font-size:1.5rem}.form-group-row{flex-direction:column;gap:1rem}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}
/*# sourceMappingURL=main.61e74d49.css.map*/