.toast-stack[data-v-5a77adfa]{position:fixed;bottom:22px;right:22px;z-index:1000;display:flex;flex-direction:column;gap:11px;max-width:360px}.toast[data-v-5a77adfa]{position:relative;display:flex;gap:12px;padding:13px 16px 13px 14px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);cursor:pointer;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-accent[data-v-5a77adfa]{width:3px;border-radius:99px;background:var(--teal);flex-shrink:0}.toast.lobby .toast-accent[data-v-5a77adfa]{background:var(--violet)}.toast-title[data-v-5a77adfa]{font-weight:700;color:var(--text-hi);font-size:13px;margin-bottom:2px}.toast-text[data-v-5a77adfa]{font-size:12.5px;color:var(--text-dim);line-height:1.45}.toast-enter-active[data-v-5a77adfa],.toast-leave-active[data-v-5a77adfa]{transition:all .3s cubic-bezier(.2,.8,.2,1)}.toast-enter-from[data-v-5a77adfa],.toast-leave-to[data-v-5a77adfa]{opacity:0;transform:translate(40px)}:root{--bg-base: #0B0E14;--bg-surface: #12161F;--bg-elevated: #181D29;--bg-input: #0E121A;--bg-overlay: rgba(7, 9, 14, .78);--bg-hover: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--border-accent: rgba(45, 212, 191, .45);--text-hi: #EAF0FF;--text: #C2CBDC;--text-dim: #8590A6;--text-faint: #59617512;--text-muted: #5C667A;--teal: #2DD4BF;--teal-bright: #5EEAD4;--teal-dim: rgba(45, 212, 191, .12);--violet: #8B5CF6;--violet-bright: #A78BFA;--violet-dim: rgba(139, 92, 246, .14);--blue-team: #60A5FA;--blue-team-bg: rgba(59, 130, 246, .1);--blue-team-bd: rgba(96, 165, 250, .35);--red-team: #FB7185;--red-team-bg: rgba(244, 63, 94, .1);--red-team-bd: rgba(251, 113, 133, .35);--green: #22C55E;--green-glow: rgba(34, 197, 94, .5);--red: #EF4444;--orange: #F59E0B;--yellow: #EAB308;--cyan: #06B6D4;--tier-iron: #6E6B6B;--tier-bronze: #A85B33;--tier-silver: #9FB0C3;--tier-gold: #E2B852;--tier-platinum: #4DC4B5;--tier-emerald: #2ECC71;--tier-diamond: #6E8BFF;--tier-master: #C13FD6;--tier-grandmaster: #E8484C;--tier-challenger: #F4C95D;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .55);--glow-teal: 0 0 0 1px rgba(45, 212, 191, .35), 0 6px 24px rgba(45, 212, 191, .18);--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--header-h: 60px;--sidebar-w: 300px;--gutter: 18px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(1200px 600px at 80% -10%,rgba(139,92,246,.1),transparent 60%),radial-gradient(1000px 500px at -10% 10%,rgba(45,212,191,.08),transparent 55%);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--text-hi);line-height:1.2}a{color:var(--teal);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{display:block}ul{list-style:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-inset{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:var(--r-md);font-weight:600;font-size:13px;transition:transform .12s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--teal) 0%,#14B8A6 100%);color:#04201c;box-shadow:0 4px 16px #2dd4bf40}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-teal);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--border-accent);color:var(--text-hi);background:var(--bg-hover)}.btn-block{width:100%}.btn-mini{height:30px;width:30px;padding:0;border-radius:var(--r-sm);background:var(--teal-dim);color:var(--teal-bright);border:1px solid var(--border-accent);font-size:16px;font-weight:700}.btn-mini:hover:not(:disabled){background:#2dd4bf33}.icon-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;width:34px;border-radius:var(--r-sm);color:var(--text-dim);transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg-hover);color:var(--text-hi)}.input,input[type=text],input[type=password],input[type=number],select{width:100%;height:40px;padding:0 13px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-hi);font-size:14px;transition:border-color .15s,box-shadow .15s;outline:none}.input:focus,input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}input::placeholder{color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:600;color:var(--text-dim);letter-spacing:.02em}.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--bg-elevated);color:var(--text-dim);border:1px solid var(--border)}.badge.online{color:var(--green);border-color:#22c55e66;background:#22c55e1a}.badge.offline{color:var(--text-muted)}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.online .dot{box-shadow:0 0 8px var(--green-glow);animation:pulse 2s infinite}.count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:var(--r-pill);font-size:12px;font-weight:700;background:var(--violet-dim);color:var(--violet-bright)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-header h2,.section-header h3{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.msg-error{font-size:13px;color:#fca5a5;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--r-sm);padding:8px 11px}.msg-success{font-size:13px;color:#86efac;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--r-sm);padding:8px 11px}.hidden{display:none!important}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--teal);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}