.auth-container{position:relative;display:flex;height:100vh;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1d29,#0a0b0f);overflow:hidden}.auth-starfield{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.auth-starfield canvas{width:100%;height:100%;display:block}.auth-box{position:relative;z-index:1;width:100%;max-width:440px;margin:0 16px;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);padding:40px;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;animation:authBoxFadeIn .6s ease-out}@keyframes authBoxFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{width:80px;height:80px;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px;color:#fff;box-shadow:0 8px 20px #5865f266,0 0 0 4px #ffffff0d;animation:logoFloat 3s ease-in-out infinite}.auth-logo-img{width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;animation:logoFloat 3s ease-in-out infinite}.auth-logo-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(88,101,242,.4))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-title{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700;text-align:center;letter-spacing:-.5px}.auth-subtitle{color:#fff9;margin:0 0 32px;font-size:15px;text-align:center;font-weight:400}.error-message{background-color:#f0474726;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(240,71,71,.5);border-radius:12px;color:#ff6b6b;padding:14px 16px;margin-bottom:24px;font-size:14px;display:flex;align-items:center;gap:10px;animation:errorShake .4s ease-out}.error-message:before{content:"⚠️";font-size:16px}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#ffffffb3;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-left:4px}.form-group input{width:100%;padding:14px 16px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;outline:none;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{border-color:#5865f2;background:#ffffff14;box-shadow:0 0 0 3px #5865f226,0 4px 12px #5865f233;transform:translateY(-1px)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder{color:#ffffff4d}.input-with-validation{position:relative;display:flex;align-items:center}.input-with-validation input{flex:1;padding-right:40px}.input-with-validation .input-status{position:absolute;right:14px;font-size:18px;pointer-events:none}.input-status.checking{color:#ffffff80}.input-status.error{color:#ff6b6b}.input-status.success{color:#51cf66}.input-error{border-color:#ff6b6b!important}.field-error{color:#ff6b6b;font-size:12px;margin-top:6px;padding-left:4px;display:flex;align-items:center;gap:6px}.field-error:before{content:"⚠";font-size:14px}.field-hint{color:#fff6;font-size:11px;margin-top:4px;padding-left:4px}.auth-btn{width:100%;padding:16px;margin-top:8px;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;color:#fff;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #5865f266,inset 0 1px #fff3;position:relative;overflow:hidden}.auth-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-btn:hover:not(:disabled):before{left:100%}.auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#4752c4,#3c44a8);box-shadow:0 6px 24px #5865f299,inset 0 1px #fff3;transform:translateY(-2px)}.auth-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #5865f266,inset 0 1px #fff3}.auth-btn:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:none}.auth-link{text-align:center;color:#fff9;font-size:14px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.auth-link a{color:#5865f2;text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.auth-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#5865f2;transition:width .3s ease}.auth-link a:hover{color:#7289da}.auth-link a:hover:after{width:100%}@media (max-width: 500px){.auth-box{padding:32px 24px;border-radius:16px}.auth-title{font-size:24px}.auth-logo{width:70px;height:70px;font-size:32px}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1e1e28f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 40px #0009;width:90%;max-width:400px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal.modal-wide{max-width:900px;width:85%}.modal-navigation{display:flex;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.modal-navigation .nav-btn{flex:1;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.modal-navigation .nav-btn:hover{background:#ffffff14;color:#fffc}.modal-navigation .nav-btn.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80;color:#fff}@media (max-width: 480px){.modal{width:95%;max-width:100%;max-height:95vh;border-radius:8px}.modal-input,.modal-textarea{font-size:16px;padding:12px 14px;min-height:48px}.modal-btn{min-height:48px;font-size:16px;padding:12px 24px}.modal-header h2{font-size:18px}.modal-close{min-width:40px;min-height:40px;font-size:24px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.modal-close{background:none;border:none;color:#b9bbbe;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:#fff}.modal-content{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.modal-input{width:100%;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;font-size:14px;outline:none;transition:all .2s ease;box-sizing:border-box}.modal-input:focus{border-color:#667eea99;background:#ffffff1f;box-shadow:0 0 20px #667eea33}.modal-input::placeholder{color:#ffffff4d}.modal-btn{padding:10px 16px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.modal-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-code{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.modal-code p{margin:0;color:#b9bbbe;font-size:14px}.code-display{background:#ffffff14;border:2px solid rgba(102,234,129,.5);border-radius:8px;padding:16px 24px;font-size:24px;font-weight:700;color:#66ea81;font-family:Courier New,monospace;letter-spacing:2px;word-break:break-all;min-width:100%;box-shadow:0 0 24px #66ea8133}.profile-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-tabs button{flex:1;padding:12px 16px;background:transparent;border:none;color:#ffffff80;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;text-transform:capitalize}.profile-tabs button:hover{color:#ffffffb3}.profile-tabs button.active{color:#667eea;border-bottom-color:#667eea}.profile-content{display:flex;flex-direction:column;gap:16px}.profile-section{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px}.profile-section-title{font-size:12px;font-weight:700;color:#ffffff80;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}.profile-section-title i{font-size:14px}.profile-field{margin-bottom:12px}.profile-field:last-child{margin-bottom:0}.profile-label{font-size:12px;color:#ffffff80;text-transform:uppercase;margin-bottom:6px;font-weight:600}.profile-value{font-size:15px;color:#ffffffe6;word-break:break-all}.perk-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff08;border-radius:8px;margin-bottom:8px;transition:background .2s ease}.perk-toggle-item:hover{background:#ffffff0d}.perk-toggle-label{flex:1;margin-right:16px}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.3s;border-radius:26px;border:1px solid rgba(255,255,255,.15)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80}input:focus+.toggle-slider{box-shadow:0 0 1px #667eeacc}input:checked+.toggle-slider:before{transform:translate(22px)}.alliances-content{display:flex;flex-direction:column;gap:12px}.alliance-row{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.alliance-row:hover{background:#ffffff14;border-color:#ffffff1f}.alliance-name{font-size:15px;font-weight:600;color:#ffffffe6;margin-bottom:10px;display:flex;align-items:center;gap:8px}.alliance-actions{display:flex;gap:8px;flex-wrap:wrap}.alliance-actions button,.alliance-actions .muted{font-size:12px;padding:6px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:6px;color:#667eea;cursor:pointer;transition:all .2s ease;font-weight:500}.alliance-actions button:hover{background:#667eea4d;border-color:#667eea99}.alliance-actions button.danger{background:#ff6b6b33;border-color:#ff6b6b66;color:#ff6b6b}.alliance-actions button.danger:hover{background:#ff6b6b4d;border-color:#ff6b6b99}.alliance-actions .muted{background:transparent;border:none;color:#fff6;cursor:default}.alliance-edit{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px}.alliance-edit input{flex:1;padding:8px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;font-size:13px;outline:none;transition:all .2s ease}.alliance-edit input:focus{border-color:#667eea99;background:#ffffff1f}.alliance-edit button{padding:8px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:6px;color:#667eea;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.alliance-edit button:hover{background:#667eea4d;border-color:#667eea99}.invite-box{padding:16px;background:#66ea8114;border:1px solid rgba(102,234,129,.3);border-radius:8px;margin-top:16px;text-align:center}.invite-box p{margin:0 0 12px;color:#fffc;font-size:13px}.code-box{background:#ffffff14;border:2px solid rgba(102,234,129,.5);border-radius:6px;padding:12px;font-size:18px;font-weight:700;color:#66ea81;font-family:Courier New,monospace;letter-spacing:2px;margin-bottom:12px;word-break:break-all}.invite-box button{padding:8px 16px;background:#66ea8133;border:1px solid rgba(102,234,129,.4);border-radius:6px;color:#66ea81;cursor:pointer;font-size:12px;font-weight:500;margin-right:8px;transition:all .2s ease}.invite-box button:hover{background:#66ea814d;border-color:#66ea8199}.modal-btn.danger{background:linear-gradient(135deg,#ff6b6bcc,#e55064cc);box-shadow:0 4px 12px #ff6b6b4d}.modal-btn.danger:hover{background:linear-gradient(135deg,#ff6b6b,#e55064);box-shadow:0 6px 16px #ff6b6b66}@media (max-width: 480px){.profile-tabs button{padding:12px 14px;font-size:14px;min-height:44px}.profile-section{padding:12px}.alliance-actions{flex-direction:column}.alliance-actions button,.alliance-actions .muted{width:100%;min-height:48px}.alliance-edit{flex-direction:column}.alliance-edit input,.alliance-edit button{width:100%;min-height:48px}.invite-box button{display:block;width:100%;margin-bottom:8px;margin-right:0;min-height:48px}.invite-box button:last-child{margin-bottom:0}}.context-menu{position:fixed;background-color:#2f3136;border:1px solid #202225;border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:10000;display:flex;flex-direction:column;min-width:150px;overflow:hidden;pointer-events:auto}.context-menu-item{background:none;border:none;padding:8px 12px;color:#dcddde;font-size:14px;cursor:pointer;text-align:left;transition:all .2s ease;white-space:nowrap}.context-menu-item:hover{background-color:#40444b;color:#fff}.context-menu-item.danger{color:red}.context-menu-item.danger:hover{background-color:#fa0000;color:#fff}.sidebar{width:auto;min-width:64px;max-width:360px;background:#ffffff0a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;border-right:1px solid rgba(30,33,36,.9);overflow-y:auto;position:relative}.sidebar-resizer{position:absolute;top:0;right:0;width:8px;height:100%;cursor:col-resize;z-index:40;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent)}.sidebar-resizer:hover{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}.channels-section{padding:8px;flex:1;overflow-y:auto}.channels-header{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:12px 8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.channels-header h4{margin:0;font-size:12px;font-weight:700;color:#ffffff80;text-transform:uppercase;flex:1}.server-info{padding:16px 12px 12px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:8px;align-items:center}.server-title{font-size:15px;font-weight:700;color:#fffffff2}.server-meta{display:flex;gap:8px;align-items:center;color:#ffffff8c;font-size:12px}.owner-badge{background:#ffd7001f;color:gold;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:700}.server-info-image{width:64px;height:64px;border-radius:12px;object-fit:cover}.server-info-placeholder{width:64px;height:64px;border-radius:12px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.server-title{text-align:center}.server-meta{justify-content:center}@media (max-width: 480px){.server-info{padding:10px 8px}.server-info-image,.server-info-placeholder{width:48px;height:48px}}.add-channel-btn{padding:4px 8px;font-size:14px;background:#66ea8126;color:#66ea81;border:1px solid rgba(102,234,129,.3);border-radius:4px;cursor:pointer;transition:all .2s ease}.add-channel-btn:hover{background:#66ea8140;border-color:#66ea8180}.channels-list{display:flex;flex-direction:column;gap:4px}.channel-item{padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#fff9;font-size:14px;display:flex;align-items:center;gap:8px}.channel-icon{font-size:14px;font-weight:600;color:#ffffff80;width:18px;text-align:center}.channel-icon.voice-icon{color:#5865f2cc}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item:hover{background:#ffffff14;color:#fff}.channel-item:hover .channel-icon{color:#fffc}.channel-item:hover .channel-icon.voice-icon{color:#5865f2}.channel-item.active{background:#667eea33;color:#fff}.voice-header h4{display:flex;align-items:center}.voice-channels-list{margin-bottom:8px}.no-voice-channels{padding:8px 12px;font-size:12px;color:#fff6;font-style:italic}.voice-channel-item{position:relative}.voice-channel-item.active{background:linear-gradient(90deg,#5865f240,#5865f21a);color:#fff;border:1px solid rgba(88,101,242,.3)}.voice-channel-item.active .channel-icon.voice-icon{color:#5865f2;animation:voicePulse 2s ease-in-out infinite}@keyframes voicePulse{0%,to{opacity:1}50%{opacity:.5}}.voice-channel-item.joining{opacity:.7;pointer-events:none}.voice-user-count{margin-left:auto;background:#5865f24d;color:#ffffffe6;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.voice-channel-wrapper{margin-bottom:4px}.voice-channel-members{padding:4px 8px 8px 32px;display:flex;flex-direction:column;gap:4px;background:#00000026;border-radius:0 0 8px 8px;margin-top:-4px}.voice-member-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;transition:background .15s ease}.voice-member-item:hover{background:#ffffff0d}.voice-member-avatar{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;overflow:hidden;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;transition:all .2s ease}.voice-member-avatar img{width:100%;height:100%;object-fit:cover}.voice-member-avatar.talking{border-color:gold;box-shadow:0 0 0 2px #ffd70080,0 0 12px #ffd700cc;animation:talkingPulseYellow .6s ease-in-out infinite}.voice-member-name{font-size:13px;color:#fffc;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-connected-indicator{width:8px;height:8px;background:#43b581;border-radius:50%;margin-left:auto;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #43b58166}50%{box-shadow:0 0 0 4px #43b58100}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:56px;bottom:0;width:85vw;max-width:320px;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000080;border-right:1px solid rgba(255,255,255,.1)}.sidebar.open{transform:translate(0)}.channel-item{padding:12px 16px;font-size:15px;min-height:44px;display:flex;align-items:center}.channels-section{overflow-y:auto;-webkit-overflow-scrolling:touch}.server-info{padding:12px}.add-channel-btn{min-height:36px;padding:6px 12px}}.server-bar{height:60px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);padding:0 16px;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.server-bar::-webkit-scrollbar{display:none}.server-bar-content{display:flex;gap:8px;align-items:center}.server-bar-action{width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:18px;color:#66ea81;flex-shrink:0}.server-bar-action:hover{background:#66ea8133;border-color:#66ea8166;transform:translateY(-2px);box-shadow:0 4px 12px #66ea814d}.server-bar-action.discover-btn{color:gold;background:#ffd7001a;border-color:#ffd7004d;animation:discoverPulse 2s ease-in-out infinite}.server-bar-action.discover-btn:hover{background:#ffd70040;border-color:#ffd70099;box-shadow:0 4px 16px #ffd70080;animation:none}@keyframes discoverPulse{0%,to{box-shadow:0 0 8px #ffd70066}50%{box-shadow:0 0 16px #ffd700b3,0 0 24px #ffd7004d}}.server-bar-divider{width:1px;height:24px;background:#ffffff1f}.server-bar-item{width:40px;height:40px;background:#ffffff14;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:14px;color:#fff;position:relative;flex-shrink:0;border:1px solid rgba(255,255,255,.12)}.server-bar-item:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-radius:16px;border-color:#667eea80;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.server-bar-item.active{background:linear-gradient(135deg,#667eeacc,#764ba2cc);border-radius:16px;border-color:#667eea99;box-shadow:0 4px 16px #667eea80}.crown-small{position:absolute;top:-2px;right:-2px;font-size:10px;background:#ffd70033;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ffd70066}.join-code-display{display:flex;flex-direction:column;gap:12px;align-items:center}.join-code-display p{margin:0;color:#b9bbbe;font-size:14px}.code-box{background:#ffffff14;border:1px solid rgba(102,126,234,.5);border-radius:6px;padding:12px 16px;color:#fff;font-weight:600;font-size:18px;letter-spacing:2px;text-align:center;min-width:200px;box-shadow:0 0 20px #667eea33}.server-avatar{width:36px;height:36px;border-radius:8px;object-fit:cover}.server-initial{display:inline-block}.unread-dm-indicator{position:absolute;top:4px;right:4px;width:10px;height:10px;background:#f44;border:2px solid rgba(0,0,0,.6);border-radius:50%;animation:dmPulse 2s ease-in-out infinite}@keyframes dmPulse{0%,to{box-shadow:0 0 #ff4444b3}50%{box-shadow:0 0 0 6px #f440}}.chat-area{flex:1;display:flex;flex-direction:column;background-color:#000}.message{display:flex;gap:12px;margin-bottom:16px;padding:0 8px;position:relative}.message:hover{background-color:#ffffff0d;border-radius:4px;margin-left:-8px;margin-right:-8px;padding:0 16px}.message-avatar{width:40px;height:40px;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;color:#fff}.message-content{flex:1;min-width:0}.message-author{font-weight:600;color:#fff;font-size:15px;display:flex;align-items:center;gap:6px}.crown-icon{font-size:16px;color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.7));animation:shimmer 2s ease-in-out infinite;flex-shrink:0}@keyframes shimmer{0%,to{filter:drop-shadow(0 0 6px rgba(255,215,0,.7))}50%{filter:drop-shadow(0 0 10px rgba(255,215,0,1))}}.gold-check-icon{color:gold;font-size:14px;filter:drop-shadow(0 0 4px rgba(255,215,0,.6));flex-shrink:0}.nameplate-icon{color:#ff69b4;font-size:14px;filter:drop-shadow(0 0 4px rgba(255,105,180,.6));flex-shrink:0}.message-time{font-size:12px;color:#72767d}.message-text{color:#dcddde;font-size:15px;word-wrap:break-word;margin:0;white-space:pre-wrap;line-height:1.4}.delete-btn{background:none;border:none;color:red;cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s ease}.loading,.no-messages{color:#9b9b9b;text-align:center;padding:20px;margin:auto}.message-context-menu{background:#1e1e28f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006;min-width:160px}.message-context-menu button{width:100%;padding:8px 12px;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:4px;font-size:14px;transition:all .15s ease}.message-context-menu button:hover{background:#ffffff1a}.gold-check{color:gold;margin-left:4px;font-weight:700}@media (max-width: 768px){.message{padding:10px 6px}.message-avatar{width:36px;height:36px;font-size:14px}.message-author{font-size:14px}.message-text{font-size:14px;line-height:1.5}.message-time{font-size:11px}.delete-btn{font-size:18px;padding:8px;min-width:36px;min-height:36px;opacity:1;background:#ff00001a;border-radius:4px}.crown-icon{font-size:14px}.gold-check-icon,.nameplate-icon{font-size:12px}.message-context-menu{min-width:140px;font-size:14px}.message-context-menu button{padding:10px 14px;min-height:44px}}.avatar-outline{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:8px}.avatar-outline .message-avatar{width:40px;height:40px;border-radius:50%;background:#2f3136;display:flex;align-items:center;justify-content:center;color:#fff}.username-label{text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.35);-webkit-text-stroke:.25px rgba(0,0,0,.85)}.message.gradient-fill-blue{background:linear-gradient(135deg,#2b6cb0,#153e75);color:#fff;border-radius:8px;padding:8px 12px}.message.gradient-fill-purple{background:linear-gradient(135deg,#5b2e8c,#2a0f4a);color:#fff;border-radius:8px;padding:8px 12px}.message.gradient-fill-green{background:linear-gradient(135deg,#2f7a2f,#1f5f1f);color:#fff;border-radius:8px;padding:8px 12px}.message.gradient-fill-blue .message-text,.message.gradient-fill-purple .message-text,.message.gradient-fill-green .message-text{color:#fffffff2}.message.admin-wave{position:relative;overflow:hidden;border-radius:8px;transition:transform .25s ease,box-shadow .25s ease}.message.admin-wave:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:220% 100%;pointer-events:none;filter:blur(5px);mix-blend-mode:overlay;animation:adminWaveMsg 3s ease-in-out infinite;z-index:1}.message.admin-wave:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;box-shadow:0 10px 30px #66a3ff1f;pointer-events:none;opacity:.9;z-index:1}.message.admin-wave>*{position:relative;z-index:2}@keyframes adminWaveMsg{0%{background-position:0% 50%;transform:translateY(0)}50%{background-position:100% 50%;transform:translateY(-2px)}to{background-position:0% 50%;transform:translateY(0)}}.reply-snippet{background:#00000040;border-left:3px solid rgba(255,255,255,.06);padding:6px 8px;margin-bottom:6px;color:#cfe7d0;font-size:13px;border-radius:6px}.reply-btn{position:absolute;right:8px;top:8px;background:#00000059;border:none;color:#b9ffb0;padding:4px 6px;border-radius:6px;cursor:pointer}.replying-preview{background:#00000080;padding:8px;color:#dfffe0;border-radius:8px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.replying-preview .cancel-reply{margin-left:auto;background:transparent;border:none;color:#ffb3b3;cursor:pointer}.message-input.textarea{resize:vertical;min-height:40px;max-height:160px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#00000040;color:#fff;flex:1}.replied-highlight{animation:repliedFlash 1s ease-in-out;background-color:#5cff961f!important}@keyframes repliedFlash{0%{box-shadow:0 0 #5cff9600}50%{box-shadow:0 0 10px #5cff9699}to{box-shadow:0 0 #5cff9600}}.user-profile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.user-profile-modal{position:relative;background:#ffffff08;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border-radius:12px;border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 20px #0000001f;width:90%;max-width:650px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.user-profile-close{position:absolute;top:20px;right:20px;background:#ffffff26;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fffc;font-size:20px;cursor:pointer;transition:all .2s ease;z-index:20;box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3}.user-profile-close:hover{background:#ffffff40;color:#fff;transform:scale(1.1);box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff4d}.user-profile-loading{padding:60px 20px;text-align:center;color:#ffffff80;font-size:24px}.user-profile-error{padding:60px 20px;text-align:center;color:#ffffff80}.user-profile-header{position:relative;height:160px;background:linear-gradient(135deg,#5865f280,#8b5cf680,#ec489980);-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.3);z-index:2}.user-profile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03) 0%,transparent 50%);animation:liquidMove 8s ease-in-out infinite;z-index:0}@keyframes liquidMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,-10px) scale(1.05)}66%{transform:translate(-10px,10px) scale(.95)}}.user-profile-avatar-container{position:absolute;left:50%;bottom:-70px;transform:translate(-50%);z-index:1000;display:flex;align-items:center;justify-content:center}.user-profile-avatar{width:140px;height:140px;border-radius:50%;border:6px solid rgba(255,255,255,.3);background:#ffffff26;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3;object-fit:cover;z-index:1001}.user-profile-avatar-letter{display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 4px 12px rgba(0,0,0,.4)}.user-profile-content{padding:80px 32px 28px;overflow-y:auto;max-height:calc(90vh - 160px);background:transparent;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);box-shadow:inset 0 1px #ffffff1a;position:relative;z-index:1}.user-profile-content::-webkit-scrollbar{width:6px}.user-profile-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.user-profile-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.user-profile-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.user-profile-username{text-align:center;margin-bottom:24px;font-size:28px;font-weight:600}.user-profile-section-label{font-size:13px;font-weight:700;text-transform:uppercase;color:#fff9;letter-spacing:1px;margin-bottom:10px}.user-profile-bio{background:#ffffff0a;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px 20px;margin-bottom:24px;box-shadow:0 6px 18px #0000001f}.user-profile-bio p{margin:0;color:#fffffff2;line-height:1.7;font-size:16px;word-wrap:break-word;white-space:pre-wrap}.user-profile-info-section{margin-bottom:24px;background:#ffffff0a;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 18px;box-shadow:0 6px 18px #0000001f}.user-profile-info-value{color:#ffffffd9;font-size:15px;padding:4px 0}.user-profile-badges{margin-bottom:16px}.user-profile-badges-list{display:flex;flex-wrap:wrap;gap:8px}.badge-item{display:flex;align-items:center;gap:8px;background:#ffffff0a;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;color:#fffffff2;text-transform:capitalize;transition:all .2s ease;box-shadow:0 6px 18px #0000001f}.badge-item:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff4d}.badge-goldplate{background:linear-gradient(135deg,#ffd70033,#ffa50033);border-color:#ffd7004d;color:gold}.badge-verified{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f64d;color:#60a5fa}.badge-staff{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#c084fc}.badge-premium{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf244d;color:#fbbf24}.user-profile-roles{margin-bottom:16px}.role-badge{display:inline-flex;align-items:center;padding:8px 18px;border-radius:12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 18px #0000001f}.role-badge.admin{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef44444d;color:#f87171}.role-badge.staff{background:linear-gradient(135deg,#3b82f626,#2563eb26);border-color:#3b82f64d;color:#60a5fa}.user-profile-stack-section{margin-bottom:16px}.user-profile-stack-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:12px;color:#667eea;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.user-profile-stack-btn:hover{background:#667eea33;border-color:#667eea66;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.user-profile-stack-btn span{flex:1}.user-profile-stack-btn i:last-child{opacity:.7;font-size:12px}@media (max-width: 480px){.user-profile-modal{width:95%;max-width:100%;border-radius:24px}.user-profile-header{height:160px;padding-bottom:60px}.user-profile-avatar{width:110px;height:110px;border-width:5px}.user-profile-avatar-letter{font-size:48px}.user-profile-content{padding:28px 24px 24px}.user-profile-username{font-size:24px}.user-profile-close{width:36px;height:36px;font-size:18px}}.voice-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#5865f233,#4752c433);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(88,101,242,.3);border-radius:50px;padding:8px 16px;margin:12px;animation:voiceBarSlideIn .3s ease-out}@keyframes voiceBarSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.voice-bar-left{display:flex;align-items:center;gap:16px}.voice-bar-indicator{display:flex;align-items:center;gap:8px}.voice-bar-icon{color:#5865f2;font-size:16px;animation:voicePulse 2s ease-in-out infinite}@keyframes voicePulse{0%,to{opacity:1}50%{opacity:.6}}.voice-bar-channel{color:#fff;font-weight:600;font-size:14px}.voice-bar-region{background:#5865f24d;color:#fffc;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.voice-bar-users{display:flex;align-items:center;gap:-8px}.voice-bar-user{position:relative;width:32px;height:32px;margin-left:-8px;transition:transform .2s ease}.voice-bar-user:first-child{margin-left:0}.voice-bar-user:hover{transform:scale(1.1);z-index:10}.voice-bar-user.muted{opacity:.7}.voice-bar-user.talking .voice-bar-avatar{border-color:gold;box-shadow:0 0 0 2px #ffd70080,0 0 12px #ffd700cc;animation:talkingPulseYellow .6s ease-in-out infinite}@keyframes talkingPulseYellow{0%,to{box-shadow:0 0 0 2px #ffd70080,0 0 12px #ffd700cc;border-color:gold}50%{box-shadow:0 0 0 4px #ffd700b3,0 0 20px gold;border-color:#ffed4e}}.voice-bar-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(88,101,242,.5);object-fit:cover;background:linear-gradient(135deg,#5865f2,#7289da)}.voice-bar-avatar-letter{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.voice-bar-muted-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#ed4245;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff}.voice-bar-more{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fffc;margin-left:-8px}.voice-bar-right{display:flex;align-items:center;gap:8px}.voice-bar-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.voice-bar-btn.mute-btn{background:#ffffff1a;color:#fff}.voice-bar-btn.mute-btn:hover{background:#fff3}.voice-bar-btn.mute-btn.muted{background:#ed42454d;color:#ed4245}.voice-bar-btn.mute-btn.muted:hover{background:#ed424580}.voice-bar-btn.leave-btn{background:#ed42454d;color:#ed4245}.voice-bar-btn.leave-btn:hover{background:#ed4245;color:#fff}.voice-bar-btn.settings-btn{background:#ffffff1a;color:#fff}.voice-bar-btn.settings-btn:hover{background:#fff3}@media (max-width: 600px){.voice-bar{padding:6px 12px;margin:8px}.voice-bar-channel{font-size:12px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-bar-region{display:none}.voice-bar-user,.voice-bar-avatar{width:28px;height:28px}.voice-bar-btn{width:32px;height:32px;font-size:12px}}.members-sidebar{width:240px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;overflow-y:auto;position:relative}.members-header{padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.members-header h3{font-size:12px;font-weight:700;color:#ffffff80;text-transform:uppercase;margin:0}.members-list{display:flex;flex-direction:column;padding:8px;gap:8px;flex:1}.member-item{display:flex;gap:8px;padding:8px;border-radius:6px;cursor:context-menu;transition:all .2s ease;align-items:center;position:relative;-webkit-user-select:none;user-select:none}.member-item:hover{background:#ffffff14}.member-avatar{width:32px;height:32px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0;color:#fff;box-shadow:0 4px 12px #667eea4d}.member-item.premium-member .member-avatar{background:linear-gradient(135deg,#00000040,#00000059)}.member-item.premium-member:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:linear-gradient(180deg,#00000040,#00000073);pointer-events:none;z-index:0}.member-item.premium-member>*{position:relative;z-index:1}.member-item.premium-member .premium-banner{width:32px;height:32px;border-radius:50%;background-image:url(/assets/Aimless_Platinum-D1AcmIce.gif);background-size:cover;background-position:center}.member-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.member-info{flex:1;min-width:0}.member-name{font-size:14px;font-weight:500;color:#ffffffe6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.status-dot{width:9px;height:9px;border-radius:50%;background:#fff3;display:inline-block;margin-right:6px;box-shadow:0 0 6px #0006}.status-dot.online{background:#57f287;box-shadow:0 0 6px #57f28759}.status-dot.idle{background:#ffd166;box-shadow:0 0 6px #ffd16640}.status-dot.offline{background:#ffffff24}.gold-check-svg{fill:gold;font-size:14px;filter:drop-shadow(0 0 4px rgba(255,215,0,.6));flex-shrink:0}.blue-check-svg{fill:#5865f2;font-size:14px;filter:drop-shadow(0 0 4px rgba(88,101,242,.6));flex-shrink:0}.member-status{font-size:12px;color:#fff6;margin:0}@media (max-width: 768px){.members-sidebar{position:fixed;right:0;top:56px;bottom:0;width:85vw;max-width:280px;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #00000080;border-left:1px solid rgba(255,255,255,.1)}.members-sidebar.open{transform:translate(0)}.member-item{padding:10px 12px;min-height:52px}.member-avatar{width:36px;height:36px}.member-name{font-size:15px}.members-list{overflow-y:auto;-webkit-overflow-scrolling:touch}}.gold-plated-name{background:linear-gradient(90deg,gold,orange,gold);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px rgba(255,215,0,.5)}.avatar-outline{display:inline-flex;align-items:center;justify-content:center;padding:3px;border-radius:8px}.avatar-outline .member-avatar{width:32px;height:32px;border-radius:50%;background:#2f3136;display:flex;align-items:center;justify-content:center;color:#fff}.username-label{text-shadow:0 1px 0 rgba(0,0,0,.45)}.member-item.admin-wave{position:relative;overflow:hidden;border-radius:8px;transition:transform .35s ease,box-shadow .35s ease}.member-item.admin-wave:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:240% 100%;pointer-events:none;opacity:.9;mix-blend-mode:overlay;filter:blur(6px);z-index:1;animation:adminWaveBox 3s ease-in-out infinite}.member-item.admin-wave:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;box-shadow:0 10px 28px #66a3ff24;pointer-events:none;opacity:.9;z-index:1;transition:opacity .35s ease}.member-item.admin-wave>*{position:relative;z-index:2}@keyframes adminWaveBox{0%{background-position:0% 50%;transform:translateY(0)}50%{background-position:100% 50%;transform:translateY(-3px)}to{background-position:0% 50%;transform:translateY(0)}}.username-icon-badge{filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}.gradient-outline-blue{background:linear-gradient(135deg,#2b6cb0,#153e75)}.gradient-outline-purple{background:linear-gradient(135deg,#5b2e8c,#2a0f4a)}.gradient-outline-green{background:linear-gradient(135deg,#2f7a2f,#1f5f1f)}.member-item.gradient-fill-blue{background:linear-gradient(135deg,#2b6cb0,#153e75);color:#fff;border-radius:8px}.member-item.gradient-fill-purple{background:linear-gradient(135deg,#5b2e8c,#2a0f4a);color:#fff;border-radius:8px}.member-item.gradient-fill-green{background:linear-gradient(135deg,#2f7a2f,#1f5f1f);color:#fff;border-radius:8px}.member-item.gradient-fill-blue:hover,.member-item.gradient-fill-purple:hover,.member-item.gradient-fill-green:hover{background-size:100% 100%}.member-item.gradient-fill-blue .member-name,.member-item.gradient-fill-purple .member-name,.member-item.gradient-fill-green .member-name{color:#fff}@media (max-width: 768px){.members-sidebar{position:fixed;right:0;top:0;bottom:0;width:280px;transform:translate(100%);transition:transform .28s ease;z-index:1400;box-shadow:-8px 0 24px #0009}.members-sidebar.open{transform:translate(0)}}.chatpage{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);color:#fff;position:relative;overflow:hidden}.bg-animation{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}#starfield{display:block;width:100%;height:100%}.main-content{display:flex;flex:1;overflow:hidden}.chat-header{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header h2{font-size:18px;font-weight:600;color:#fff}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;align-items:flex-start;background:#000;position:relative}.starfield-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.starfield-canvas canvas{width:100%;height:100%;display:block;pointer-events:none}.message{display:flex;flex:0 0 auto;gap:12px;margin-bottom:16px;position:relative;z-index:1;animation:slideIn .3s ease-out;padding:8px;border-radius:8px;transition:all .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.message-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.message-content{flex:1}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.message-author{font-weight:600;color:#fff;font-size:15px}.message-time{font-size:12px;color:#fff6}.message-text{color:#ffffffd9;font-size:15px;word-wrap:break-word;margin:0;white-space:pre-wrap}.message:hover{background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.delete-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s ease}.loading,.no-messages{color:#9b9b9b;text-align:center;padding:20px}.message-input-form{display:flex;gap:8px;padding:20px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-input{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:12px 16px;color:#ffffffe6;font-size:15px;outline:none;transition:all .2s ease}.message-input:focus{border-color:#667eea99;background:#ffffff1f;box-shadow:0 0 20px #667eea33}.message-input::placeholder{color:#ffffff4d}.send-btn{background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:none;color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.welcome-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff9}.welcome-area h1{color:#fff;margin-bottom:12px}.user-panel{padding:12px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s ease}.user-panel:hover{background:#ffffff0f}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.user-details{flex:1;min-width:0}.username{font-size:14px;font-weight:600;color:#ffffffe6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userstatus{font-size:12px;color:#fff6;margin:0}.logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease}.logout-btn:hover{background:#ffffff26;border-color:#ffffff40}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width: 1024px){.members-sidebar{display:none}}@media (max-width: 768px){.chatpage{flex-direction:column;height:100vh;height:100dvh}.main-content{flex:1;flex-direction:column;overflow:hidden;position:relative}.mobile-controls{position:fixed;top:12px;right:12px;display:flex;gap:8px;z-index:1100}.mobile-control-btn:last-child{display:none}.mobile-control-btn{width:44px;height:44px;border-radius:12px;border:none;background:#282b30f2;color:#fff;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-control-btn:active{background:#5865f2e6;transform:scale(.95)}.sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:1200;transform:translate(-100%);transition:transform .3s ease;width:280px!important;max-width:85vw;box-shadow:8px 0 24px #0009}.sidebar.open{transform:translate(0)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;-webkit-tap-highlight-color:transparent}.message-input-form{padding:12px;gap:6px}.message-input{font-size:14px;padding:10px 14px;border-radius:18px}.send-btn{padding:8px 16px;font-size:14px}.message{gap:10px}.message-avatar{width:36px;height:36px;font-size:14px}.message-header,.message-text{font-size:14px}.chat-header{padding:10px 16px}.chat-header h2{font-size:16px}}@media (max-width: 480px){.mobile-controls{top:8px;right:8px;gap:6px}.mobile-control-btn{width:40px;height:40px;font-size:18px}.server-bar{height:56px;padding:0 8px}.server-bar-content{gap:6px}.server-bar-action,.server-bar-item{width:36px;height:36px;font-size:14px}.server-avatar{width:32px;height:32px}.sidebar{width:100vw!important;max-width:100vw}.members-sidebar{width:100vw!important}.chat-area{flex:1;display:flex;flex-direction:column;min-height:0}.chat-header{padding:8px 12px;display:flex;align-items:center;gap:12px}.chat-header h2{font-size:15px;flex:1;margin:0}.mobile-menu-btn{width:36px;height:36px;border-radius:8px;border:none;background:#ffffff14;color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mobile-menu-btn:active{background:#ffffff26}.messages-container{flex:1;padding:12px 12px 80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.message{padding:6px;margin-bottom:12px;gap:8px}.message-avatar{width:32px;height:32px;font-size:12px}.message-author{font-size:14px}.message-text{font-size:13px}.message-time{font-size:11px}.message-input-form{position:fixed;left:0;right:0;bottom:0;z-index:100;padding:10px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.chatpage{position:fixed;width:100%;height:100vh;height:100dvh}.message-input{font-size:16px;padding:12px 16px;border-radius:24px;min-height:44px}.send-btn{padding:12px 20px;font-size:14px;border-radius:24px;min-height:44px;min-width:44px}.user-panel{display:none}.replying-preview{margin-bottom:8px;padding:8px 12px;font-size:12px}.nav-btn{display:none}.message{padding:12px 8px;margin-bottom:12px}.message:hover{background-color:transparent}.message:active{background-color:#ffffff0d}.message-avatar{width:36px;height:36px;font-size:14px}.mobile-controls{display:flex;gap:8px;padding:8px 12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}.mobile-control-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.mobile-control-btn:active{background:#fff3;transform:scale(.95)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.messages-container{padding:12px 8px 100px}.message-input-form{padding:12px;gap:8px}.welcome-area{padding:24px 16px;text-align:center}.welcome-area h1{font-size:24px;margin-bottom:12px}.welcome-area p{font-size:14px}}@media (min-width: 481px){.mobile-menu-btn{display:none}.sidebar-overlay{display:none!important}}@media (min-width: 769px){.mobile-controls,.mobile-overlay{display:none!important}.sidebar{position:relative!important;transform:none!important;top:auto!important}.members-sidebar{position:relative!important;transform:none!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media (max-width: 480px){.message-input-form{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.messages-container{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}}.subscription-banner{width:100%;background:linear-gradient(90deg,#5865f2f2,#8b5cf6f2);color:#fff;padding:8px 12px;box-shadow:0 4px 12px #00000059;position:sticky;top:0;z-index:1200}.subscription-banner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.subscription-message{font-size:14px}.subscription-actions{display:flex;gap:8px}.subscription-btn{background:#fff;color:#4432a8;padding:6px 10px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.subscription-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ffffff4d}.subscription-dismiss{background:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.subscription-dismiss:hover{background:#ffffff1a}.subscription-modal-content{display:flex;flex-direction:column;gap:32px}.subscription-hero{text-align:center;padding:0 20px}.subscription-hero-title{font-size:28px;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent}.subscription-hero-subtitle{font-size:16px;color:#ffffffb3;margin:0;line-height:1.5}.subscription-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:800px;margin:0 auto;width:100%}.subscription-plan-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:24px;transition:all .3s ease;position:relative;overflow:hidden}.subscription-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea80,#764ba280);opacity:0;transition:opacity .3s ease}.subscription-plan-card:hover{border-color:#667eea66;transform:translateY(-4px);box-shadow:0 12px 32px #667eea33}.subscription-plan-card:hover:before{opacity:1}.subscription-plan-card.popular{border-color:#ffd70066;background:#ffd7000d}.subscription-plan-card.popular:before{background:linear-gradient(90deg,gold,orange);opacity:1}.subscription-plan-card.popular:hover{border-color:#ffd70099;box-shadow:0 12px 32px #ffd7004d}.popular-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,gold,orange);color:#000;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 12px #ffd70066}.plan-card-header{display:flex;flex-direction:column;gap:8px}.plan-card-name{font-size:24px;font-weight:700;margin:0;color:#fff}.plan-card-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:36px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent}.price-period{font-size:16px;color:#fff9}.plan-card-perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1}.plan-card-perks li{display:flex;align-items:flex-start;gap:12px;color:#ffffffd9;font-size:14px;line-height:1.5}.perk-icon{width:20px;height:20px;flex-shrink:0;color:#66ea81;margin-top:2px}.plan-card-actions{display:flex;flex-direction:column;gap:10px}.subscription-cta-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 24px;border-radius:10px;text-decoration:none;font-weight:700;font-size:16px;text-align:center;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #667eea4d}.subscription-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.subscription-plan-card.popular .subscription-cta-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 4px 16px #ffd70066}.subscription-plan-card.popular .subscription-cta-btn:hover{box-shadow:0 6px 20px #ffd70099}.subscription-role-btn{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);padding:10px 16px;border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.subscription-role-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.copy-icon{width:16px;height:16px}.subscription-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:24px}.subscription-info-box{display:flex;gap:12px;align-items:flex-start;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:16px;color:#fffc;font-size:13px;line-height:1.6}.info-icon{width:20px;height:20px;flex-shrink:0;color:#667eea;margin-top:2px}.subscription-info-box strong{color:#fff}@media (max-width: 768px){.subscription-hero-title{font-size:24px}.subscription-hero-subtitle{font-size:14px}.subscription-plans{grid-template-columns:1fr;gap:16px}.subscription-plan-card{padding:20px}.plan-card-name{font-size:20px}.price-amount{font-size:28px}.popular-badge{font-size:11px;padding:4px 10px}}.plan-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.04);padding:12px;border-radius:8px;width:260px}.plan-header{display:flex;justify-content:space-between;align-items:center}.plan-name{font-weight:700}.plan-price{font-size:14px;color:#fffc}.plan-perks{margin:8px 0 0 16px}.subscription-link{background:#57f287;padding:6px 8px;border-radius:6px;color:#000;text-decoration:none;font-weight:600}.subscription-copy{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.12);padding:6px 8px;border-radius:6px;cursor:pointer}.admin-container{display:flex;min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);color:#fff;overflow:hidden;position:relative}.admin-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.admin-sidebar{width:260px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:100;flex-shrink:0}.admin-sidebar.collapsed{width:80px}.admin-sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;min-height:80px}.admin-logo{display:flex;align-items:center;gap:12px;overflow:hidden}.admin-crown{font-size:28px;color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.5));flex-shrink:0}.admin-logo h2{margin:0;font-size:20px;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.sidebar-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sidebar-toggle:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.admin-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.nav-item{background:transparent;border:none;color:#ffffffb3;padding:14px 16px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:12px;position:relative;text-align:left;white-space:nowrap}.nav-item:hover{background:#ffffff14;color:#fff;transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff;box-shadow:0 4px 12px #667eea4d}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 4px 4px 0}.nav-item.danger{color:#ff6b6be6}.nav-item.danger:hover{background:#ff444426;color:#ff6b6b}.nav-icon{font-size:20px;min-width:20px;text-align:center;flex-shrink:0}.nav-badge{background:linear-gradient(135deg,#f44,#c00);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;margin-left:auto;box-shadow:0 2px 8px #f446}.admin-sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.admin-sidebar.collapsed .nav-item span:not(.nav-icon),.admin-sidebar.collapsed .nav-badge,.admin-sidebar.collapsed .admin-logo h2{display:none}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.admin-header{padding:20px 32px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:80px}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.mobile-menu-btn{display:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;width:40px;height:40px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;flex-shrink:0}.mobile-menu-btn:hover{background:#ffffff1a;color:#fff}.admin-header h1{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.admin-crown-badge{font-size:20px;color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));flex-shrink:0}.admin-user span{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-content{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden}.admin-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card.primary:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card.success:before{background:linear-gradient(90deg,#66ea81,#4ba276)}.stat-card.info:before{background:linear-gradient(90deg,#66d9ea,#4b76a2)}.stat-card.warning:before{background:linear-gradient(90deg,#eaa866,#a2764b)}.stat-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.stat-icon{font-size:42px;color:#667eeae6;filter:drop-shadow(0 4px 12px rgba(102,126,234,.3));flex-shrink:0}.stat-card.primary .stat-icon{color:#667eeae6}.stat-card.success .stat-icon{color:#66ea81e6}.stat-card.info .stat-icon{color:#66d9eae6}.stat-card.warning .stat-icon{color:#eaa866e6}.stat-info{flex:1;min-width:0}.stat-info h3{margin:0 0 8px;font-size:13px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px}.stat-trend{font-size:12px;color:#ffffff80;font-weight:500;display:flex;align-items:center;gap:4px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.dashboard-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.dashboard-card h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#ffffffe6}.activity-list,.top-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.activity-item:hover{background:#ffffff0f;border-color:#ffffff1a}.activity-dot{width:10px;height:10px;border-radius:50%;background:#667eea;box-shadow:0 0 10px #667eea99}.activity-dot.user{background:#667eea}.activity-dot.alliance{background:#66ea81}.activity-dot.report{background:#ea6666}.activity-details{flex:1}.activity-action{margin:0;font-size:14px;font-weight:500;color:#ffffffe6}.activity-meta{margin:4px 0 0;font-size:12px;color:#ffffff80}.top-item{display:flex;align-items:center;gap:16px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.top-item:hover{background:#ffffff0f;border-color:#ffffff1a}.top-item:hover .nav-item.disabled{opacity:.45;cursor:default}.top-rank{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.top-info{flex:1}.top-name{margin:0;font-size:14px;font-weight:600;color:#ffffffe6}.top-meta{margin:4px 0 0;font-size:12px;color:#ffffff80}.section-toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.search-wrapper{flex:1;position:relative;min-width:200px}.filter-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 40px 14px 18px;color:#fff;font-size:15px;font-weight:500;outline:none;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.6)' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.filter-select:hover{background-color:#ffffff14;border-color:#fff3}.filter-select:focus{background-color:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.filter-select option{background:#1a1a2e;color:#fff;padding:10px}.bulk-actions-panel{background:linear-gradient(135deg,#667eea26,#764ba226);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:20px;margin-bottom:24px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-panel h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#fffffff2;display:flex;align-items:center;gap:10px}.bulk-actions-panel h4 i{color:#667eea;font-size:18px}.bulk-actions-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-bulk{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-bulk:hover{background:#ffffff2e;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.btn-bulk.staff{background:linear-gradient(135deg,#f093fb33,#f5576c33);border-color:#f5576c66;color:#f5f5f5}.btn-bulk.staff:hover{background:linear-gradient(135deg,#f093fb4d,#f5576c4d);border-color:#f5576c99}.btn-bulk.danger{background:#f443;border-color:#f446;color:#ff6b6b}.btn-bulk.danger:hover{background:#ff44444d;border-color:#f449}.checkbox-select{width:20px;height:20px;accent-color:#667eea;cursor:pointer;border-radius:4px}.selected-row{background:#667eea14!important;border-left:3px solid #667eea}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff6;font-size:18px;pointer-events:none}.search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px 14px 46px;color:#fff;font-size:15px;outline:none;transition:all .2s ease}.search-input:focus{background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#fff6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:14px 24px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.data-table{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.data-table table{width:100%;border-collapse:collapse}.data-table thead{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.data-table th{padding:16px 20px;text-align:left;font-size:12px;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.data-table td{padding:16px 20px;font-size:14px;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.05)}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:#ffffff0d}.data-table tbody tr:last-child td{border-bottom:none}.data-table code{background:#ffffff1a;padding:4px 8px;border-radius:6px;font-size:13px;font-family:Courier New,monospace;color:#66ea81}.user-cell{display:flex;align-items:center;gap:8px}.user-crown{font-size:16px;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.gold-check{color:gold;font-size:14px;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.badge{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.badge.admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge.staff{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.badge.success{background:#66ea8133;color:#66ea81;border:1px solid rgba(102,234,129,.3)}.badge.danger{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.btn-sm:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.btn-sm.danger{background:#ff444426;border-color:#ff44444d;color:#ff6b6b}.btn-sm.danger:hover{background:#ff444440;border-color:#ff444480}.reports-list{display:flex;flex-direction:column;gap:16px}.report-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-left:4px solid #ff6b6b;border-radius:12px;padding:20px;transition:all .2s ease}.report-card:hover{background:#ffffff14;border-color:#ff6b6b80;box-shadow:0 8px 24px #0003}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.report-info{display:flex;align-items:center;gap:12px}.report-badge{background:#ff6b6b33;color:#ff6b6b;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.report-time{font-size:12px;color:#ffffff80}.report-actions{display:flex;gap:8px}.report-content{display:flex;flex-direction:column;gap:12px}.report-field strong{color:#ffffffb3;font-size:13px}.report-field p{margin:8px 0 0;color:#ffffffe6;font-size:14px;background:#ffffff08;padding:12px;border-radius:8px;border-left:3px solid #667eea}.report-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#fff9}.activity-log{display:flex;flex-direction:column;gap:12px}.log-entry{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease}.log-entry:hover{background:#ffffff14;border-color:#fff3}.log-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea33,#764ba233);display:flex;align-items:center;justify-content:center;font-size:24px}.log-icon.user{background:linear-gradient(135deg,#667eea33,#764ba233)}.log-icon.alliance{background:linear-gradient(135deg,#66ea8133,#4ba27633)}.log-icon.report{background:linear-gradient(135deg,#ea666633,#a24b4b33)}.log-details{flex:1}.log-action{margin:0;font-size:15px;font-weight:600;color:#ffffffe6}.log-meta{margin:4px 0 0;font-size:13px;color:#ffffff80}.settings-panel{display:flex;flex-direction:column;gap:32px}.setting-group{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.setting-group h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#ffffffe6}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-item:last-child{border-bottom:none}.setting-item label{font-size:14px;color:#fffc;font-weight:500}.setting-item input[type=checkbox]{width:48px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:12px;position:relative;cursor:pointer;transition:all .3s ease}.setting-item input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2)}.setting-item input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .3s ease}.setting-item input[type=checkbox]:checked:before{left:26px}.setting-item input[type=text]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;width:300px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#fff}.modal-header button{background:#ffffff1a;border:none;color:#ffffffb3;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:20px;transition:all .2s ease}.modal-header button:hover{background:#fff3;color:#fff}.modal-body{padding:24px;overflow-y:auto}.detail-group{margin-bottom:24px}.detail-group p{margin:8px 0;font-size:14px;color:#fffc}.detail-group h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#ffffffe6}.detail-group ul{margin:0;padding-left:20px}.detail-group li{margin:6px 0;color:#ffffffb3}.empty-state{text-align:center;padding:60px 20px;color:#fff6}.empty-icon{font-size:48px;color:#66ea8199;display:inline-block;margin-bottom:16px}.empty-state p{margin:0;font-size:16px;font-weight:500}.user-crown,.crown-small,.gold-check{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.6));animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 0 10px rgba(255,215,0,1))}}.analytics-list{display:flex;flex-direction:column;gap:20px}.analytics-item{display:flex;flex-direction:column;gap:8px}.analytics-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#ffffffd9}.analytics-label i{font-size:18px}.analytics-value{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-text{font-size:16px;font-weight:600;color:#ffffffe6;padding:8px 0}.analytics-bar{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;margin-top:4px}.analytics-fill{height:100%;border-radius:4px;transition:width .6s ease;background:linear-gradient(90deg,#667eea,#764ba2)}.analytics-fill.admin{background:linear-gradient(90deg,gold,#ffed4e)}.analytics-fill.staff{background:linear-gradient(90deg,#f093fb,#f5576c)}.analytics-fill.user{background:linear-gradient(90deg,#667eea,#764ba2)}.analytics-fill.banned{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}.activity-timeline{display:flex;flex-direction:column;gap:20px;padding:12px 0}.timeline-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#ffffff08;border-radius:12px;border-left:3px solid transparent;transition:all .2s ease}.timeline-item:hover{background:#ffffff0f}.timeline-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;flex-shrink:0;box-shadow:0 0 12px currentColor}.timeline-dot.success{background:#66ea81;box-shadow:0 0 12px #66ea81}.timeline-dot.info{background:#66d9ea;box-shadow:0 0 12px #66d9ea}.timeline-dot.warning{background:#eaa866;box-shadow:0 0 12px #eaa866}.timeline-content{flex:1}.timeline-title{margin:0 0 6px;font-size:15px;font-weight:600;color:#fffffff2}.timeline-meta{margin:0;font-size:13px;color:#fff9;line-height:1.5}.timeline-meta strong{color:#ffffffe6;font-weight:600}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.admin-content{padding:20px}.data-table{overflow-x:auto}}@media (max-width: 768px){.admin-container{position:relative}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000;transform:translate(-100%);width:280px;box-shadow:4px 0 24px #0000004d}.admin-sidebar:not(.collapsed){transform:translate(0)}.admin-sidebar.collapsed{transform:translate(-100%)}.admin-sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .3s ease}.admin-sidebar:not(.collapsed)+.admin-sidebar-overlay{opacity:1;pointer-events:all}.mobile-menu-btn{display:flex}.sidebar-toggle{display:none}.admin-header{padding:16px 20px}.admin-header h1{font-size:20px}.admin-user span{display:none}.admin-content{padding:16px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-value{font-size:28px}.section-toolbar{flex-direction:column}.search-wrapper{width:100%}.btn-primary{width:100%;justify-content:center}.data-table table{min-width:600px}.action-buttons{flex-direction:column;width:100%}.btn-sm{width:100%;justify-content:center}.report-header{flex-direction:column;align-items:flex-start;gap:12px}.report-actions{width:100%;flex-direction:column}.modal-panel{width:95%;max-height:90vh}}@media (max-width: 480px){.admin-sidebar{width:100%}.admin-header h1{font-size:18px}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:36px}.stat-value{font-size:24px}.dashboard-card h3{font-size:16px}}.safety-alerts-list{display:flex;flex-direction:column;gap:16px}.safety-alert-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-left:4px solid;border-radius:12px;overflow:hidden;transition:all .2s ease}.safety-alert-card:hover{background:#ffffff0d;transform:translate(4px)}.safety-alert-card.severity-critical{background:#ff000014;border-color:#ff00004d}.safety-alert-card.severity-high{background:#ff44440f;border-color:#ff44444d}.safety-alert-card.severity-medium{background:#ffaa000d;border-color:#ffaa004d}.alert-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:12px}.alert-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.severity-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:#ffffff1a;color:#fffc}.status-badge.pending{background:#fa03;color:#fa0}.status-badge.reviewed{background:#667eea33;color:#667eea}.status-badge.actioned{background:#66ea8133;color:#66ea81}.status-badge.dismissed{background:#ffffff1a;color:#ffffff80}.risk-score{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff14;border-radius:6px;font-size:12px;font-weight:600;color:#fffc}.alert-time{font-size:12px;color:#ffffff80}.alert-content{padding:20px;display:flex;flex-direction:column;gap:16px}.flagged-message{background:#0000004d;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.flagged-message strong{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:12px;margin-bottom:8px}.message-preview{margin:0;color:#fff;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.alert-details{font-size:13px}.detail-row{display:flex;flex-wrap:wrap;gap:16px}.detail-row span{display:flex;align-items:center;gap:6px;color:#ffffffb3}.detail-row i{color:#fff6;font-size:12px}.detected-patterns strong,.flag-details strong,.alert-notes strong{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:12px;margin-bottom:10px}.pattern-tags{display:flex;flex-wrap:wrap;gap:8px}.pattern-tag{padding:4px 10px;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);border-radius:20px;font-size:12px;color:#f99;font-weight:500}.flag-details ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.flag-details li{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0003;border-radius:6px;font-size:13px}.flag-severity{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.flag-severity.high{background:#ff44444d;color:#ff6b6b}.flag-severity.medium{background:#ffaa004d;color:#fa0}.flag-severity.low{background:#ffdd004d;color:#fd0}.flag-severity.combo{background:#ff00004d;color:#f44}.flag-category{color:#fffc;font-weight:500}.flag-match{background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:12px;color:#f99;margin-left:auto}.alert-notes{background:#667eea1a;padding:12px 16px;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.alert-notes p{margin:0;color:#fffc;font-size:13px}.extended-info-section{background:linear-gradient(135deg,#ff000014,#ff44440d);padding:16px;border-radius:12px;border:1px solid rgba(255,68,68,.3);margin-top:12px}.extended-info-section>strong{display:flex;align-items:center;gap:8px;font-size:14px;color:#ff6b6b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.extended-info-section>strong i{font-size:16px}.extended-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.extended-info-grid .info-item{display:flex;align-items:center;gap:10px;background:#0000004d;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.extended-info-grid .info-item:hover{background:#0006;border-color:#ffffff26}.extended-info-grid .info-item.highlight{background:#ff444426;border-color:#ff44444d}.extended-info-grid .info-item.highlight:hover{background:#f443}.extended-info-grid .info-item.full-width{grid-column:1 / -1;flex-wrap:wrap}.extended-info-grid .info-item i{font-size:14px;color:#ffffff80;width:18px;text-align:center;flex-shrink:0}.extended-info-grid .info-item.highlight i{color:#ff6b6b}.extended-info-grid .info-label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.extended-info-grid .info-value{font-size:13px;color:#fff;font-family:Monaco,Consolas,monospace;word-break:break-all}.extended-info-grid .info-value.user-agent{font-size:11px;color:#ffffffb3;line-height:1.4;flex:1;min-width:0}.alert-actions{display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.08)}.btn-action{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3)}.btn-action:hover{background:#667eea4d;transform:translateY(-2px)}.btn-action.danger{background:#f443;color:#ff6b6b;border-color:#ff44444d}.btn-action.danger:hover{background:#ff44444d}.btn-action.warning{background:#fa03;color:#fa0;border-color:#ffaa004d}.btn-action.warning:hover{background:#ffaa004d}.btn-action.secondary{background:#ffffff0d;color:#fff9;border-color:#ffffff1a}.btn-action.secondary:hover{background:#ffffff1a;color:#fff}.review-info{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#66ea811a;border-top:1px solid rgba(102,234,129,.2);font-size:12px;color:#66ea81cc}.review-info i{color:#66ea81}@media (max-width: 768px){.alert-header{padding:12px 16px}.alert-content{padding:16px}.alert-badges{width:100%}.detail-row{flex-direction:column;gap:8px}.alert-actions{flex-direction:column}.btn-action{width:100%;justify-content:center}.flag-details li{flex-wrap:wrap}.flag-match{margin-left:0;margin-top:4px;width:100%}}.discover-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);color:#fff;padding:20px}.discover-header{max-width:1200px;margin:0 auto 40px;text-align:center}.discover-header h1{font-size:36px;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent}.discover-header p{color:#fff9;font-size:16px}.back-btn{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;margin-bottom:20px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.back-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.discover-content{max-width:1200px;margin:0 auto}.loading-container{text-align:center;padding:60px 20px;color:#fff9}.spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:80px 20px;color:#fff9}.empty-state h2{margin:20px 0 10px;color:#fffc}.alliances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.alliance-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alliance-card:hover{transform:translateY(-4px);border-color:#667eea66;box-shadow:0 8px 24px #667eea33}.alliance-card-image{width:100%;height:180px;background-size:cover;background-position:center;background-color:#667eea33}.alliance-card-placeholder{width:100%;height:180px;background:linear-gradient(135deg,#667eea4d,#764ba24d);display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:700;color:#ffffff80}.alliance-card-content{padding:20px}.alliance-card-title{font-size:20px;font-weight:700;margin-bottom:8px;color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.featured-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;background:linear-gradient(135deg,gold,orange);color:#000;padding:4px 8px;border-radius:4px;font-weight:600}.alliance-card-description{color:#ffffffb3;font-size:14px;margin-bottom:16px;line-height:1.5}.alliance-card-stats{display:flex;gap:16px;margin-bottom:16px;font-size:13px;color:#fff9}.alliance-card-stats i{margin-right:4px}.join-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.join-btn:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}@media (max-width: 768px){.alliances-grid{grid-template-columns:1fr}.discover-header h1{font-size:28px}}.dm-sidebar{width:280px;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0}.dm-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.dm-sidebar-header h2{margin:0;font-size:1rem;font-weight:600;color:#ffffffe6;flex:1;text-align:center}.dm-back-btn,.dm-new-btn{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s ease}.dm-back-btn{background:#ffffff1a;color:#fffc}.dm-back-btn:hover{background:#ffffff26;color:#fff}.dm-new-btn{background:linear-gradient(135deg,#667eeacc,#764ba2cc);color:#fff;font-size:1.3rem}.dm-new-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.05)}.dm-conversations-list{flex:1;overflow-y:auto;padding:8px}.dm-conversation-item{display:flex;align-items:center;padding:12px;cursor:pointer;border-radius:8px;margin-bottom:4px;transition:all .2s ease;gap:12px}.dm-conversation-item:hover{background:#ffffff14}.dm-conversation-item.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid rgba(102,126,234,.3)}.dm-conversation-info{flex:1;min-width:0}.dm-conversation-name{font-weight:600;color:#fffffff2;font-size:.95rem;margin-bottom:4px}.dm-conversation-preview{font-size:.85rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-no-conversations{padding:40px 20px;text-align:center;color:#ffffff80}.dm-no-conversations p{margin-bottom:16px}.dm-no-conversations button{padding:10px 20px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.dm-no-conversations button:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px)}.dm-no-selection{flex:1;display:flex;align-items:center;justify-content:center;background:#0000004d}.dm-no-selection-content{text-align:center;padding:40px}.dm-no-selection-icon{font-size:4rem;margin-bottom:20px;opacity:.8}.dm-no-selection-content h3{font-size:1.5rem;color:#fff;margin-bottom:10px}.dm-no-selection-content p{color:#fff9;margin-bottom:24px}.dm-start-btn{padding:12px 28px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.dm-start-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.dm-chat-header{display:flex;align-items:center;gap:12px}.dm-chat-header h2{margin:0}.dm-search-container{padding:10px 0}.dm-search-form{display:flex;gap:10px;margin-bottom:20px}.dm-search-input{flex:1;padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease}.dm-search-input:focus{border-color:#667eea99;background:#ffffff1f}.dm-search-input::placeholder{color:#fff6}.dm-search-btn{padding:12px 24px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;transition:all .2s ease}.dm-search-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2)}.dm-search-results{max-height:300px;overflow-y:auto}.dm-search-result-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;border-radius:8px;transition:all .2s ease}.dm-search-result-item:hover{background:#ffffff14}.dm-search-result-name{color:#fff;font-weight:500;font-size:.95rem}.dm-no-results{text-align:center;color:#ffffff80;padding:20px}.dm-no-results p{margin:8px 0}.dm-no-results-hint{font-size:.85rem;color:#fff6}.dm-search-loading{text-align:center;padding:30px 20px;color:#fff9}.dm-search-loading .spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eeacc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dm-search-btn:disabled{opacity:.5;cursor:not-allowed}.direct-chat-btn{font-size:1.2rem!important}.message-content{position:relative}.delete-btn{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:4px 12px;border-radius:4px;font-size:.75rem;cursor:pointer;margin-top:4px;transition:all .2s ease;opacity:0}.message:hover .delete-btn{opacity:1}.delete-btn:hover{background:#ff6b6b33;border-color:#ff6b6b80}@media (max-width: 768px){.dm-sidebar{width:100%;position:absolute;left:0;top:0;bottom:0;z-index:10}}.shop-container{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:40px 20px;color:#fff}.shop-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;font-size:24px}.shop-header{max-width:1200px;margin:0 auto 40px;text-align:center;position:relative}.shop-back-btn{position:absolute;left:0;top:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.shop-back-btn:hover{background:#ffffff26;transform:translate(-2px)}.shop-title{font-size:36px;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shop-subtitle{font-size:16px;color:#ffffffb3;margin:0}.shop-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:20px}.shop-banner-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.shop-banner-card:hover{transform:translateY(-4px);border-color:#667eea80;box-shadow:0 8px 24px #667eea4d}.shop-banner-card.selected{border-color:#667eea;box-shadow:0 8px 32px #667eea80;background:#667eea1a}.shop-banner-preview{width:100%;height:72px;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.shop-banner-preview img{width:100%;height:100%;object-fit:cover}.shop-banner-info{padding:16px}.shop-banner-name{font-size:18px;font-weight:600;margin:0 0 12px;color:#fff}.shop-select-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.shop-select-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.shop-select-btn:disabled{opacity:.7;cursor:not-allowed}.shop-select-btn.active{background:linear-gradient(135deg,#22c55ecc,#16a34acc)}.shop-select-btn.active:hover{background:linear-gradient(135deg,#22c55ecc,#16a34acc);transform:none}@media (max-width: 768px){.shop-container{padding:20px 10px}.shop-header{margin-bottom:24px}.shop-back-btn{position:static;margin-bottom:20px;width:fit-content}.shop-title{font-size:28px}.shop-grid{grid-template-columns:1fr;gap:16px;padding:0}}.stack-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);background-size:cover;background-position:center;background-attachment:fixed;position:relative;display:flex;align-items:center;justify-content:center;padding:40px 20px}.stack-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:0}.stack-container{position:relative;z-index:1;max-width:600px;width:100%;background:#1e1e28f2;border-radius:20px;padding:40px;box-shadow:0 20px 60px #000c;border:1px solid rgba(255,255,255,.1)}.stack-back-floating{position:fixed;top:20px;left:20px;z-index:100;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stack-back-floating:hover{background:#fff3;transform:translate(-4px)}.stack-profile-section{text-align:center;margin-bottom:40px}.stack-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 20px;display:block;border:4px solid rgba(102,126,234,.5);box-shadow:0 8px 24px #667eea4d}.stack-avatar-letter{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff}.stack-username{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stack-bio{font-size:16px;color:#ffffffb3;line-height:1.6;margin:0}.stack-links-section{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.stack-link-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease}.stack-link-btn:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.stack-link-btn i:first-child{opacity:.7}.stack-link-btn span{flex:1}.stack-link-btn i:last-child{opacity:.5;font-size:14px}.stack-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.stack-powered-by{font-size:14px;color:#ffffff80}.stack-brand{font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stack-loading,.stack-not-found{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:40px 20px;text-align:center}.stack-loading i{font-size:48px;margin-bottom:20px;color:#667eeacc}.stack-not-found i{font-size:72px;margin-bottom:20px;opacity:.3}.stack-not-found h2{font-size:32px;margin:0 0 12px}.stack-not-found p{font-size:16px;color:#ffffffb3;margin:0 0 24px}.stack-back-btn{padding:12px 24px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.stack-back-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.stack-editor-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:40px 20px}.stack-editor-header{max-width:800px;margin:0 auto 40px;text-align:center}.stack-editor-back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}.stack-editor-back-btn:hover{background:#ffffff26;transform:translate(-2px)}.stack-editor-title{font-size:36px;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stack-editor-subtitle{font-size:16px;color:#ffffffb3;margin:0}.stack-editor-container{max-width:800px;margin:0 auto;background:#1e1e28f2;border-radius:12px;padding:32px;border:1px solid rgba(255,255,255,.1)}.stack-editor-section{margin-bottom:32px}.stack-editor-section:last-child{margin-bottom:0}.stack-editor-section-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:8px}.stack-editor-section-title i{color:#667eeacc}.stack-editor-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease}.stack-editor-input:focus{outline:none;border-color:#667eea80;background:#ffffff14}.stack-editor-input::placeholder{color:#fff6}.stack-editor-info-box{padding:12px 16px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fffc;font-size:14px}.stack-editor-preview-bg{margin-top:16px;height:120px;border-radius:8px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.stack-editor-preview-overlay{background:#00000080;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px}.stack-editor-link-item{display:flex;gap:12px;margin-bottom:12px}.stack-editor-link-inputs{flex:1;display:flex;flex-direction:column;gap:8px}.stack-editor-remove-btn{width:44px;height:44px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#f44336;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;align-self:flex-start}.stack-editor-remove-btn:hover{background:#f4433633;border-color:#f4433680}.stack-editor-add-btn{width:100%;padding:12px 16px;background:#667eea1a;border:1px dashed rgba(102,126,234,.3);border-radius:8px;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.stack-editor-add-btn:hover{background:#667eea33;border-color:#667eea80}.stack-editor-actions{display:flex;gap:12px;margin-top:32px}.stack-editor-save-btn,.stack-editor-view-btn{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.stack-editor-save-btn{background:linear-gradient(135deg,#667eeacc,#764ba2cc);color:#fff}.stack-editor-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.stack-editor-save-btn:disabled{opacity:.6;cursor:not-allowed}.stack-editor-view-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.stack-editor-view-btn:hover{background:#ffffff26;transform:translateY(-2px)}@media (max-width: 768px){.stack-container{padding:24px}.stack-username{font-size:24px}.stack-editor-container{padding:20px}.stack-editor-actions,.stack-editor-link-item{flex-direction:column}.stack-editor-remove-btn{align-self:stretch}}.update-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:999999;overflow:hidden}.update-countdown-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#ffa500f2,#ff8c00f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,200,0,.8);padding:16px 24px;z-index:999998;animation:slideDown .3s ease-out;box-shadow:0 4px 12px #0000004d}.countdown-content{color:#fff;font-size:16px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.update-starfield{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.update-starfield:before,.update-starfield:after{content:"";position:absolute;top:-100%;left:0;right:0;height:200%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px at 15% 90%,white,transparent),radial-gradient(1px 1px at 45% 20%,white,transparent),radial-gradient(2px 2px at 75% 45%,white,transparent),radial-gradient(1px 1px at 10% 60%,white,transparent),radial-gradient(1px 1px at 95% 85%,white,transparent),radial-gradient(2px 2px at 25% 15%,white,transparent),radial-gradient(1px 1px at 65% 35%,white,transparent),radial-gradient(1px 1px at 40% 75%,white,transparent),radial-gradient(2px 2px at 85% 25%,white,transparent),radial-gradient(1px 1px at 55% 95%,white,transparent),radial-gradient(1px 1px at 5% 40%,white,transparent),radial-gradient(2px 2px at 70% 55%,white,transparent),radial-gradient(1px 1px at 30% 65%,white,transparent),radial-gradient(1px 1px at 88% 75%,white,transparent),radial-gradient(2px 2px at 18% 48%,white,transparent),radial-gradient(1px 1px at 42% 88%,white,transparent),radial-gradient(1px 1px at 72% 18%,white,transparent),radial-gradient(2px 2px at 52% 62%,white,transparent),radial-gradient(1px 1px at 28% 28%,white,transparent),radial-gradient(1px 1px at 78% 92%,white,transparent),radial-gradient(2px 2px at 8% 72%,white,transparent),radial-gradient(1px 1px at 98% 38%,white,transparent),radial-gradient(1px 1px at 38% 8%,white,transparent),radial-gradient(2px 2px at 68% 78%,white,transparent);background-size:200% 200%;background-position:0% 0%;animation:fallStars 3s linear infinite}.update-starfield:after{background-image:radial-gradient(1px 1px at 10% 20%,white,transparent),radial-gradient(1px 1px at 40% 40%,white,transparent),radial-gradient(2px 2px at 70% 80%,white,transparent),radial-gradient(1px 1px at 85% 15%,white,transparent),radial-gradient(1px 1px at 25% 65%,white,transparent),radial-gradient(2px 2px at 55% 95%,white,transparent),radial-gradient(1px 1px at 15% 45%,white,transparent),radial-gradient(2px 2px at 50% 25%,white,transparent),radial-gradient(1px 1px at 92% 50%,white,transparent),radial-gradient(1px 1px at 35% 85%,white,transparent),radial-gradient(2px 2px at 78% 35%,white,transparent),radial-gradient(1px 1px at 12% 72%,white,transparent),radial-gradient(1px 1px at 62% 12%,white,transparent),radial-gradient(2px 2px at 48% 58%,white,transparent),radial-gradient(1px 1px at 82% 92%,white,transparent),radial-gradient(1px 1px at 22% 38%,white,transparent),radial-gradient(2px 2px at 68% 68%,white,transparent),radial-gradient(1px 1px at 8% 88%,white,transparent),radial-gradient(1px 1px at 58% 78%,white,transparent),radial-gradient(2px 2px at 95% 42%,white,transparent),radial-gradient(1px 1px at 32% 52%,white,transparent),radial-gradient(2px 2px at 44% 84%,white,transparent),radial-gradient(1px 1px at 74% 24%,white,transparent),radial-gradient(1px 1px at 14% 64%,white,transparent),radial-gradient(2px 2px at 88% 8%,white,transparent),radial-gradient(1px 1px at 2% 94%,white,transparent),radial-gradient(1px 1px at 64% 44%,white,transparent),radial-gradient(2px 2px at 26% 76%,white,transparent),radial-gradient(1px 1px at 54% 14%,white,transparent),radial-gradient(1px 1px at 96% 66%,white,transparent);background-size:250% 250%;animation:fallStars 2s linear infinite;animation-delay:-1s}.update-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px}.update-logo{width:200px;height:auto;animation:hover 3s ease-in-out infinite}.update-text{font-size:24px;color:#fff;font-weight:500;display:flex;align-items:center;gap:2px}.update-timer{font-size:18px;color:#ffffffb3;font-weight:400;margin-top:-16px}.update-dots{display:inline-block;animation:dots 1.5s steps(4,end) infinite;width:24px;overflow:hidden}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fallStars{0%{transform:translateY(0)}to{transform:translateY(50%)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes dotsWidth{0%{width:0}33%{width:8px}66%{width:16px}to{width:24px}}.update-dots{animation:dotsWidth 1.5s steps(3,end) infinite}:root{--bg: #36393f;--secondary: #2f3136;--tertiary: #292b2f;--accent: #5865f2;--text: #dcddde;--muted: #8e9297}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text);height:100vh}.app-root{display:flex;height:100vh}.sidebar{width:72px;background:var(--secondary);padding:12px;display:flex;flex-direction:column}.channels{width:240px;background:#ffffff08!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px;border-left:1px solid rgba(30,33,36,.9);background-image:none!important;background-repeat:no-repeat!important}.chat-area{flex:1;display:flex;flex-direction:column}.members{width:240px;background:var(--secondary);padding:12px}.header{padding:12px;border-bottom:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between}.messages{flex:1;overflow:auto;padding:16px}.message{display:flex;gap:12px;margin-bottom:12px}.message .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#4752c4);display:flex;align-items:center;justify-content:center}.message .content{background:var(--tertiary);padding:10px 12px;border-radius:8px}.input-area{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(0,0,0,.2)}.input-area input{flex:1;padding:10px;border-radius:20px;border:1px solid rgba(255,255,255,.04);background:transparent;color:var(--text)}@media (max-width:900px){.channels,.members{display:none}}