@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");@import url("https://cdn.jsdelivr.net/npm/flag-icons@7.2.3/css/flag-icons.min.css");:root{--bg-0:#060608;--bg-1:#0d0d12;--bg-2:#15151c;--bg-3:#1c1c25;--bg-4:#24242f;--border:rgba(255,255,255,0.06);--border-bright:rgba(255,255,255,0.12);--text:#f4f4f6;--text-dim:#c4c4cc;--text-muted:#8b8b96;--text-faint:#5a5a66;--neon-coral:#fb7185;--neon-coral-glow:rgba(251,113,133,0.35);--neon-orange:#fb923c;--neon-orange-soft:#fdba74;--neon-orange-glow:rgba(251,146,60,0.4);--neon-amber:#fbbf24;--neon-amber-glow:rgba(251,191,36,0.35);--neon-yellow:#facc15;--neon-red:#f87171;--neon-red-glow:rgba(248,113,113,0.4);--status-online:#86ee5c;--status-online-soft:#b1f48f;--status-online-glow:rgba(134,238,92,0.4);--status-offline:#f87171;--status-offline-glow:rgba(248,113,113,0.35);--neon-cyan:#22d3ee;--neon-cyan-glow:rgba(34,211,238,0.35);--neon-blue:#60a5fa;--neon-blue-glow:rgba(96,165,250,0.35);--neon-violet:#a78bfa;--neon-violet-glow:rgba(167,139,250,0.35);--neon-purple:#c084fc;--neon-purple-glow:rgba(192,132,252,0.35);--primary:var(--neon-orange);--primary-soft:var(--neon-orange-soft);--primary-glow:var(--neon-orange-glow)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);min-height:100vh;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-user-select:none;user-select:none;-webkit-user-select:none}body{background:var(--bg-0);position:relative;isolation:isolate}.selectable,input,textarea{-moz-user-select:text;user-select:text;-webkit-user-select:text}body:after{inset:-10%;z-index:-1;transform:translateZ(0);background:radial-gradient(ellipse 70% 60% at 15% 10%,rgba(251,146,60,.22),transparent 90%),radial-gradient(ellipse 75% 65% at 85% 25%,rgba(167,139,250,.18),transparent 90%),radial-gradient(ellipse 80% 60% at 20% 95%,rgba(34,211,238,.15),transparent 90%),radial-gradient(ellipse 75% 60% at 90% 95%,rgba(251,113,133,.18),transparent 90%),var(--bg-0);filter:blur(120px)}body:after,body:before{content:"";position:fixed;pointer-events:none}body:before{inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 0);background-size:40px 40px;z-index:0;mask-image:radial-gradient(ellipse 100% 80% at 50% 30%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 30%,black 40%,transparent 100%)}button{font-family:inherit}.container{max-width:1480px;margin:0 auto;padding:3rem 2.5rem 4rem;position:relative;z-index:1}.header{gap:1rem;margin-bottom:3rem}.brand,.header{display:flex;align-items:center}.brand{gap:.85rem}.brand-mark{width:56px;height:56px;flex-shrink:0;background:linear-gradient(135deg,var(--neon-yellow),var(--neon-orange) 50%,var(--neon-coral));-webkit-mask:url(/logo.svg) no-repeat center/contain;mask:url(/logo.svg) no-repeat center/contain;filter:drop-shadow(0 0 16px var(--primary-glow)) drop-shadow(0 0 32px rgba(251,113,133,.18))}h1{font-size:2.4rem;font-weight:800;color:var(--text);letter-spacing:-.035em;line-height:1;background:linear-gradient(135deg,var(--text),var(--text) 40%,var(--neon-orange-soft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-spacer{flex:1 1}.header-action{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;color:var(--text-dim);font-size:.85rem;font-weight:500;padding:.6rem 1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .18s ease}.header-action:hover{color:var(--text);border-color:var(--border-bright);background:var(--bg-3);transform:translateY(-1px)}.header-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.header-action.primary{color:var(--primary);border-color:rgba(251,146,60,.3);background:linear-gradient(145deg,rgba(251,146,60,.08),rgba(251,113,133,.04))}.header-action.primary:hover{border-color:var(--primary);box-shadow:0 0 18px var(--primary-glow)}.header-action svg{width:16px;height:16px;flex-shrink:0;display:block}.header-action .spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.section-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem}h2{font-size:.85rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em}.section-head .count-pill{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--primary);background:rgba(251,146,60,.08);border:1px solid rgba(251,146,60,.25);padding:.2rem .6rem;border-radius:999px;font-weight:500}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:3.5rem}@media (max-width:980px){.stats{grid-template-columns:1fr}}.stat-card{position:relative;background:linear-gradient(145deg,var(--bg-2),var(--bg-1));border-radius:16px;padding:1.4rem 1.5rem;overflow:hidden;transition:transform .25s ease;isolation:isolate;display:flex;flex-direction:column}.stat-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,transparent,rgba(255,255,255,.06));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-bright)}.stat-card .accent{position:absolute;top:-40%;right:-20%;width:180px;height:180px;border-radius:50%;filter:blur(40px);opacity:.18;pointer-events:none;z-index:-1;transition:opacity .3s ease}.stat-card:hover .accent{opacity:.32}.stat-card.orange .accent{background:var(--neon-orange)}.stat-card.amber .accent{background:var(--neon-amber)}.stat-card.coral .accent{background:var(--neon-coral)}.stat-card.red .accent{background:var(--neon-red)}.stat-card.cyan .accent{background:var(--neon-cyan)}.stat-card.blue .accent{background:var(--neon-blue)}.stat-card.violet .accent{background:var(--neon-violet)}.stat-card.purple .accent{background:var(--neon-purple)}.stat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--text-faint)}.stat-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.04);color:var(--text-muted)}.stat-icon svg{width:18px;height:18px;display:block}.orange .stat-icon{color:var(--neon-orange);background:rgba(251,146,60,.12)}.amber .stat-icon{color:var(--neon-amber);background:rgba(251,191,36,.12)}.coral .stat-icon{color:var(--neon-coral);background:rgba(251,113,133,.12)}.red .stat-icon{color:var(--neon-red);background:rgba(248,113,113,.12)}.cyan .stat-icon{color:var(--neon-cyan);background:rgba(34,211,238,.12)}.blue .stat-icon{color:var(--neon-blue);background:rgba(96,165,250,.12)}.violet .stat-icon{color:var(--neon-violet);background:rgba(167,139,250,.12)}.purple .stat-icon{color:var(--neon-purple);background:rgba(192,132,252,.12)}.stat-value{font-size:1.65rem;color:var(--text);font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:-.02em;line-height:1.1}.stat-card.orange .stat-value{color:var(--neon-orange);text-shadow:0 0 18px var(--neon-orange-glow)}.stat-card.amber .stat-value{color:var(--neon-amber);text-shadow:0 0 18px var(--neon-amber-glow)}.stat-card.coral .stat-value{color:var(--neon-coral);text-shadow:0 0 18px var(--neon-coral-glow)}.stat-card.red .stat-value{color:var(--neon-red);text-shadow:0 0 18px var(--neon-red-glow)}.stat-card.cyan .stat-value{color:var(--neon-cyan);text-shadow:0 0 18px var(--neon-cyan-glow)}.stat-card.blue .stat-value{color:var(--neon-blue);text-shadow:0 0 18px var(--neon-blue-glow)}.stat-card.violet .stat-value{color:var(--neon-violet);text-shadow:0 0 18px var(--neon-violet-glow)}.stat-card.purple .stat-value{color:var(--neon-purple);text-shadow:0 0 18px var(--neon-purple-glow)}.stat-value.danger{color:var(--neon-red);text-shadow:0 0 18px var(--neon-red-glow)}.stat-value.muted{color:var(--text-muted);text-shadow:none}.stat-sub{margin-top:.55rem;font-size:.78rem;color:var(--text-muted)}.stat-foot,.stat-sub{font-family:JetBrains Mono,monospace}.stat-foot{margin-top:.6rem;font-size:.72rem;color:var(--text-faint)}.stat-foot-row{margin-top:1.1rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.stat-foot-row .foot-item{display:flex;flex-direction:column;gap:.45rem;min-width:0}.stat-foot-row .dim{color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:600}.stat-foot-row .mono{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-dim);overflow-wrap:anywhere}.split-card .split-body{margin-top:auto;display:flex;align-items:stretch;gap:1rem}.sync-card .stat-value{margin-top:auto}.split-card .split-block{flex:1 1;display:flex;flex-direction:column;gap:.2rem}.split-card .split-block .stat-value{font-size:1.85rem}.split-card .split-block .stat-sub{margin-top:.15rem;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--text-faint);font-weight:600}.split-card .split-divider{width:1px;background:var(--border);align-self:stretch}.refresh-card .stat-icon{transition:color .2s ease,background .2s ease}.refresh-card.active .stat-icon{color:var(--neon-purple);background:rgba(192,132,252,.16)}.refresh-card .refresh-body{display:flex;align-items:center;gap:1.1rem;margin-top:.4rem}.refresh-card .refresh-info{flex:1 1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.refresh-card .refresh-line{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.78rem;color:var(--text-muted)}.refresh-card .refresh-line .dim{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:600}.refresh-card .refresh-line .mono{font-family:JetBrains Mono,monospace;color:var(--text)}.refresh-card .refresh-line .mono.strong{color:var(--neon-purple);font-weight:600;text-shadow:0 0 10px var(--neon-purple-glow)}.refresh-card .refresh-idle-label{font-size:1.65rem;font-family:JetBrains Mono,monospace;color:var(--text-muted);font-weight:600;letter-spacing:-.02em}.refresh-card .refresh-idle-sub{font-size:.78rem;color:var(--text-faint);margin-top:.3rem;font-family:JetBrains Mono,monospace}.refresh-card-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border-radius:10px;background:linear-gradient(145deg,rgba(192,132,252,.18),rgba(167,139,250,.08));border:1px solid rgba(192,132,252,.35);color:var(--neon-purple);font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;white-space:nowrap;line-height:1}.refresh-card-btn svg{width:16px;height:16px;display:block;flex-shrink:0}.refresh-card-btn:hover:not(:disabled){background:rgba(192,132,252,.2);border-color:var(--neon-purple);box-shadow:0 0 18px rgba(192,132,252,.3)}.refresh-card-btn:disabled{opacity:.6;cursor:not-allowed}.circular{position:relative;flex-shrink:0;width:96px;height:96px;overflow:visible}.circular svg{display:block;overflow:visible;transform-origin:center}.circular .track{stroke:rgba(255,255,255,.06)}.circular .fill{stroke:var(--text-faint);transition:stroke-dashoffset .5s ease,stroke .3s ease}.circular.active .fill{stroke:var(--neon-purple)}.circular.active svg{animation:circular-rotate 6s linear infinite;filter:drop-shadow(0 0 8px var(--neon-purple-glow))}@keyframes circular-rotate{to{transform:rotate(1turn)}}.circular-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;color:var(--text-muted);pointer-events:none}.circular.active .circular-label{color:var(--text)}.circular-value{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1}.stat-bar{margin-top:1rem;height:4px;border-radius:999px;background:rgba(255,255,255,.04);overflow:hidden;position:relative}.stat-bar-fill{height:100%;border-radius:999px;transition:width .5s ease;box-shadow:0 0 10px currentColor}.orange .stat-bar-fill{background:var(--neon-orange);color:var(--neon-orange-glow)}.amber .stat-bar-fill{background:var(--neon-amber);color:var(--neon-amber-glow)}.coral .stat-bar-fill{background:var(--neon-coral);color:var(--neon-coral-glow)}.cyan .stat-bar-fill{background:var(--neon-cyan);color:var(--neon-cyan-glow)}.blue .stat-bar-fill{background:var(--neon-blue);color:var(--neon-blue-glow)}.violet .stat-bar-fill{background:var(--neon-violet);color:var(--neon-violet-glow)}.purple .stat-bar-fill{background:var(--neon-purple);color:var(--neon-purple-glow)}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:.85rem;gap:.85rem}.server-btn{background:linear-gradient(145deg,var(--bg-2),var(--bg-1));border:1px solid var(--border);border-radius:12px;padding:.7rem .95rem;color:var(--text-faint);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;text-align:left;cursor:default;transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease,background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;gap:.35rem;position:relative;overflow:hidden;isolation:isolate}.server-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(134,238,92,.1),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.server-btn .top{display:flex;align-items:center;gap:.65rem;min-width:0}.server-btn .flag{font-size:1.1rem;flex-shrink:0;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);filter:saturate(.65) brightness(.85);transition:filter .2s ease}.server-btn .name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.server-btn .code{color:var(--text-faint);font-size:.7rem;padding:.18rem .45rem;border-radius:6px;background:rgba(255,255,255,.03);letter-spacing:.05em}.server-btn .code,.server-btn .meta{font-family:JetBrains Mono,monospace}.server-btn .meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:rgba(248,113,113,.55)}.server-btn .status-dot{width:6px;height:6px;border-radius:50%;background:rgba(248,113,113,.45)}.server-btn.active{border-color:rgba(134,238,92,.25);color:var(--text);cursor:pointer;box-shadow:0 0 0 1px rgba(134,238,92,.05),0 8px 24px -12px rgba(134,238,92,.18)}.server-btn.active .flag{filter:saturate(1) brightness(1)}.server-btn.active .code{color:var(--status-online);background:rgba(134,238,92,.08);border:1px solid rgba(134,238,92,.18)}.server-btn.active .meta{color:var(--status-online-soft)}.server-btn.active .status-dot{background:var(--status-online);box-shadow:0 0 8px var(--status-online-glow)}.server-btn.active:hover{transform:translateY(-3px);border-color:var(--status-online);box-shadow:0 0 0 1px rgba(134,238,92,.22),0 16px 40px -12px rgba(134,238,92,.4),0 0 28px -6px var(--status-online-glow)}.server-btn.active:hover:before{opacity:1}.server-btn.active:active{transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;background:linear-gradient(145deg,rgba(12,12,16,.95),rgba(4,4,6,.95));border:1px solid var(--border-bright);border-radius:20px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 50px 100px -20px rgba(0,0,0,.7),0 0 80px -10px rgba(251,146,60,.22),inset 0 1px 0 rgba(255,255,255,.05);animation:modal-in .25s cubic-bezier(.16,1,.3,1)}.modal:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0 0,var(--primary-glow),transparent 40%),radial-gradient(circle at 100% 100%,var(--neon-violet-glow),transparent 40%);opacity:.2;border-radius:inherit}@keyframes modal-in{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-flag{text-align:center;padding:2rem 1.5rem .5rem;line-height:1;position:relative}.modal-flag .fi{font-size:4rem;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.08)}.modal-title{text-align:center;padding:0 1.5rem 1.5rem;position:relative}.modal-title h3{font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:.4rem}.modal-title .country-code{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--primary);letter-spacing:.15em;background:rgba(251,146,60,.08);border:1px solid rgba(251,146,60,.22);padding:.2rem .6rem;border-radius:999px;display:inline-block}.modal-close{position:absolute;top:.85rem;right:.85rem;width:36px;height:36px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center;padding:0;z-index:2}.modal-close svg{width:16px;height:16px;display:block}.modal-close:hover{color:var(--text);background:rgba(255,255,255,.08);border-color:var(--border-bright);transform:rotate(90deg)}.modal-body{padding:0 1.5rem 1.5rem;position:relative;display:flex;flex-direction:column;gap:.6rem}.modal-row{display:flex;align-items:center;gap:1.5rem;padding:.55rem 1rem;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid var(--border);transition:background .15s ease,border-color .15s ease}.modal-row:hover{background:rgba(251,146,60,.05);border-color:rgba(251,146,60,.2)}.modal-row .label{flex-shrink:0;color:var(--text-faint);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;width:70px}.modal-row .value{flex:1 1;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.88rem;overflow-wrap:anywhere;-moz-user-select:none;user-select:none;-webkit-user-select:none;text-align:right}.modal-row .copy-btn{flex-shrink:0;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:8px;width:30px;height:30px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease;display:inline-flex;align-items:center;justify-content:center;padding:0}.modal-row .copy-btn svg{width:14px;height:14px;display:block}.modal-row .copy-btn:hover{color:var(--primary);border-color:rgba(251,146,60,.3);background:rgba(251,146,60,.08)}.modal-row .copy-btn.copied{color:var(--primary);border-color:var(--primary);background:rgba(251,146,60,.14)}.empty{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-size:.9rem;border:1px dashed var(--border);border-radius:14px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.login-card{width:100%;max-width:380px;background:linear-gradient(145deg,var(--bg-3),var(--bg-1));border:1px solid var(--border-bright);border-radius:20px;padding:2.5rem 2rem 2rem;box-shadow:0 50px 100px -20px rgba(0,0,0,.6),0 0 60px -10px rgba(251,146,60,.2),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:1px;background:linear-gradient(90deg,transparent,var(--neon-orange),transparent);opacity:.7}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.login-brand .brand-mark{margin-bottom:.5rem}.login-card h1{text-align:center;margin-bottom:.4rem;font-size:1.5rem}.login-card .subtitle{text-align:center;color:var(--text-muted);font-size:.85rem;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{color:var(--text-dim);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.45rem;display:block}.login-form input{width:100%;background:var(--bg-1);border:1px solid var(--border-bright);border-radius:10px;padding:.8rem 1rem;color:var(--text);font-family:inherit;font-size:.95rem;transition:all .18s ease}.login-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(251,146,60,.14),0 0 18px var(--primary-glow)}.login-form button{background:linear-gradient(135deg,var(--neon-yellow),var(--neon-orange) 50%,var(--neon-coral));color:#2b0a05;border:none;border-radius:10px;padding:.85rem 1rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .18s ease;margin-top:.5rem;box-shadow:0 0 0 1px rgba(251,146,60,.3),0 8px 24px -8px var(--primary-glow);letter-spacing:.02em}.login-form button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--primary),0 14px 36px -8px var(--primary-glow),0 0 30px -6px rgba(251,113,133,.4)}.login-form button:active{transform:translateY(0)}.login-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25);color:#fca5a5;padding:.7rem .85rem;border-radius:10px;font-size:.82rem}