@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.chat-container[data-v-46d4e9f9]{justify-content:center;align-items:center;width:100%;max-width:900px;height:calc(100vh - 40px);display:flex}.join-card[data-v-46d4e9f9]{flex-direction:column;gap:30px;width:100%;max-width:420px;padding:40px;display:flex}.join-header[data-v-46d4e9f9]{text-align:center}.logo-badge[data-v-46d4e9f9]{filter:drop-shadow(0 0 10px #8b5cf64d);margin-bottom:15px;font-size:48px;display:inline-block}.join-header h2[data-v-46d4e9f9]{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:26px;font-weight:700}.join-header p[data-v-46d4e9f9]{color:var(--text-secondary);font-size:14px}.join-form[data-v-46d4e9f9]{flex-direction:column;gap:20px;display:flex}.input-group[data-v-46d4e9f9]{flex-direction:column;gap:8px;display:flex}.input-group label[data-v-46d4e9f9]{color:var(--text-secondary);font-size:14px;font-weight:500}.chat-room-card[data-v-46d4e9f9]{flex-direction:column;width:100%;height:100%;max-height:750px;display:flex;overflow:hidden}.chat-header[data-v-46d4e9f9]{border-bottom:1px solid var(--glass-border);z-index:5;background:#0000001a;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.chat-header h3[data-v-46d4e9f9]{font-size:18px;font-weight:600}.status-indicator[data-v-46d4e9f9]{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:2px;font-size:12px;display:flex}.chat-header-actions[data-v-46d4e9f9]{align-items:center;gap:15px;display:flex}.user-display[data-v-46d4e9f9]{color:var(--text-secondary);font-size:14px}.btn-logout[data-v-46d4e9f9]{color:#fca5a5;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ef44441a;border:1px solid #ef444433;padding:6px 12px;font-size:13px;font-weight:500}.btn-logout[data-v-46d4e9f9]:hover{color:#fff;background:#ef444440}.chat-body-wrapper[data-v-46d4e9f9]{flex:1;width:100%;display:flex;position:relative;overflow:hidden}.chat-main-content[data-v-46d4e9f9]{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.users-sidebar[data-v-46d4e9f9]{opacity:0;pointer-events:none;border-right:0 solid var(--glass-border);background:#00000026;flex-direction:column;flex-shrink:0;width:0;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s,border-color .3s;display:flex;overflow:hidden auto}.users-sidebar.sidebar-open[data-v-46d4e9f9]{opacity:1;pointer-events:auto;border-right:1px solid var(--glass-border);width:250px}.sidebar-header[data-v-46d4e9f9]{padding:20px 20px 10px}.users-sidebar h4[data-v-46d4e9f9]{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:12px;font-weight:600}.users-list[data-v-46d4e9f9]{flex-direction:column;gap:8px;padding:10px 16px 20px;display:flex}.user-item[data-v-46d4e9f9]{border-radius:var(--border-radius-sm);transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff08;align-items:center;gap:10px;padding:8px 12px;display:flex}.user-item[data-v-46d4e9f9]:hover{background:#ffffff0f;transform:translate(3px)}.user-item-self[data-v-46d4e9f9]{background:#8b5cf614;border:1px solid #8b5cf626}.user-item[data-v-46d4e9f9]:not(.user-item-self){cursor:pointer}.user-avatar-small[data-v-46d4e9f9]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 6px #0003}.user-item-name[data-v-46d4e9f9]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.user-badge-you[data-v-46d4e9f9]{color:#c084fc;text-transform:uppercase;letter-spacing:.02em;background:#8b5cf626;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:600}.clickable-avatar[data-v-46d4e9f9]{cursor:pointer;transition:var(--transition-smooth)}.clickable-avatar[data-v-46d4e9f9]:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 4px 12px #8b5cf666}.clickable-sender[data-v-46d4e9f9]{cursor:pointer;transition:var(--transition-smooth)}.clickable-sender[data-v-46d4e9f9]:hover{color:var(--primary-color);text-decoration:underline}.msg-other .message-bubble.message-mentioned[data-v-46d4e9f9]{background:#8b5cf61f;border:1px dashed #8b5cf680;box-shadow:0 0 15px #8b5cf626}.btn-toggle-users[data-v-46d4e9f9]{border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.btn-toggle-users[data-v-46d4e9f9]:hover,.btn-toggle-users.btn-active[data-v-46d4e9f9]{background:#ffffff1a;border-color:#fff3}.messages-area[data-v-46d4e9f9]{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.empty-chat[data-v-46d4e9f9]{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.empty-icon[data-v-46d4e9f9]{font-size:40px}.message-row[data-v-46d4e9f9]{align-items:flex-end;gap:12px;max-width:75%;display:flex}.msg-own[data-v-46d4e9f9]{flex-direction:row-reverse;align-self:flex-end}.msg-other[data-v-46d4e9f9]{align-self:flex-start}.user-avatar[data-v-46d4e9f9]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 10px #00000040}.message-bubble-wrapper[data-v-46d4e9f9]{flex-direction:column;gap:4px;display:flex}.message-sender[data-v-46d4e9f9]{color:var(--text-secondary);margin-left:6px;font-size:12px}.message-bubble[data-v-46d4e9f9]{padding:12px 16px;position:relative;box-shadow:0 4px 15px #0000001a}.msg-own .message-bubble[data-v-46d4e9f9]{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-glow);border-radius:18px 18px 4px}.msg-other .message-bubble[data-v-46d4e9f9]{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff0d;border-radius:18px 18px 18px 4px}.message-text[data-v-46d4e9f9]{word-break:break-word;font-size:15px}.message-time[data-v-46d4e9f9]{color:#ffffff80;text-align:right;align-self:flex-end;margin-top:4px;font-size:10px;display:block}.msg-other .message-time[data-v-46d4e9f9]{color:var(--text-muted)}.chat-footer[data-v-46d4e9f9]{border-top:1px solid var(--glass-border);background:#0000001a;padding:18px 24px}.input-form[data-v-46d4e9f9]{gap:12px;display:flex}.input-wrapper-glass[data-v-46d4e9f9]{border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);background:#0003;flex:1;align-items:center;display:flex;position:relative}.input-wrapper-glass[data-v-46d4e9f9]:focus-within{border-color:var(--glass-border-focus);box-shadow:0 0 15px var(--primary-glow);background:#0000004d}.message-input-field[data-v-46d4e9f9]{color:var(--text-primary);font-family:var(--font-primary);background:0 0;border:none;outline:none;flex:1;padding:14px 18px 14px 8px;font-size:16px}.btn-emoji[data-v-46d4e9f9]{cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0 12px 0 16px;font-size:20px;display:flex}.btn-emoji[data-v-46d4e9f9]:hover{transform:scale(1.15)}.btn-emoji[data-v-46d4e9f9]:active{transform:scale(.95)}.emoji-picker[data-v-46d4e9f9]{z-index:100;-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background:#0a081cf2;width:320px;max-height:250px;padding:12px;position:absolute;bottom:65px;left:10px;overflow-y:auto;box-shadow:0 10px 25px #00000080}.emoji-grid[data-v-46d4e9f9]{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.emoji-item-btn[data-v-46d4e9f9]{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:20px;display:flex}.emoji-item-btn[data-v-46d4e9f9]:hover{background:#ffffff1a;transform:scale(1.15)}.emoji-item-btn[data-v-46d4e9f9]:active{transform:scale(.95)}.btn-gif[data-v-46d4e9f9]{cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0 16px 0 6px;font-size:18px;display:flex}.btn-gif[data-v-46d4e9f9]:hover{transform:scale(1.15)}.btn-gif[data-v-46d4e9f9]:active{transform:scale(.95)}.gif-picker[data-v-46d4e9f9]{z-index:100;-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background:#0a081cf2;flex-direction:column;gap:12px;width:340px;max-height:380px;padding:14px;display:flex;position:absolute;bottom:65px;left:10px;box-shadow:0 10px 25px #00000080}.gif-picker-search[data-v-46d4e9f9]{width:100%}.gif-search-input[data-v-46d4e9f9]{width:100%;padding:10px 14px;font-size:14px}.gif-grid[data-v-46d4e9f9]{flex:1;grid-template-columns:repeat(2,1fr);gap:8px;max-height:280px;padding-right:4px;display:grid;overflow-y:auto}.gif-item[data-v-46d4e9f9]{cursor:pointer;aspect-ratio:4/3;transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;position:relative;overflow:hidden}.gif-item[data-v-46d4e9f9]:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-glow);transform:scale(1.03)}.gif-item img[data-v-46d4e9f9]{object-fit:cover;width:100%;height:100%}.gif-picker-empty[data-v-46d4e9f9]{text-align:center;color:var(--text-secondary);padding:40px 0;font-size:14px}.chat-gif-image[data-v-46d4e9f9]{border:1px solid #ffffff1a;border-radius:12px;max-width:240px;max-height:180px;margin-top:4px;display:block;box-shadow:0 4px 10px #0000004d}.msg-own .chat-gif-image[data-v-46d4e9f9]{border-color:#8b5cf64d}.btn-send[data-v-46d4e9f9]{height:50px;padding:0 24px}@media (width<=768px){.users-sidebar[data-v-46d4e9f9]{z-index:10;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);background:#080711f2;width:260px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.users-sidebar.sidebar-open[data-v-46d4e9f9]{opacity:1;pointer-events:auto;width:260px;transform:translate(0)}}@media (width<=600px){.chat-container[data-v-46d4e9f9]{height:100vh;padding:0}.chat-room-card[data-v-46d4e9f9]{border:none;border-radius:0;height:100%;max-height:100vh}.message-row[data-v-46d4e9f9]{max-width:85%}.join-card[data-v-46d4e9f9]{border-radius:var(--border-radius-md);padding:24px}.user-display[data-v-46d4e9f9]{display:none}}@media (width<=400px){.emoji-picker[data-v-46d4e9f9]{width:280px}.emoji-grid[data-v-46d4e9f9]{grid-template-columns:repeat(7,1fr)}.gif-picker[data-v-46d4e9f9]{width:280px}}.user-info-wrapper[data-v-46d4e9f9]{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.user-role-badge[data-v-46d4e9f9]{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;width:fit-content;padding:1px 5px;font-size:8px;font-weight:700}.role-w[data-v-46d4e9f9]{color:#fff;background:#ffffff1a;border:1px solid #ffffff40}.role-b[data-v-46d4e9f9]{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f666}.room-full-warning[data-v-46d4e9f9]{color:var(--status-error);text-align:center;margin-top:12px;font-size:13px;font-weight:500;animation:1.5s infinite pulse-46d4e9f9}@keyframes pulse-46d4e9f9{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.chess-container[data-v-877694fb]{flex-direction:column;gap:15px;width:100%;max-width:500px;display:flex}.chess-header-panel[data-v-877694fb]{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.game-status-bar[data-v-877694fb]{justify-content:space-between;align-items:center;display:flex}.status-indicator[data-v-877694fb]{align-items:center;gap:8px;display:flex}.status-desc[data-v-877694fb]{font-size:14px;font-weight:500}.badge-check[data-v-877694fb]{color:#fca5a5;background:#ef444433;border:1px solid #ef444466;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;animation:1.5s infinite pulse-877694fb}.badge-offline[data-v-877694fb]{color:#fde047;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.players-display[data-v-877694fb]{border-radius:var(--border-radius-sm);background:#00000026;border:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.player-slot[data-v-877694fb]{height:36px;transition:var(--transition-smooth);border:1px solid #0000;border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 8px;display:flex;overflow:hidden}.player-slot.active-turn[data-v-877694fb]{background:#8b5cf61a;border-color:#8b5cf64d;box-shadow:0 0 10px #8b5cf626}.slot-marker[data-v-877694fb]{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:12px;height:12px}.w-marker[data-v-877694fb]{background:#fff;box-shadow:0 0 6px #fff}.b-marker[data-v-877694fb]{background:#3b82f6;box-shadow:0 0 6px #3b82f6}.player-name[data-v-877694fb]{width:100%;color:var(--text-primary);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex;overflow:hidden}.name-text[data-v-877694fb]{white-space:nowrap;text-overflow:ellipsis;max-width:80px;overflow:hidden}.btn-leave[data-v-877694fb]{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;margin-left:5px;padding:2px;font-size:11px}.btn-leave[data-v-877694fb]:hover{color:var(--status-error);background:#ef44441a}.btn-join-slot[data-v-877694fb]{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;text-align:center;width:100%;transition:var(--transition-smooth);white-space:nowrap;background:#ffffff0d;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;overflow:hidden}.btn-join-slot[data-v-877694fb]:hover{background:var(--primary-gradient);color:#fff;border-color:#0000}.vs-text[data-v-877694fb]{color:var(--text-muted);font-size:11px;font-weight:700}.board-wrapper[data-v-877694fb]{justify-content:center;align-items:center;width:100%;padding:10px;display:flex;position:relative}.chess-board[data-v-877694fb]{aspect-ratio:1;border:1px solid var(--glass-border);background:#0000004d;border-radius:12px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden}.square[data-v-877694fb]{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.square.light[data-v-877694fb]{background:#ffffff0a}.square.dark[data-v-877694fb]{background:#00000047}.square.selected[data-v-877694fb]{box-shadow:inset 0 0 10px #8b5cf699;background:#8b5cf652!important}.square.last-move[data-v-877694fb]{background:#3b82f62e;box-shadow:inset 0 0 8px #3b82f64d}.piece[data-v-877694fb]{z-index:2;font-size:min(32px,7vw);transition:transform .15s}.square:hover .piece[data-v-877694fb]{transform:scale(1.08)}.piece-white[data-v-877694fb]{color:#fff;text-shadow:0 0 4px #ffffff80,0 2px 4px #0006}.piece-black[data-v-877694fb]{color:#60a5fa;text-shadow:0 0 8px #2563ebcc,0 0 2px #2563eb}.possible-move-overlay[data-v-877694fb]{z-index:1;pointer-events:none;background:#0ea5e938;border:1px solid #0ea5e966;position:absolute;inset:0;box-shadow:inset 0 0 8px #0ea5e959}.coord[data-v-877694fb]{color:var(--text-muted);opacity:.6;-webkit-user-select:none;user-select:none;font-size:8px;font-weight:700;position:absolute}.rank-coord[data-v-877694fb]{top:3px;left:3px}.file-coord[data-v-877694fb]{bottom:2px;right:3px}.game-over-overlay[data-v-877694fb]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-radius:var(--border-radius-lg);background:#080711bf;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.game-over-card[data-v-877694fb]{text-align:center;flex-direction:column;gap:15px;width:100%;max-width:280px;padding:30px;display:flex}.game-over-card h3[data-v-877694fb]{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:700}.winner-text[data-v-877694fb]{font-size:15px}.reason-text[data-v-877694fb]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.chess-actions-panel[data-v-877694fb]{flex-direction:column;align-items:center;gap:10px;padding:12px 20px;display:flex}.action-buttons[data-v-877694fb]{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.btn-secondary-outline[data-v-877694fb]{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500}.btn-secondary-outline[data-v-877694fb]:hover{background:#ffffff14;border-color:#fff3}.btn-danger-outline[data-v-877694fb]{color:#fca5a5;cursor:pointer;transition:var(--transition-smooth);background:#ef44440d;border:1px solid #ef444433;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500}.btn-danger-outline[data-v-877694fb]:hover{color:#fff;background:#ef444426;border-color:#ef444459}.spectator-badge[data-v-877694fb]{color:var(--text-muted);font-size:11px;font-style:italic}@keyframes pulse-877694fb{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes slideUpIn-877694fb{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in[data-v-877694fb]{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpIn-877694fb}@media (width<=480px){.chess-board[data-v-877694fb]{border-radius:8px}.piece[data-v-877694fb]{font-size:26px}.name-text[data-v-877694fb]{max-width:60px}.action-buttons button[data-v-877694fb]{flex:1;min-width:110px;padding:6px 10px;font-size:11px}}.last-move-legend-panel[data-v-877694fb]{background:#0f172a73;border:1px solid #ffffff0d;justify-content:center;align-items:center;padding:10px 16px;display:flex}.legend-content[data-v-877694fb]{text-align:center;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.legend-icon[data-v-877694fb]{font-size:14px}.legend-text[data-v-877694fb]{color:#e2e8f0;text-shadow:0 0 10px #e2e8f033}.legend-text.is-capture[data-v-877694fb]{color:#fca5a5;text-shadow:0 0 8px #ef444466;font-weight:600}.app-layout{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.login-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.main-dashboard{flex-direction:column;gap:15px;width:100%;max-width:1100px;height:calc(100vh - 40px);display:flex}.mobile-tabs{border-radius:var(--border-radius-sm);z-index:5;background:#0003;gap:6px;padding:6px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600}.tab-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.dashboard-grid{flex:1;gap:20px;width:100%;display:flex;overflow:hidden}.grid-column{justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.chess-col{flex:1.15;min-width:320px}.chat-col{flex:1;min-width:300px}@media (width<=991px){.main-dashboard{height:calc(100vh - 20px)}.dashboard-grid{position:relative}.grid-column{flex:1;width:100%;display:none}.grid-column.show-mobile{display:flex}.chess-col,.chat-col{min-width:100%}}@media (width>=992px){.mobile-tabs{display:none}}:root{--font-primary:"Outfit", sans-serif;--bg-gradient-start:#080711;--bg-gradient-end:#120e2e;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff12;--glass-border-focus:#8b5cf666;--primary-gradient:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--primary-color:#8b5cf6;--primary-glow:#8b5cf64d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--status-success:#10b981;--status-error:#ef4444;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:radial-gradient(circle at 50% 50%, #1a1540 0%, var(--bg-gradient-start) 80%);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;line-height:1.5;display:flex;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);transition:var(--transition-smooth);box-shadow:0 8px 32px #0000005e}.glass-input{border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-primary);transition:var(--transition-smooth);background:#0003;outline:none;padding:14px 18px;font-size:16px}.glass-input:focus{border-color:var(--glass-border-focus);box-shadow:0 0 15px var(--primary-glow);background:#0000004d}.btn-primary{background:var(--primary-gradient);border-radius:var(--border-radius-sm);color:#fff;font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 14px var(--primary-glow);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb{transition:var(--transition-smooth);background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes slideUpIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpIn}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px}.status-dot.online{color:var(--status-success);background-color:var(--status-success)}.status-dot.offline{color:var(--status-error);background-color:var(--status-error)}