:root{--bg-servers: #1e1f22;--bg-channels: #2b2d31;--bg-chat: #313338;--bg-input: #383a40;--bg-secondary: #2b2d31;--bg-tertiary: #232428;--bg-floating: #111214;--bg-modifier-hover: rgba(79, 84, 92, .16);--bg-modifier-active: rgba(79, 84, 92, .24);--bg-modifier-selected: rgba(79, 84, 92, .32);--bg-modifier-accent: rgba(79, 84, 92, .48);--header-primary: #f2f3f5;--header-secondary: #b5bac1;--text-primary: #f2f3f5;--text-normal: #dbdee1;--text-muted: #949ba4;--text-link: #00aff4;--interactive-normal: #b5bac1;--interactive-hover: #dbdee1;--interactive-active: #fff;--channel-hover: #35373c;--message-hover: #2e3035;--brand-color: #5865f2;--accent-primary: #5865f2;--accent-hover: #4752c4;--danger-color: #ed4245;--success-color: #3ba55c;--warning-color: #faa61a;--font-display: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;--msg-font-size: 16px}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px;background-color:#2b2d31;display:block}::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}::-webkit-scrollbar-track{background-color:#2b2d31}.server-icon{width:48px;height:48px;background-color:var(--bg-chat);border-radius:50%;margin-bottom:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;transition:border-radius .2s ease,background-color .2s ease;overflow:hidden}.server-icon:hover,.server-icon.active{border-radius:16px;background-color:var(--brand-color)}.server-icon:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#fff;border-radius:0 4px 4px 0;opacity:0;transition:height .2s,opacity .2s}.server-icon:hover:before{height:20px;opacity:1}.server-icon.active:before{height:40px;opacity:1}.message-group{margin-top:1.0625rem;min-height:2.75rem}.message-avatar{margin-top:0;cursor:pointer}.message-avatar:hover{opacity:.8}.message-header{display:flex;align-items:center;line-height:1.375rem;min-height:1.375rem}.message-username{font-size:1rem;font-weight:500;line-height:1.375rem;color:var(--header-primary);display:inline;vertical-align:baseline;position:relative;overflow:hidden;flex-shrink:0;margin-right:.25rem;cursor:pointer}.message-compact{padding-left:72px;margin-top:0;min-height:1.375rem}.message-compact .message-text{margin-top:0}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}body{margin:0;padding:0;font-family:var(--font-display);background-color:var(--bg-chat);color:var(--text-normal);overflow:hidden;height:100vh;width:100vw;font-size:16px;line-height:1.375}.login-screen{display:flex;justify-content:center;align-items:center;height:100%;background:linear-gradient(135deg,#5865f2,#3a45a5,#2c3e50)}.login-box{background:var(--bg-secondary);padding:32px;border-radius:8px;box-shadow:0 8px 32px #0006;width:100%;max-width:480px;text-align:center}.login-logo{font-size:60px;color:var(--brand-color);margin-bottom:16px}.login-box h1{color:var(--header-primary);margin-bottom:8px;font-size:24px;font-weight:600}.login-box p{color:var(--text-muted);margin-bottom:20px;font-size:16px}.login-box input{width:100%;padding:12px;background-color:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-normal);margin-bottom:16px;height:44px;font-size:16px;outline:none}.login-box input:focus{outline:2px solid var(--brand-color);outline-offset:-2px}.auth-buttons{display:flex;flex-direction:column;gap:12px}.login-box button,.btn-primary{width:100%;background-color:var(--brand-color);color:#fff;padding:12px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .17s ease,transform .1s ease}.login-box button:hover,.btn-primary:hover{background-color:var(--accent-hover)}.login-box button:active,.btn-primary:active{transform:scale(.98)}.login-box .btn-secondary{background-color:transparent;color:var(--text-primary);border:none;padding:12px;cursor:pointer;font-size:14px}.login-box .btn-secondary:hover{text-decoration:underline}.error-text{color:var(--danger-color);font-size:14px;margin-top:12px}.hidden{display:none!important}.discord-app{display:flex;width:100vw;height:100vh;overflow:hidden}.servers-sidebar{width:72px;background-color:var(--bg-servers);display:flex;flex-direction:column;align-items:center;padding:12px 0;overflow-y:auto;flex-shrink:0}.server-icon{width:48px;height:48px;background-color:#313338;border-radius:50%;margin-bottom:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease-out;color:var(--text-normal);font-size:20px;position:relative}.server-icon:hover,.server-icon.active{border-radius:16px;background-color:var(--accent-primary);color:#fff}.server-icon.active:before{content:"";position:absolute;left:-16px;width:8px;height:40px;border-radius:0 4px 4px 0;background-color:#fff}.server-separator{width:32px;height:2px;background-color:#35363c;margin:8px 0}.add-server{background-color:#313338;color:#23a559}.add-server:hover{background-color:#23a559;color:#fff}.server-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px #0003;font-weight:700;cursor:pointer;transition:background-color .2s}.server-header:hover{background-color:#ffffff0d}.channel-category{font-size:12px;font-weight:700;color:var(--text-muted);margin-top:16px;margin-bottom:4px;padding-left:8px;cursor:default}.channel-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;margin-bottom:2px;color:var(--text-muted);cursor:pointer}.channel-item:hover{background-color:var(--channel-hover);color:var(--text-normal)}.channel-item.active{background-color:#4f545c99;color:#fff}.channel-item i{margin-right:6px;color:#80848e}.user-area{background-color:#232428;height:52px;padding:0 8px;display:flex;align-items:center}.user-avatar-small{width:32px;height:32px;border-radius:50%;margin-right:8px;background-color:var(--accent-primary);position:relative}.user-avatar-small:after{content:"";position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;background-color:#23a559;border-radius:50%;border:3px solid #232428}.user-info{flex:1;overflow:hidden}.user-name-display{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:11px;color:var(--text-muted)}.user-controls i{padding:8px;cursor:pointer;border-radius:4px}.user-controls i:hover{background-color:var(--channel-hover)}.chat-area{flex:1;display:flex;flex-direction:column;background-color:var(--bg-chat);position:relative;min-width:0}.chat-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px #0003}.header-left{display:flex;align-items:center;font-weight:700}.header-left i{color:var(--text-muted);margin-right:8px}.channel-topic{margin-left:16px;font-weight:400;color:var(--text-muted);font-size:14px;border-left:1px solid var(--text-muted);padding-left:16px}.header-right{display:flex;align-items:center;gap:16px;color:var(--interactive-normal)}.messages-wrapper{flex:1;overflow-y:auto;padding:0 16px;display:flex;flex-direction:column}.message-group{display:flex;margin-top:17px;padding:2px 0;position:relative}.message-group:hover{background-color:#00000005}.message-content{width:100%}.message-group:hover .message-actions{display:flex}.message-actions{display:none;position:absolute;top:-10px;right:16px;background-color:var(--bg-chat);border:1px solid #232428;border-radius:4px;box-shadow:0 2px 4px #0003;padding:2px}.action-btn{padding:4px 6px;cursor:pointer;color:var(--interactive-normal)}.action-btn:hover{background-color:var(--message-hover);color:var(--interactive-hover)}.hashtag{color:#a0c7ff;background-color:#5865f21a;border-radius:3px;padding:0 2px;cursor:pointer}.reply-context{display:flex;align-items:center;color:var(--text-muted);font-size:12px;margin-bottom:4px;margin-left:50px;position:relative}.reply-context:before{content:"";position:absolute;left:-36px;width:30px;height:2px;border-top:2px solid #4F545C;border-left:2px solid #4F545C;border:none;border-left:2px solid #4e5058;border-top:2px solid #4e5058;border-top-left-radius:6px;height:12px;width:32px;top:10px}.message-avatar{width:40px;height:40px;border-radius:50%;margin-right:16px;margin-top:2px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;flex-shrink:0;cursor:pointer}.message-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.message-username{font-weight:500;cursor:pointer}.message-header .user-badge{font-size:14px;margin-left:2px}.message-timestamp{font-size:12px;color:var(--text-muted);margin-left:4px}.message-text{color:var(--text-normal);white-space:pre-wrap;margin-top:2px;line-height:1.375rem;font-size:var(--msg-font-size, 16px);overflow-wrap:break-word;word-break:break-word}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{background-color:#2b2d31;border-radius:8px;padding:2px 6px;font-size:12px;cursor:pointer;border:1px solid transparent;display:flex;align-items:center;gap:4px}.reaction-chip:hover{border-color:var(--text-muted)}.reaction-chip.voted{background-color:#5865f226;border-color:var(--accent-primary)}.message-input-area{padding:0 16px 24px;margin-top:10px}.input-form{background-color:var(--bg-input);border-radius:8px;display:flex;align-items:center;padding:0 16px;height:44px}.reply-preview{background-color:#2b2d31;color:var(--text-muted);padding:8px 16px;border-radius:8px 8px 0 0;margin-bottom:-5px;font-size:13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35363C}.input-form input{background:transparent;border:none;color:var(--text-normal);flex:1;padding:10px;font-size:15px;outline:none}.upload-btn,.emoji-btn{color:var(--interactive-normal);cursor:pointer;padding:0 10px}.upload-btn:hover,.emoji-btn:hover{color:var(--interactive-hover)}.members-sidebar{width:240px;background-color:var(--bg-channels);flex-shrink:0;padding:16px 8px;overflow-y:auto}.members-group{font-size:12px;font-weight:700;color:var(--text-muted);padding:8px 8px 4px;margin-top:8px}.member-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;color:var(--text-muted);opacity:.9}.member-item:hover{background-color:var(--channel-hover);opacity:1;color:var(--text-normal)}.member-avatar{width:32px;height:32px;border-radius:50%;margin-right:12px;position:relative}.member-status-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;background-color:#23a559;border-radius:50%;border:3px solid var(--bg-channels)}.member-name{font-weight:500}display: flex; height: 100vh; width: 100%; } .servers-sidebar{width:72px;background-color:var(--bg-servers);display:flex;flex-direction:column;align-items:center;padding-top:12px;overflow-y:auto;flex-shrink:0}.server-icon{width:48px;height:48px;background-color:#313338;border-radius:50%;margin-bottom:8px;display:flex;align-items:center;justify-content:center;color:var(--text-normal);font-weight:500;cursor:pointer;transition:.2s;position:relative}.server-icon:hover{border-radius:16px;background-color:var(--accent-primary);color:#fff}.server-icon.active{background-color:var(--accent-primary);border-radius:16px;color:#fff}.server-icon.active:before{content:"";position:absolute;left:-16px;top:10px;bottom:10px;width:8px;background:#fff;border-radius:0 4px 4px 0}.channels-sidebar{width:240px;background-color:var(--bg-channels);display:flex;flex-direction:column;flex-shrink:0}.channels-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--header-primary);box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d;font-size:15px}.channels-list{flex:1;padding:8px;overflow-y:auto}.channel-category{color:var(--text-muted);font-size:12px;font-weight:600;padding:8px;margin-top:8px}.channel-item{padding:6px 8px;margin-bottom:2px;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.channel-item:hover{background-color:var(--channel-hover);color:var(--interactive-hover)}.channel-item.active{background-color:#3f4147;color:#fff}.hashtag{font-size:20px;margin-right:6px;color:#80848e}.user-panel{background-color:#232428;height:52px;padding:0 8px;display:flex;align-items:center;font-size:14px}.user-avatar-small{width:32px;height:32px;background-color:var(--accent-primary);border-radius:50%;margin-right:8px;background-size:cover}.user-info{display:flex;flex-direction:column}.user-id{font-size:12px;color:var(--text-muted)}.chat-main{flex:1;display:flex;flex-direction:column;background-color:var(--bg-chat);position:relative;min-width:0}.chat-header{height:48px;padding:0 16px;display:flex;align-items:center;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d;z-index:10;color:var(--header-primary)}.chat-header h3{margin:0 8px 0 0;font-size:16px}.topic{color:var(--text-muted);font-size:14px;border-left:1px solid var(--text-muted);padding-left:10px}.messages-list{flex:1;overflow-y:auto;padding:16px 16px 0;display:flex;flex-direction:column}.messages-list::-webkit-scrollbar,.channels-list::-webkit-scrollbar,.servers-sidebar::-webkit-scrollbar{width:8px;background-color:#2b2d31}.messages-list::-webkit-scrollbar-thumb,.channels-list::-webkit-scrollbar-thumb,.servers-sidebar::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}.welcome-message{margin-top:auto;margin-bottom:20px;padding:16px}.welcome-message h2{background-color:#41434a;display:inline-block;font-size:32px;border-radius:50%;padding:10px;margin:0 0 10px;color:#fff;width:60px;height:60px;text-align:center;line-height:40px}.message-group{margin-top:17px;display:flex;padding:2px 0}.message-group:hover{background-color:#04040512}.message-avatar{width:40px;height:40px;border-radius:50%;margin-right:16px;cursor:pointer;flex-shrink:0;background-color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;margin-bottom:2px}.message-username{font-size:16px;font-weight:500;color:var(--header-primary);margin-right:.5rem;cursor:pointer}.message-username:hover{text-decoration:underline}.message-timestamp{font-size:.75rem;color:var(--text-muted);margin-left:.25rem}.message-text{color:var(--text-normal);font-size:1rem;line-height:1.375rem;white-space:pre-wrap;word-wrap:break-word}.chat-input-area{padding:0 16px 24px;margin-top:10px}.input-wrapper{background-color:var(--bg-input);border-radius:8px;padding:0 16px;display:flex;align-items:center}#message-input{width:100%;background:transparent;border:none;color:var(--text-normal);padding:11px 0;height:44px;font-size:1rem;outline:none}.upload-btn{background:#b5bac1;border-radius:50%;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:16px;cursor:pointer;color:var(--bg-input);font-weight:900;font-size:18px;padding-bottom:2px}.upload-btn:hover{color:#dbdee1}.members-sidebar{width:240px;background-color:var(--bg-channels);display:none;padding:24px 8px 0 16px}@media (min-width: 800px){.members-sidebar{display:block}}.member-category{color:var(--text-muted);font-size:12px;font-weight:600;margin-bottom:8px}.member-item{display:flex;align-items:center;padding:5px 8px;border-radius:4px;cursor:pointer;opacity:.8}.member-item:hover{background-color:var(--channel-hover);opacity:1}.member-avatar{width:32px;height:32px;border-radius:50%;background-color:#f23f43;margin-right:12px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700}.member-name{font-weight:500;color:var(--header-primary)}.auth-buttons{display:flex;gap:10px;margin-top:20px}.btn-primary{flex:1;background-color:var(--accent-primary);color:#fff;padding:12px;border:none;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{flex:1;background-color:#3ba55c;color:#fff;padding:12px;border:none;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#2d8049}.error-text{color:#f23f43;margin-top:10px;font-size:14px;min-height:20px}.login-logo{font-size:60px;color:var(--accent-primary);margin-bottom:16px}.view-content{display:flex;flex-direction:column;height:100%}.sidebar-content{flex:1;overflow-y:auto}.home-icon{background-color:var(--accent-primary)!important;color:#fff!important}.friends-header{padding:12px}.btn-add-friend{width:100%;padding:8px 12px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-add-friend:hover{background-color:var(--accent-hover)}.friends-section{padding:16px}.friends-section h3{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.friend-item,.friend-request-item{display:flex;align-items:center;padding:10px 8px;border-radius:8px;margin-bottom:2px;cursor:pointer}.friend-item:hover,.friend-request-item:hover{background-color:var(--channel-hover)}.friend-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;position:relative}.friend-name{flex:1;font-weight:600;color:var(--header-primary)}.friend-status{color:var(--text-muted);font-size:12px;margin-right:12px}.status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-channels);background-color:#80848e}.status-dot.online{background-color:#23a559}.status-dot.idle{background-color:#f0b232}.status-dot.dnd{background-color:#f23f43}.status-dot.offline{background-color:#80848e}.btn-dm,.btn-remove,.btn-accept,.btn-reject{width:36px;height:36px;border:none;border-radius:50%;background-color:var(--bg-input);color:var(--text-normal);cursor:pointer;margin-left:8px;font-size:14px}.btn-accept{background-color:#23a559;color:#fff}.btn-reject{background-color:#f23f43;color:#fff}.btn-dm:hover{background-color:var(--accent-primary)}.btn-remove:hover{background-color:#f23f43}.dm-item{display:flex;align-items:center;padding:8px 12px;border-radius:4px;cursor:pointer;margin:2px 8px}.dm-item:hover{background-color:var(--channel-hover)}.dm-avatar{width:32px;height:32px;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.dm-info{flex:1;overflow:hidden}.dm-name{font-weight:600;font-size:14px}.dm-preview{color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-btn{padding:4px 8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;border-radius:4px}.header-btn:hover{background-color:var(--channel-hover);color:var(--text-normal)}.header-btn.active{background-color:var(--channel-hover);color:#fff}.header-btn.btn-add{background-color:#23a559;color:#fff}.header-btn.btn-add:hover{background-color:#2d8049}.friends-list-container{flex:1;overflow-y:auto;padding:16px}.member-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-channels);background-color:#23a559}.member-status-dot.online{background-color:#23a559}.member-status-dot.idle{background-color:#f0b232}.member-status-dot.dnd{background-color:#f23f43}.member-status-dot.offline{background-color:#80848e}.voice-indicator-dot{position:absolute;top:-2px;left:-2px;width:18px;height:18px;border-radius:50%;background-color:#23a559;border:3px solid var(--bg-channels);display:flex;align-items:center;justify-content:center;animation:voice-pulse 2s infinite;z-index:10}.voice-indicator-dot i{font-size:7px;color:#fff}@keyframes voice-pulse{0%,to{box-shadow:0 0 #23a55980}50%{box-shadow:0 0 0 5px #23a55900}}.member-avatar{position:relative;z-index:1}.owner-crown{position:absolute;top:-8px;right:-4px;color:#f0b232;font-size:10px}.members-group{color:var(--text-muted);font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.admin-container{flex:1;overflow-y:auto;padding:24px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background-color:var(--bg-channels);border-radius:8px;padding:20px}.stat-card h3{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;margin:0 0 8px}.stat-value{font-size:32px;font-weight:700;color:var(--header-primary)}.stat-sub{color:var(--text-muted);font-size:12px;margin-top:4px}.admin-section{background-color:var(--bg-channels);border-radius:8px;padding:20px;margin-bottom:24px}.admin-section h2{color:var(--header-primary);margin:0 0 16px;font-size:18px}.admin-filters{display:flex;gap:8px;margin-bottom:16px}.filter-btn{padding:8px 16px;background-color:var(--bg-input);border:none;border-radius:4px;color:var(--text-normal);cursor:pointer;font-size:14px}.filter-btn:hover{background-color:var(--channel-hover)}.filter-btn.active{background-color:var(--accent-primary);color:#fff}.admin-table th{text-align:left;padding:12px 8px;color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--bg-input)}.admin-table td{padding:12px 8px;border-bottom:1px solid var(--bg-input);color:var(--text-normal)}.admin-table tr:hover{background-color:#ffffff05}.admin-table tr.banned{background-color:#f23f431a}.admin-table tr.admin{background-color:#5865f21a}.user-cell{display:flex;align-items:center;gap:8px}.mini-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.badge{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;margin-left:4px}.badge.admin{background-color:var(--accent-primary);color:#fff}.badge.banned{background-color:#f23f43;color:#fff}.btn-small{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600}.btn-danger{background-color:#f23f43;color:#fff}.btn-danger:hover{background-color:#d63539}.btn-success{background-color:#23a559;color:#fff}.btn-success:hover{background-color:#1e8e4c}.mention{color:#a0c7ff;background-color:#5865f24d;border-radius:3px;padding:0 2px;cursor:pointer}.mention:hover{background-color:var(--accent-primary);color:#fff}.edited{color:var(--text-muted);font-size:10px;margin-left:4px}.search-bar{display:flex;align-items:center;background-color:var(--bg-servers);border-radius:4px;padding:0 8px}.search-bar input{background:transparent;border:none;color:var(--text-normal);padding:6px 8px;outline:none;width:150px}.search-bar input::placeholder{color:var(--text-muted)}.search-bar i{color:var(--text-muted);font-size:14px}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:var(--bg-input);border-radius:4px;margin-right:4px;margin-top:4px;cursor:pointer;border:1px solid transparent}.reaction-chip:hover{border-color:var(--accent-primary)}.reaction-chip.voted{background-color:#5865f24d;border-color:var(--accent-primary)}.reaction-chip .count{color:var(--text-muted);font-size:12px}.message-reactions{display:flex;flex-wrap:wrap;margin-top:4px}.context-menu{position:fixed;background-color:#111214;border-radius:4px;padding:6px 8px;min-width:188px;box-shadow:0 8px 16px #0000003d;z-index:1000;animation:contextFadeIn .1s ease}@keyframes contextFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-item{display:flex;align-items:center;padding:6px 8px;border-radius:2px;color:var(--interactive-normal);font-size:14px;cursor:pointer;gap:10px}.context-item:hover{background-color:var(--accent-primary);color:#fff}.context-item.danger{color:#f23f43}.context-item.danger:hover{background-color:#f23f43;color:#fff}.context-item i{width:18px;text-align:center}.context-separator{height:1px;margin:4px;background-color:#2e3035}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1001;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay.fullscreen{background-color:var(--bg-chat)}.modal-overlay.fullscreen .modal-content{width:100%;height:100%;max-width:none;border-radius:0}.modal-content{background-color:var(--bg-channels);border-radius:8px;max-width:480px;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.confirm-dialog,.invite-modal,.create-server-modal,.join-server-modal,.server-settings{padding:24px;text-align:center}.confirm-dialog h3,.invite-modal h2,.create-server-modal h2,.join-server-modal h2,.server-settings h2{margin:0 0 8px;color:var(--header-primary)}.confirm-dialog p,.invite-modal p,.create-server-modal p,.join-server-modal p{color:var(--text-muted);margin:0 0 20px}.dialog-actions,.modal-actions,.settings-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.btn-cancel{padding:10px 20px;background:transparent;border:none;color:var(--text-normal);font-size:14px;cursor:pointer;border-radius:3px}.btn-cancel:hover{text-decoration:underline}.btn-confirm{padding:10px 20px;background-color:#f23f43;color:#fff;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer}.btn-confirm:hover{background-color:#d63539}.btn-save{padding:10px 20px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer}.btn-save:hover{background-color:var(--accent-hover)}.invite-link-box{display:flex;background-color:var(--bg-servers);border-radius:4px;overflow:hidden;margin-bottom:12px}.invite-link-box input{flex:1;padding:12px;background:transparent;border:none;color:var(--text-normal);font-size:14px}.btn-copy{padding:12px 16px;background-color:var(--accent-primary);color:#fff;border:none;font-weight:500;cursor:pointer}.btn-copy:hover{background-color:var(--accent-hover)}.invite-code{color:var(--text-muted);font-size:12px}.add-server-modal{padding:24px}.add-server-modal h2{text-align:center;margin:0 0 24px;color:var(--header-primary)}.server-options{display:flex;flex-direction:column;gap:12px}.server-option{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--bg-servers);border-radius:8px;cursor:pointer;border:1px solid transparent;transition:border-color .2s}.server-option:hover{border-color:var(--text-muted)}.option-icon{width:48px;height:48px;background-color:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.server-option h3{margin:0;color:var(--header-primary);font-size:16px}.server-option p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.create-server-modal input,.join-server-modal input{width:100%;padding:12px;background-color:var(--bg-servers);border:none;border-radius:4px;color:var(--text-normal);font-size:16px;margin-bottom:8px}.hint{color:var(--text-muted);font-size:12px}.settings-field{text-align:left;margin-bottom:16px}.settings-field label{display:block;color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:8px}.settings-field input{width:100%;padding:12px;background-color:var(--bg-servers);border:none;border-radius:4px;color:var(--text-normal);font-size:16px}.profile-modal{width:340px;background-color:#232428;border-radius:8px;overflow:hidden}.profile-banner{height:60px}.profile-avatar-large{width:80px;height:80px;border-radius:50%;border:6px solid #232428;margin:-40px 0 0 16px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff}.profile-info{padding:8px 16px 16px}.profile-name{margin:0;font-size:20px;color:var(--header-primary)}.profile-tag{color:var(--text-muted);font-size:16px;font-weight:400}.profile-bio{color:var(--text-normal);font-size:14px;margin:8px 0}.profile-section{background-color:var(--bg-servers);border-radius:8px;padding:12px;margin-top:12px}.profile-section h3{margin:0 0 4px;font-size:12px;color:var(--text-muted);font-weight:700}.profile-section p{margin:0;color:var(--text-normal);font-size:14px}.profile-actions{display:flex;gap:8px;padding:16px;background-color:var(--bg-servers)}.btn-profile{flex:1;padding:10px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-profile.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-profile.btn-primary:hover{background-color:var(--accent-hover)}.btn-profile.btn-secondary{background-color:var(--bg-input);color:var(--text-normal)}.btn-profile.btn-secondary:hover{background-color:var(--channel-hover)}.settings-nav{width:218px;min-width:218px;background-color:var(--bg-channels);padding:60px 6px 20px 20px;display:flex;flex-direction:column;margin-left:auto}.settings-close-area{flex:1;min-width:60px;cursor:pointer;position:relative}.settings-category{color:var(--text-muted);font-size:12px;font-weight:700;padding:6px 10px;margin-top:12px}.settings-item{padding:6px 10px;border-radius:4px;color:var(--interactive-normal);cursor:pointer;font-size:14px;margin-bottom:2px}.settings-item:hover{background-color:var(--channel-hover);color:var(--interactive-hover)}.settings-item.active{background-color:var(--channel-hover);color:#fff}.settings-item.danger{color:#f23f43}.settings-item.danger:hover{background-color:#f23f431a}.settings-separator{height:1px;margin:8px 10px;background-color:var(--channel-hover)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-header h2{margin:0;color:var(--header-primary);font-size:20px}.settings-close{padding:8px 12px;background-color:transparent;border:1px solid var(--text-muted);border-radius:50px;color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px}.settings-close:hover{border-color:var(--text-normal);color:var(--text-normal)}.settings-body{flex:1}.account-card{background-color:var(--bg-servers);border-radius:8px;overflow:hidden}.account-banner{height:100px}.account-info{display:flex;align-items:flex-end;padding:16px;margin-top:-32px}.account-avatar{width:80px;height:80px;border-radius:50%;border:6px solid var(--bg-servers);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;margin-right:16px}.account-details{flex:1}.account-details h3{margin:0;color:var(--header-primary);font-size:20px}.account-details .tag{color:var(--text-muted);font-weight:400}.btn-edit-profile{padding:8px 16px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.btn-edit-profile:hover{background-color:var(--accent-hover)}.account-fields{padding:16px;border-top:1px solid var(--bg-chat)}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field label{display:block;color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:4px}.field-value{color:var(--text-normal);font-size:16px}.field-row{display:flex;justify-content:space-between;align-items:center}.field-edit-btn{background-color:transparent;border:none;color:var(--accent-primary);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px}.field-edit-btn:hover{text-decoration:underline}.text-muted{color:var(--text-muted)}.settings-version{color:var(--text-muted);font-size:12px;padding:8px 10px}.settings-nav .settings-item i{width:20px;margin-right:6px;text-align:center}.settings-section{margin-top:32px}.settings-section h3{color:var(--header-primary);font-size:16px;font-weight:600;margin:0 0 12px}.settings-section p{margin:4px 0 12px}.settings-danger-zone{border-top:1px solid rgba(242,63,67,.2);padding-top:24px;margin-top:40px}.btn-secondary{background-color:var(--channel-hover);color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500}.btn-secondary:hover{background-color:var(--interactive-hover)}.btn-danger{background-color:#f23f43;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500}.btn-danger:hover{background-color:#d63031}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.settings-input{width:100%;background-color:var(--bg-servers);border:1px solid #222;border-radius:4px;padding:10px 12px;color:var(--text-normal);font-size:16px;box-sizing:border-box}.settings-input:focus{border-color:var(--accent-primary);outline:none}.settings-textarea{width:100%;min-height:100px;background-color:var(--bg-servers);border:1px solid #222;border-radius:4px;padding:10px 12px;color:var(--text-normal);font-size:14px;resize:vertical;font-family:inherit;box-sizing:border-box}.settings-textarea:focus{border-color:var(--accent-primary);outline:none}.char-count{text-align:right;font-size:12px;color:var(--text-muted);margin-top:4px}.edit-field-dialog{background-color:var(--bg-channels);border-radius:8px;padding:24px;min-width:400px;max-width:500px}.edit-field-dialog h3{margin:0 0 16px;color:var(--header-primary);font-size:20px}.edit-field-error{color:#f23f43;font-size:13px;margin:8px 0;min-height:18px}.profile-preview-container{display:flex;gap:32px}.profile-editor{flex:1;min-width:0}.profile-preview-card{width:300px;min-width:300px}.preview-label{color:var(--text-muted);font-size:12px;font-weight:700;margin-bottom:8px}.mini-profile-card{background-color:var(--bg-servers);border-radius:8px;overflow:hidden}.mini-profile-banner{height:60px}.mini-profile-body{padding:12px 16px 16px;position:relative}.mini-profile-avatar{width:64px;height:64px;border-radius:50%;border:4px solid var(--bg-servers);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;margin-top:-40px;margin-bottom:8px}.mini-profile-body h4{color:var(--header-primary);font-size:18px;margin:0 0 8px}.mini-profile-body h4 .tag{color:var(--text-muted);font-weight:400}.mini-profile-divider{height:1px;background-color:var(--channel-hover);margin:12px 0}.mini-profile-section h5{color:var(--header-primary);font-size:12px;font-weight:700;margin:0 0 4px}.mini-profile-section p{color:var(--text-normal);font-size:14px;margin:0 0 12px;word-break:break-word}.color-picker-grid{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;border:3px solid transparent;transition:border-color .15s,transform .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#fff}.color-swatch.custom-color{background-color:var(--channel-hover);position:relative;overflow:hidden}.color-swatch.custom-color input[type=color]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.status-selector{display:flex;flex-direction:column;gap:4px}.status-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px;cursor:pointer;color:var(--text-normal);font-size:14px}.status-option:hover,.status-option.active{background-color:var(--channel-hover)}.status-option input[type=radio]{display:none}.status-dot-large{width:14px;height:14px;border-radius:50%;flex-shrink:0}.btn-save-profile{margin-top:24px;padding:12px 24px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;width:100%}.btn-save-profile:hover{background-color:var(--accent-hover)}.btn-save-profile:disabled{opacity:.6;cursor:not-allowed}.range-setting{display:flex;align-items:center;gap:12px}.range-label{color:var(--text-muted);font-size:12px;min-width:35px}.range-value{color:var(--accent-primary);font-weight:600;font-size:14px;min-width:45px;text-align:right}.settings-range{flex:1;-webkit-appearance:none;height:6px;background-color:var(--bg-servers);border-radius:3px;outline:none}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background-color:var(--accent-primary);cursor:pointer}.settings-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background-color:var(--accent-primary);cursor:pointer;border:none}.appearance-preview{background-color:var(--bg-chat);border-radius:8px;padding:16px;border:1px solid var(--channel-hover)}.preview-msg{display:flex;gap:12px}.preview-msg-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.preview-msg-content{flex:1}.preview-msg-author{color:var(--accent-primary);font-weight:500;font-size:15px;margin-right:8px}.preview-msg-time{color:var(--text-muted);font-size:12px}.preview-msg-text{color:var(--text-normal);font-size:var(--msg-font-size, 16px);margin:4px 0 0;line-height:1.4}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background-color:#232428;color:var(--text-normal);padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 16px #0000003d;z-index:2000;opacity:0;transition:transform .3s ease,opacity .3s ease}.toast-success i{color:#23a559}.toast-error i{color:#f23f43}.emoji-picker{padding:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.emoji-item{font-size:24px;padding:8px;text-align:center;cursor:pointer;border-radius:4px;transition:background-color .1s}.emoji-item:hover{background-color:var(--channel-hover)}.message-tag{color:var(--text-muted);font-size:12px;font-weight:400;margin-left:2px}.message-compact{display:flex;align-items:flex-start;padding:2px 48px 2px 72px;position:relative}.message-compact:hover{background-color:var(--bg-modifier-hover)}.compact-timestamp{position:absolute;left:16px;width:48px;text-align:right;color:var(--text-muted);font-size:11px;opacity:0;top:4px}.message-compact:hover .compact-timestamp{opacity:1}.message-content-wrapper{flex:1;min-width:0}.reply-context{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:13px;margin-bottom:4px}.reply-context i{color:var(--text-muted)}.reply-avatar{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700}.reply-username{color:var(--header-secondary);font-weight:500;margin-right:4px}.reply-text-preview{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-header-tabs{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--channel-hover)}.friends-tab-content{flex:1;overflow-y:auto;padding:16px 20px}.friend-info{flex:1;display:flex;flex-direction:column;min-width:0}.friend-tag{color:var(--text-muted);font-size:12px;font-weight:400}.btn-icon{width:36px;height:36px;border:none;border-radius:50%;background-color:var(--bg-servers);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:8px}.btn-icon:hover{background-color:var(--channel-hover);color:var(--text-normal)}.btn-icon.btn-accept{background-color:transparent;color:#23a559}.btn-icon.btn-accept:hover{background-color:#23a559;color:#fff}.btn-icon.btn-reject,.btn-icon.btn-cancel{background-color:transparent;color:#f23f43}.btn-icon.btn-reject:hover,.btn-icon.btn-cancel:hover{background-color:#f23f43;color:#fff}.add-friend-form{max-width:600px}.add-friend-form h3{color:var(--header-primary);font-size:16px;margin:0 0 8px}.add-friend-form>p{color:var(--text-muted);margin:0 0 16px}.add-friend-input{display:flex;background-color:var(--bg-servers);border-radius:8px;padding:4px}.add-friend-input input{flex:1;padding:12px;background:transparent;border:none;color:var(--text-normal);font-size:16px;outline:none}.btn-send-request{padding:10px 16px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.btn-send-request:hover{background-color:var(--accent-hover)}.btn-send-request:disabled{opacity:.5;cursor:not-allowed}.add-friend-hint{margin-top:12px;font-size:14px}.add-friend-hint.success{color:#23a559}.add-friend-hint.error{color:#f23f43}.empty-state,.empty-friends{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state i{font-size:80px;margin-bottom:20px;opacity:.5}.empty-state h2,.empty-state h3{color:var(--header-primary);margin:0 0 8px}.empty-friends p{margin:0}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted)}.error-state{display:flex;align-items:center;justify-content:center;padding:40px;color:#f23f43}.welcome-message{display:flex;flex-direction:column;align-items:flex-start;margin-top:auto;margin-bottom:16px;padding:16px}.welcome-icon{width:68px;height:68px;background-color:#41434a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin-bottom:12px}.welcome-message h1{margin:0 0 8px;color:var(--header-primary);font-size:24px}.welcome-message p{margin:0;color:var(--text-muted)}.server-dropdown{background-color:#111214;border-radius:4px;padding:6px 8px;box-shadow:0 8px 16px #0000003d;z-index:1000;animation:contextFadeIn .1s ease}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:2px;color:var(--interactive-normal);font-size:14px;cursor:pointer}.dropdown-item:hover{background-color:var(--accent-primary);color:#fff}.dropdown-item.danger{color:#f23f43}.dropdown-item.danger:hover{background-color:#f23f43;color:#fff}.dropdown-item i{width:18px;text-align:center}.dropdown-separator{height:1px;margin:4px 0;background-color:#2e3035}.server-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px #0003;cursor:pointer;transition:background-color .1s}.server-header:hover{background-color:#4f545c4d}.server-header h3{margin:0;font-size:15px;font-weight:600;color:var(--header-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-channel-modal,.create-category-modal{padding:24px}.create-channel-modal h2,.create-category-modal h2{margin:0 0 16px;color:var(--header-primary);text-align:center}.channel-type-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.type-option{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--bg-servers);border-radius:4px;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.type-option:hover{background-color:var(--channel-hover)}.type-option.selected{border-color:var(--accent-primary);background-color:#5865f21a}.type-option i{font-size:24px;color:var(--text-muted);width:32px;text-align:center}.type-option strong{display:block;color:var(--header-primary);font-size:14px}.type-option p{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.btn-create-channel,.btn-create-category,.btn-add-category{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 16px);margin:8px;padding:8px 12px;background-color:transparent;border:1px dashed var(--text-muted);border-radius:4px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s}.btn-create-channel:hover,.btn-create-category:hover,.btn-add-category:hover{background-color:var(--channel-hover);border-color:var(--text-normal);color:var(--text-normal)}.empty-channels{padding:8px}.channel-category{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:12px;font-weight:700;padding:16px 8px 4px 4px;cursor:pointer}.channel-category:hover{color:var(--text-normal)}.channel-category i.fa-chevron-down{font-size:10px;margin-right:4px;transition:transform .15s}.channel-category .add-channel{opacity:0;font-size:14px;cursor:pointer;transition:opacity .1s}.channel-category .add-channel:hover{color:var(--header-primary)}.profile-modal{width:340px;max-width:340px;background-color:#232428;border-radius:8px;overflow:hidden}.modal-overlay .modal-content:has(.profile-modal){background:transparent;max-width:340px;width:auto}.member-item{cursor:pointer}.member-avatar{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.header-icon{cursor:pointer;padding:4px;border-radius:4px;transition:color .15s}.header-icon:hover,.header-icon.active{color:var(--header-primary)}.server-icon{position:relative}.notification-badge{position:absolute;bottom:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background-color:#ed4245;color:#fff;font-size:12px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-servers);animation:badge-pulse 2s infinite;box-shadow:0 2px 8px #ed424580}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-badge.hidden{display:none}.modal-overlay.fullscreen{background-color:transparent}.modal-overlay.fullscreen .modal-content{width:100%;height:100%;max-width:none;border-radius:0;background:transparent}.settings-container{display:flex;height:100vh;width:100%;background-color:var(--bg-channels)}.settings-content{flex:1;background-color:var(--bg-chat);display:flex;flex-direction:column;max-width:740px;padding:60px 40px 80px}.settings-close-area{flex:1;min-width:60px;background-color:var(--bg-chat);cursor:pointer;position:relative}.invite-page{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5865f2,#3a45a5,#2c3e50);display:flex;align-items:center;justify-content:center;z-index:10000}.invite-card{background-color:var(--bg-secondary);border-radius:8px;padding:32px;width:440px;max-width:90vw;box-shadow:0 8px 32px #0006;text-align:center}.invite-icon{width:80px;height:80px;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:40px}.invite-card h2{color:var(--text-primary);margin-bottom:8px;font-size:24px}.invite-card p{color:var(--text-muted);margin-bottom:24px}.invite-code-display{background-color:var(--bg-tertiary);padding:12px 16px;border-radius:4px;margin-bottom:24px;font-family:monospace;font-size:14px;color:var(--text-secondary);word-break:break-all}.invite-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.invite-form input{padding:12px 16px;background-color:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:16px}.invite-form input:focus{outline:2px solid var(--brand-color)}.invite-buttons{display:flex;gap:12px}.invite-buttons button{flex:1;padding:12px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.invite-buttons .btn-login{background-color:var(--bg-tertiary);color:var(--text-primary)}.invite-buttons .btn-login:hover{background-color:var(--bg-hover)}.invite-buttons .btn-register{background-color:var(--brand-color);color:#fff}.invite-buttons .btn-register:hover{background-color:#4752c4}.dm-item{display:flex;align-items:center;padding:8px 12px;margin:2px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s;position:relative}.dm-item:hover{background-color:var(--bg-modifier-hover)}.dm-item.active{background-color:var(--bg-modifier-selected)}.dm-avatar-container{position:relative;margin-right:12px;flex-shrink:0}.dm-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:600}.dm-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-channels);background-color:#747f8d}.dm-status-dot.online{background-color:#3ba55c}.dm-status-dot.idle{background-color:#faa61a}.dm-status-dot.dnd{background-color:#ed4245}.dm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dm-username{color:var(--text-primary);font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-status-text{color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-close-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:14px;transition:all .15s}.dm-item:hover .dm-close-btn{display:flex}.dm-close-btn:hover{color:var(--text-primary);background-color:var(--bg-modifier-hover)}.empty-dm-list{padding:20px;text-align:center;color:var(--text-muted);font-size:14px}.dm-section-header{display:flex;align-items:center;justify-content:space-between;padding:18px 10px 4px 18px;color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.dm-section-header:hover{color:var(--text-secondary)}.messages-wrapper{flex:1;overflow-y:auto;display:flex;flex-direction:column}.messages-scroll-content{margin-top:auto;padding:16px}.message-group{position:relative;padding:2px 48px 2px 72px;margin-top:16px;border-radius:4px}.message-group .message-avatar{position:absolute;left:16px;top:2px;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:16px;cursor:pointer}.message-group .message-content-wrapper{min-width:0}.message-group:hover{background-color:var(--bg-modifier-hover)}.message-group:hover .message-actions-bar{display:flex}.message-actions-bar{display:none;position:absolute;top:-16px;right:16px;background-color:var(--bg-secondary);border:1px solid var(--bg-modifier-accent);border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0003}.msg-action{background:none;border:none;padding:6px 8px;color:var(--text-muted);cursor:pointer;transition:all .15s}.msg-action:hover{background-color:var(--bg-modifier-hover);color:var(--text-primary)}.moderation-modal{padding:20px;max-width:440px}.moderation-modal h2{display:flex;align-items:center;gap:12px;color:var(--text-primary);margin-bottom:8px}.moderation-modal h2 i{color:var(--brand-color)}.moderation-modal p{color:var(--text-muted);margin-bottom:20px}.moderation-modal textarea{width:100%;padding:12px;background-color:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-family:inherit;resize:vertical}.moderation-modal textarea:focus{outline:2px solid var(--brand-color)}.moderation-modal select{width:100%;padding:12px;background-color:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer}.btn-danger{background-color:var(--danger-color);color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.btn-danger:hover{background-color:#c0392b}.roles-manager{max-width:600px}.roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.roles-header p{color:var(--text-muted)}.roles-list-container{display:flex;flex-direction:column;gap:8px}.role-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--bg-tertiary);border-radius:4px;transition:background-color .15s}.role-item:hover{background-color:var(--bg-modifier-hover)}.role-color-preview{width:16px;height:16px;border-radius:50%;flex-shrink:0}.role-name{flex:1;color:var(--text-primary);font-weight:500}.role-members{color:var(--text-muted);font-size:13px}.role-actions{display:flex;gap:8px}.role-checkbox{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--bg-tertiary);border-radius:4px;cursor:pointer;margin-bottom:8px}.role-checkbox:hover{background-color:var(--bg-modifier-hover)}.role-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-color)}.role-color{width:12px;height:12px;border-radius:50%}.permissions-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:8px;background-color:var(--bg-tertiary);border-radius:4px}.permission-checkbox{display:flex;align-items:center;gap:10px;padding:8px;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:background-color .15s}.permission-checkbox:hover{background-color:var(--bg-modifier-hover)}.permission-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-color)}.bans-manager{max-width:600px}.bans-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.ban-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--bg-tertiary);border-radius:4px}.ban-user{display:flex;align-items:center;gap:10px;flex:1}.ban-user .mini-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.ban-reason{color:var(--text-muted);font-size:13px;flex:1}.danger-zone{padding:20px;background-color:#ed42451a;border:1px solid var(--danger-color);border-radius:8px}.danger-zone h3{color:var(--danger-color);display:flex;align-items:center;gap:10px;margin-bottom:12px}.danger-zone p{color:var(--text-muted);margin-bottom:16px}.upload-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .15s}.upload-btn:hover{color:var(--text-primary);background-color:var(--bg-modifier-hover)}.upload-btn i{font-size:20px}.upload-menu{background-color:var(--bg-floating);border-radius:8px;padding:8px;min-width:200px;box-shadow:0 8px 24px #0000004d;z-index:10000}.upload-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.upload-option i{width:20px;text-align:center}.message-input-area{padding:0 16px 24px;flex-shrink:0}.reply-preview{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--bg-secondary);border-radius:8px 8px 0 0;margin-bottom:-8px;position:relative;z-index:1}.reply-preview.hidden{display:none}.reply-text{color:var(--text-muted);font-size:14px}.reply-text b{color:var(--text-primary)}#cancel-reply{color:var(--text-muted);cursor:pointer;padding:4px}#cancel-reply:hover{color:var(--text-primary)}.input-form{display:flex;align-items:center;background-color:var(--bg-input);border-radius:8px;padding:0 4px;position:relative}.input-wrapper{flex:1;display:flex;align-items:center;min-height:44px}.input-form #message-input{flex:1;background:transparent;border:none;padding:11px 0;color:var(--text-normal);font-size:16px;font-family:inherit;line-height:1.375;resize:none;max-height:50vh;overflow-y:auto}.input-form #message-input:focus{outline:none}.input-form #message-input::placeholder{color:var(--text-muted)}.input-btn{width:40px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--interactive-normal);cursor:pointer;border-radius:4px;transition:color .15s ease;flex-shrink:0}.input-btn i{font-size:20px}.upload-btn:hover{color:var(--header-primary)}.emoji-btn:hover{color:#f4900c}.gift-btn:hover{color:#ff73fa}.gif-btn:hover,.sticker-btn:hover{color:var(--header-primary)}.upload-menu{background-color:var(--bg-floating);border-radius:8px;padding:8px;min-width:220px;box-shadow:0 8px 24px #0006;z-index:10000}.upload-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:4px;cursor:pointer;color:var(--interactive-normal);font-size:14px;transition:all .1s ease}.upload-option:hover{background-color:var(--brand-color);color:#fff}.upload-option i{width:24px;text-align:center;font-size:18px}.server-dropdown{background-color:var(--bg-floating);border-radius:4px;padding:6px 8px;box-shadow:0 8px 24px #0006;z-index:10000}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all .1s}.dropdown-item:hover{background-color:var(--brand-color);color:#fff}.dropdown-item.danger{color:var(--danger-color)}.dropdown-item.danger:hover{background-color:var(--danger-color);color:#fff}.dropdown-separator{height:1px;background-color:var(--bg-modifier-accent);margin:4px 0}.roles-modal{max-width:400px}.roles-modal .roles-list{max-height:300px;overflow-y:auto}.message-image-container{margin-top:8px;max-width:400px;position:relative}.image-placeholder{background:var(--bg-tertiary);border-radius:8px;padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.image-placeholder i{font-size:24px}.message-image{max-width:100%;max-height:300px;border-radius:8px;cursor:pointer;transition:opacity .15s ease;display:block}.message-image:hover{opacity:.9}.message-highlight{animation:messageHighlight 2s ease-out}@keyframes messageHighlight{0%,30%{background-color:#5865f24d}to{background-color:transparent}}.reply-context{cursor:pointer;transition:background .15s ease}.reply-context:hover{background:var(--bg-tertiary);border-radius:4px}.gif-embed{background:var(--bg-tertiary);border-radius:8px;overflow:hidden;max-width:400px}.gif-iframe{width:100%;height:200px;max-width:400px;border:none;border-radius:8px;display:block}.gif-link{color:var(--text-link);text-decoration:none;display:flex;align-items:center;gap:8px;font-size:14px}.gif-link:hover{text-decoration:underline}.message-link{color:var(--text-link);text-decoration:none;word-break:break-all;overflow-wrap:break-word;max-width:100%;display:inline}.message-link:hover{text-decoration:underline}.inline-code{background-color:var(--bg-tertiary);padding:.2em .4em;border-radius:4px;font-family:var(--font-code);font-size:85%}.code-block{background-color:var(--bg-tertiary);padding:12px;border-radius:4px;font-family:var(--font-code);font-size:14px;overflow-x:auto;margin:8px 0;white-space:pre-wrap;word-break:break-word}.mention{background-color:#5865f24d;color:#dee0fc;padding:0 4px;border-radius:4px;cursor:pointer;transition:background-color .1s ease;font-weight:500}.mention:hover{background-color:var(--brand-color);color:#fff}.channel-mention{background-color:#5865f233}.channel-mention i{font-size:.9em;margin-right:1px}.user-mention:before{content:""}.mention-everyone,.mention-here{background-color:#faa61a4d;color:#fad67d}.mention-everyone:hover,.mention-here:hover{background-color:var(--warning-color);color:#fff}.image-modal .modal-content{background:transparent;box-shadow:none;max-width:none;width:auto;padding:0}.image-viewer{position:relative;display:flex;align-items:center;justify-content:center}.image-viewer img{max-width:90vw;max-height:90vh;border-radius:4px;object-fit:contain}.close-viewer{position:absolute;top:-40px;right:0;background:var(--bg-tertiary);border:none;color:var(--text-primary);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background-color .15s ease}.close-viewer:hover{background:var(--bg-modifier-hover)}.profile-modal{width:340px;border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.profile-banner{height:60px;background:linear-gradient(135deg,var(--brand-color),#3a45a5)}.profile-avatar-large{width:80px;height:80px;border-radius:50%;border:6px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;margin:-40px 0 0 16px;position:relative;cursor:pointer}.profile-info{padding:12px 16px}.profile-name{font-size:20px;font-weight:600;color:var(--header-primary);margin:0}.profile-tag{color:var(--text-muted);font-weight:400;font-size:16px}.profile-bio{color:var(--text-normal);font-size:14px;margin-top:8px}.profile-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--bg-modifier-accent)}.profile-section h3{color:var(--header-secondary);font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:4px}.profile-section p{color:var(--text-normal);font-size:14px;margin:0}.profile-actions{padding:16px;display:flex;gap:8px}.btn-profile{flex:1;padding:10px 16px;border-radius:4px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .17s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-profile.btn-primary{background:var(--brand-color);color:#fff}.btn-profile.btn-primary:hover{background:var(--accent-hover)}.btn-profile.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-profile.btn-secondary:hover{background:var(--bg-modifier-hover)}.user-area{height:52px;padding:0 8px;background-color:#232428;display:flex;align-items:center;gap:8px;flex-shrink:0}.user-avatar-small{width:32px;height:32px;border-radius:50%;background-color:var(--brand-color);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;cursor:pointer;flex-shrink:0}.user-info{flex:1;min-width:0;cursor:pointer}.user-name-display{font-size:14px;font-weight:500;color:var(--header-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:12px;color:var(--text-muted)}.user-controls{display:flex;gap:4px}.user-controls i{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--interactive-normal);cursor:pointer;border-radius:4px;font-size:18px;transition:all .1s ease}.user-controls i:hover{background-color:var(--bg-modifier-hover);color:var(--interactive-hover)}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-chat)}.view-content{flex:1;display:flex;flex-direction:column;min-height:0}.messages-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.messages-scroll-content{margin-top:auto;padding:16px 16px 0}.members-sidebar{width:240px;background-color:var(--bg-secondary);flex-shrink:0;overflow-y:auto;padding:16px 8px}.members-group{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;padding:0 8px 8px}.member-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .1s ease}.member-item:hover{background-color:var(--bg-modifier-hover)}.member-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;position:relative;flex-shrink:0}.member-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-secondary);background-color:#747f8d}.member-status-dot.online{background-color:var(--success-color)}.member-status-dot.idle{background-color:var(--warning-color)}.member-status-dot.dnd{background-color:var(--danger-color)}.member-name{color:var(--interactive-normal);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-crown{position:absolute;top:-6px;right:-2px;color:#faa61a;font-size:10px}.emoji-picker-large{background-color:var(--bg-floating);border-radius:8px;padding:12px;width:350px;box-shadow:0 8px 24px #0006}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.emoji-item-large{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;border-radius:4px;transition:background-color .1s ease,transform .1s ease}.profile-status{font-size:14px;margin-top:4px;color:var(--text-muted)}.profile-status.online{color:var(--success-color)}.profile-status.idle{color:var(--warning-color)}.profile-status.dnd{color:var(--danger-color)}.profile-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.role-badge{display:inline-flex;align-items:center;padding:4px 8px;background-color:var(--bg-tertiary);border-radius:4px;font-size:12px;color:var(--text-normal);border-left:3px solid #99aab5}.btn-danger{background-color:var(--danger-color)!important;color:#fff!important}.btn-danger:hover{background-color:#c0392b!important}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background-color:var(--bg-floating);color:var(--text-primary);padding:12px 20px;border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;align-items:center;gap:10px;z-index:100000;opacity:0;transition:transform .3s ease,opacity .3s ease}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast-success i{color:var(--success-color)}.toast-error i{color:var(--danger-color)}.chat-header{height:48px;min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px #0003;flex-shrink:0;background-color:var(--bg-chat)}.header-left{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.header-left i{font-size:20px}.header-left h3{color:var(--header-primary);font-size:16px;font-weight:600;margin:0}.header-right{display:flex;align-items:center;gap:16px}.header-icon{color:var(--interactive-normal);font-size:20px;cursor:pointer;transition:color .15s ease}.header-icon:hover{color:var(--interactive-hover)}.search-bar{position:relative}.search-bar input{width:140px;padding:6px 8px;background-color:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-normal);font-size:14px;transition:width .25s ease}.search-bar input:focus{width:220px;outline:none}.search-bar i{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.server-icon{width:48px;height:48px;background-color:var(--bg-chat);border-radius:50%;margin-bottom:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:border-radius .15s ease,background-color .15s ease;color:var(--text-normal);font-size:18px;font-weight:500;position:relative;overflow:hidden}.server-icon:hover,.server-icon.active{border-radius:16px;background-color:var(--brand-color);color:#fff}.server-icon.active:before{content:"";position:absolute;left:-12px;width:4px;height:40px;border-radius:0 4px 4px 0;background-color:var(--header-primary)}.server-icon:hover:before{content:"";position:absolute;left:-12px;width:4px;height:20px;border-radius:0 4px 4px 0;background-color:var(--header-primary)}.server-icon img{width:100%;height:100%;object-fit:cover}.home-icon{background-color:var(--bg-chat);color:var(--text-normal)}.home-icon:hover,.home-icon.active{background-color:var(--brand-color);color:#fff}.add-server{background-color:var(--bg-chat);color:var(--success-color)}.add-server:hover{background-color:var(--success-color);color:#fff}.notification-badge{position:absolute;bottom:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background-color:var(--danger-color);border-radius:8px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-servers)}.channels-sidebar{width:240px;background-color:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0}.server-header{height:48px;min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px #0003;cursor:pointer;transition:background-color .15s ease}.server-header:hover{background-color:var(--bg-modifier-hover)}.server-header h3{font-size:15px;font-weight:600;color:var(--header-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-icon{color:var(--text-muted);font-size:12px}.sidebar-content{flex:1;overflow-y:auto;padding:0}.channels-list{padding:0 8px}.channel-category{display:flex;align-items:center;gap:4px;padding:16px 8px 4px 4px;color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer}.channel-category:hover{color:var(--interactive-hover)}.channel-category i:first-child{font-size:10px;transition:transform .1s ease}.add-channel{margin-left:auto;opacity:0;transition:opacity .1s ease}.channel-category:hover .add-channel{opacity:1}.channel-item{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:1px 0;border-radius:4px;color:var(--interactive-normal);cursor:pointer;transition:background-color .1s ease,color .1s ease}.channel-item:hover{background-color:var(--bg-modifier-hover);color:var(--interactive-hover)}.channel-item.active{background-color:var(--bg-modifier-selected);color:var(--interactive-active)}.channel-item i{font-size:18px;width:20px;text-align:center;flex-shrink:0}.channel-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;color:var(--text-muted)}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background-color:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-text{font-weight:500}.emoji-picker-large{background:var(--bg-floating);border-radius:8px;padding:16px;width:350px;max-height:350px;overflow-y:auto}.emoji-search{width:100%;padding:8px 12px;border-radius:4px;border:none;background:var(--bg-tertiary);color:var(--text-normal);margin-bottom:12px;font-size:14px}.emoji-categories{display:flex;gap:4px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--bg-modifier-accent)}.emoji-category-btn{padding:6px 8px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-muted);font-size:16px;transition:all .15s ease}.emoji-category-btn:hover,.emoji-category-btn.active{background:var(--bg-modifier-hover);color:var(--text-normal)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-item-large{font-size:24px;padding:6px;cursor:pointer;border-radius:4px;text-align:center;transition:background-color .1s ease,transform .1s ease}.emoji-item-large:hover{background-color:var(--bg-modifier-hover);transform:scale(1.2)}.gif-picker{background:var(--bg-floating);border-radius:8px;padding:0;width:440px;max-height:460px;display:flex;flex-direction:column;overflow:hidden}.gif-search-container{display:flex;align-items:center;gap:8px;padding:12px;background-color:var(--bg-tertiary);margin:12px 12px 0;border-radius:6px}.gif-search-icon{color:var(--text-muted);font-size:14px}.gif-search{flex:1;padding:0;border:none;background:transparent;color:var(--text-normal);font-size:14px;outline:none}.gif-search::placeholder{color:var(--text-muted)}.gif-categories{display:flex;gap:6px;padding:10px 12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.gif-categories::-webkit-scrollbar{display:none}.gif-category-btn{padding:5px 12px;background:var(--bg-tertiary);border:none;border-radius:16px;cursor:pointer;color:var(--text-muted);font-size:12px;font-weight:500;transition:all .15s ease;white-space:nowrap}.gif-category-btn:hover{background:var(--channel-hover);color:var(--text-normal)}.gif-category-btn.active{background:var(--brand-color);color:#fff}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:0 12px;overflow-y:auto;flex:1;min-height:200px;max-height:320px}.gif-grid::-webkit-scrollbar{width:6px}.gif-grid::-webkit-scrollbar-thumb{background:var(--bg-modifier-accent);border-radius:3px}.gif-item{width:100%;height:130px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .1s ease,opacity .1s;background-color:var(--bg-tertiary)}.gif-item:hover{transform:scale(1.03);opacity:.9}.gif-loading{grid-column:1 / -1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;gap:12px}.gif-loading span{color:var(--text-muted);font-size:13px}.gif-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.gif-search-clear{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-modifier-accent);border-radius:50%;cursor:pointer;color:var(--text-muted);font-size:10px;transition:all .15s}.gif-search-clear:hover{background:var(--text-muted);color:var(--bg-tertiary)}.gif-search-clear.hidden{display:none}.gif-footer{text-align:center;padding:10px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--channel-hover);display:flex;align-items:center;justify-content:center;gap:6px}.typing-indicator{display:flex;align-items:center;gap:8px;padding:4px 16px 8px;color:var(--text-muted);font-size:12px;min-height:24px}.typing-indicator.hidden{display:none}.typing-dots{display:flex;gap:3px}.typing-dots span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.spinner{width:28px;height:28px;border:3px solid var(--bg-modifier-accent);border-top-color:var(--brand-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.edited{font-size:10px;color:var(--text-muted);margin-left:4px}.mention-autocomplete{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-floating);border-radius:8px;padding:8px;max-height:200px;overflow-y:auto;box-shadow:0 8px 16px #0000003d;z-index:100}.mention-autocomplete.hidden{display:none}.mention-option{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .1s ease}.mention-option:hover,.mention-option.selected{background:var(--bg-modifier-selected)}.mention-option-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.mention-option-name{font-weight:500;color:var(--text-normal)}.search-results-panel{background:var(--bg-floating);border-radius:8px;padding:20px;width:450px;max-height:500px}.search-results-panel h3{margin:0 0 16px;color:var(--text-normal);display:flex;align-items:center;gap:8px}.search-results-list{max-height:400px;overflow-y:auto}.search-result-item{display:flex;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .15s}.search-result-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.search-result-content{flex:1;min-width:0}.search-result-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.search-result-user{font-weight:600;color:var(--text-normal)}.search-result-time{font-size:12px;color:var(--text-muted)}.search-result-text{color:var(--text-muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-panel{background:var(--bg-floating);border-radius:8px;padding:20px;width:420px;max-height:500px}.pinned-panel h3{margin:0 0 16px;color:var(--text-normal);display:flex;align-items:center;gap:8px}.pinned-list{max-height:400px;overflow-y:auto}.pinned-item{display:flex;gap:12px;padding:12px;border-radius:8px;background:var(--bg-secondary);margin-bottom:8px}.pinned-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.pinned-content{flex:1;min-width:0}.pinned-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pinned-user{font-weight:600;color:var(--text-normal)}.pinned-time{font-size:12px;color:var(--text-muted)}.pinned-text{color:var(--text-normal);font-size:14px}.empty-pinned{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-pinned i{font-size:48px;margin-bottom:16px;opacity:.5}.empty-pinned p{margin:0 0 8px;font-size:16px;color:var(--text-normal)}.empty-pinned span{font-size:14px}.notifications-modal{background:var(--bg-floating);border-radius:8px;padding:20px;width:380px;max-height:450px}.notifications-modal h3{margin:0 0 16px;color:var(--text-normal);display:flex;align-items:center;gap:8px}.notifications-list{max-height:320px;overflow-y:auto}.notification-item{display:flex;gap:12px;padding:12px;border-radius:8px;transition:background-color .15s}.notification-item:hover{background:var(--bg-modifier-hover)}.notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.notification-icon.mention{background:var(--brand-color)}.notification-icon.friend{background:var(--success-color)}.notification-content{flex:1;color:var(--text-normal);font-size:14px}.notification-time{font-size:12px;color:var(--text-muted);margin-top:4px}.notifications-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--bg-modifier-accent);display:flex;justify-content:flex-end}.empty-notifications{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-notifications i{font-size:48px;margin-bottom:16px;opacity:.5}.empty-notifications p{margin:0;font-size:16px;color:var(--text-normal)}.dm-search-container{position:relative;padding:10px 10px 0}.dm-search-input{width:100%;padding:8px 32px 8px 10px;background-color:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-normal);font-size:13px;outline:none;font-family:inherit}.dm-search-input:focus{outline:none;box-shadow:0 0 0 1px var(--brand-color)}.dm-search-input::placeholder{color:var(--text-muted)}.dm-search-icon{position:absolute;right:18px;top:50%;transform:translateY(-15%);color:var(--text-muted);font-size:12px;pointer-events:none}.btn-remove-friend{color:var(--text-muted)!important;transition:all .15s}.btn-remove-friend:hover{background-color:var(--danger-color)!important;color:#fff!important}.dm-username{font-size:14px}.dm-status-text{font-size:12px}.channel-item{font-size:15px}.member-name{font-size:14px}.friend-name{font-size:15px}.friend-status{font-size:13px}.member-info{display:flex;flex-direction:column;min-width:0;flex:1}.member-role-tag{font-size:11px;opacity:.7}.voice-controls{position:fixed;bottom:0;left:70px;width:240px;background-color:#232428;border-top:1px solid rgba(0,0,0,.2);padding:8px;display:none;z-index:1000;transform:translateY(100%);transition:transform .2s ease}.voice-controls.visible{display:block;transform:translateY(0)}.voice-status{display:flex;flex-direction:column;gap:8px}.voice-channel-info{display:flex;align-items:center;gap:8px;padding:4px}.voice-signal{font-size:14px;color:var(--success-color)}.voice-signal.connected{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.voice-info-text{display:flex;flex-direction:column}.voice-connected-text{font-size:12px;font-weight:600;color:var(--success-color)}.voice-channel-name{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.voice-buttons{display:flex;justify-content:center;gap:8px}.voice-btn{width:32px;height:32px;border-radius:50%;background-color:var(--bg-secondary);border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.voice-btn:hover{background-color:var(--bg-modifier-hover);color:var(--text-normal)}.voice-btn.active{background-color:var(--danger-color);color:#fff}.voice-btn.disconnect{background-color:transparent}.voice-btn.disconnect:hover{background-color:var(--danger-color);color:#fff}.voice-channel-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;gap:30px;background:radial-gradient(ellipse at center,rgba(88,101,242,.1) 0%,transparent 70%)}.voice-room{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:16px;padding:40px;text-align:center;max-width:600px;width:100%}.voice-room-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px}.voice-room-header i{font-size:28px;color:var(--brand-color)}.voice-room-header h2{color:var(--header-primary);font-size:24px;margin:0}.voice-users-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:30px;min-height:120px}.voice-user-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:12px;background:#0003;transition:all .2s ease;min-width:100px}.voice-user-card.speaking{background:#3ba55c33;box-shadow:0 0 20px #3ba55c4d}.voice-user-card.muted .voice-avatar{opacity:.6}.voice-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff;position:relative;transition:all .2s ease}.speaking-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:4px solid #3ba55c;animation:speaking-pulse .4s ease-in-out infinite;box-shadow:0 0 12px #3ba55c99,inset 0 0 8px #3ba55c4d;z-index:10}@keyframes speaking-pulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 12px #3ba55c99,inset 0 0 8px #3ba55c4d}50%{transform:scale(1.08);opacity:.85;box-shadow:0 0 20px #3ba55ccc,inset 0 0 12px #3ba55c66}}.voice-user-name{display:flex;align-items:center;gap:6px;color:var(--text-normal);font-size:14px;font-weight:500}.voice-icon-muted,.voice-icon-deafened{font-size:12px;color:var(--danger-color)}.voice-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted);padding:30px}.voice-empty i{font-size:48px;opacity:.5;animation:pulse 2s ease-in-out infinite}.voice-empty span{font-size:12px;opacity:.7}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.voice-region{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary);border-radius:12px}.voice-user-status{display:flex;gap:8px;margin-top:4px}.voice-user-status i{font-size:12px}.voice-icon-active{color:var(--success-color)}.voice-controls-inline{display:flex;gap:8px;margin-bottom:16px}.voice-control-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-normal);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.voice-control-btn:hover{background:var(--bg-modifier-hover);transform:scale(1.1)}.voice-control-btn.active{background:var(--danger-color);color:#fff}.voice-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.btn-voice-action{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-voice-action.connect{background:var(--success-color);color:#fff}.btn-voice-action.connect:hover{background:#2d7d46;transform:translateY(-2px)}.btn-voice-action.disconnect{background:var(--danger-color);color:#fff}.btn-voice-action.disconnect:hover{background:#c53639}.voice-info-panel{background:#0003;border-radius:12px;padding:20px 30px;max-width:400px}.voice-info-panel h3{display:flex;align-items:center;gap:8px;color:var(--header-secondary);font-size:14px;margin-bottom:16px}.voice-info-panel ul{list-style:none;display:flex;flex-direction:column;gap:10px}.voice-info-panel li{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:13px}.voice-info-panel li i{width:20px;text-align:center;color:var(--text-normal)}.channel-item.voice-active,.channel-item.has-users{background:#3ba55c1a}.voice-user-count{margin-left:auto;background:var(--success-color);color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;font-weight:600}.channel-voice-users{display:flex;flex-direction:column;gap:2px;padding-left:32px;margin-top:4px;margin-bottom:8px}.channel-voice-user{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:13px;color:var(--text-normal);border-radius:4px;cursor:pointer}.channel-voice-user:hover{background:var(--bg-modifier-hover)}.channel-voice-user-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:600}.role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;color:var(--text-normal);border:1px solid;background:#ffffff0d;margin:2px}.permissions-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.permission-checkbox{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;cursor:pointer;color:var(--text-normal);font-size:14px}.permission-checkbox:hover{background-color:var(--channel-hover)}.permission-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-color);cursor:pointer}.roles-modal{max-height:500px;overflow-y:auto}.roles-list{display:flex;flex-direction:column;gap:4px;margin:12px 0}@media (max-width: 900px){.profile-preview-container{flex-direction:column}.profile-preview-card{width:100%;min-width:0}.edit-field-dialog{min-width:300px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mention-autocomplete{position:absolute;bottom:100%;left:0;width:300px;max-height:200px;background-color:var(--bg-secondary);border-radius:5px;box-shadow:0 -4px 12px #0003;overflow-y:auto;z-index:1000;margin-bottom:8px;padding:8px 0}.mention-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .1s}.mention-option:hover,.mention-option.selected{background-color:var(--bg-modifier-selected)}.mention-option-avatar{width:24px;height:24px;border-radius:50%;margin-right:8px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.mention-option-name{font-weight:500;color:var(--text-normal);margin-right:4px}.mention-option-tag{color:var(--text-muted);font-size:12px}.spoiler{background-color:#202225;color:transparent;border-radius:3px;padding:0 4px;cursor:pointer;transition:.1s;-webkit-user-select:none;user-select:none}.spoiler:hover{background-color:#292b2f}.spoiler:active,.spoiler.visible{background-color:#4f545c;color:var(--text-normal);-webkit-user-select:text;user-select:text}.user-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;font-size:14px;vertical-align:middle;transition:transform .15s ease}.user-badge:hover{transform:scale(1.2)}.user-badges-container{display:inline-flex;align-items:center;gap:2px;margin-left:4px}.user-badge[title]{position:relative}.message-sending{opacity:.6;animation:messagePulse 1.5s ease-in-out infinite}@keyframes messagePulse{0%,to{opacity:.6}50%{opacity:.4}}.nitro-gradient-text{background:linear-gradient(90deg,#ff73fa,#5865f2,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.boost-badge{filter:drop-shadow(0 0 6px #ff73fa)}.message-actions-bar{position:absolute;right:16px;top:-16px;background:var(--bg-tertiary);border-radius:4px;display:none;box-shadow:0 0 0 1px #0000001a,0 2px 8px #0003;overflow:hidden}.message-group:hover .message-actions-bar,.message-compact:hover .message-actions-bar{display:flex}.msg-action{background:transparent;border:none;padding:6px 8px;color:var(--interactive-normal);cursor:pointer;transition:background .1s,color .1s;font-size:14px}.msg-action:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.msg-action[data-action=delete]:hover{color:var(--danger-color)}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.profile-badge-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-modifier-hover);border-radius:4px;font-size:13px;color:var(--text-normal)}.profile-badge-item i{font-size:16px}.profile-badges-detailed{display:flex;flex-direction:column;gap:8px;margin-top:8px}.profile-badge-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-tertiary);border-radius:8px;transition:background .15s ease}.profile-badge-card:hover{background:var(--bg-modifier-hover)}.profile-badge-card .badge-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.profile-badge-card .badge-info{display:flex;flex-direction:column;gap:2px}.profile-badge-card .badge-title{font-size:14px;font-weight:600;color:var(--text-primary)}.profile-badge-card .badge-desc{font-size:12px;color:var(--text-muted)}.profile-badges-inline{display:flex;gap:4px;margin-left:8px}.profile-badges-inline .user-badge{font-size:16px;transition:transform .15s ease}.profile-badges-inline .user-badge:hover{transform:scale(1.2)}.activity-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border-radius:4px;margin-top:8px}.activity-icon{width:32px;height:32px;border-radius:4px;background:var(--brand-color);display:flex;align-items:center;justify-content:center;font-size:16px}.activity-info{flex:1}.activity-name{font-size:12px;color:var(--text-muted);text-transform:uppercase;font-weight:600}.activity-details{font-size:13px;color:var(--text-normal);font-weight:500}.activity-state{font-size:12px;color:var(--text-muted)}.status-indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-tertiary);position:absolute;bottom:-2px;right:-2px}.status-online{background-color:#23a55a}.status-idle{background-color:#f0b232}.status-dnd{background-color:#f23f43}.status-offline{background-color:#80848e}.status-streaming{background-color:#593695}.message-input-area{padding:0 16px 24px;position:relative}.input-form{display:flex;align-items:center;background:var(--bg-input);border-radius:8px;padding:0 4px;transition:box-shadow .2s}.input-form:focus-within{box-shadow:0 0 0 2px var(--brand-color)}.input-wrapper{flex:1;display:flex;align-items:center;padding:0 8px}#message-input{flex:1;background:transparent;border:none;color:var(--text-normal);padding:11px 0;font-size:16px;outline:none;min-height:44px}#message-input::placeholder{color:var(--text-muted)}.input-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:transparent;border:none;color:var(--interactive-normal);cursor:pointer;transition:color .15s;font-size:18px}.input-btn:hover{color:var(--interactive-hover)}.upload-btn{color:var(--interactive-normal);margin-right:4px}.upload-btn:hover{color:var(--interactive-hover)}.pinned-messages-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;color:var(--interactive-normal);cursor:pointer;border-radius:4px;transition:background .15s,color .15s}.pinned-messages-btn:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.pin-count{background:var(--brand-color);color:#fff;font-size:10px;padding:2px 5px;border-radius:8px;font-weight:600}.member-item{display:flex;align-items:center;padding:6px 8px;margin:1px 8px;border-radius:4px;cursor:pointer;transition:background .15s}.member-item:hover{background:var(--bg-modifier-hover)}.member-avatar-wrapper{position:relative;margin-right:12px}.member-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff}.member-info{flex:1;min-width:0}.member-name{font-size:14px;font-weight:500;color:var(--text-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-activity{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-badges{display:flex;gap:2px;margin-left:auto}.sticker-preview{width:160px;height:160px;object-fit:contain}.search-overlay{position:fixed;top:48px;right:16px;width:420px;background:var(--bg-floating);border-radius:8px;box-shadow:0 8px 32px #00000059;z-index:1000;overflow:hidden}.search-header{padding:16px;border-bottom:1px solid var(--bg-modifier-accent)}.search-input-wrapper{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:4px;padding:8px 12px}.search-input-wrapper i{color:var(--text-muted);margin-right:8px}.search-input-wrapper input{flex:1;background:transparent;border:none;color:var(--text-normal);font-size:14px;outline:none}.search-results{max-height:400px;overflow-y:auto;padding:8px}.search-result-item{display:flex;align-items:flex-start;padding:8px;border-radius:4px;cursor:pointer;transition:background .15s}.search-result-item:hover{background:var(--bg-modifier-hover)}.admin-dashboard{padding:24px;max-width:1400px;margin:0 auto;height:100%;overflow-y:auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--bg-modifier-accent)}.admin-header h1{display:flex;align-items:center;gap:12px;color:var(--header-primary);font-size:24px}.admin-header h1 i{color:#f0b232}.admin-user{color:var(--text-muted);font-size:14px;background:var(--bg-secondary);padding:6px 12px;border-radius:12px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.admin-stat-card{background:var(--bg-secondary);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--bg-modifier-accent);transition:transform .2s,box-shadow .2s}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.admin-stat-card.users{border-left:4px solid #5865F2}.admin-stat-card.servers{border-left:4px solid #3BA55C}.admin-stat-card.messages{border-left:4px solid #EB459E}.stat-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:20px}.admin-stat-card.users .stat-icon{color:#5865f2}.admin-stat-card.servers .stat-icon{color:#3ba55c}.admin-stat-card.messages .stat-icon{color:#eb459e}.stat-info{flex:1}.admin-dashboard .stat-value{font-size:28px;font-weight:700;color:var(--header-primary)}.stat-label{color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.stat-details{display:flex;gap:12px;margin-top:4px;font-size:12px}.stat-details .online{color:#3ba55c}.stat-details .banned{color:#ed4245}.admin-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-secondary);padding:4px;border-radius:8px;width:fit-content}.admin-tab{padding:10px 20px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:8px;transition:all .15s}.admin-tab:hover{color:var(--text-normal);background:var(--bg-modifier-hover)}.admin-tab.active{background:var(--brand-color);color:#fff}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-section-header h2{color:var(--header-primary);font-size:18px}.section-desc{color:var(--text-muted);font-size:13px;margin-top:4px}.admin-search input{background:var(--bg-tertiary);border:1px solid var(--bg-modifier-accent);border-radius:6px;padding:8px 12px;color:var(--text-normal);font-size:14px;width:250px}.admin-table-container{background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--bg-modifier-accent)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px 16px;background:var(--bg-tertiary);color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.admin-table td{padding:12px 16px;border-top:1px solid var(--bg-modifier-accent);color:var(--text-normal);font-size:14px}.admin-table tr:hover{background:var(--bg-modifier-hover)}.admin-table tr.row-banned{background:#ed42451a}.admin-table tr.row-admin{background:#5865f21a}.admin-table tr.row-super{background:#f0b2321a}.admin-user-cell{display:flex;align-items:center;gap:12px}.admin-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:14px}.admin-user-info{display:flex;flex-direction:column;gap:2px}.admin-username{font-weight:500}.role-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.role-badge.super{background:#f0b23233;color:#f0b232}.role-badge.admin{background:#5865f233;color:#5865f2}.role-badge.banned{background:#ed424533;color:#ed4245}.td-id{color:var(--text-muted);font-family:var(--font-code);font-size:12px}.td-email{color:var(--text-muted);font-size:13px}.td-badges{display:flex;gap:4px}.mini-badge{font-size:14px}.status-badge{font-size:11px;padding:3px 8px;border-radius:10px;font-weight:500}.status-badge.online{background:#3ba55c33;color:#3ba55c}.status-badge.offline{background:#747f8d33;color:#747f8d}.status-badge.idle{background:#faa61a33;color:#faa61a}.status-badge.dnd{background:#ed424533;color:#ed4245}.td-date{color:var(--text-muted);font-size:13px}.td-actions{display:flex;gap:4px}.admin-btn{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s}.admin-btn.edit{background:#5865f233;color:#5865f2}.admin-btn.edit:hover{background:#5865f2;color:#fff}.admin-btn.badges{background:#eb459e33;color:#eb459e}.admin-btn.badges:hover{background:#eb459e;color:#fff}.admin-btn.success{background:#3ba55c33;color:#3ba55c}.admin-btn.success:hover{background:#3ba55c;color:#fff}.admin-btn.danger{background:#ed424533;color:#ed4245}.admin-btn.danger:hover{background:#ed4245;color:#fff}.admin-servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.admin-server-card{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--bg-modifier-accent)}.server-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.server-icon-admin{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff}.server-info h3{color:var(--header-primary);font-size:16px}.server-owner{color:var(--text-muted);font-size:13px}.server-stats{display:flex;gap:16px;margin-bottom:12px}.server-stat{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px}.server-actions{display:flex;justify-content:flex-end}.badges-list-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px}.badge-item-admin{background:var(--bg-secondary);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid var(--bg-modifier-accent)}.badge-preview{font-size:24px}.badge-info{display:flex;flex-direction:column}.badge-name{color:var(--header-primary);font-weight:500;font-size:14px}.badge-key{color:var(--text-muted);font-size:11px;font-family:var(--font-code)}.badge-assign-section{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--bg-modifier-accent)}.badge-assign-section h3{color:var(--header-primary);margin-bottom:16px}.badge-assign-form{display:flex;gap:12px;align-items:center}.badge-assign-form input,.badge-assign-form select{background:var(--bg-tertiary);border:1px solid var(--bg-modifier-accent);border-radius:6px;padding:10px 14px;color:var(--text-normal);font-size:14px}.badge-assign-form select{min-width:200px}.current-badges h4,.add-badge-section h4{color:var(--header-secondary);font-size:12px;text-transform:uppercase;margin-bottom:12px}.badges-container{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:12px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:20px}.badge-tag{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:6px 12px;border-radius:16px;font-size:13px;color:var(--text-normal)}.remove-badge{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;font-size:10px}.remove-badge:hover{color:var(--danger-color)}.available-badges{display:flex;flex-wrap:wrap;gap:8px}.add-badge-btn{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--bg-modifier-accent);padding:8px 14px;border-radius:6px;color:var(--text-normal);font-size:13px;cursor:pointer;transition:all .15s}.add-badge-btn:hover:not(.disabled){background:var(--bg-modifier-hover);border-color:var(--brand-color)}.add-badge-btn.disabled{opacity:.4;cursor:not-allowed}