@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-main:#080c14;--bg-card:#0f1623;--bg-card-hover:#141e30;--bg-surface:#172133;--bg-input:#0b111a;--border-subtle:#1c2738;--border-focus:#0284c7;--border-light:#253347;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--accent-cyan:#06b6d4;--accent-blue:#0284c7;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#8b5cf6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}button,input,select,textarea{color:inherit;font-family:inherit}.app-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1800px;height:100vh;max-height:100vh;margin:0 auto;padding:.4rem .85rem .6rem;display:flex;overflow:hidden}.dashboard-grid{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:.75rem;width:100%;min-height:0;display:grid;overflow:hidden}.dashboard-column{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}@media (width<=1024px),(height<=600px){.app-container{height:auto;min-height:100vh;max-height:none;overflow-y:auto}.dashboard-grid{flex:none;grid-template-columns:1fr;height:auto;overflow:visible}.dashboard-grid>.dashboard-column{height:480px}}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.825rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:#0284c7;border-color:#0369a1}.btn-primary:hover{background:#0369a1;border-color:#0284c7}.btn-danger{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e38;border-color:#f43f5e80}.btn-icon{border-radius:var(--radius-sm);padding:.45rem}.input-minimal{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);outline:none;padding:.45rem .75rem;font-size:.825rem;transition:border-color .15s}.input-minimal:focus{border-color:var(--border-focus)}.badge{font-size:.725rem;font-weight:500;font-family:var(--font-mono);white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#06b6d41a;border:1px solid #06b6d440}.badge-emerald{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b98140}.badge-amber{color:var(--accent-amber);background:#f59e0b1a;border:1px solid #f59e0b40}.badge-rose{color:var(--accent-rose);background:#f43f5e1a;border:1px solid #f43f5e40}.badge-dim{color:var(--text-muted);background:#64748b26;border:1px solid #64748b40}.card-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#04070dc7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.18s ease-out modalIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes newHopOutline{0%{outline:2px solid var(--accent-cyan);outline-offset:-1px;box-shadow:0 0 10px #06b6d466}60%{outline-offset:-1px;outline:2px solid #06b6d499;box-shadow:0 0 6px #06b6d433}to{outline-offset:-1px;box-shadow:none;outline:2px solid #0000}}@keyframes newHopRaidOutline{0%{outline:2px solid var(--accent-rose);outline-offset:-1px;box-shadow:0 0 14px #f43f5e80}60%{outline-offset:-1px;outline:2px solid #f43f5e99;box-shadow:0 0 8px #f43f5e33}to{outline-offset:-1px;box-shadow:none;outline:2px solid #0000}}.hop-card-new{animation:4s ease-out forwards newHopOutline}.hop-card-raid-new{animation:4s ease-out forwards newHopRaidOutline}@keyframes counterPulse{0%{transform:scale(1)}40%{background:#f59e0b59;transform:scale(1.18);box-shadow:0 0 12px #f59e0b99}to{transform:scale(1)}}.counter-pulsing{animation:.45s ease-out counterPulse}.badge-gold{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59}.server-favorite-active{box-shadow:0 0 14px #f59e0b2e;border-color:#f59e0bb3!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}