: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}.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}}.auth-container{display:flex;height:100vh;align-items:center;justify-content:center;background-color:#202225}.auth-box{width:380px;background-color:#36393f;padding:24px;border-radius:8px;box-shadow:0 8px 16px #0000004d}.auth-logo{width:60px;height:60px;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;margin:0 auto 20px;color:#fff}.auth-box h1,.auth-box h2{color:#fff;margin-bottom:20px;font-size:20px;text-align:center}.error-message{background-color:#f047471a;border:1px solid #f04747;border-radius:6px;color:#f04747;padding:12px;margin-bottom:16px;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:8px}.form-group input{width:100%;padding:12px;background-color:#2f3136;border:1px solid #202225;border-radius:6px;color:#dcddde;font-size:15px;outline:none;transition:all .2s ease}.form-group input:focus{border-color:#5865f2;background-color:#36393f}.form-group input::placeholder{color:#72767d}.auth-btn{width:100%;padding:12px;background-color:#5865f2;border:none;color:#fff;font-size:15px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.auth-btn:hover:not(:disabled){background-color:#4752c4}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-link{text-align:center;color:#b9bbbe;font-size:14px;margin-top:16px}.auth-link a{color:#5865f2;text-decoration:none;transition:all .2s ease}.auth-link a:hover{text-decoration:underline}.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%}@media (max-width: 480px){.modal{width:95%;max-width:100%;max-height:95vh;border-radius:8px}}.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:10px 12px;font-size:13px}.profile-section{padding:12px}.alliance-actions{flex-direction:column}.alliance-actions button,.alliance-actions .muted{width:100%}.alliance-edit{flex-direction:column}.alliance-edit input,.alliance-edit button{width:100%}.invite-box button{display:block;width:100%;margin-bottom:8px;margin-right:0}.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:999;display:flex;flex-direction:column;min-width:150px;overflow:hidden}.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:#ffffff08;-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}.channel-item:hover{background:#ffffff14;color:#fff}.channel-item.active{background:#667eea33;color:#fff}@media (max-width: 768px){.sidebar{position:absolute;left:0;top:60px;bottom:0;z-index:10;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}}.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}.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}.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}.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}}.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:pointer;transition:all .2s ease;align-items:center;position:relative}.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.platinum-member .member-avatar{background:linear-gradient(135deg,#00000040,#00000059)}.member-item.platinum-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.platinum-member>*{position:relative;z-index:1}.member-item.platinum-member .platinum-banner{width:32px;height:32px;border-radius:50%;background-image:url(/assets/Aimless_Platinum-DZ_YqzBu.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}.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-area{flex:1;display:flex;flex-direction:column}.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;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}.message:hover .delete-btn{opacity:1}.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}.main-content{flex-direction:column;overflow:hidden}.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){.user-panel{position:fixed;left:0;right:0;bottom:0;z-index:1100;order:2}.message-input-form{position:fixed;left:0;right:0;bottom:64px;z-index:1200;order:1}.main-content{padding-bottom:128px}.nav-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:#ffffff0a;color:#fff;cursor:pointer;font-size:16px}}@media (min-width: 481px){.nav-btn{display:none}}@media (max-width: 480px){.user-panel{flex-direction:column;align-items:flex-start;padding:8px 12px;gap:8px}.user-info{width:100%}.logout-btn{width:100%;padding:8px}.message{padding:6px;margin-bottom:12px}.message-avatar{width:32px;height:32px;font-size:12px}.message-author{font-size:14px}.message-text{font-size:13px}.message-time{font-size:11px}.messages-container{padding:12px 12px 140px;overflow-y:auto;height:100%}.message-input-form{padding:10px}.message-input{font-size:13px;padding:8px 12px}.send-btn{padding:6px 12px;font-size:12px}.chat-header{padding:8px 12px}.chat-header h2{font-size:15px}.mobile-controls{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:1300;display:flex;gap:8px;pointer-events:auto}.mobile-control-btn{width:40px;height:40px;border-radius:12px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a;cursor:pointer}.mobile-control-btn:active{transform:translateY(1px)}}@media (max-width: 480px){.user-panel{padding:8px 12px}.user-avatar{width:28px;height:28px}.message-avatar{width:36px;height:36px}}.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}}.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}@keyframes spin{to{transform:rotate(360deg)}}.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}}.update-modal-content{display:flex;flex-direction:column;gap:20px}.update-info{display:flex;flex-direction:column;gap:12px}.update-version{font-size:18px;color:#667eea}.update-description{color:#fffc;line-height:1.5;margin:0}.update-meta{font-size:13px;color:#ffffff80}.update-ready,.update-error{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:8px}.update-ready{background:#66ea811a;border:1px solid rgba(102,234,129,.3)}.update-error{background:#ff52521a;border:1px solid rgba(255,82,82,.3)}.check-icon{width:24px;height:24px;flex-shrink:0;color:#66ea81}.error-icon{width:24px;height:24px;flex-shrink:0;color:#ff5252}.update-ready strong,.update-error strong{display:block;margin-bottom:4px;color:#fff}.update-ready p,.update-error p{margin:0;color:#fffc;font-size:14px}.download-progress{margin-top:12px}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-text{text-align:center;font-size:13px;color:#ffffffb3;font-weight:600}.update-actions{display:flex;gap:12px;margin-top:8px}.update-btn{flex:1;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;font-size:14px}.update-btn.download,.update-btn.install{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.update-btn.download:hover,.update-btn.install:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.update-btn.dismiss{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.12)}.update-btn.dismiss:hover{background:#ffffff1f}.update-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}