@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.navbar[data-v-4850feb5]{height:var(--nav-height);background:linear-gradient(180deg,#141020f2,#0e0c18fa);border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;z-index:100;position:relative}.nav-inner[data-v-4850feb5]{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;margin:0 auto;padding:0 20px}.nav-left[data-v-4850feb5]{display:flex;align-items:center;gap:4px;height:100%}.nav-logo[data-v-4850feb5]{display:flex;align-items:center;padding:0 12px 0 0;text-decoration:none;flex-shrink:0}.logo-img[data-v-4850feb5]{height:32px;width:auto;object-fit:contain;transition:transform .2s ease,opacity .2s}.nav-logo:hover .logo-img[data-v-4850feb5]{transform:scale(1.05);opacity:.9}.nav-links[data-v-4850feb5]{display:flex;height:100%;gap:0}.nav-link[data-v-4850feb5]{display:flex;align-items:center;height:100%;padding:0 16px;color:#ffffff80;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.6px;text-decoration:none;position:relative;transition:color .15s ease}.nav-link[data-v-4850feb5]:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;border-radius:3px 3px 0 0;background:transparent;transition:background .2s ease,box-shadow .2s ease}.nav-link[data-v-4850feb5]:hover{color:#ffffffd9}.nav-link.active[data-v-4850feb5]{color:#fff}.nav-link.active[data-v-4850feb5]:after{background:var(--accent);box-shadow:0 0 12px #7c6fea80}.nav-link-text[data-v-4850feb5]{position:relative}.nav-right[data-v-4850feb5]{display:flex;align-items:center;gap:6px}.nav-icon-btn[data-v-4850feb5]{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:#ffffff73;border-radius:8px;cursor:pointer;transition:all .15s ease}.nav-icon-btn[data-v-4850feb5]:hover{background:#ffffff0f;color:#ffffffe6}.nav-logout[data-v-4850feb5]:hover{color:#f66}.nav-admin[data-v-4850feb5]{color:var(--accent);opacity:.7}.nav-admin[data-v-4850feb5]:hover{opacity:1;color:var(--accent);background:var(--accent-subtle)}.nav-badge[data-v-4850feb5]{position:absolute;top:2px;right:2px;background:#e45;color:#fff;font-size:9px;font-weight:800;padding:1px 4px;border-radius:8px;min-width:14px;text-align:center;line-height:12px;box-shadow:0 0 6px #e456}.nav-user[data-v-4850feb5]{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:20px;color:#ffffffbf;text-decoration:none;transition:all .15s ease}.nav-user[data-v-4850feb5]:hover{background:#ffffff0f;color:#fff}.nav-avatar-wrap[data-v-4850feb5]{flex-shrink:0}.nav-avatar-wrap .avatar[data-v-4850feb5]{border:2px solid rgba(255,255,255,.1);transition:border-color .15s}.nav-user:hover .nav-avatar-wrap .avatar[data-v-4850feb5]{border-color:var(--accent)}.nav-username[data-v-4850feb5]{font-size:13px;font-weight:600;white-space:nowrap}.nav-auth-link[data-v-4850feb5]{padding:6px 14px;color:#ffffff8c;font-size:13px;font-weight:600;text-decoration:none;border-radius:6px;transition:all .15s}.nav-auth-link[data-v-4850feb5]:hover{color:#fff;background:#ffffff0f}.nav-auth-btn[data-v-4850feb5]{padding:7px 18px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;text-decoration:none;border-radius:20px;transition:all .15s}.nav-auth-btn[data-v-4850feb5]:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7c6fea4d}.space-sidebar[data-v-dfcdec1e]{position:fixed;top:0;left:0;width:var(--space-bar-width, 72px);height:100vh;background:#0a0812f7;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px;overflow-y:auto;overflow-x:hidden;z-index:101;scrollbar-width:none}.space-sidebar[data-v-dfcdec1e]::-webkit-scrollbar{display:none}.sb-item[data-v-dfcdec1e]{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;text-decoration:none}.sb-icon[data-v-dfcdec1e]{width:48px;height:48px;border-radius:24px;background:#ffffff0f;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;transition:border-radius .2s ease,background-color .2s ease;overflow:hidden}.sb-space:hover .sb-icon[data-v-dfcdec1e],.sb-space.active .sb-icon[data-v-dfcdec1e]{border-radius:16px}.sb-space:hover .sb-icon[data-v-dfcdec1e]:not([style*=backgroundImage]),.sb-space.active .sb-icon[data-v-dfcdec1e]:not([style*=backgroundImage]){background:var(--accent)}.sb-letter[data-v-dfcdec1e]{font-size:18px;font-weight:700;color:#ffffffb3;-webkit-user-select:none;user-select:none;transition:color .15s}.sb-space:hover .sb-letter[data-v-dfcdec1e],.sb-space.active .sb-letter[data-v-dfcdec1e]{color:#fff}.sb-pill[data-v-dfcdec1e]{position:absolute;left:0;width:4px;height:0;border-radius:0 4px 4px 0;background:#fff;transition:height .2s ease}.sb-space:hover .sb-pill[data-v-dfcdec1e]{height:20px}.sb-space.active .sb-pill[data-v-dfcdec1e]{height:36px}.overlay-backdrop[data-v-f739b798]{position:fixed;inset:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.overlay-panel[data-v-f739b798]{width:560px;max-width:96vw;max-height:80vh;background:#13131a;border:1px solid rgba(255,255,255,.06);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 40px #7c6fea0f}.overlay-header[data-v-f739b798]{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 0;border-bottom:1px solid rgba(255,255,255,.05);background:#111118}.overlay-tabs[data-v-f739b798]{display:flex;gap:2px}.overlay-tab[data-v-f739b798]{display:flex;align-items:center;gap:7px;padding:10px 16px;border:none;background:none;color:#6a6a80;font-size:13px;font-weight:600;font-family:var(--font-main);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;margin-bottom:-1px}.overlay-tab[data-v-f739b798]:hover{color:#b0b0c0}.overlay-tab.active[data-v-f739b798]{color:#e0e0f0;border-bottom-color:#7c6fea}.tab-icon[data-v-f739b798]{display:flex;align-items:center}.tab-badge[data-v-f739b798]{background:#7c6fea;color:#fff;font-size:10px;font-weight:800;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.overlay-close[data-v-f739b798]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#5a5a70;cursor:pointer;border-radius:8px;transition:all .15s}.overlay-close[data-v-f739b798]:hover{background:#ffffff0f;color:#c0c0d0}.overlay-body[data-v-f739b798]{flex:1;overflow-y:auto;padding:16px}.tab-content[data-v-f739b798]{display:flex;flex-direction:column;gap:12px}.add-friend-row[data-v-f739b798]{display:flex;gap:8px}.add-friend-input[data-v-f739b798]{flex:1;padding:9px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-primary);font-size:13px;font-family:var(--font-main);outline:none;transition:border-color .15s}.add-friend-input[data-v-f739b798]:focus{border-color:#7c6fea66}.add-friend-input[data-v-f739b798]::placeholder{color:#4a4a5e}.add-friend-btn[data-v-f739b798]{padding:9px 18px;background:#7c6fea;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;font-family:var(--font-main);cursor:pointer;transition:all .15s;white-space:nowrap}.add-friend-btn[data-v-f739b798]:hover{background:#6b5dd3}.add-friend-btn[data-v-f739b798]:disabled{opacity:.4;cursor:default}.add-friend-error[data-v-f739b798]{color:#f04747;font-size:12px;margin:-4px 0 0 2px}.add-friend-success[data-v-f739b798]{color:#43b581;font-size:12px;margin:-4px 0 0 2px}.friend-section[data-v-f739b798]{display:flex;flex-direction:column;gap:6px}.section-header[data-v-f739b798]{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#5e5e72;padding:4px 0 2px}.section-dot[data-v-f739b798]{width:8px;height:8px;border-radius:50%}.fav-dot[data-v-f739b798]{background:#e8587a}.online-dot[data-v-f739b798]{background:#43b581}.offline-dot[data-v-f739b798]{background:#5e5e72}.request-dot[data-v-f739b798]{background:#faa61a}.section-count[data-v-f739b798]{background:#ffffff0f;padding:1px 7px;border-radius:8px;font-size:10px;color:#8a8a9e}.friend-cards[data-v-f739b798]{display:flex;flex-direction:column;gap:2px}.friend-card[data-v-f739b798]{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;transition:background .15s}.friend-card[data-v-f739b798]:hover{background:#ffffff08}.request-card[data-v-f739b798]{background:#faa61a0a;border:1px solid rgba(250,166,26,.08)}.friend-avatar[data-v-f739b798]{position:relative;width:36px;height:36px;flex-shrink:0}.friend-avatar.sm[data-v-f739b798]{width:28px;height:28px}.friend-avatar img[data-v-f739b798]{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder[data-v-f739b798]{width:100%;height:100%;border-radius:50%;background:#7c6fea26;color:#9b8ff0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.avatar-placeholder.sm[data-v-f739b798]{font-size:11px}.status-dot[data-v-f739b798]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #13131a}.status-dot.online[data-v-f739b798]{background:#43b581}.status-dot.offline[data-v-f739b798]{background:#5e5e72}.friend-info[data-v-f739b798]{flex:1;min-width:0;display:flex;flex-direction:column}.friend-name[data-v-f739b798]{font-size:13px;font-weight:600;color:#e0e0ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-username[data-v-f739b798]{font-size:11px;color:#6a6a80}.friend-status-text[data-v-f739b798]{font-size:11px;color:#5e5e72;text-transform:capitalize}.friend-actions[data-v-f739b798]{display:flex;gap:4px;opacity:0;transition:opacity .15s}.friend-card:hover .friend-actions[data-v-f739b798],.request-card .friend-actions[data-v-f739b798]{opacity:1}.action-btn[data-v-f739b798]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff0a;color:#8a8a9e;border-radius:8px;cursor:pointer;transition:all .15s}.action-btn[data-v-f739b798]:hover{background:#ffffff14;color:#d0d0e0}.accept-btn[data-v-f739b798]:hover{background:#43b58126;color:#43b581}.decline-btn[data-v-f739b798]:hover{background:#f0474726;color:#f04747}.remove-btn[data-v-f739b798]:hover{background:#f047471f;color:#f04747}.fav-active[data-v-f739b798]{color:#e8587a}.fav-active[data-v-f739b798]:hover{color:#d14060}.dm-list[data-v-f739b798]{display:flex;flex-direction:column;gap:2px}.dm-row[data-v-f739b798]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s}.dm-row[data-v-f739b798]:hover{background:#ffffff08}.dm-row.unread[data-v-f739b798]{background:#7c6fea0a}.dm-info[data-v-f739b798]{flex:1;min-width:0;display:flex;flex-direction:column}.dm-name[data-v-f739b798]{font-size:13px;font-weight:600;color:#e0e0ea}.dm-preview[data-v-f739b798]{font-size:12px;color:#5e5e72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-row.unread .dm-preview[data-v-f739b798]{color:#9898aa}.dm-time[data-v-f739b798]{font-size:11px;color:#5e5e72;flex-shrink:0}.dm-chat[data-v-f739b798]{display:flex;flex-direction:column;height:55vh}.dm-chat-header[data-v-f739b798]{display:flex;align-items:center;gap:10px;padding:8px 4px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.dm-back[data-v-f739b798]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#8a8a9e;cursor:pointer;border-radius:8px;transition:all .15s}.dm-back[data-v-f739b798]:hover{background:#ffffff0f;color:#d0d0e0}.dm-chat-name[data-v-f739b798]{font-size:14px;font-weight:700;color:#e0e0ea}.dm-chat-messages[data-v-f739b798]{flex:1;overflow-y:auto;padding:12px 4px;display:flex;flex-direction:column;gap:6px}.dm-msg[data-v-f739b798]{display:flex;gap:8px;max-width:80%}.dm-msg.own[data-v-f739b798]{align-self:flex-end;flex-direction:row-reverse}.dm-msg-avatar[data-v-f739b798]{width:28px;height:28px;flex-shrink:0}.dm-msg-avatar img[data-v-f739b798]{width:100%;height:100%;border-radius:50%;object-fit:cover}.dm-msg-bubble[data-v-f739b798]{padding:8px 14px;background:#ffffff0a;border-radius:14px 14px 14px 4px;max-width:100%}.dm-msg.own .dm-msg-bubble[data-v-f739b798]{background:#7c6fea26;border-radius:14px 14px 4px}.dm-msg-text[data-v-f739b798]{font-size:13px;color:#d8d8e4;line-height:1.5;margin:0;word-break:break-word}.dm-msg-time[data-v-f739b798]{font-size:10px;color:#4a4a5e;margin-top:2px;display:block}.dm-typing[data-v-f739b798]{font-size:12px;color:#6a6a80;font-style:italic;padding:4px 8px}.dm-chat-input[data-v-f739b798]{display:flex;gap:8px;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.05)}.dm-input[data-v-f739b798]{flex:1;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);font-size:13px;font-family:var(--font-main);outline:none;transition:border-color .15s}.dm-input[data-v-f739b798]:focus{border-color:#7c6fea66}.dm-input[data-v-f739b798]::placeholder{color:#4a4a5e}.dm-send[data-v-f739b798]{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#7c6fea;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .15s;flex-shrink:0}.dm-send[data-v-f739b798]:hover{background:#6b5dd3}.dm-send[data-v-f739b798]:disabled{opacity:.4;cursor:default}.notif-header-row[data-v-f739b798]{display:flex;justify-content:flex-end;margin-bottom:4px}.notif-mark-all[data-v-f739b798]{padding:5px 12px;background:none;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#8a8a9e;font-size:12px;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .15s}.notif-mark-all[data-v-f739b798]:hover{background:#ffffff0a;color:#d0d0e0}.notif-list[data-v-f739b798]{display:flex;flex-direction:column;gap:2px}.notif-item[data-v-f739b798]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s}.notif-item[data-v-f739b798]:hover{background:#ffffff08}.notif-item.unread[data-v-f739b798]{background:#7c6fea0a}.notif-icon[data-v-f739b798]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon.friend_request[data-v-f739b798]{background:#faa61a1a;color:#faa61a}.notif-icon.friend_accepted[data-v-f739b798]{background:#43b5811a;color:#43b581}.notif-icon.dm_message[data-v-f739b798]{background:#7c6fea1a;color:#9b8ff0}.notif-body[data-v-f739b798]{flex:1;min-width:0}.notif-text[data-v-f739b798]{font-size:13px;color:#c0c0d0;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item.unread .notif-text[data-v-f739b798]{color:#e4e4ec;font-weight:500}.notif-time[data-v-f739b798]{font-size:11px;color:#5e5e72;display:block;margin-top:2px}.notif-dismiss[data-v-f739b798]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:none;color:#4a4a5e;cursor:pointer;border-radius:6px;transition:all .15s;opacity:0;flex-shrink:0}.notif-item:hover .notif-dismiss[data-v-f739b798]{opacity:1}.notif-dismiss[data-v-f739b798]:hover{background:#f047471f;color:#f04747}.empty-state[data-v-f739b798]{text-align:center;padding:32px 16px;color:#5e5e72;font-size:14px}.overlay-fade-enter-active[data-v-f739b798]{transition:all .2s ease}.overlay-fade-leave-active[data-v-f739b798]{transition:all .15s ease}.overlay-fade-enter-from[data-v-f739b798],.overlay-fade-leave-to[data-v-f739b798]{opacity:0}.overlay-fade-enter-from .overlay-panel[data-v-f739b798],.overlay-fade-leave-to .overlay-panel[data-v-f739b798]{transform:scale(.96) translateY(8px)}@media(max-width:768px){.overlay-backdrop[data-v-f739b798]{align-items:flex-end}.overlay-panel[data-v-f739b798]{width:100vw;max-width:100vw;max-height:85vh;border-radius:16px 16px 0 0;margin-bottom:0}.overlay-fade-enter-from .overlay-panel[data-v-f739b798],.overlay-fade-leave-to .overlay-panel[data-v-f739b798]{transform:translateY(100%)}}.mobile-tabs[data-v-8ba935d4]{display:none}@media(max-width:768px){.mobile-tabs[data-v-8ba935d4]{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(180deg,#100e1cf7,#0a0912fc);border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;align-items:center;justify-content:space-around}.mobile-tab[data-v-8ba935d4]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;padding:6px 0;background:none;border:none;color:#fff6;font-size:10px;font-weight:600;font-family:var(--font-main);text-decoration:none;cursor:pointer;transition:color .15s ease;position:relative;-webkit-tap-highlight-color:transparent}.mobile-tab[data-v-8ba935d4]:hover,.mobile-tab[data-v-8ba935d4]:active{color:#ffffffb3}.mobile-tab.active[data-v-8ba935d4]{color:var(--accent)}.mobile-tab-badge[data-v-8ba935d4]{position:absolute;top:2px;right:calc(50% - 18px);background:#e45;color:#fff;font-size:9px;font-weight:800;padding:1px 4px;border-radius:8px;min-width:14px;text-align:center;line-height:12px}.mobile-tab-avatar .avatar[data-v-8ba935d4]{border:2px solid transparent;transition:border-color .15s}.mobile-tab.active .mobile-tab-avatar .avatar[data-v-8ba935d4]{border-color:var(--accent)}}:root{--bg-primary: #0d0d12;--bg-secondary: #13131a;--bg-tertiary: #1a1a24;--bg-elevated: #20202c;--bg-hover: #262633;--bg-active: #2d2d3d;--text-primary: #e4e4ec;--text-secondary: #9898aa;--text-muted: #5e5e72;--text-link: #e91e8c;--text-link-hover: #f54da6;--accent: #e91e8c;--accent-hover: #d4177e;--accent-subtle: rgba(233, 30, 140, .12);--accent-glow: rgba(233, 30, 140, .3);--success: #43b581;--warning: #faa61a;--danger: #f04747;--info: #5b9bd5;--border: #2a2a38;--border-hover: #3a3a4d;--sidebar-width: 260px;--member-bar-width: 240px;--nav-height: 56px;--space-bar-width: 72px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}#sweepbox-app{height:100%;display:flex;flex-direction:column}#sweepbox-app.has-space-rail{padding-left:var(--space-bar-width)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-main);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#d43c3c}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.input{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:var(--font-main);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:80px}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}.avatar-xxl{width:128px;height:128px}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700;border-radius:var(--radius-full)}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}.status-online{background:var(--success)}.status-offline{background:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;min-width:420px;max-width:90vw;max-height:85vh;overflow-y:auto;animation:scaleIn .15s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:20px;font-weight:700}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;font-size:18px;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-active);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.verified-badge{display:inline-block;vertical-align:middle;margin-left:4px;flex-shrink:0;filter:drop-shadow(0 0 4px var(--accent))}@media(max-width:768px){:root{--nav-height: 0px;--space-bar-width: 0px;--mobile-tab-height: 64px}#sweepbox-app.has-space-rail{padding-left:0!important}#sweepbox-app.is-mobile{padding-bottom:calc(var(--mobile-tab-height) + env(safe-area-inset-bottom,0px))}.modal{min-width:unset;width:95vw;max-height:90vh;padding:16px;border-radius:var(--radius-lg)}.modal-header h2{font-size:17px}.btn{min-height:44px;padding:12px 20px}.btn-sm{min-height:36px;padding:8px 14px}.input{min-height:44px;padding:12px 14px;font-size:16px}.card{padding:14px}}