.emoji-picker{position:absolute;bottom:calc(100% + 8px);right:0;width:352px;height:380px;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;z-index:20;overflow:hidden}.emoji-search{padding:10px 10px 6px}.emoji-search input{width:100%;padding:8px 10px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.825rem;outline:none}.emoji-search input::placeholder{color:var(--text-muted)}.emoji-categories{display:flex;padding:0 6px;gap:2px;border-bottom:1px solid rgba(255,255,255,.06)}.emoji-cat-btn{flex:1;padding:6px 0;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1.1rem;opacity:.5;transition:opacity .15s}.emoji-cat-btn:hover{opacity:.8}.emoji-cat-btn.active{opacity:1;border-bottom-color:var(--accent-primary)}.emoji-grid{flex:1;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;overflow-y:auto;align-content:start}.emoji-btn{width:100%;aspect-ratio:1;background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:background .1s}.emoji-btn:hover{background:#ffffff14}.official-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;border-radius:4px;background:#5865f22e;color:#5865f2;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.official-badge svg{flex-shrink:0}.uc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}.uc-card{position:fixed;width:340px;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 32px #00000080;z-index:1001;overflow:hidden;display:flex;flex-direction:column}.uc-loading,.uc-error{padding:48px;text-align:center;color:var(--text-muted)}.uc-banner{height:60px;background:linear-gradient(135deg,var(--accent-primary),#7b68ee);background-size:cover;background-position:center;position:relative;flex-shrink:0}.uc-banner-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:2}.uc-banner-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}.uc-banner-btn{width:28px;height:28px;border-radius:50%;border:none;background:#0006;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.uc-banner-btn:hover{background:#0009}.uc-avatar-wrapper{position:relative;width:80px;height:40px;margin-left:16px}.uc-avatar{position:absolute;top:-40px;width:80px;height:80px;border-radius:var(--avatar-radius);background:var(--bg-tertiary);border:6px solid var(--bg-primary);display:flex;align-items:center;justify-content:center}.uc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--avatar-radius)}.uc-avatar span{font-size:2rem;font-weight:600;color:var(--text-primary)}.uc-status-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%,50%);width:16px;height:16px;border-radius:50%;border:3px solid var(--bg-primary);background:var(--text-muted)}.uc-status-dot.online{background:#3ba55c}.uc-status-dot.idle{background:#faa61a}.uc-status-dot.dnd{background:#ed4245}.uc-status-dot.offline{background:#747f8d}.uc-body{padding:8px 16px 16px}.uc-identity{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:8px}.uc-identity-nameplate{padding:8px 12px;margin-bottom:8px}.uc-identity-nameplate .uc-identity{margin-bottom:0}.uc-username-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:20px}.uc-displayname{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.uc-username{font-size:.8rem;line-height:20px;color:var(--text-muted)}.uc-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#ffffff14}.uc-badge.voice{background:#3ba55c4d;color:#3ba55c}.uc-voice-card{background:var(--bg-secondary);border-radius:8px;padding:10px 12px;margin-bottom:10px}.uc-voice-header{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.3px;margin-bottom:8px}.uc-voice-body{display:flex;align-items:center;gap:10px}.uc-voice-avatars{display:flex;flex-shrink:0}.uc-voice-avatar{width:28px;height:28px;border-radius:var(--avatar-radius);border:2px solid var(--bg-secondary);background:var(--bg-tertiary);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-primary);margin-left:-8px}.uc-voice-avatar:first-child{margin-left:0}.uc-voice-avatar img{width:100%;height:100%;object-fit:cover}.uc-voice-avatar.more{background:var(--bg-tertiary);font-size:.65rem;color:var(--text-muted)}.uc-voice-info{flex:1;min-width:0}.uc-voice-channel{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.uc-voice-channel span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uc-voice-server{font-size:.75rem;color:var(--text-muted);margin-top:2px}.uc-voice-join{width:100%;margin-top:10px;padding:8px;background:var(--accent-primary, #5865f2);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:filter .15s}.uc-voice-join:hover{filter:brightness(1.1)}.uc-edit-profile-btn{width:100%;margin-top:8px;padding:10px;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.uc-edit-profile-btn:hover{background:var(--bg-tertiary)}.uc-self-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.uc-self-actions .uc-edit-profile-btn{margin-top:0}.uc-self-status-wrap{position:relative}.uc-self-btn{width:100%;padding:10px;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.uc-self-btn:hover{background:var(--bg-tertiary)}.uc-self-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.uc-self-status-dot.online{background:#43b581}.uc-self-status-dot.idle{background:#faa61a}.uc-self-status-dot.dnd{background:#f04747}.uc-self-status-dot.offline{background:#747f8d}.uc-self-status-picker{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:var(--bg-tertiary, #2d2d32);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006;z-index:10}.uc-self-status-opt{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #b9bbbe);font-size:.83rem;cursor:pointer;text-align:left}.uc-self-status-opt:hover{background:#ffffff0f;color:#fff}.uc-self-status-opt.active{color:#fff}.uc-mutuals-summary{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.uc-dot-sep{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}.uc-divider{height:1px;background:#ffffff0f;margin:8px 0}.uc-section{margin-bottom:10px}.uc-section h3{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px;letter-spacing:.3px}.uc-bio{font-size:.825rem;color:var(--text-secondary);margin:0;line-height:1.4;white-space:pre-wrap;word-break:break-word}.uc-meta{font-size:.825rem;color:var(--text-secondary);margin:0}.uc-roles{display:flex;flex-wrap:wrap;gap:4px}.uc-role-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ffffff0f;border-radius:4px;font-size:.7rem;font-weight:500;color:var(--text-secondary)}.uc-role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.uc-message-form{display:flex;align-items:center;margin-top:8px;background:var(--bg-secondary);border-radius:8px;position:relative}.uc-emoji-btn.active{color:var(--text-primary)}.uc-emoji-picker-wrapper{position:absolute;bottom:calc(100% + 6px);right:0;z-index:10}.uc-message-form input{flex:1;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:.825rem;outline:none}.uc-message-form input::placeholder{color:var(--text-muted)}.uc-emoji-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px 10px;display:flex;align-items:center;transition:color .15s}.uc-emoji-btn:hover{color:var(--text-primary)}.mutual-empty{font-size:.8rem;color:var(--text-muted);margin:0}.uc-avatar-clickable{background:none;border:none;padding:0;cursor:pointer;transition:transform .12s}.uc-avatar-clickable:hover{transform:scale(1.04)}.uc-role-remove{background:none;border:none;color:inherit;opacity:.55;cursor:pointer;padding:0 0 0 4px;display:inline-flex;align-items:center;transition:opacity .12s}.uc-role-remove:hover{opacity:1;color:#ed4245}.uc-role-picker-wrapper{position:relative;display:inline-flex}.uc-role-add{background:var(--bg-secondary);border:1px dashed var(--border-color, rgba(255, 255, 255, .15));color:var(--text-muted);border-radius:999px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.uc-role-add:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-tertiary, rgba(255, 255, 255, .06))}.uc-role-picker{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;max-height:220px;overflow-y:auto;background:var(--bg-primary, #1e1f22);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:8px;box-shadow:0 8px 24px #00000059;padding:4px;z-index:10}.uc-role-picker-item{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;color:var(--text-primary);text-align:left;padding:6px 8px;border-radius:4px;font-size:.82rem;cursor:pointer}.uc-role-picker-item:hover{background:var(--bg-secondary)}.uc-note-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;padding:0;border:none;border-radius:50%;background:var(--bg-tertiary, rgba(255, 255, 255, .06));color:var(--text-muted);cursor:pointer;opacity:0;transform:translateY(1px);transition:opacity .15s ease,color .15s ease,background .15s ease;vertical-align:middle}.uc-card:hover .uc-note-icon-btn,.uc-note-icon-btn:focus-visible,.uc-note-icon-btn.has-note,.uc-note-icon-btn.open{opacity:1}.uc-note-icon-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.uc-note-icon-btn.has-note{color:var(--accent, #5865f2)}.uc-note-icon-btn.open{color:var(--accent, #5865f2);background:#5865f22e}.uc-note-section{animation:uc-note-expand .18s ease}@keyframes uc-note-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.uc-note-input{width:100%;resize:vertical;min-height:38px;max-height:120px;background:var(--bg-secondary);border:1px solid transparent;border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.82rem;padding:8px 10px;outline:none;transition:border-color .12s,background .12s}.uc-note-input:focus{border-color:var(--accent, #5865f2);background:var(--bg-primary, #1e1f22)}.uc-note-input::placeholder{color:var(--text-muted)}.uc-message-area{position:relative;margin-top:8px}.uc-bio{margin:10px 0 0;font-size:.82rem;color:var(--text-secondary);line-height:1.45;white-space:pre-wrap;word-break:break-word}.official-no-message{padding:10px 12px;border-radius:8px;background:#5865f21f;border:1px solid rgba(88,101,242,.25);color:var(--text-secondary);font-size:.82rem;text-align:center}.uc-message-area .uc-message-form{margin-top:0;padding-right:24px}.uc-device-badge{position:absolute;bottom:4px;right:6px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;opacity:.8;pointer-events:none}.uc-device-badge.uc-device-desktop{color:#3ba55d}.uc-device-badge.uc-device-mobile{color:#57f287}.uc-device-badge.uc-device-web{color:#b9bbbe}.fp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.fp-card{position:relative;display:grid;grid-template-columns:340px 1fr;gap:0;width:min(900px,100%);max-height:90vh;background:var(--bg-primary, #1e1f22);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #0009}.fp-loading{padding:60px;color:var(--text-muted)}.fp-close{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;border-radius:50%;background:#00000080;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.fp-close:hover{background:#000000bf}.fp-left{background:var(--bg-secondary, #2b2d31);display:flex;flex-direction:column;overflow-y:auto}.fp-banner{position:relative;height:120px;background:linear-gradient(135deg,#5865f2,#b145ff);background-size:cover;background-position:center}.fp-banner-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.fp-avatar-wrap{position:relative;margin:-50px 0 0 20px;width:96px;height:96px}.fp-voice-card{margin:16px 20px 0}.fp-avatar{width:96px;height:96px;border-radius:var(--avatar-radius);border:6px solid var(--bg-secondary, #2b2d31);object-fit:cover;background:var(--bg-tertiary, #1e1f22)}.fp-avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-primary);font-weight:600}.fp-identity{padding:12px 20px 0}.fp-identity-nameplate{margin:0 20px;overflow:hidden}.fp-identity-nameplate .fp-identity{padding:12px 16px}.fp-displayname{margin:0;font-size:1.4rem;color:var(--text-primary)}.fp-username{margin-top:2px;color:var(--text-muted);font-size:.85rem}.fp-actions{display:flex;gap:8px;padding:16px 20px 0}.fp-action-primary{flex:1;background:var(--accent, #5865f2);color:#fff;border:none;border-radius:8px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:filter .12s}.fp-action-primary:hover{filter:brightness(1.1)}.fp-action-secondary{background:var(--bg-tertiary, #1e1f22);color:var(--text-primary);border:none;border-radius:8px;padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.fp-action-secondary:hover{background:var(--bg-quaternary, #313338)}.fp-section{padding:16px 20px 0}.fp-section h3{margin:0 0 6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:700}.fp-bio,.fp-meta{margin:0;font-size:.85rem;color:var(--text-primary);line-height:1.4;white-space:pre-wrap}.fp-right{background:var(--bg-primary, #1e1f22);display:flex;flex-direction:column;overflow:hidden}.fp-tabs{display:flex;gap:4px;padding:16px 20px 0;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.fp-tab{background:none;border:none;color:var(--text-muted);padding:10px 12px;font-size:.82rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s}.fp-tab:hover{color:var(--text-primary)}.fp-tab.active{color:var(--text-primary);border-bottom-color:var(--accent, #5865f2)}.fp-tab-body{flex:1;overflow-y:auto;padding:16px 20px}.fp-about p{color:var(--text-primary);font-size:.9rem;line-height:1.5}.fp-empty{color:var(--text-muted);font-size:.85rem}.fp-list{display:flex;flex-direction:column;gap:6px}.fp-list-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer}.fp-list-row:hover{background:var(--bg-secondary)}.fp-list-avatar{width:32px;height:32px;border-radius:var(--avatar-radius);object-fit:cover;background:var(--bg-tertiary, #1e1f22)}.fp-list-avatar-fallback{display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:600}.fp-list-name{color:var(--text-primary);font-size:.88rem}.incoming-call-modal{position:fixed;top:20px;right:20px;z-index:10000;animation:incoming-call-slide-in .25s ease-out}@keyframes incoming-call-slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.incoming-call-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-secondary, #2f3136);border:1px solid var(--bg-tertiary, #202225);border-radius:12px;box-shadow:0 10px 32px #00000073;min-width:320px}.incoming-call-pulse{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#3ba55c;color:#fff;flex-shrink:0;animation:incoming-call-pulse 1.2s ease-in-out infinite}@keyframes incoming-call-pulse{0%,to{box-shadow:0 0 #3ba55c99}50%{box-shadow:0 0 0 12px #3ba55c00}}.incoming-call-text{flex:1;min-width:0}.incoming-call-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #b9bbbe);margin-bottom:2px}.incoming-call-name{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-call-actions{display:flex;gap:8px;flex-shrink:0}.incoming-call-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .1s,filter .15s}.incoming-call-btn:hover{filter:brightness(1.15)}.incoming-call-btn:active{transform:scale(.94)}.incoming-call-btn.accept{background:#3ba55c}.incoming-call-btn.decline{background:#ed4245}.landing{height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary)}.landing-animate{opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s ease-out}.landing-animate.landing-visible{opacity:1;transform:translateY(0)}.landing-animate-delay{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}.landing-visible .landing-animate-delay{opacity:1;transform:translateY(0)}@keyframes landing-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}@keyframes landing-pulse{0%,to{box-shadow:0 0 0 3px var(--success)}50%{box-shadow:0 0 0 6px #3ba55c4d}}@keyframes landing-pulse-ring{0%,to{box-shadow:0 0 0 2px var(--success)}50%{box-shadow:0 0 0 4px #3ba55c40}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#1a1a1de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.landing-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:.75rem}.landing-logo-img{height:44px;width:auto;display:block}.landing-nav-links{display:flex;gap:2rem}.landing-nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.landing-nav-links a:hover{color:var(--text-primary)}.landing-nav-dropdown{position:relative}.landing-nav-dropdown-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.landing-nav-dropdown-trigger:hover{color:var(--text-primary)}.landing-nav-dropdown-trigger svg{transition:transform .2s}.landing-nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px;min-width:180px;box-shadow:0 8px 24px #0006;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:200}.landing-nav-dropdown:hover .landing-nav-dropdown-menu{opacity:1;visibility:visible}.landing-nav-dropdown:hover .landing-nav-dropdown-trigger svg{transform:rotate(180deg)}.landing-nav-dropdown-menu a{display:block;padding:8px 12px;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;border-radius:4px;transition:background .1s,color .1s}.landing-nav-dropdown-menu a:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.landing-nav-actions{display:flex;gap:.75rem;align-items:center}.landing-btn-primary{padding:.6rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:28px;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.landing-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.landing-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.landing-btn-secondary{padding:.6rem 1.5rem;background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.2);border-radius:28px;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.landing-btn-secondary:hover{background:#ffffff0d;border-color:#fff6}.landing-btn-large{padding:.875rem 2rem;font-size:1.1rem}.landing-btn-full{width:100%;padding:.875rem;border-radius:8px}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;gap:4rem}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.landing-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.landing-blob-1{width:500px;height:500px;background:var(--accent-primary);top:-10%;left:10%;animation:landing-float 20s ease-in-out infinite}.landing-blob-2{width:400px;height:400px;background:#8b5cf6;bottom:10%;right:5%;animation:landing-float 25s ease-in-out infinite reverse}.landing-blob-3{width:300px;height:300px;background:#3ba55c;top:40%;left:50%;animation:landing-float 18s ease-in-out infinite 5s;opacity:.08}.landing-hero-content{position:relative;z-index:1;max-width:540px;flex-shrink:0}.landing-hero-title{font-size:3.75rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.landing-hero-accent{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.landing-hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.landing-hero-content .landing-hero-actions{justify-content:flex-start}.landing-hero-visual{position:relative;z-index:1;flex-shrink:0}.landing-mockup{display:flex;width:580px;height:400px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d}.landing-mockup-sidebar{width:52px;background:var(--bg-primary);padding:.75rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.landing-mockup-server-icon{width:36px;height:42px;background:var(--bg-tertiary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:background .2s,transform .2s}.landing-mockup-server-icon.active{background:var(--accent-primary);transform:scale(1.05)}.landing-mockup-channels{width:180px;background:var(--bg-secondary);padding:0;border-right:1px solid rgba(255,255,255,.05);overflow:hidden}.landing-mockup-channel-header{font-size:.8rem;font-weight:700;color:var(--text-primary);padding:12px 12px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.landing-mockup-category{font-size:.6rem;font-weight:700;color:var(--text-muted);padding:10px 12px 4px;text-transform:uppercase;letter-spacing:.04em}.landing-mockup-channel{font-size:.7rem;color:var(--text-muted);padding:3px 12px}.landing-mockup-channel.voice:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted);margin-right:6px;vertical-align:middle}.landing-mockup-channel.voice.active{color:var(--text-primary);background:#00b8941a}.landing-mockup-channel.voice.active:before{background:var(--success)}.landing-mockup-user{font-size:.65rem;color:var(--text-muted);padding:2px 12px 2px 28px;display:flex;align-items:center;gap:6px}.landing-mockup-user-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-hover);flex-shrink:0}.landing-mockup-user-dot.speaking{background:var(--success);animation:landing-pulse-ring 1.5s ease-in-out infinite}.landing-mockup-main{flex:1;background:var(--bg-tertiary);display:flex;flex-direction:column}.landing-mockup-topbar{padding:10px 12px;font-size:.8rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary)}.landing-mockup-messages{flex:1;padding:12px;display:flex;flex-direction:column;gap:12px}.landing-mockup-msg{display:flex;gap:10px;align-items:flex-start}.landing-mockup-msg-avatar{width:28px;height:28px;border-radius:var(--avatar-radius);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.landing-mockup-msg-body{flex:1;min-width:0}.landing-mockup-msg-header{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}.landing-mockup-msg-name{font-size:.7rem;font-weight:600;color:var(--text-primary)}.landing-mockup-msg-time{font-size:.55rem;color:var(--text-muted)}.landing-mockup-msg-text{font-size:.65rem;color:var(--text-secondary);line-height:1.4}.landing-login-card{background:var(--bg-secondary);padding:2rem;border-radius:12px;width:100%;max-width:420px;box-shadow:0 8px 32px #0006}.landing-login-card h2{font-size:1.5rem;margin-bottom:.5rem}.landing-login-card>p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.landing-error{background:var(--danger);color:#fff;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem;cursor:pointer}.landing-form-group{margin-bottom:1.25rem}.landing-form-group label{display:block;color:var(--text-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.04em}.landing-form-group input{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.landing-form-group input:focus{outline:none;border-color:var(--accent-primary)}.landing-form-group input::placeholder{color:var(--text-muted)}.landing-login-footer{text-align:center;margin-top:1rem;color:var(--text-secondary);font-size:.85rem}.landing-login-footer a{color:var(--accent-primary)}.landing-section{padding:6rem 2rem}.landing-section-alt{background:var(--bg-secondary)}.landing-section-inner{max-width:1100px;margin:0 auto}.landing-feature{display:flex;align-items:center;gap:4rem}.landing-feature.reverse{flex-direction:row-reverse}.landing-feature-text{flex:1}.landing-feature-text h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.landing-feature-text p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7}.landing-feature-visual{flex:1;display:flex;justify-content:center}.mockup-nesting{width:100%;max-width:380px;min-height:480px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;position:relative}.mockup-nesting-header{font-size:.9rem;font-weight:700;padding:14px 16px 4px}.mockup-nesting-hint{font-size:.65rem;color:var(--accent-primary);padding:0 16px 10px;opacity:.8;border-bottom:1px solid rgba(255,255,255,.05)}.mockup-nesting-tree{padding:8px 0}.mockup-nest-category{margin-top:2px}.mockup-nest-category.depth-0{margin-top:10px}.mockup-nest-category.depth-0:first-child{margin-top:4px}.mockup-nest-category.depth-1{padding-left:6px}.mockup-nest-category.depth-2{padding-left:12px}.mockup-nest-cat-header{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.mockup-nest-cat-header:hover{color:var(--text-secondary)}.mockup-nest-cat-header.collapsed{opacity:.7}.mockup-nest-collapsed-count{margin-left:auto;font-size:.6rem;font-weight:500;text-transform:none;color:var(--text-muted);opacity:.6}.mockup-nest-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.mockup-nest-chevron.open{transform:rotate(90deg)}.mockup-nest-channel{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 20px;font-size:.8rem;color:var(--text-muted);cursor:pointer;border-radius:4px;margin:1px 8px}.mockup-nest-channel:hover{background:var(--bg-hover);color:var(--text-primary)}.mockup-nest-icon{color:var(--text-muted);font-size:1rem;font-weight:500;width:18px;text-align:center}.mockup-nest-voice-dot{width:10px;height:10px;border-radius:50%;background:var(--success);flex-shrink:0}.mockup-nest-voice-users{padding:0 8px 2px 44px;display:flex;flex-direction:column;gap:1px}.mockup-nest-voice-user{font-size:.7rem;color:var(--text-muted);padding:2px 0;display:flex;align-items:center;gap:6px}.mockup-nest-voice-user:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--bg-hover);flex-shrink:0}.mockup-nesting-depth-labels{display:none}.mockup-nest-ascend-teaser{opacity:.7;border-left:2px dashed rgba(250,166,26,.3);padding-left:10px!important}.mockup-nest-ascend-badge{margin-left:auto;font-size:.55rem;font-weight:700;text-transform:none;letter-spacing:0;color:var(--warning);background:#faa61a26;padding:1px 6px;border-radius:8px}.mockup-rich-chat{width:100%;max-width:440px;background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.mockup-rich-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary);font-weight:600;font-size:.95rem}.mockup-rich-hash{color:var(--text-muted);font-size:1.2rem}.mockup-rich-messages{padding:12px;display:flex;flex-direction:column;gap:14px}.mockup-rich-msg{display:flex;flex-direction:column}.mockup-rich-msg-inner{display:flex;gap:10px;align-items:flex-start}.mockup-rich-msg:not(:has(.mockup-rich-reply-ref)){flex-direction:row;gap:10px;align-items:flex-start}.mockup-rich-msg>.mockup-rich-avatar{flex-shrink:0}.mockup-rich-avatar{width:34px;height:34px;border-radius:var(--avatar-radius);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.mockup-rich-body{flex:1;min-width:0}.mockup-rich-msg-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.mockup-rich-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.mockup-rich-time{font-size:.65rem;color:var(--text-muted)}.mockup-rich-text{font-size:.85rem;color:var(--text-secondary);line-height:1.45;margin-bottom:6px}.mockup-rich-image{margin-bottom:6px}.mockup-rich-image-placeholder{width:240px;height:140px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#2a1f4e,#1a1a3a 40%,#1a2a1a);position:relative}.mockup-rich-image-landscape{width:100%;height:100%;position:relative}.mockup-rich-mountain{position:absolute;bottom:30%;left:15%;width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:70px solid #2d3a2d}.mockup-rich-mountain.small{left:50%;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:50px solid #354035}.mockup-rich-sun{position:absolute;top:20%;right:25%;width:24px;height:24px;border-radius:50%;background:#faa61a;box-shadow:0 0 20px #faa61a66}.mockup-rich-ground{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(180deg,#1a2a1a,#1a231a)}.mockup-rich-file{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;margin-bottom:6px;max-width:300px}.mockup-rich-file-icon{font-size:1.5rem;flex-shrink:0}.mockup-rich-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mockup-rich-file-name{font-size:.8rem;color:var(--accent-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-rich-file-size{font-size:.65rem;color:var(--text-muted)}.mockup-rich-file-download{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem;flex-shrink:0}.mockup-rich-reactions{display:flex;gap:4px;flex-wrap:wrap}.mockup-rich-reaction{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.7rem;color:var(--text-secondary)}.mockup-rich-reaction.active{background:#00b89426;border-color:#00b8944d}.mockup-rich-reply-ref{display:flex;align-items:center;gap:6px;padding:0 0 4px 16px;font-size:.7rem;color:var(--text-muted)}.mockup-rich-reply-ref svg{flex-shrink:0}.mockup-channels{width:100%;max-width:300px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;position:relative}.mockup-channels-header{font-size:.9rem;font-weight:700;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.mockup-category-label{font-size:.65rem;font-weight:700;color:var(--text-muted);padding:14px 16px 6px;text-transform:uppercase;letter-spacing:.04em}.mockup-voice-channel{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;color:var(--text-secondary)}.mockup-voice-icon{width:10px;height:10px;border-radius:50%;background:var(--success);flex-shrink:0}.mockup-voice-users{padding:4px 16px 4px 34px;display:flex;flex-direction:column;gap:4px}.mockup-voice-user{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;font-size:.8rem;color:var(--text-secondary)}.mockup-voice-user.highlighted{background:#00b8941a;border-radius:6px}.mockup-voice-user-avatar{width:24px;height:24px;border-radius:var(--avatar-radius);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;flex-shrink:0}.mockup-voice-user-avatar.speaking{animation:landing-pulse-ring 1.5s ease-in-out infinite}.mockup-voice-user-avatar.listening{opacity:.6}.mockup-voice-badge{font-size:.6rem;padding:1px 6px;border-radius:8px;background:var(--success);color:#fff;font-weight:600;margin-left:auto}.mockup-voice-badge.listening{background:var(--bg-hover);color:var(--text-muted)}.mockup-multi-annotation{position:absolute;right:-10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.mockup-multi-annotation-badge{position:absolute;right:-145px;top:50%;transform:translateY(-50%);background:var(--accent-primary);color:#fff;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 8px #00b89466}.mockup-video{width:100%;max-width:440px;background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.mockup-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}.mockup-video-tile{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/3}.mockup-video-tile.speaking{box-shadow:inset 0 0 0 2px var(--success)}.mockup-video-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mockup-video-avatar{width:48px;height:48px;border-radius:var(--avatar-radius);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff}.mockup-video-name{position:absolute;bottom:6px;left:8px;font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.mockup-video-speaking-icon{position:absolute;bottom:6px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--success);animation:landing-pulse-ring 1.5s ease-in-out infinite}.mockup-video-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid rgba(255,255,255,.05)}.mockup-video-bar-channel{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.mockup-video-bar-controls{display:flex;gap:8px}.mockup-video-bar-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:.8rem}.mockup-video-bar-btn.active{background:var(--accent-primary)}.mockup-video-bar-btn.danger{background:var(--danger);color:#fff;font-weight:700;font-size:.9rem}.mockup-whiteboard{width:100%;max-width:480px;background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.mockup-wb-toolbar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05);background:var(--bg-secondary)}.mockup-wb-tool{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:transparent}.mockup-wb-tool.active{background:var(--accent-primary);color:#fff}.mockup-wb-divider{width:1px;height:20px;background:#ffffff1a;margin:0 4px}.mockup-wb-color{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent}.mockup-wb-color.active{border-color:#fff;box-shadow:0 0 0 2px var(--bg-primary)}.mockup-wb-canvas{aspect-ratio:5/3;background:#1a1a2e}.mockup-wb-canvas svg{width:100%;height:100%;display:block}.mockup-screenshare{width:100%;max-width:480px;background:var(--bg-primary);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr auto;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.mockup-screenshare-main{position:relative;background:#0a0a12;aspect-ratio:16/10;min-height:240px;overflow:hidden}.mockup-screenshare-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:4px;background:#000000b3;color:var(--text-secondary);font-size:.65rem;font-weight:600;z-index:1}.mockup-game-ui{width:100%;height:100%;position:relative;overflow:hidden}.mockup-game-svg{width:100%;height:100%;display:block}.mockup-screenshare-tiles{width:100px;display:flex;flex-direction:column;gap:2px;padding:2px;background:var(--bg-secondary)}.mockup-screenshare-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;background:var(--bg-tertiary);border-radius:6px;flex:1}.mockup-screenshare-tile.speaking{box-shadow:inset 0 0 0 2px var(--success)}.mockup-screenshare-tile span{font-size:.65rem;color:var(--text-secondary)}.mockup-screenshare-tile-avatar{width:32px;height:32px;border-radius:var(--avatar-radius);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.mockup-roles{width:100%;max-width:400px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.mockup-roles-header{font-size:.85rem;font-weight:700;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-secondary)}.mockup-role-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.03)}.mockup-role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mockup-role-info{flex:1;min-width:0}.mockup-role-name{font-size:.8rem;font-weight:600;display:block;margin-bottom:3px}.mockup-role-badges{display:flex;gap:3px;flex-wrap:wrap}.mockup-role-badge{padding:1px 6px;border-radius:8px;background:#ffffff0f;font-size:.6rem;color:var(--text-muted);white-space:nowrap}.mockup-role-power{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;width:80px}.mockup-role-power-bar{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.mockup-role-power-fill{height:100%;border-radius:2px;transition:width .3s ease}.mockup-role-power-label{font-size:.55rem;color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums}.mockup-role-scenario{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#00b89414;border-top:1px solid rgba(0,184,148,.15)}.mockup-role-scenario-icon{font-size:1rem;flex-shrink:0}.mockup-role-scenario-text{font-size:.7rem;color:var(--text-secondary);line-height:1.4}.mockup-role-scenario-text strong{color:var(--text-primary)}.landing-waitlist{padding:6rem 2rem;text-align:center;background:radial-gradient(ellipse at center,rgba(0,184,148,.12) 0%,transparent 70%)}.landing-waitlist-inner{max-width:560px;margin:0 auto}.landing-waitlist h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.landing-waitlist>.landing-waitlist-inner>p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.landing-waitlist-count{font-size:.9rem;color:var(--accent-primary);font-weight:600;margin-bottom:1.5rem}.landing-waitlist-form{display:flex;gap:.75rem;max-width:480px;margin:0 auto}.landing-waitlist-form input{flex:1;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:28px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.landing-waitlist-form input:focus{outline:none;border-color:var(--accent-primary)}.landing-waitlist-form input::placeholder{color:var(--text-muted)}.landing-waitlist-form .landing-btn-primary{flex-shrink:0;padding:.875rem 1.5rem}.landing-waitlist-success{display:flex;flex-direction:column;align-items:center;gap:.75rem}.landing-waitlist-check{width:48px;height:48px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.landing-waitlist-success p{font-size:1.1rem;color:var(--text-primary);font-weight:600}.landing-waitlist-error{margin-top:.75rem;color:var(--danger);font-size:.85rem}.landing-footer{padding:3rem 2rem 1.5rem;border-top:1px solid rgba(255,255,255,.05)}.landing-footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;gap:4rem;margin-bottom:2rem}.landing-footer-brand p{color:var(--text-muted);margin-top:.75rem;font-size:.85rem}.landing-footer-links{display:flex;gap:4rem}.landing-footer-col{display:flex;flex-direction:column;gap:.5rem}.landing-footer-col h4{color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.landing-footer-col a{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.landing-footer-col a:hover{color:var(--text-secondary)}.landing-footer-bottom{max-width:1100px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.landing-footer-bottom p{color:var(--text-muted);font-size:.8rem}@media (max-width: 900px){.landing-hero{flex-direction:column;padding-top:5rem;gap:2rem}.landing-hero-title{font-size:2.5rem;text-align:center}.landing-hero-subtitle{text-align:center}.landing-hero-content .landing-hero-actions{justify-content:center}.landing-hero-visual{display:none}.landing-feature,.landing-feature.reverse{flex-direction:column;gap:2rem}.landing-feature-text{text-align:center}.landing-nav-links{display:none}.landing-footer-inner{flex-direction:column;gap:2rem}.mockup-multi-annotation{display:none}}@media (max-width: 600px){.landing-hero-title{font-size:2rem}.landing-feature-text h2{font-size:1.75rem}.landing-section{padding:4rem 1.5rem}.landing-waitlist h2{font-size:2rem}.landing-waitlist-form{flex-direction:column}.landing-waitlist-form .landing-btn-primary{width:100%}.landing-footer-links{flex-direction:column;gap:2rem}.mockup-chat,.mockup-channels,.mockup-video,.mockup-whiteboard,.mockup-screenshare,.mockup-roles{max-width:100%}}.landing-signed-in{display:flex;align-items:center;gap:12px}.landing-signed-in-user{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;cursor:pointer;transition:background .15s}.landing-signed-in-user:hover{background:#ffffff0f}.landing-signed-in-avatar{width:28px;height:28px;border-radius:var(--avatar-radius);object-fit:cover;background:var(--accent-primary, #00b894);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.landing-signed-in-name{font-size:.85rem;font-weight:600;color:var(--text-primary, #fff);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-page{height:100vh;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}.support-nav{position:sticky;top:0;z-index:100;padding:1rem 2rem;background:#1a1a1df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.support-nav-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.support-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary)}.support-logo-img{height:40px;width:auto;display:block}.support-nav-actions{display:flex;gap:.75rem}.support-btn-primary{padding:.6rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:background .2s}.support-btn-primary:hover{background:var(--accent-hover)}.support-btn-primary:disabled{opacity:.5;cursor:not-allowed}.support-btn-secondary{padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s}.support-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.support-content{flex:1;max-width:900px;width:100%;margin:0 auto;padding:2rem}.support-home h1{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:.5rem}.support-subtitle{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2.5rem}.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:3rem}.support-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;cursor:pointer;transition:background .15s,border-color .15s;text-decoration:none;color:inherit}.support-card:hover{background:var(--bg-tertiary);border-color:#ffffff1a}.support-card-icon{font-size:1.5rem;margin-bottom:.75rem}.support-card h3{font-size:1rem;margin-bottom:.5rem}.support-card p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.support-faq h2{font-size:1.5rem;margin-bottom:1rem}.support-faq-item{border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 0}.support-faq-item summary{font-size:.95rem;font-weight:600;cursor:pointer;color:var(--text-primary);list-style:none}.support-faq-item summary::-webkit-details-marker{display:none}.support-faq-item summary:before{content:"+ ";color:var(--text-muted)}.support-faq-item[open] summary:before{content:"- "}.support-faq-item p{margin-top:.75rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6;padding-left:1rem}.support-form-container{max-width:600px}.support-form-container h2{font-size:1.5rem;margin-bottom:1.5rem}.support-back{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;margin-bottom:1rem;padding:0}.support-back:hover{color:var(--text-primary)}.support-field{margin-bottom:1.25rem}.support-field label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.support-field input,.support-field select,.support-field textarea{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:inherit}.support-field input:focus,.support-field select:focus,.support-field textarea:focus{border-color:var(--accent-primary)}.support-field textarea{resize:vertical;min-height:150px}.support-error{padding:.75rem 1rem;background:#ed424526;border:1px solid rgba(237,66,69,.3);border-radius:8px;color:var(--danger);font-size:.85rem;margin-bottom:1rem}.support-auth-notice{padding:.75rem 1rem;background:#faa61a1a;border:1px solid rgba(250,166,26,.2);border-radius:8px;color:var(--warning);font-size:.85rem;margin-bottom:1.5rem}.support-auth-notice a{color:var(--accent-primary)}.support-success{text-align:center;padding:4rem 2rem}.support-success-icon{width:56px;height:56px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.support-tickets h2{font-size:1.5rem;margin-bottom:1rem}.support-loading,.support-empty{text-align:center;padding:3rem;color:var(--text-muted)}.support-ticket-list{display:flex;flex-direction:column;gap:2px}.support-ticket-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:background .1s}.support-ticket-row:hover{background:var(--bg-tertiary)}.support-ticket-info{display:flex;flex-direction:column;gap:2px}.support-ticket-subject{font-size:.9rem;font-weight:600}.support-ticket-meta{font-size:.75rem;color:var(--text-muted)}.support-ticket-status{padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:capitalize;background:#ffffff14;color:var(--text-muted)}.support-ticket-status.open{background:#5865f226;color:var(--accent-primary)}.support-ticket-status.in_progress{background:#faa61a26;color:var(--warning)}.support-ticket-status.resolved{background:#3ba55c26;color:var(--success)}.support-ticket-status.closed{background:#ffffff0d;color:var(--text-muted)}.support-detail h2{font-size:1.25rem}.support-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:.5rem}.support-detail-meta{display:flex;gap:12px;font-size:.8rem;color:var(--text-muted);margin-bottom:1.5rem}.support-messages{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem}.support-message{background:var(--bg-secondary);border-radius:8px;padding:12px 16px}.support-message.staff{border-left:3px solid var(--accent-primary)}.support-message-sender{font-size:.8rem;font-weight:600;margin-bottom:4px;color:var(--accent-primary)}.support-message-body{font-size:.9rem;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.support-message-time{font-size:.7rem;color:var(--text-muted);margin-top:6px}.support-reply{display:flex;flex-direction:column;gap:8px}.support-reply textarea{width:100%;padding:10px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9rem;resize:vertical}.support-reply textarea:focus{border-color:var(--accent-primary)}.support-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.support-footer p{color:var(--text-muted);font-size:.8rem}@media (max-width: 600px){.support-cards{grid-template-columns:1fr}.support-home h1{font-size:1.75rem}}.safety-page{height:100vh;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary)}.safety-nav{position:sticky;top:0;z-index:100;padding:1rem 2rem;background:#1a1a1df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.safety-nav-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.safety-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary)}.safety-logo-img{height:40px;width:auto;display:block}.safety-nav-actions{display:flex;gap:.75rem}.safety-btn-primary{padding:.6rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:background .2s}.safety-btn-primary:hover{background:var(--accent-hover)}.safety-btn-secondary{padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s}.safety-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.safety-hero{text-align:center;padding:4rem 2rem 3rem;background:radial-gradient(ellipse at center,rgba(88,101,242,.08) 0%,transparent 70%)}.safety-hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem}.safety-hero p{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.safety-content{max-width:1000px;margin:0 auto}.safety-section{padding:4rem 2rem}.safety-section-alt{background:var(--bg-secondary)}.safety-section h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.safety-section-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.safety-feature{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem}.safety-section-alt .safety-feature{background:var(--bg-tertiary)}.safety-feature-icon{font-size:1.5rem;margin-bottom:.75rem}.safety-feature h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.safety-feature p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.safety-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.safety-tool{padding:1.25rem;background:var(--bg-tertiary);border-radius:10px;border:1px solid rgba(255,255,255,.03)}.safety-tool h4{font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.safety-tool p{font-size:.8rem;color:var(--text-muted);line-height:1.5}.safety-report-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0;max-width:600px}.safety-step{display:flex;gap:1rem;align-items:flex-start}.safety-step-num{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.safety-step-content h4{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.safety-step-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.safety-report-cta{margin-top:1rem}.safety-guidelines{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.safety-guideline{display:flex;gap:12px;align-items:flex-start;padding:1rem 1.25rem;background:var(--bg-tertiary);border-radius:8px}.safety-guideline-icon{color:var(--success);font-size:1rem;flex-shrink:0;margin-top:2px}.safety-guideline p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.safety-guideline strong{color:var(--text-primary)}.safety-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.05)}.safety-footer-inner{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.safety-footer-inner p{color:var(--text-muted);font-size:.8rem}.safety-footer-links{display:flex;gap:1.5rem}.safety-footer-links a{color:var(--text-muted);text-decoration:none;font-size:.8rem}.safety-footer-links a:hover{color:var(--text-secondary)}@media (max-width: 600px){.safety-hero h1{font-size:2rem}.safety-grid,.safety-tools{grid-template-columns:1fr}.safety-footer-inner{flex-direction:column;gap:.75rem;text-align:center}}.legal-page{height:100vh;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary)}.legal-nav{position:sticky;top:0;z-index:100;padding:1rem 2rem;background:#1a1a1df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.legal-nav-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.legal-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary)}.legal-logo-img{height:40px;width:auto;display:block}.legal-nav-actions{display:flex;gap:.75rem}.legal-btn-secondary{padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s}.legal-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.legal-hero{text-align:center;padding:4rem 2rem 3rem;background:radial-gradient(ellipse at center,rgba(88,101,242,.08) 0%,transparent 70%)}.legal-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.legal-hero p{font-size:1.1rem;color:var(--text-secondary);max-width:550px;margin:0 auto;line-height:1.6}.legal-effective{display:inline-block;margin-top:1rem;font-size:.8rem;color:var(--text-muted)}.legal-content{max-width:800px;margin:0 auto;padding:0 2rem 4rem}.legal-section{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.legal-section:last-child{border-bottom:none}.legal-section h2{font-size:1.4rem;font-weight:700;margin-bottom:1rem}.legal-section p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:.75rem}.legal-section p:last-child{margin-bottom:0}.legal-uppercase{text-transform:uppercase;font-size:.8rem!important;letter-spacing:.01em}.legal-section a{color:var(--accent-primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.legal-list li{font-size:.9rem;color:var(--text-secondary);line-height:1.7;padding-left:1.25rem;position:relative}.legal-list li:before{content:"";position:absolute;left:0;top:.6rem;width:6px;height:6px;border-radius:50%;background:var(--accent-primary)}.legal-list li strong{color:var(--text-primary)}.legal-enforcement{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.legal-enforcement-item{padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.05)}.legal-enforcement-level{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem}.legal-enforcement-item p{margin:0;font-size:.85rem}.legal-subsection{margin-bottom:1.5rem}.legal-subsection h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.legal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.05)}.legal-footer-inner{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.legal-footer-inner p{color:var(--text-muted);font-size:.8rem}.legal-footer-links{display:flex;gap:1.5rem}.legal-footer-links a{color:var(--text-muted);text-decoration:none;font-size:.8rem}.legal-footer-links a:hover{color:var(--text-secondary)}@media (max-width: 600px){.legal-hero h1{font-size:1.75rem}.legal-content{padding:0 1rem 3rem}.legal-footer-inner{flex-direction:column;gap:.75rem;text-align:center}.legal-nav-actions{gap:.5rem}}.status-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.status-nav{border-bottom:1px solid var(--bg-tertiary);background:var(--bg-secondary)}.status-nav-inner{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.status-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:18px}.status-logo-img{height:36px;width:auto;display:block}.status-nav-actions{display:flex;gap:8px}.status-btn{padding:8px 14px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);text-decoration:none;font-size:14px;transition:background .15s}.status-btn:hover{background:var(--bg-hover)}.status-main{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.status-header{text-align:center;margin-bottom:48px}.status-header h1{font-size:36px;margin:0 0 24px;font-weight:700}.status-banner{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;border-radius:999px;font-size:18px;font-weight:600}.status-banner-operational{background:#3ba55c26;color:var(--success);border:1px solid rgba(59,165,92,.4)}.status-banner-degraded{background:#faa61a26;color:var(--warning);border:1px solid rgba(250,166,26,.4)}.status-banner-outage{background:#ed424526;color:var(--danger);border:1px solid rgba(237,66,69,.4)}.status-dot{width:10px;height:10px;border-radius:50%;background:currentColor;display:inline-block}.status-dot-operational{color:var(--success)}.status-dot-degraded{color:var(--warning)}.status-dot-outage{color:var(--danger)}.status-checked-at{margin-top:16px;color:var(--text-muted);font-size:14px}.status-error{margin-top:12px;color:var(--danger);font-size:14px}.status-loading{text-align:center;color:var(--text-muted)}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.status-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-left:4px solid var(--bg-tertiary);border-radius:10px;padding:20px}.status-card-operational{border-left-color:var(--success)}.status-card-degraded{border-left-color:var(--warning)}.status-card-outage{border-left-color:var(--danger)}.status-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.status-card-title{display:flex;align-items:center;gap:10px}.status-card-title h2{font-size:16px;margin:0;font-weight:600}.status-card-uptime{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.status-card-message{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.status-card-history{display:flex;gap:4px;height:28px}.status-daybar{flex:1;border-radius:3px;background:var(--bg-tertiary)}.status-daybar-good{background:var(--success)}.status-daybar-warn{background:var(--warning)}.status-daybar-bad{background:var(--danger)}.status-card-history-labels{display:flex;justify-content:space-between;margin-top:6px;color:var(--text-muted);font-size:11px}.status-footer{margin-top:48px;text-align:center;color:var(--text-muted);font-size:14px}.status-footer a{color:var(--accent-primary);text-decoration:none}.status-footer a:hover{text-decoration:underline}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;height:100dvh;overflow-y:auto;padding:2rem 1rem;box-sizing:border-box;background:linear-gradient(135deg,var(--bg-primary) 0%,#23272a 100%)}.auth-card{background:var(--bg-secondary);padding:2rem;border-radius:8px;width:100%;max-width:480px;margin:auto 0;flex-shrink:0;box-sizing:border-box;box-shadow:0 8px 32px #0000004d}@media (max-width: 520px),(max-height: 760px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.form-group{margin-bottom:.875rem}}.auth-logo{display:block;width:220px;max-width:80%;height:auto;margin:0 auto 1rem}.auth-card h1{text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}.auth-note{text-align:center;color:var(--text-muted);font-size:.85rem;margin:.75rem 0 0}.auth-error{background:var(--danger);color:#fff;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem;cursor:pointer}.form-group label{display:block;color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.02em}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--accent-primary)}.form-group input::placeholder{color:var(--text-muted)}.checkbox-group{margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-secondary);font-size:.875rem;font-weight:400;text-transform:none;letter-spacing:normal}.checkbox-label input[type=checkbox]{display:none}.checkbox-label .checkmark{width:20px;height:20px;border:2px solid var(--text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.checkbox-label:hover .checkmark{border-color:var(--accent-primary)}.checkbox-label a{color:var(--accent-primary);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.dob-picker{display:flex;gap:.5rem}.dob-picker select{flex:1;padding:.75rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:.875rem;transition:border-color .2s;cursor:pointer}.dob-picker select:focus{border-color:var(--accent-primary)}.field-error{display:block;color:var(--danger);font-size:.75rem;margin-top:.5rem}.force-dob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9}.auth-button{width:100%;padding:.875rem;background:var(--accent-primary);color:#fff;border-radius:4px;font-size:1rem;font-weight:500;transition:background .2s;margin-top:.5rem}.auth-button:hover:not(:disabled){background:var(--accent-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-link{text-align:center;margin-top:1rem;color:var(--text-secondary);font-size:.875rem}.link-button{background:none;border:none;padding:0;color:var(--accent-primary);font-size:inherit;font-family:inherit;text-decoration:none;cursor:pointer}.link-button:hover{text-decoration:underline}.qr-login-panel{display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-login-qr{background:#fff;padding:.75rem;border-radius:.5rem}.qr-login-code code{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.02em;color:var(--text-primary);background:var(--bg-tertiary, rgba(255, 255, 255, .05));padding:.125rem .375rem;border-radius:.25rem}.qr-login-code{font-size:.8125rem;color:var(--text-secondary);text-align:center;margin:0}.qr-login-countdown{font-size:.8125rem;color:var(--text-secondary);margin:0}.qr-login-status{text-align:center;color:var(--text-secondary);margin:1rem 0}.approve-device-card{background:var(--bg-tertiary, rgba(255, 255, 255, .04));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:.5rem;padding:.75rem 1rem;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.approve-device-row{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem}.approve-device-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.approve-device-value{color:var(--text-primary);text-align:right;word-break:break-word}.approve-warning{margin:.5rem 0 1rem}.auth-button-secondary{background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .16));margin-top:.5rem}.channel-volume-slider{display:flex;flex-direction:column;gap:4px;padding:6px 0}.channel-volume-slider.compact{flex-direction:row;align-items:center;padding:0;gap:4px}.channel-volume-name{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-bottom:2px}.channel-volume-controls{display:flex;align-items:center;gap:6px}.channel-volume-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0}.channel-volume-icon:hover{color:var(--text-primary)}.channel-volume-controls input[type=range]{flex:1;height:4px;accent-color:var(--accent-primary);cursor:pointer;min-width:50px}.compact .channel-volume-controls input[type=range]{min-width:40px;max-width:60px}.channel-volume-value{font-size:.7rem;color:var(--text-muted);min-width:28px;text-align:right}.channel-volume-reset{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;display:flex;align-items:center;border-radius:3px;flex-shrink:0;transition:all .15s}.channel-volume-reset:hover{color:var(--text-primary);background:#ffffff14}.channel-volumes-list{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px}.settings-page{display:flex;height:100vh;background:var(--bg-primary)}.settings-sidebar{width:220px;background:var(--bg-secondary);padding:16px;display:flex;flex-direction:column;gap:24px}.back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;border-radius:4px;transition:all .15s}.back-button:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav h3{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;padding:8px 12px;margin:0}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;border-radius:4px;transition:all .15s}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-active);color:var(--text-primary)}.settings-content{flex:1;padding:40px 60px;overflow-y:auto;max-width:740px}.settings-section h2{font-size:1.25rem;font-weight:600;margin-bottom:24px}.settings-error{background:var(--danger);color:#fff;padding:12px 16px;border-radius:4px;margin-bottom:16px;cursor:pointer}.settings-success{background:var(--online);color:#fff;padding:12px 16px;border-radius:4px;margin-bottom:16px}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding:20px;background:var(--bg-secondary);border-radius:8px}.avatar-section{position:relative}.avatar-preview{width:80px;height:80px;border-radius:var(--avatar-radius);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-edit{position:absolute;bottom:0;left:50%;transform:translate(-50%,35%);width:28px;height:28px;border-radius:50%;background:var(--accent-primary);border:3px solid var(--bg-secondary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.avatar-edit:hover{background:var(--accent-hover)}.upload-inline-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 12px;width:fit-content;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.upload-inline-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.upload-inline-btn.busy{opacity:.6;cursor:progress}.profile-info h3{font-size:1.25rem;font-weight:600;margin:0 0 4px}.profile-info p{font-size:.875rem;color:var(--text-muted);margin:0}.settings-section .form-group input{width:100%;padding:12px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:1rem;outline:none;transition:all .15s}.settings-section .form-group input:focus{box-shadow:0 0 0 2px var(--accent-primary)}.form-actions{margin-top:24px;display:flex;gap:12px}.primary-button{padding:12px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.theme-picker{display:flex;gap:1rem;flex-wrap:wrap}.theme-swatch{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px}.theme-swatch input[type=color]{width:36px;height:36px;border:none;border-radius:6px;background:transparent;cursor:pointer}.theme-clear{background:transparent;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:0 4px}.theme-clear:hover{color:var(--text-primary)}.primary-server-picker{display:flex;flex-direction:column;gap:6px}.primary-server-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--bg-secondary);border:1px solid transparent;border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;text-align:left}.primary-server-option:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .06))}.primary-server-option.active{border-color:var(--accent-primary, #5865f2)}.status-selector{display:flex;flex-wrap:wrap;gap:.5rem}.status-option{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .15s}.status-option:hover{background:var(--bg-hover);color:var(--text-primary)}.status-option.active{border-color:var(--accent-primary);color:var(--text-primary)}.status-option .status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.banner-preview{margin-top:12px;width:100%;height:120px;border-radius:8px;overflow:hidden;background:var(--bg-tertiary)}.banner-preview img{width:100%;height:100%;object-fit:cover}.settings-section .form-group textarea{width:100%;padding:12px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;resize:vertical;min-height:100px;transition:all .15s}.settings-section .form-group textarea:focus{box-shadow:0 0 0 2px var(--accent-primary)}.char-count{display:block;margin-top:6px;font-size:.75rem;color:var(--text-muted);text-align:right}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bg-tertiary);font-size:.875rem;color:var(--text-primary)}.toggle-row-actions{display:flex;align-items:center;gap:10px}.preview-btn{background:transparent;border:1px solid var(--text-muted);color:var(--text-muted);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;transition:all .15s}.preview-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.toggle-switch{position:relative;width:42px;height:24px;border-radius:12px;background:var(--text-muted);border:none;cursor:pointer;padding:0;transition:background .2s;flex-shrink:0}.toggle-switch.active{background:var(--success, #3ba55c)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-switch.active .toggle-knob{transform:translate(18px)}.volume-row{display:flex;align-items:center;gap:12px}.volume-row input[type=range]{flex:1;accent-color:var(--accent-primary);height:6px}.volume-value{font-size:.8rem;color:var(--text-secondary);min-width:36px;text-align:right}.sound-toggles{display:flex;flex-direction:column}.settings-select{width:100%;padding:10px 32px 10px 12px;border:none;border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;outline:none;cursor:pointer;-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 24 24' fill='none' stroke='%23b9bbbe' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.settings-select:focus{box-shadow:0 0 0 2px var(--accent-primary)}.secondary-button{padding:8px 16px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:background .15s}.secondary-button:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-divider{height:1px;background:var(--bg-tertiary);margin:28px 0}.settings-subtitle{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.settings-hint{font-size:.8rem;color:var(--text-muted);margin:0 0 14px;line-height:1.5}.prompt-editor-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.prompt-editor-row input{flex:1;min-width:0}.prompt-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:6px;background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer}.prompt-remove:hover{background:#f04747;color:#fff}.prompt-add{border:1px dashed var(--bg-tertiary);background:transparent;color:var(--text-secondary, var(--text-muted));padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.85rem}.prompt-add:hover{border-color:var(--accent-primary);color:var(--text-primary)}.keybinding-section{margin-bottom:20px}.keybinding-section-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}.keybinding-list{display:flex;flex-direction:column;gap:2px}.keybinding-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;background:var(--bg-secondary);transition:background .15s}.keybinding-row:hover{background:var(--bg-hover)}.keybinding-label{font-size:.85rem;color:var(--text-primary)}.keybinding-actions{display:flex;align-items:center;gap:6px}.keybinding-key{padding:4px 14px;border-radius:4px;border:1px solid var(--bg-tertiary);background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;min-width:70px;text-align:center;transition:all .15s}.keybinding-key:hover{border-color:var(--accent-primary);color:var(--text-primary)}.keybinding-key.recording{border-color:var(--accent-primary);background:#5865f226;color:var(--accent-primary);animation:keybind-pulse 1s ease-in-out infinite}@keyframes keybind-pulse{0%,to{opacity:1}50%{opacity:.7}}.keybinding-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:all .15s}.keybinding-remove:hover{color:var(--danger, #f04747);background:#f047471a}.about-section{max-width:720px}.about-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.about-logo{width:84px;height:84px;flex-shrink:0;display:block}.about-header h2{margin:0 0 4px;font-size:1.5rem}.about-version{color:var(--text-muted);font-size:.875rem;margin:0}.about-tagline{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:20px}.about-actions{margin-bottom:24px}.about-link-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent-primary);color:#fff;text-decoration:none;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.about-link-btn:hover{background:var(--accent-hover)}.about-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin:24px 0 12px;letter-spacing:.5px}.about-links{display:flex;flex-direction:column;gap:2px}.about-link{background:transparent;border:none;color:var(--accent-primary);font-size:.875rem;text-align:left;padding:8px 0;cursor:pointer;transition:color .15s}.about-link:hover{color:var(--accent-hover);text-decoration:underline}.about-copyright{color:var(--text-muted);font-size:.75rem;margin-top:32px;padding-top:20px;border-top:1px solid var(--bg-tertiary)}.settings-version{padding:12px 16px 16px;font-size:.6875rem;color:var(--text-muted);border-top:1px solid var(--bg-tertiary);margin-top:auto}.version-label{margin-bottom:4px;opacity:.7}.version-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.version-links button{background:transparent;border:none;color:var(--text-muted);font-size:.6875rem;cursor:pointer;padding:0}.version-links button:hover{color:var(--accent-primary);text-decoration:underline}@media (max-width: 768px){.settings-page{flex-direction:column;height:100dvh;overflow-y:auto}.settings-sidebar{width:100%;padding:calc(24px + env(safe-area-inset-top,0)) 12px 12px;gap:12px;flex-shrink:0}.settings-nav{display:flex;flex-wrap:wrap;gap:4px}.settings-nav h3{width:100%;padding:4px 8px}.settings-nav .nav-item{width:auto;flex:0 0 auto;padding:8px 12px}.settings-content{padding:20px 16px calc(80px + env(safe-area-inset-bottom,0));max-width:100%;overflow-y:visible}.settings-version{display:none}}.danger-button{padding:8px 16px;border:none;border-radius:4px;background:var(--danger, #ed4245);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.danger-button:hover:not(:disabled){background:#c03c3f}.mfa-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:12px}.mfa-warn-inline{color:#faa61a;font-size:.85rem;margin-left:4px}.mfa-warning{padding:10px 12px;background:#faa61a1a;border:1px solid rgba(250,166,26,.3);border-radius:4px;color:#faa61a;font-size:.85rem;line-height:1.5;margin-bottom:12px}.mfa-enroll-qr{display:flex;gap:20px;align-items:center;padding:16px;background:var(--bg-primary);border-radius:6px;margin-bottom:16px}.mfa-enroll-qr img{width:180px;height:180px;background:#fff;padding:8px;border-radius:4px;flex-shrink:0}.mfa-enroll-secret{flex:1;min-width:0}.mfa-enroll-secret label{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;margin-bottom:6px}.mfa-enroll-secret code{display:block;font-family:Courier New,monospace;font-size:.85rem;padding:8px 12px;background:var(--bg-tertiary);border-radius:4px;word-break:break-all;color:var(--text-primary)}.mfa-codes{display:block;padding:16px;background:var(--bg-primary);border:1px solid rgba(255,255,255,.08);border-radius:6px;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;color:var(--text-primary);white-space:pre;overflow-x:auto;margin-bottom:12px;-webkit-user-select:all;user-select:all}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin-top:10px;background:var(--bg-primary);border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:background .15s}.settings-toggle-row:hover{background:var(--bg-hover)}.settings-toggle-text{flex:1;min-width:0}.settings-toggle-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.settings-toggle-desc{font-size:.75rem;color:var(--text-muted);margin-top:2px;line-height:1.4}.gvx-toggle{position:relative;width:42px;height:24px;border-radius:12px;background:#4a4a52;transition:background .18s;flex-shrink:0}.gvx-toggle.on{background:var(--accent-primary, #00b894)}.gvx-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 2px 4px #00000040}.gvx-toggle.on .gvx-toggle-knob{transform:translate(18px)}.admin-check-row{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:2px 0;border-radius:4px;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.admin-check-row:hover{background:#ffffff0a;color:var(--text-primary)}.admin-check-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:var(--accent-primary, #00b894)}.invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at 20% 15%,rgba(88,101,242,.22) 0%,transparent 45%),radial-gradient(circle at 80% 85%,rgba(88,101,242,.18) 0%,transparent 50%),var(--bg-primary, #1a1a1d);position:relative;overflow:hidden}.invite-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.invite-splash-card{position:relative;background:var(--bg-secondary, #242428);padding:2.25rem 2rem 1.75rem;text-align:center;max-width:420px;width:100%;clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 24px),calc(100% - 24px) 100%,24px 100%,0 calc(100% - 24px),0 24px);box-shadow:0 10px 60px #00000080}.invite-splash-card.loading,.invite-splash-card.error{color:var(--text-muted)}.invite-splash-card.error h2{color:var(--danger);margin-bottom:.5rem}.invite-subtitle{color:var(--text-muted);font-size:.8125rem;margin:.75rem 0 .35rem;letter-spacing:.02em}.invite-splash-card .server-preview{margin-bottom:1.25rem}.invite-splash-card .server-icon{width:88px;height:88px;border-radius:50%;margin:0 auto .5rem;object-fit:cover;border:3px solid var(--accent-primary, #5865f2);box-shadow:0 4px 20px #5865f259;display:block}.invite-splash-card .server-icon.placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-primary, #5865f2);color:#fff;font-size:1.75rem;font-weight:700}.invite-splash-card .server-name{font-size:1.5rem;color:var(--text-primary);margin:0 0 .35rem;font-weight:700}.invite-splash-card .member-count{color:var(--text-muted);font-size:.875rem;display:inline-flex;align-items:center;gap:.4rem}.invite-splash-card .member-count .dot{width:8px;height:8px;border-radius:50%;background:var(--success, #3ba55c);display:inline-block}.invite-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem}.invite-actions .join-btn,.invite-actions .secondary-btn{width:100%;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:background .15s,transform .1s;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.invite-actions .join-btn{background:var(--accent-primary, #5865f2);color:#fff}.invite-actions .join-btn:hover:not(:disabled){background:var(--accent-hover, #4752c4)}.invite-actions .join-btn:disabled{opacity:.6;cursor:not-allowed}.invite-actions .secondary-btn{background:var(--bg-tertiary, #2d2d32);color:var(--text-primary)}.invite-actions .secondary-btn:hover{background:var(--bg-hover, #36363c)}.error-message{color:var(--danger);background:#dc35451a;padding:.5rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.join-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;margin-bottom:1rem}.btn-primary{background:var(--accent-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:4px;padding:.75rem 1.5rem;cursor:pointer;font-weight:500;transition:background .2s}.auth-hint{color:var(--text-muted);font-size:.875rem}.auth-hint a{color:var(--accent-primary);text-decoration:none}.auth-hint a:hover{text-decoration:underline}.invite-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.invite-modal{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;max-width:440px;width:90%}.invite-modal h3{margin-bottom:1rem;color:var(--text-primary)}.invite-link-container{display:flex;gap:8px;margin-bottom:1rem}.invite-link-input{flex:1;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;padding:.75rem;color:var(--text-primary);font-size:.875rem}.copy-btn{background:var(--accent-primary);color:#fff;border:none;border-radius:4px;padding:.75rem 1rem;cursor:pointer;font-weight:500}.copy-btn:hover{background:var(--accent-hover)}.copy-btn.copied{background:var(--success)}.invite-options{margin-bottom:1rem}.invite-options label{display:block;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:.25rem}.invite-options select{width:100%;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;padding:.5rem;color:var(--text-primary);margin-bottom:.75rem}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bg-tertiary)}.close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem 1rem}.close-btn:hover{color:var(--text-primary)}.invite-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.invite-tabs{display:flex;gap:4px;margin-bottom:1rem;background:var(--bg-primary);padding:4px;border-radius:6px}.invite-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:.5rem 1rem;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.invite-tab:hover{color:var(--text-primary)}.invite-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.invite-tab-content{min-height:200px}.invite-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.invite-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-primary);border-radius:6px}.invite-item-info{display:flex;flex-direction:column;gap:4px}.invite-code{font-size:.9rem;color:var(--text-primary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.invite-meta{display:flex;gap:6px;font-size:.75rem;color:var(--text-muted)}.invite-item-actions{display:flex;gap:4px}.invite-action-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s}.invite-action-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.invite-action-btn.copied{color:var(--success)}.invite-action-btn.danger:hover{color:var(--danger);background:#ed42451a}.nsfw-warning{display:flex;align-items:center;gap:.5rem;background:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:6px;padding:.625rem .75rem;margin-bottom:1rem;font-size:.8rem;color:var(--text-secondary);text-align:left}.nsfw-badge{background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:3px;flex-shrink:0;letter-spacing:.03em}.invite-friends-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.invite-friend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px}.invite-friend-row:hover{background:var(--bg-hover)}.invite-friend-info{display:flex;align-items:center;gap:10px;min-width:0}.invite-friend-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:600;color:var(--text-primary);flex-shrink:0}.invite-friend-avatar img{width:100%;height:100%;object-fit:cover}.invite-friend-name{color:var(--text-primary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-friend-btn{border:none;background:#5865f2;color:#fff;font-weight:600;font-size:.8rem;padding:6px 14px;border-radius:6px;cursor:pointer;flex-shrink:0}.invite-friend-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:default}.admin-user-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center}.admin-user-detail{position:relative;width:560px;max-height:85vh;background:var(--bg-secondary);border-radius:8px;box-shadow:0 16px 48px #00000080;overflow-y:auto}.detail-close{position:absolute;top:12px;right:12px;background:#0000004d;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:50%;display:flex;z-index:2}.detail-close:hover{color:var(--text-primary);background:#00000080}.detail-loading{padding:60px;text-align:center;color:var(--text-muted)}.detail-toast{position:sticky;top:0;background:var(--accent-primary);color:#fff;padding:8px 16px;font-size:.8rem;text-align:center;z-index:3}.detail-header{display:flex;align-items:center;gap:14px;padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.2)}.detail-avatar{width:56px;height:56px;border-radius:var(--avatar-radius);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--text-muted)}.detail-avatar img{width:100%;height:100%;object-fit:cover}.detail-identity{display:flex;flex-direction:column;gap:2px}.detail-identity h2{font-size:1.2rem;font-weight:600;margin:0;color:var(--text-primary)}.detail-username{font-size:.8rem;color:var(--text-muted)}.detail-actions-bar{display:flex;flex-wrap:wrap;gap:6px;padding:12px 24px;border-bottom:1px solid rgba(0,0,0,.2)}.da-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:4px;border:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:filter .15s,opacity .15s;color:#fff;background:#5865f2}.da-btn:hover:not(:disabled){filter:brightness(1.15)}.da-btn:disabled{opacity:.5;cursor:not-allowed}.da-btn.warn{background:#faa61a;color:#000}.da-btn.timeout{background:#5865f2}.da-btn.suspend{background:#e67e22}.da-btn.ban{background:#ed4245}.da-btn.lift{background:#3ba55c}.da-btn.verify-age{background:#2d7d46}.da-btn.verify-email{background:#1f6f8b}.da-btn.delete{background:#72767d}.detail-body{padding:16px 24px 24px}.detail-section h3{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;letter-spacing:.5px}.detail-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.detail-section-header h3{margin:0}.add-restriction-btn{font-size:.7rem;padding:3px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:background .15s}.add-restriction-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.add-restriction-form{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--bg-primary);border-radius:6px;margin-bottom:10px;border:1px solid rgba(255,255,255,.06)}.add-restriction-form select,.add-restriction-form input{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.8rem}.apply-restriction-btn{padding:7px 16px;border-radius:4px;border:none;background:#ed4245;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;align-self:flex-end}.apply-restriction-btn:hover{filter:brightness(1.1)}.platform-restrictions-list{display:flex;flex-direction:column;gap:6px}.platform-restriction-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-primary);border-radius:4px;border-left:3px solid #ed4245}.pr-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pr-label{font-size:.8rem;font-weight:600;color:#ed4245}.pr-reason{font-size:.75rem;color:var(--text-secondary)}.pr-expiry{font-size:.65rem;color:var(--text-muted)}.pr-permanent{font-size:.65rem;color:#ed4245;font-weight:600}.pr-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;flex-shrink:0}.pr-remove:hover{color:var(--text-primary);background:#ffffff0f}.no-restrictions{font-size:.8rem;color:var(--text-muted);padding:8px 0;margin:0}.mod-record-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mrs-stat{flex:1;min-width:64px;background:var(--bg-secondary);border-radius:6px;padding:8px;text-align:center;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.mrs-stat span{display:block;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.mod-record-list{display:flex;flex-direction:column;gap:6px}.mr-item{background:var(--bg-secondary);border-radius:6px;padding:8px 10px;border-left:2px solid var(--border)}.mr-item.inactive{opacity:.6}.mr-item.removal{border-left-color:#f04747}.mr-line{display:flex;align-items:center;gap:8px;font-size:.72rem}.mr-type{font-weight:700;text-transform:uppercase;letter-spacing:.02em}.mr-type.warn,.mr-type.suspend{color:#faa61a}.mr-type.ban{color:#f04747}.mr-type.restrict{color:#5865f2}.mr-type.platform{color:#f04747}.mr-status{color:var(--text-muted);text-transform:uppercase}.mr-when{margin-left:auto;color:var(--text-muted)}.mr-delete{margin-left:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:inline-flex}.mr-delete:hover{color:#f04747}.mr-reason{font-size:.82rem;color:var(--text-secondary);margin-top:3px}.mr-removed-content{font-size:.82rem;color:var(--text-primary);font-style:italic;margin-top:3px}.mr-meta{font-size:.7rem;color:var(--text-muted);margin-top:2px}.mr-hash{font-family:monospace}.mr-subhead{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin:12px 0 6px}.mr-evidence-link{display:inline-block;margin-top:5px;background:none;border:none;padding:0;color:#5865f2;font-size:.78rem;cursor:pointer}.mr-evidence-link:hover{text-decoration:underline}.identity-edit{display:grid;grid-template-columns:110px 1fr;gap:8px 10px;align-items:center}.identity-edit label{font-size:.78rem;color:var(--text-muted)}.identity-edit input{padding:7px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem}.official-message-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);margin:4px 0}.official-message-account{width:100%;box-sizing:border-box;padding:7px 10px;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem}.official-message-input{width:100%;box-sizing:border-box;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem;resize:vertical;font-family:inherit}.official-message-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.official-message-popup{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted);cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-field label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;letter-spacing:.3px}.detail-field span{font-size:.85rem;color:var(--text-primary)}.detail-field span.mono{font-family:monospace;font-size:.8rem;color:var(--text-secondary)}.detail-field-action{display:flex;align-items:center;gap:6px}.detail-field-action button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px}.detail-field-action button:hover{color:var(--accent-primary)}.email-verify-badge{font-size:.7rem;font-weight:600;padding:1px 7px;border-radius:9px;text-transform:uppercase;letter-spacing:.03em}.email-verify-badge.verified{background:#43b5812e;color:#43b581}.email-verify-badge.unverified{background:#faa61a2e;color:#faa61a}.detail-address{display:flex;flex-direction:column;gap:2px;font-size:.85rem;color:var(--text-secondary);padding:8px 12px;background:var(--bg-primary);border-radius:4px}.detail-security-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.security-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:background .15s}.security-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.security-flag{font-size:.75rem;color:#faa61a;font-weight:500}.detail-stats{display:flex;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:var(--bg-primary);border-radius:6px;flex:1}.stat-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.restriction-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:4px;border-left:3px solid;background:var(--bg-primary);margin-bottom:6px}.restriction-item.warn{border-color:#faa61a}.restriction-item.suspend{border-color:#e67e22}.restriction-item.ban{border-color:#ed4245}.restriction-item.timeout{border-color:#5865f2}.restriction-type{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.restriction-reason{font-size:.8rem;color:var(--text-primary)}.restriction-expiry{font-size:.7rem;color:var(--text-muted)}.server-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:4px;font-size:.85rem;color:var(--text-secondary)}.server-item:hover{background:var(--bg-hover)}.role-tag{font-size:.65rem;padding:2px 6px;border-radius:3px;font-weight:600;text-transform:uppercase}.role-tag.owner{background:#faa61a;color:#000}.role-tag.member{background:var(--bg-tertiary);color:var(--text-muted)}.detail-meta{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(0,0,0,.2);font-size:.7rem;color:var(--text-muted)}.detail-meta .mono{font-family:monospace;margin-left:auto}.inline-modal{position:absolute;bottom:0;left:0;right:0;background:var(--bg-primary);padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 8px 8px}.inline-modal h4{margin:0 0 12px;font-size:.9rem;color:var(--text-primary)}.inline-modal input{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;margin-bottom:12px}.inline-modal-actions{display:flex;justify-content:flex-end;gap:8px}.inline-modal-actions button{padding:6px 16px;border-radius:4px;border:none;font-size:.8rem;cursor:pointer;background:var(--bg-tertiary);color:var(--text-secondary)}.inline-modal-actions button.primary{background:var(--accent-primary);color:#fff}.inline-modal-actions button:hover{filter:brightness(1.1)}.status-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#3ba55c33;color:#3ba55c}.status-badge.suspended,.status-badge.suspend{background:#e67e2233;color:#e67e22}.status-badge.banned,.status-badge.ban{background:#ed424533;color:#ed4245}.status-badge.frozen{background:#5865f233;color:#5865f2}.status-badge.under-investigation{background:#faa61a33;color:#faa61a}.status-badge.deleted{background:#72767d33;color:#72767d}.status-badge.timeout{background:#5865f233;color:#5865f2}.warns-modal{max-width:560px;width:92vw;max-height:80vh;display:flex;flex-direction:column}.warns-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.warns-modal-header h2{font-size:1.05rem;margin:0}.warns-empty{color:var(--text-muted, #72767d);padding:24px 4px;text-align:center}.warns-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.warn-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:var(--bg-primary, #1a1a1d);border:1px solid rgba(255,255,255,.06)}.warn-main{flex:1;min-width:0}.warn-reason{color:var(--text-primary, #fff);font-size:.9rem;line-height:1.4;word-break:break-word;white-space:pre-wrap}.warn-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:.72rem;color:var(--text-muted, #72767d)}.warn-status{font-weight:600;text-transform:capitalize}.warn-actions{display:flex;gap:6px;flex-shrink:0}.warn-icon-btn{background:#ffffff0f;border:none;border-radius:6px;color:var(--text-secondary, #b9bbbe);cursor:pointer;padding:6px;display:flex;transition:background .15s,color .15s}.warn-icon-btn:hover{background:#ffffff1f;color:#fff}.warn-icon-btn.danger:hover{background:#ed424533;color:#ed4245}.warn-edit{flex:1;display:flex;flex-direction:column;gap:10px}.warn-field{display:flex;flex-direction:column;gap:4px;flex:1}.warn-field span{font-size:.72rem;color:var(--text-muted, #72767d);text-transform:uppercase;font-weight:600}.warn-field textarea,.warn-field select,.warn-field input{background:var(--bg-secondary, #242428);border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--text-primary, #fff);padding:8px 10px;font-size:.85rem;outline:none;font-family:inherit;resize:vertical}.warn-field textarea:focus,.warn-field select:focus,.warn-field input:focus{border-color:var(--accent-primary, #5865f2)}.warn-edit-row{display:flex;gap:12px;flex-wrap:wrap}.warn-edit-actions{display:flex;justify-content:flex-end;gap:8px}.role-editor-modal{max-width:600px;max-height:85vh;display:flex;flex-direction:column}.role-editor-modal .modal-header{display:flex;align-items:center;gap:12px;flex-shrink:0}.role-editor-modal .modal-header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:8px;color:#fff}.role-editor-modal .modal-header h2{flex:1}.system-role-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#faa61a1a;border:1px solid rgba(250,166,26,.3);border-radius:6px;margin-bottom:16px;color:#faa61a;font-size:.875rem}.role-basic-info{flex-shrink:0;margin-bottom:16px}.preset-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--bg-tertiary)}.preset-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.preset-btn{padding:4px 10px;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;color:var(--text-secondary);transition:background .2s,color .2s}.preset-btn:hover{background:var(--accent-primary);color:#fff}.permissions-summary{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:12px;font-size:.875rem;color:var(--text-secondary)}.dangerous-warning{display:flex;align-items:center;gap:6px;color:#ed4245;font-weight:500}.permissions-groups{flex:1;overflow-y:auto;max-height:400px;margin-bottom:16px;border:1px solid var(--bg-tertiary);border-radius:8px}.permission-group{border-bottom:1px solid var(--bg-tertiary)}.permission-group:last-child{border-bottom:none}.permission-group.has-dangerous .permission-group-header{background:#ed42450d}.permission-group-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;transition:background .2s}.permission-group-header:hover{background:var(--bg-tertiary)}.group-info{display:flex;align-items:center;gap:10px}.group-checkbox-wrapper{display:flex;align-items:center}.group-checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.group-label{font-weight:600;color:var(--text-primary)}.group-count{font-size:.75rem;color:var(--text-muted);background:var(--bg-primary);padding:2px 6px;border-radius:4px}.expand-btn{padding:4px;color:var(--text-muted);background:transparent;border-radius:4px;transition:color .2s}.expand-btn:hover{color:var(--text-primary)}.permission-items{padding:0 14px 14px;display:flex;flex-direction:column;gap:6px;background:var(--bg-primary)}.permission-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-secondary);border-radius:6px;cursor:pointer;transition:background .2s}.permission-item:hover{background:var(--bg-tertiary)}.permission-item.dangerous{border-left:3px solid #ed4245}.permission-item input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.permission-info{flex:1;display:flex;flex-direction:column;gap:2px}.permission-label{font-weight:500;color:var(--text-primary);font-size:.9rem}.permission-description{font-size:.75rem;color:var(--text-muted)}.permission-item .danger-icon{color:#ed4245;flex-shrink:0;margin-top:2px}.permissions-groups::-webkit-scrollbar{width:8px}.permissions-groups::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.permissions-groups::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.permissions-groups::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn-danger{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #ed4245;border-radius:6px;color:#ed4245;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-right:auto}.btn-danger:hover{background:#ed42451a}.btn-danger-solid{padding:8px 14px;background:#ed4245;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger-solid:hover{background:#c93b3e}.btn-danger-solid:disabled{opacity:.6;cursor:not-allowed}.delete-confirm{display:flex;align-items:center;gap:12px;flex:1}.delete-confirm span{font-size:.875rem;color:#ed4245;font-weight:500}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);border-radius:8px;width:100%;max-width:440px;padding:1.5rem;box-shadow:0 8px 32px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.modal-header h2{font-size:1.5rem;font-weight:700}.modal-close{background:transparent;color:var(--text-muted);padding:4px;border-radius:4px}.modal-close:hover{color:var(--text-primary)}.modal-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;line-height:1.4}.modal-error{background:var(--danger);color:#fff;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.modal .form-group{margin-bottom:1.25rem}.modal .form-group label{display:block;color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.02em}.modal .form-group input,.modal .form-group textarea,.modal .form-group select.create-discover-category{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s;resize:none}.modal .form-group .create-discover-optin{display:flex;align-items:center;gap:.5rem;cursor:pointer;text-transform:none;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:0}.modal .form-group .create-discover-optin input[type=checkbox]{width:auto;margin:0;cursor:pointer}.modal .form-group select.create-discover-category{margin-top:.625rem}.modal .form-group input:focus,.modal .form-group textarea:focus{border-color:var(--accent-primary)}.modal .form-group input::placeholder,.modal .form-group textarea::placeholder{color:var(--text-muted)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.25rem;border-radius:4px;font-size:.875rem;font-weight:500;transition:background .2s,opacity .2s}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary)}.btn-secondary:hover{text-decoration:underline}.channel-type-options{display:flex;flex-direction:column;gap:.5rem}.channel-type-option{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-primary);border:2px solid var(--bg-tertiary);border-radius:4px;cursor:pointer;transition:border-color .2s,background .2s}.channel-type-option:hover{background:var(--bg-tertiary)}.channel-type-option.selected{border-color:var(--accent-primary);background:#5865f21a}.channel-type-option svg{color:var(--text-muted)}.channel-type-option.selected svg{color:var(--text-primary)}.channel-type-info{display:flex;flex-direction:column}.channel-type-name{font-weight:600;color:var(--text-primary)}.channel-type-desc{font-size:.75rem;color:var(--text-muted)}.channel-name-input{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;padding-left:.75rem;transition:border-color .2s}.channel-name-input:focus-within{border-color:var(--accent-primary)}.channel-name-input svg{color:var(--text-muted);flex-shrink:0}.channel-name-input input{border:none!important;background:transparent!important;padding-left:.5rem!important}.channel-name-input input:focus{border:none!important}.sync-permissions-modal{max-width:480px}.sync-permissions-modal .modal-header h2{display:flex;align-items:center;gap:10px;font-size:1.25rem}.sync-permissions-modal .modal-body{padding:.5rem 0}.sync-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.25rem}.sync-description strong{color:var(--text-primary)}.sync-visual{display:flex;align-items:center;justify-content:center;gap:16px;padding:1rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1.25rem}.sync-item{display:flex;flex-direction:column;align-items:center;gap:4px}.sync-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.sync-name{font-weight:600;color:var(--text-primary);padding:6px 12px;background:var(--bg-secondary);border-radius:4px;font-size:.9rem}.sync-arrow{color:var(--accent-primary);flex-shrink:0}.sync-question{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.sync-hint{color:var(--text-muted);font-size:.85rem}.sync-footer{border-top:1px solid var(--bg-tertiary);padding-top:1rem}.category-highlight{color:var(--accent-primary);font-weight:600}.private-channel-toggle{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bg-tertiary)}.private-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.private-toggle-info{display:flex;align-items:flex-start;gap:12px}.private-toggle-info svg{color:var(--text-muted);margin-top:2px;flex-shrink:0}.private-toggle-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:4px}.private-toggle-desc{display:block;font-size:.8rem;color:var(--text-muted);line-height:1.4}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-primary)}.form-select{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:1rem;font-family:inherit;cursor:pointer}.form-select:focus{border-color:var(--accent-primary);outline:none}.role-membership-list{display:flex;flex-wrap:wrap;gap:8px}.role-membership-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-tertiary);border-radius:6px;font-size:.85rem}.role-membership-chip .btn-remove{display:inline-flex;align-items:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.role-membership-chip .btn-remove:disabled{opacity:.4;cursor:not-allowed}.bug-report-dropzone{border:1px dashed var(--border-color, #3f4147);border-radius:8px;padding:16px;cursor:pointer;text-align:center;transition:border-color .15s ease}.bug-report-dropzone:hover{border-color:var(--brand, #5865f2)}.bug-report-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted, #b5bac1);font-size:.85rem}.bug-report-preview{max-width:100%;max-height:220px;border-radius:6px;display:block;margin:0 auto}.bug-report-remove{margin-top:8px;background:none;border:none;color:var(--danger, #ed4245);cursor:pointer;font-size:.8rem;padding:0}.ticket-list-container{display:flex;flex-direction:column;height:100%}.ticket-stats-bar{display:flex;gap:16px;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-radius:6px;min-width:80px}.stat-item.danger{background:#ed424526}.stat-item.danger .stat-value{color:#ed4245}.stat-item.warning{background:#faa61a26}.stat-item.warning .stat-value{color:#faa61a}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.ticket-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.ticket-search{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);padding:8px 12px;border-radius:6px;flex:1;min-width:200px}.ticket-search svg{color:var(--text-muted);flex-shrink:0}.ticket-search input{background:transparent;border:none;color:var(--text-primary);font-size:.9rem;width:100%}.ticket-search input::placeholder{color:var(--text-muted)}.ticket-filters{display:flex;gap:8px}.ticket-filters select{padding:8px 12px;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.ticket-actions{display:flex;gap:8px}.refresh-btn{padding:8px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);transition:background .2s,color .2s}.refresh-btn:hover{background:var(--accent-primary);color:#fff}.create-ticket-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-primary);border-radius:6px;color:#fff;font-size:.875rem;font-weight:500}.create-ticket-btn:hover{background:var(--accent-hover)}.ticket-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.ticket-loading,.ticket-empty{text-align:center;padding:40px;color:var(--text-muted)}.ticket-item{display:flex;gap:16px;padding:14px 16px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:background .2s;border-left:3px solid transparent}.ticket-item:hover{background:var(--bg-tertiary)}.ticket-item.sla-breached{border-left-color:#ed4245}.ticket-main{flex:1;min-width:0}.ticket-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ticket-number{font-weight:600;color:var(--text-secondary);font-size:.85rem}.ticket-priority,.ticket-status{font-size:.65rem;text-transform:uppercase;padding:2px 6px;border-radius:4px;color:#fff;font-weight:600;letter-spacing:.02em}.sla-badge{display:flex;align-items:center;gap:4px;font-size:.65rem;padding:2px 6px;background:#ed424533;color:#ed4245;border-radius:4px;font-weight:600}.ticket-subject{font-weight:500;color:var(--text-primary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-meta{display:flex;gap:8px;font-size:.75rem;color:var(--text-muted)}.ticket-meta span{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.ticket-side{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.ticket-author,.ticket-date{display:flex;align-items:center;gap:4px}.ticket-assignee{font-size:.75rem;color:var(--accent-primary)}.ticket-messages{font-size:.75rem;color:var(--text-muted)}.ticket-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px}.ticket-pagination button{padding:8px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary)}.ticket-pagination button:disabled{opacity:.5;cursor:not-allowed}.ticket-pagination button:not(:disabled):hover{background:var(--accent-primary);color:#fff}.ticket-view{display:flex;flex-direction:column;height:100%}.ticket-view-loading,.ticket-view-error{text-align:center;padding:40px;color:var(--text-muted)}.ticket-view-header{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary)}.back-btn{padding:8px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary)}.back-btn:hover{color:var(--text-primary)}.ticket-view-title{flex:1}.ticket-view-title .ticket-number{font-size:.85rem;color:var(--text-muted)}.ticket-view-title h2{font-size:1.25rem;font-weight:600;margin:0}.ticket-view-actions{display:flex;gap:8px}.resolve-btn,.close-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:.875rem;font-weight:500}.resolve-btn{background:#57f287;color:#1e1f22}.close-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.ticket-view-content{display:flex;flex:1;overflow:hidden}.ticket-messages-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.ticket-description{padding:16px;background:var(--bg-tertiary);border-bottom:1px solid var(--bg-primary)}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.message-date{font-size:.75rem;color:var(--text-muted)}.message-content{color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.message-content.original{font-size:.95rem}.message-evidence{margin-top:12px;padding:12px;background:var(--bg-primary);border-radius:6px;font-size:.85rem}.message-evidence pre{margin:8px 0 0;white-space:pre-wrap;color:var(--text-muted)}.ticket-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.ticket-message{padding:12px 14px;background:var(--bg-secondary);border-radius:8px}.ticket-message.internal{background:#faa61a1a;border-left:3px solid #faa61a}.ticket-message.system{background:var(--bg-tertiary);font-size:.85rem;color:var(--text-muted);font-style:italic}.internal-badge{display:flex;align-items:center;gap:4px;font-size:.7rem;text-transform:uppercase;color:#faa61a;margin-bottom:8px;font-weight:600}.ticket-reply-form{padding:16px;background:var(--bg-secondary);border-top:1px solid var(--bg-tertiary)}.reply-options{margin-bottom:8px}.internal-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;background:var(--bg-tertiary);border-radius:4px}.internal-toggle input{display:none}.internal-toggle.active{background:#faa61a33;color:#faa61a}.reply-input-row{display:flex;gap:8px}.reply-input-row textarea{flex:1;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-family:inherit;resize:none}.reply-input-row button{padding:10px 14px;background:var(--accent-primary);border-radius:6px;color:#fff}.reply-input-row button:disabled{opacity:.5;cursor:not-allowed}.ticket-details-panel{width:280px;background:var(--bg-secondary);border-left:1px solid var(--bg-tertiary);padding:16px;overflow-y:auto}.detail-section{margin-bottom:20px}.detail-section label{display:block;font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em;margin-bottom:6px}.detail-section select{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-left-width:3px;border-radius:6px;color:var(--text-primary);font-size:.9rem}.detail-section select:disabled{opacity:.6;cursor:not-allowed}.detail-section.info{background:var(--bg-tertiary);padding:12px;border-radius:8px}.info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--bg-primary)}.info-row.danger .info-value{color:#ed4245;display:flex;align-items:center;gap:4px}.info-label{font-size:.8rem;color:var(--text-muted)}.info-value{font-size:.8rem;color:var(--text-primary);font-weight:500}.resolution-info{background:#57f2871a;padding:10px;border-radius:6px}.resolution-type{display:inline-block;font-weight:600;text-transform:capitalize;color:#57f287;margin-bottom:4px}.resolution-notes{font-size:.85rem;color:var(--text-secondary);margin:8px 0}.resolved-date{font-size:.75rem;color:var(--text-muted)}.target-info{background:var(--bg-tertiary);padding:10px;border-radius:6px}.target-type{display:block;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.target-id{display:block;font-size:.8rem;color:var(--accent-primary);word-break:break-all}.ticket-tags{display:flex;flex-wrap:wrap;gap:6px}.ticket-tag{background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.watchers-list{display:flex;flex-wrap:wrap;gap:6px}.watcher{background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;font-size:.8rem;color:var(--accent-primary)}.resolve-modal{max-width:400px}.resolve-modal h3{margin:0 0 16px;font-size:1.25rem}.suggestions-page{max-width:820px;margin:0 auto;padding:24px 20px 64px}.suggestions-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.suggestions-title{display:flex;align-items:center;gap:10px;color:#f2f3f5}.suggestions-title h1{font-size:22px;margin:0}.suggestions-sub{color:#b5bac1;font-size:14px;margin:6px 0 18px}.suggestions-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.suggestions-sort{display:inline-flex;background:#1e1f22;border-radius:8px;padding:3px}.suggestions-sort button{border:none;background:transparent;color:#b5bac1;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.suggestions-sort button.active{background:#5865f2;color:#fff}.suggestions-toolbar select{background:#1e1f22;color:#dbdee1;border:1px solid #2b2d31;border-radius:8px;padding:7px 10px;font-size:13px}.suggestions-list{display:flex;flex-direction:column;gap:10px}.suggestion-card{display:flex;gap:14px;background:#2b2d31;border:1px solid #1e1f22;border-radius:10px;padding:14px 16px}.vote-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;padding:8px 0;background:#1e1f22;border:1px solid #3a3c41;border-radius:8px;color:#b5bac1;cursor:pointer;font-weight:700;font-size:14px;height:fit-content}.vote-btn:hover{border-color:#5865f2;color:#f2f3f5}.vote-btn.voted{background:#5865f2;border-color:#5865f2;color:#fff}.suggestion-body{flex:1;min-width:0}.suggestion-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.suggestion-card-head h3{margin:0;font-size:15px;color:#f2f3f5}.suggestion-text{color:#b5bac1;font-size:14px;margin:6px 0 8px;white-space:pre-wrap;word-break:break-word}.suggestion-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#949ba4}.suggestion-cat{background:#1e1f22;border-radius:4px;padding:2px 8px;text-transform:capitalize}.suggestion-response{margin-top:10px;padding:8px 12px;background:#5865f21f;border-left:3px solid #5865f2;border-radius:4px;font-size:13px;color:#dbdee1}.status-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:3px 9px;border-radius:999px;white-space:nowrap;background:#3a3c41;color:#dbdee1}.status-badge.status-planned{background:#3a4c7a;color:#c4d2ff}.status-badge.status-in_progress{background:#4a3d6b;color:#d9c9ff}.status-badge.status-shipped{background:#1f6f43;color:#b6f0cf}.status-badge.status-declined{background:#5c2b2b;color:#f5c6c6}.status-badge.status-under_review{background:#5c4a1f;color:#f0e2b6}.suggestions-empty{text-align:center;color:#949ba4;padding:48px 0;font-size:14px}.sysacct-panel{display:flex;gap:1rem;height:100%;padding:1rem}.sysacct-list{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--border);padding-right:1rem}.sysacct-list-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.85rem;margin-bottom:4px}.sysacct-create{display:flex;gap:6px;margin-bottom:6px}.sysacct-create input{flex:1;padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary)}.sysacct-item{display:flex;align-items:center;gap:8px;padding:8px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;text-align:left}.sysacct-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sysacct-item.active{background:var(--accent-primary, #5865f2);color:#fff}.sysacct-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.sysacct-avatar img{width:100%;height:100%;object-fit:cover}.sysacct-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.sysacct-empty{color:var(--text-muted);font-size:.85rem;padding:8px 0}.sysacct-detail{flex:1;overflow-y:auto;min-width:0}.sysacct-tabs{display:flex;gap:4px;margin-bottom:1rem;border-bottom:1px solid var(--border)}.sysacct-tabs button{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:8px 14px;cursor:pointer;font-size:.85rem}.sysacct-tabs button.active{color:var(--text-primary);border-bottom-color:var(--accent-primary, #5865f2)}.sysacct-form{display:flex;flex-direction:column;gap:6px;max-width:560px}.sysacct-form label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-top:6px}.sysacct-form input,.sysacct-form textarea,.sysacct-form select{padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.88rem;font-family:inherit}.sysacct-username{font-size:.8rem;color:var(--text-muted);margin:0 0 6px}.sysacct-media{display:flex;gap:8px;align-items:center}.sysacct-media input{flex:1}.sysacct-form label.sysacct-upload{display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;color:#fff;text-transform:none;letter-spacing:normal;margin-top:0;background:var(--bg-tertiary, #2b2d31);border:1px solid var(--border, #3a3c42)}.sysacct-avatar-preview{width:40px;height:40px;border-radius:50%;object-fit:cover}.sysacct-banner-preview{width:100%;max-height:120px;object-fit:cover;border-radius:8px;margin-top:4px}.sysacct-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}.sysacct-delete-btn{margin-right:auto;background:transparent;color:#ff6b6e;border:1px solid rgba(237,66,69,.5);display:inline-flex;align-items:center;gap:5px}.sysacct-delete-btn:hover{background:#ed42452e;color:#ff8a8c}.sysacct-form .sysacct-actions .da-btn.primary{background:#3ba55c;color:#fff}.da-btn.primary{background:var(--accent-primary, #5865f2);color:#fff}.sysacct-template-new{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.sysacct-template-list{display:flex;flex-direction:column;gap:8px}.sysacct-template{background:var(--bg-secondary);border-radius:6px;padding:10px}.sysacct-template-head{display:flex;align-items:center;justify-content:space-between}.sysacct-template p{margin:4px 0 0;color:var(--text-secondary);font-size:.85rem;white-space:pre-wrap}.sysacct-del{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.sysacct-del:hover{color:#f04747}.sysacct-recipient{display:flex;align-items:center;gap:8px}.sysacct-result{text-align:left;background:var(--bg-secondary);border:none;border-radius:6px;padding:6px 10px;color:var(--text-primary);cursor:pointer}.sysacct-result:hover{background:var(--bg-hover)}.sysacct-result span{color:var(--text-muted);font-size:.8rem;margin-left:6px}.sysacct-checkbox{display:flex;align-items:center;gap:6px;flex-direction:row;text-transform:none;letter-spacing:normal;font-size:.82rem;color:var(--text-secondary)}.sysacct-checkbox input{width:auto}.admin-email-log{padding:4px 0;color:var(--text-primary, #f2f3f5)}.ael-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ael-header h2{margin:0}.ael-counts{display:flex;gap:8px}.ael-pill{font-size:.8rem;padding:3px 10px;border-radius:999px;font-weight:600}.ael-pill.sent{background:#3ba55c2e;color:#3ba55c}.ael-pill.pending{background:#faa61a2e;color:#faa61a}.ael-pill.failed{background:#f23f432e;color:#f23f43}.ael-sub{color:var(--text-secondary, #b5bac1);font-size:.875rem;margin:6px 0 16px}.ael-controls{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.ael-controls input{flex:1;min-width:220px;padding:8px 12px;background:var(--bg-primary, #1e1f22);border:1px solid var(--bg-tertiary, #3f4147);border-radius:6px;color:var(--text-primary, #f2f3f5)}.ael-controls select,.ael-controls button{padding:8px 12px;background:var(--bg-primary, #1e1f22);border:1px solid var(--bg-tertiary, #3f4147);border-radius:6px;color:var(--text-primary, #f2f3f5);cursor:pointer}.ael-table{width:100%;border-collapse:collapse;font-size:.875rem}.ael-table th,.ael-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bg-tertiary, #3f4147);vertical-align:top}.ael-table th{color:var(--text-secondary, #b5bac1);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.ael-recipient{display:flex;flex-direction:column}.ael-email{color:var(--text-primary, #f2f3f5)}.ael-username{color:var(--text-muted, #949ba4);font-size:.8rem}.ael-status{text-transform:capitalize;font-weight:600}.ael-status.sent{color:#3ba55c}.ael-status.pending{color:#faa61a}.ael-status.failed{color:#f23f43}.ael-details{max-width:360px}.ael-error{color:#f23f43;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.ael-empty{color:var(--text-muted, #949ba4);padding:24px 0;text-align:center}.ael-pager{display:flex;align-items:center;gap:12px;margin-top:16px}.ael-pager button{padding:6px 14px;background:var(--bg-primary, #1e1f22);border:1px solid var(--bg-tertiary, #3f4147);border-radius:6px;color:var(--text-primary, #f2f3f5);cursor:pointer}.ael-pager button:disabled{opacity:.5;cursor:not-allowed}.admin-panel{display:flex;height:100vh;background:var(--bg-primary);color:var(--text-primary)}.admin-sidebar{width:240px;background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--bg-tertiary)}.admin-sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1rem;font-weight:600;font-size:1.1rem;border-bottom:1px solid var(--bg-tertiary)}.admin-nav{flex:1;padding:.5rem;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .15s}.admin-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-nav-item.active{background:var(--accent-primary);color:#fff}.admin-nav-item.badge-toggle{margin-top:auto;border-top:1px solid var(--bg-tertiary);border-radius:0;padding:.75rem}.admin-nav-item.badge-toggle .toggle-on{margin-left:auto;color:var(--success, #57f287)}.admin-nav-item.badge-toggle .toggle-off{margin-left:auto;color:var(--text-muted)}.admin-nav-item.back{border-top:1px solid var(--bg-tertiary);border-radius:0;padding:1rem .75rem}.admin-nav-item .badge{margin-left:auto;padding:.125rem .5rem;background:var(--danger);color:#fff;font-size:.75rem;border-radius:10px}.admin-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-content h1{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.admin-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.admin-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f047471a;border:1px solid var(--danger);border-radius:4px;color:var(--danger);margin-bottom:1rem}.admin-error button{margin-left:auto;background:transparent;border:none;color:var(--danger);cursor:pointer}.empty{text-align:center;padding:2rem;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--bg-tertiary)}.stat-card.warning{border-color:var(--warning)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border-radius:8px;color:var(--accent-primary)}.stat-card.warning .stat-icon{color:var(--warning)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.85rem;color:var(--text-muted)}.recent-activity h2{font-size:1.1rem;margin-bottom:1rem}.activity-list{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--bg-tertiary)}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--bg-tertiary)}.activity-item:last-child{border-bottom:none}.activity-action{font-weight:500}.activity-target{color:var(--text-muted);font-size:.85rem}.activity-time{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.report-filters{display:flex;gap:.5rem}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;text-transform:capitalize}.filter-btn:hover{background:var(--bg-hover)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.filter-btn .count{background:#fff3;padding:.125rem .5rem;border-radius:10px;font-size:.75rem}.reports-list{display:flex;flex-direction:column;gap:1rem}.report-card{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--bg-tertiary);overflow:hidden}.report-card.priority-critical{border-left:4px solid var(--danger)}.report-card.priority-high{border-left:4px solid var(--warning)}.report-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary)}.priority-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.priority-badge.critical{background:var(--danger);color:#fff}.priority-badge.high{background:var(--warning);color:#000}.priority-badge.normal{background:var(--bg-hover);color:var(--text-primary)}.priority-badge.low{background:var(--bg-hover);color:var(--text-muted)}.report-reason{font-weight:500}.report-time{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.report-body{padding:1rem}.report-target{margin-bottom:.5rem}.report-description{color:var(--text-secondary);font-size:.9rem}.report-footer{display:flex;gap:1rem;padding:.75rem 1rem;border-top:1px solid var(--bg-tertiary);font-size:.85rem;color:var(--text-muted)}.search-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:4px}.search-bar input{flex:1;min-width:250px;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.search-bar button{padding:.375rem .75rem;background:var(--accent-primary);border:none;border-radius:4px;color:#fff;font-size:.85rem;cursor:pointer}.users-table,.servers-table{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--bg-tertiary);overflow:hidden}.users-table table,.servers-table table{width:100%;border-collapse:collapse}.users-table th,.servers-table th{text-align:left;padding:.75rem 1rem;background:var(--bg-tertiary);font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--text-muted)}.users-table td,.servers-table td{padding:.75rem 1rem;border-top:1px solid var(--bg-tertiary)}.users-table td.loading,.users-table td.empty,.servers-table td.loading,.servers-table td.empty{text-align:center;padding:2rem;color:var(--text-muted)}.bulk-actions-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:12px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;font-size:.9rem;font-weight:600;color:#fff}.bulk-actions-bar .da-btn.delete{background:#e74c3c;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-weight:600}.bulk-actions-bar .da-btn.delete:hover{background:#c0392b}.bulk-actions-bar .da-btn{color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:6px;font-weight:500}.bulk-actions-bar .da-btn:hover{background:#fff3}.users-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#e74c3c}.user-cell{display:flex;flex-direction:column}.username{font-weight:500}.user-tag{font-size:.8rem;color:var(--text-muted)}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.active{background:#43b58133;color:#43b581}.status-badge.suspended,.status-badge.suspend{background:#faa61a33;color:#faa61a}.status-badge.banned,.status-badge.ban{background:#f0474733;color:#f04747}.status-badge.frozen,.status-badge.freeze{background:#5865f233;color:#5865f2}.status-badge.investigation,.status-badge.under-investigation{background:#faa61a33;color:#faa61a}.warn-count.clickable{color:#faa61a;font-weight:600;cursor:pointer;text-decoration:underline}.warn-count.clickable:hover{color:#f0a020}.features-list{display:flex;flex-direction:column;gap:1rem}.feature-card{display:flex;flex-direction:column;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--bg-tertiary)}.feature-card-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.feature-name{font-weight:600;margin-bottom:.25rem}.feature-description{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.feature-meta{display:flex;gap:.75rem;font-size:.8rem}.status-pill{padding:.125rem .5rem;border-radius:10px;font-weight:500}.status-pill.live{background:#43b58133;color:#43b581}.status-pill.beta{background:#faa61a33;color:#faa61a}.status-pill.off{background:var(--bg-tertiary);color:var(--text-muted)}.rollout,.strategy{color:var(--text-muted)}.feature-toggle{background:transparent;border:none;cursor:pointer;padding:.25rem}.feature-toggle.on{color:#43b581}.feature-toggle.off{color:var(--text-muted)}.feature-actions{display:flex;align-items:center;gap:.5rem}.feature-delete-btn{background:transparent;border:none;cursor:pointer;padding:.4rem;border-radius:6px;color:var(--text-muted);transition:all .2s}.feature-delete-btn:hover{background:var(--danger, #ed4245);color:#fff}.feature-notes{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--bg-tertiary)}.feature-notes-view{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;cursor:pointer;border-radius:6px;padding:.4rem .5rem;transition:background .15s}.feature-notes-view:hover{background:var(--bg-tertiary)}.feature-notes-text{flex:1;margin:0;font-family:inherit;font-size:.82rem;line-height:1.4;color:var(--text-secondary, var(--text-muted));white-space:pre-wrap;word-break:break-word}.feature-notes-empty{flex:1;font-size:.82rem;color:var(--text-muted);font-style:italic}.feature-notes-edit-icon{flex-shrink:0;color:var(--text-muted);margin-top:.1rem}.feature-notes-edit{display:flex;flex-direction:column;gap:.5rem}.feature-notes-input{width:100%;box-sizing:border-box;resize:vertical;padding:.5rem .6rem;font-family:inherit;font-size:.82rem;line-height:1.4;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--bg-tertiary);border-radius:6px}.feature-notes-input:focus{outline:none;border-color:var(--accent, #5865f2)}.feature-notes-actions{display:flex;gap:.5rem}.feature-notes-save,.feature-notes-cancel{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:opacity .15s}.feature-notes-save{background:var(--accent, #5865f2);color:#fff}.feature-notes-cancel{background:var(--bg-tertiary);color:var(--text-muted)}.feature-notes-save:hover,.feature-notes-cancel:hover{opacity:.85}.limits-list{display:flex;flex-direction:column;gap:1rem}.limit-card{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--bg-tertiary);overflow:hidden}.limit-header{padding:1rem;border-bottom:1px solid var(--bg-tertiary)}.limit-key{font-weight:600;text-transform:capitalize;display:block;margin-bottom:.25rem}.limit-description{font-size:.85rem;color:var(--text-muted)}.limit-values{display:flex;padding:.75rem 1rem;gap:2rem}.limit-plan{display:flex;flex-direction:column;align-items:center;gap:.25rem}.plan-name{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.plan-value{font-weight:600;font-size:1.1rem}.audit-list{display:flex;flex-direction:column;gap:.5rem}.audit-entry{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--bg-tertiary)}.audit-info{display:flex;align-items:center;gap:.75rem}.audit-admin{font-weight:500}.audit-action{color:var(--accent-primary)}.audit-target{color:var(--text-muted);font-size:.85rem}.audit-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--text-muted)}.audit-reason{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--bg-tertiary)}.action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;background:var(--bg-tertiary);color:var(--text-primary)}.action-btn:hover{filter:brightness(1.2)}.action-btn.resolve{background:#43b58126;color:#43b581}.action-btn.resolve:hover{background:#43b58140}.action-btn.dismiss{background:var(--bg-tertiary);color:var(--text-secondary)}.action-btn.dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}.user-actions{display:flex;gap:.25rem}.user-actions .action-btn{padding:.375rem;background:var(--bg-tertiary);color:var(--text-secondary)}.user-actions .action-btn:hover{background:var(--bg-hover)}.user-actions .action-btn.warn:hover,.user-actions .action-btn.suspend:hover{background:#faa61a33;color:#faa61a}.user-actions .action-btn.ban:hover{background:#f0474733;color:#f04747}.user-actions .action-btn.unsuspend{background:#43b58126;color:#43b581}.user-actions .action-btn.unsuspend:hover{background:#43b58140}.admin-admins h2{font-size:1.1rem;margin:1.5rem 0 1rem;color:var(--text-secondary)}.admins-list,.roles-list{display:flex;flex-direction:column;gap:.5rem}.admin-card,.role-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--bg-tertiary)}.admin-info,.role-info{display:flex;flex-direction:column;gap:.25rem}.admin-username,.role-name{font-weight:600}.admin-email,.role-description{font-size:.85rem;color:var(--text-muted)}.role-badge{display:inline-block;padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.role-badge.super{background:#faa61a33;color:#faa61a}.admin-meta,.role-meta{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-muted)}.role-count{color:var(--text-secondary)}.system-badge{padding:.125rem .5rem;background:var(--accent-primary);color:#fff;border-radius:10px;font-size:.7rem;font-weight:600}.roles-section{margin-top:2rem}.investigation-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.investigation-content{background:var(--bg-primary);border-radius:8px;width:100%;max-width:1200px;min-height:300px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.investigation-loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--text-muted);font-size:1.1rem;flex:1}.investigation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--danger);text-align:center;flex:1}.investigation-error button{padding:.5rem 1.5rem;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;margin-top:.5rem}.investigation-error button:hover{background:var(--bg-hover)}.investigation-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary)}.investigation-header h2{margin:0;font-size:1.25rem}.investigation-header .server-info{display:flex;align-items:center;gap:.75rem}.investigation-header .close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.investigation-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary)}.investigation-actions .action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem}.investigation-actions .action-btn.investigate{background:#5865f233;color:#5865f2}.investigation-actions .action-btn.freeze{background:#3ba5ff33;color:#3ba5ff}.investigation-actions .action-btn.unfreeze{background:#43b58133;color:#43b581}.active-restrictions{padding:.75rem 1.5rem;background:#f047471a;border-bottom:1px solid var(--bg-tertiary)}.active-restrictions h3{font-size:.85rem;margin:0 0 .5rem;color:var(--danger)}.restriction-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.restriction-type{font-weight:600;text-transform:capitalize}.investigation-body{display:flex;flex:1;overflow:hidden;min-height:400px}.channels-panel{width:280px;background:var(--bg-secondary);border-right:1px solid var(--bg-tertiary);display:flex;flex-direction:column;overflow-y:auto}.panel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;font-size:.8rem;color:var(--text-muted);text-transform:uppercase}.channels-list,.members-list{padding:0 .5rem .5rem}.channel-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.9rem;text-align:left;cursor:pointer}.channel-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.channel-item.active{background:var(--accent-primary);color:#fff}.inv-category-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem .25rem;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted)}.inv-category-header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-count{font-size:.75rem;color:var(--text-muted)}.member-item{padding:.375rem .75rem;font-size:.85rem;color:var(--text-secondary)}.messages-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.no-channel-selected,.messages-loading,.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:.75rem}.messages-list{flex:1;overflow-y:auto;padding:1rem}.message-item{padding:.75rem;margin-bottom:.5rem;background:var(--bg-secondary);border-radius:4px}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.message-author{font-weight:600;color:var(--text-primary)}.message-time{font-size:.75rem;color:var(--text-muted)}.delete-message-btn{margin-left:auto;background:transparent;border:none;color:var(--text-muted);cursor:pointer;opacity:0}.message-item:hover .delete-message-btn{opacity:1}.delete-message-btn:hover{color:var(--danger)}.message-content{color:var(--text-secondary);font-size:.9rem;white-space:pre-wrap}.message-item.removed{background:#f047470f;border-left:2px solid #f04747}.message-item.removed .message-content{opacity:.6;text-decoration:line-through}.removal-flag{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;padding:.1rem .4rem;border-radius:3px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.removal-flag.platform{background:#f0474733;color:#f04747}.removal-flag.server{background:#faa61a33;color:#faa61a}.removal-reason{margin-top:.25rem;font-size:.78rem;color:#f04747;font-style:italic}.action-btn.view-server{background:#5865f226;color:#5865f2}.action-btn.view-server:hover{background:#5865f240}.user-action-trigger{background:transparent;border:none;padding:0;font:inherit;cursor:pointer;text-align:left}.member-item .user-action-trigger{color:var(--text-secondary)}.message-header .user-action-trigger{font-weight:600;color:var(--text-primary)}.user-action-trigger:hover{color:#5865f2;text-decoration:underline}.user-action-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.user-action-menu{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;width:320px;max-width:90vw;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 8px 24px #0006}.user-action-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.user-action-header .close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.user-action-header .close-btn:hover{color:var(--text-primary)}.ua-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.ua-btn:hover{background:var(--bg-hover)}.ua-btn.warn:hover{background:#faa61a33;color:#faa61a}.ua-btn.ban:hover{background:#f0474733;color:#f04747}.ua-btn.restrict:hover{background:#5865f233;color:#5865f2}.ua-restrict-form{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px}.ua-restrict-form select,.ua-restrict-form input{padding:.4rem .5rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.85rem}.ua-apply{padding:.45rem;background:#5865f2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.ua-apply:hover{background:#4752c4}.action-btn.view{background:#5865f226;color:#5865f2}.action-btn.view:hover{background:#5865f240}.action-btn.investigate{background:#faa61a26;color:#faa61a}.action-btn.investigate:hover{background:#faa61a40}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header h2{margin:0;font-size:1.25rem}.close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.server-details-modal{max-width:480px}.server-info{padding:1rem 1.25rem}.info-row{display:flex;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--bg-tertiary)}.info-row:last-child{border-bottom:none}.info-label{width:100px;font-size:.875rem;color:var(--text-muted);flex-shrink:0}.info-value{flex:1;color:var(--text-primary)}.info-value.uuid{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;background:var(--bg-tertiary);padding:2px 6px;border-radius:3px;-webkit-user-select:all;user-select:all;cursor:text}.server-restrictions{padding:1rem 1.25rem;border-top:1px solid var(--bg-tertiary)}.server-restrictions h3{margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted);text-transform:uppercase}.restriction-item{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem;background:var(--bg-tertiary);border-radius:4px;margin-bottom:.5rem}.restriction-item:last-child{margin-bottom:0}.restriction-type{background:var(--danger);color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;font-weight:600;flex-shrink:0}.restriction-reason{font-size:.875rem;color:var(--text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--bg-tertiary)}.btn-secondary{padding:.5rem 1rem;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s}.header-actions{display:flex;align-items:center;gap:1rem}.mass-delete-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--danger);border:none;border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.mass-delete-btn:hover{background:#c93b3e}.checkbox-col{width:40px;text-align:center}.checkbox-col input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}tr.selected{background:#5865f21a}tr.selected:hover{background:#5865f226}.server-status-filters{display:flex;gap:.25rem;margin-right:.5rem}.server-status-filters .filter-btn{padding:.375rem .75rem;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s}.server-status-filters .filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.server-status-filters .filter-btn.active{background:var(--accent-primary);color:#fff}.server-id{font-family:monospace;font-size:.8rem;color:var(--text-muted);cursor:pointer}.server-id:hover{color:var(--text-primary)}.status-badge.deleted{background:#747f8d33;color:#747f8d}.deleted-ago{display:block;font-size:11px;color:#ed4245;margin-top:2px;font-weight:500}.action-btn.hard-delete{background:#f0474733;color:#f04747}.action-btn.hard-delete:hover{background:#f0474766;color:#f55}.admin-tickets{height:100%;display:flex;flex-direction:column}.tickets-layout{display:flex;height:100%;gap:0}.tickets-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--bg-tertiary);overflow-y:auto}.tickets-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-departments{height:100%}.departments-grid{max-width:400px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h2{margin:0}.create-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-primary);border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;transition:background .2s}.create-btn:hover{background:var(--accent-hover)}.edit-role-btn{padding:6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);margin-left:8px;transition:all .2s}.edit-role-btn:hover{background:var(--accent-primary);color:#fff}.admin-card .dept-badge{background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;font-size:.75rem;color:var(--text-muted);margin-left:8px}.info-value.uuid{font-family:monospace;font-size:.85rem;color:var(--accent-primary);word-break:break-all}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.role-card-enhanced{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.role-card-enhanced:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.role-card-enhanced.has-dangerous{border-left:3px solid #ed4245}.role-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.role-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:10px;color:#fff}.role-title{flex:1;display:flex;align-items:center;gap:8px}.role-title .role-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.role-title .system-badge{font-size:.65rem;text-transform:uppercase;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);font-weight:600}.role-card-enhanced .edit-role-btn{padding:8px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-muted);transition:all .2s}.role-card-enhanced .edit-role-btn:hover{background:var(--accent-primary);color:#fff}.role-card-enhanced .role-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.4}.role-permissions-preview{display:flex;align-items:center;gap:16px;padding:12px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:12px}.perm-count{display:flex;flex-direction:column;align-items:center;padding-right:16px;border-right:1px solid var(--bg-primary)}.perm-count .count-value{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.perm-count .count-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted)}.perm-groups{flex:1;display:flex;flex-wrap:wrap;gap:6px}.perm-group-badge{font-size:.7rem;padding:3px 8px;background:var(--bg-primary);border-radius:4px;color:var(--text-secondary)}.perm-group-badge.more{background:var(--accent-primary);color:#fff}.dangerous-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#ed4245;margin-bottom:12px;padding:8px 10px;background:#ed42451a;border-radius:6px}.role-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--bg-tertiary)}.role-card-footer .admin-count{font-size:.85rem;color:var(--text-secondary)}.role-card-footer .click-hint{font-size:.75rem;color:var(--text-muted)}.admins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.admin-card-enhanced{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;padding:16px;transition:all .2s}.admin-card-enhanced:hover{border-color:var(--accent-primary)}.admin-card-enhanced.super-admin{border-left:3px solid #faa61a;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(250,166,26,.05) 100%)}.admin-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:var(--avatar-radius);color:#fff;font-weight:600;font-size:1.1rem}.super-admin .admin-avatar{background:linear-gradient(135deg,#faa61a,#e67e22)}.admin-identity{flex:1;display:flex;flex-direction:column;gap:2px}.admin-identity .admin-username{font-weight:600;color:var(--text-primary);font-size:.95rem}.admin-identity .admin-email{font-size:.8rem;color:var(--text-muted)}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.active{background:#57f287}.status-dot.suspended{background:#ed4245}.status-dot.inactive{background:#95a5a6}.admin-role-info{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.admin-role-info .role-badge{font-size:.75rem;padding:4px 10px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-weight:500}.admin-role-info .role-badge.super{background:linear-gradient(135deg,#faa61a,#e67e22);color:#fff}.admin-role-info .dept-badge{font-size:.7rem;padding:3px 8px;background:var(--accent-primary);border-radius:4px;color:#fff}.admin-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--bg-tertiary)}.admin-card-footer .admin-date{font-size:.75rem;color:var(--text-muted)}.edit-admin-btn{padding:6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);transition:all .2s}.edit-admin-btn:hover{background:var(--accent-primary);color:#fff}.admin-card-actions{display:flex;align-items:center;gap:6px}.edit-admin-btn.danger:hover{background:var(--danger, #ed4245);color:#fff}.admin-editor-modal{max-width:480px}.admin-editor-modal .modal-header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:8px;color:#fff}.selected-user{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-tertiary);border-radius:6px}.selected-user.readonly{opacity:.8}.selected-user-info{display:flex;flex-direction:column;gap:2px}.selected-user-info .username{font-weight:600;color:var(--text-primary)}.selected-user-info .email{font-size:.85rem;color:var(--text-muted)}.btn-remove{padding:6px;background:transparent;color:var(--text-muted);border-radius:4px}.btn-remove:hover{background:var(--danger);color:#fff}.user-search{display:flex;flex-direction:column;gap:8px}.search-input-row{display:flex;gap:8px}.search-input-row input{flex:1;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary)}.search-input-row button{padding:10px 14px;background:var(--accent-primary);border-radius:6px;color:#fff}.search-results{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;padding:4px}.search-result-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:transparent;border-radius:4px;text-align:left;width:100%}.search-result-item:hover{background:var(--bg-tertiary)}.search-result-item .username{font-weight:500;color:var(--text-primary)}.search-result-item .email{font-size:.8rem;color:var(--text-muted)}.form-hint{display:block;margin-top:6px;font-size:.75rem;color:var(--text-muted)}.header-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.admin-header h1{margin-bottom:0}.admin-header h1+.header-subtitle{margin-top:4px}.departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;max-width:100%}.dept-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-left-width:4px;border-radius:12px;padding:16px;transition:all .2s}.dept-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.dept-card-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dept-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.dept-card-header h3{flex:1;margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.edit-dept-btn{padding:6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);transition:all .2s}.edit-dept-btn:hover{background:var(--accent-primary);color:#fff}.dept-card .dept-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.4}.dept-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--bg-tertiary);font-size:.8rem;color:var(--text-muted)}.dept-card-footer .dept-sla{background:var(--bg-tertiary);padding:3px 8px;border-radius:4px}.dept-card-footer .dept-admin-count{color:var(--accent-primary)}.dept-editor-modal{max-width:450px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-group textarea{width:100%;resize:vertical;overflow:auto;min-height:80px;box-sizing:border-box}.form-group input[type=color]{width:60px;height:38px;padding:4px;border:1px solid var(--bg-tertiary);border-radius:6px;background:var(--bg-primary);cursor:pointer}.form-group input[type=number]{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary)}.admin-sidebar-nav{flex:1;padding:.5rem;overflow-y:auto}.admin-sidebar-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.85rem;text-align:left;position:relative}.admin-sidebar-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-sidebar-item.active{background:var(--accent-primary, #5865F2);color:#fff}.admin-sidebar-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#ed4245;color:#fff;font-size:.7rem;padding:1px 6px;border-radius:10px;font-weight:600}.live-stats-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);font-size:.8rem;flex-shrink:0}.live-stats-item{display:flex;align-items:center;gap:.35rem}.live-stats-value{font-weight:600;color:var(--text-primary)}.live-stats-label{color:var(--text-secondary)}.live-stats-divider{width:1px;height:16px;background:var(--bg-tertiary)}.command-center{padding:1.25rem;overflow-y:auto}.cc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.cc-stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;cursor:pointer;border:1px solid var(--bg-tertiary)}.cc-stat-card:hover{border-color:var(--accent-primary, #5865F2)}.cc-stat-card.alert .cc-stat-value{color:#ed4245}.cc-stat-info{display:flex;flex-direction:column}.cc-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.cc-stat-label{font-size:.75rem;color:var(--text-secondary)}.cc-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.cc-panel{background:var(--bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--bg-tertiary)}.cc-panel h3{margin:0 0 .75rem;font-size:.9rem}.cc-empty{color:var(--text-secondary);font-size:.85rem;padding:.5rem 0}.cc-quick-search{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;margin-bottom:.75rem}.cc-quick-search input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.85rem;outline:none}.cc-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cc-actions-grid button{display:flex;align-items:center;gap:.4rem;padding:.5rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.8rem}.cc-actions-grid button:hover{border-color:var(--accent-primary, #5865F2)}.cc-flags-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.cc-flag-item{padding:.5rem;background:var(--bg-primary);border-radius:6px;border-left:3px solid #888}.cc-flag-item.severity-critical{border-left-color:#ed4245}.cc-flag-item.severity-high{border-left-color:orange}.cc-flag-item.severity-medium{border-left-color:#faa81a}.cc-flag-item.severity-low{border-left-color:#57f287}.cc-flag-header{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.25rem}.cc-flag-user{font-weight:600;color:var(--text-primary)}.cc-flag-time{color:var(--text-secondary)}.cc-flag-content{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.cc-flag-meta{display:flex;gap:.5rem;font-size:.7rem}.cc-flag-badge{padding:1px 6px;border-radius:4px;font-weight:600}.cc-flag-badge.blocked{background:#ed424533;color:#ed4245}.cc-flag-badge.quarantined{background:#ffa50033;color:orange}.cc-flag-badge.flagged{background:#faa81a33;color:#faa81a}.cc-flag-rule{color:var(--text-secondary)}.cc-activity-list{display:flex;flex-direction:column;gap:.35rem}.cc-activity-item{display:flex;justify-content:space-between;font-size:.8rem;padding:.25rem 0}.cc-activity-action{color:var(--text-primary)}.cc-activity-time{color:var(--text-secondary);font-size:.75rem}.cc-shift-notes{display:flex;flex-direction:column;gap:.5rem}.cc-note{padding:.5rem;background:var(--bg-primary);border-radius:6px}.cc-note.pinned{border-left:3px solid var(--accent-primary, #5865F2)}.cc-note-header{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.25rem}.cc-note-author{font-weight:600}.cc-note-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem}.cc-note-content{font-size:.85rem}.cc-note-time{font-size:.7rem;color:var(--text-secondary);margin-top:.25rem}.cc-note-input{display:flex;gap:.5rem;margin-top:.5rem}.cc-note-input input{flex:1;padding:.4rem .6rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:.85rem}.cc-note-input button{padding:.4rem .75rem;background:var(--accent-primary, #5865F2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem}.moderation-panel{display:flex;flex-direction:column;height:100%}.mod-subtabs{display:flex;gap:.25rem;padding:.5rem 1rem;border-bottom:1px solid var(--bg-tertiary);background:var(--bg-secondary)}.mod-subtabs button{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.85rem}.mod-subtabs button:hover{background:var(--bg-tertiary)}.mod-subtabs button.active{background:var(--accent-primary, #5865F2);color:#fff}.mod-section{padding:1rem;overflow-y:auto;flex:1}.mod-filters{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.mod-filters select{padding:.35rem .5rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:.8rem}.mod-refresh{padding:.35rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);cursor:pointer}.mod-count{font-size:.8rem;color:var(--text-secondary);margin-left:auto}.mod-loading,.mod-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.mod-flags-list{display:flex;flex-direction:column;gap:.5rem}.mod-flag-card{background:var(--bg-secondary);border-radius:8px;padding:.75rem;border-left:4px solid #888}.mod-flag-card.severity-critical{border-left-color:#ed4245}.mod-flag-card.severity-high{border-left-color:orange}.mod-flag-card.severity-medium{border-left-color:#faa81a}.mod-flag-card.severity-low{border-left-color:#57f287}.mod-flag-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.8rem;flex-wrap:wrap}.mod-flag-user{font-weight:600;color:var(--text-primary)}.mod-flag-badge{padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.mod-flag-badge.blocked{background:#ed424533;color:#ed4245}.mod-flag-badge.quarantined{background:#ffa50033;color:orange}.mod-flag-badge.flagged{background:#faa81a33;color:#faa81a}.mod-flag-badge.escalated{background:#5865f233;color:#5865f2}.mod-flag-severity{font-size:.7rem;padding:1px 4px;border-radius:3px}.mod-flag-severity.critical{color:#ed4245}.mod-flag-severity.high{color:orange}.mod-flag-severity.medium{color:#faa81a}.mod-flag-severity.low{color:#57f287}.mod-flag-tier{font-size:.7rem;color:var(--text-secondary)}.mod-flag-time{font-size:.7rem;color:var(--text-secondary);margin-left:auto}.mod-flag-content{padding:.5rem;background:var(--bg-primary);border-radius:4px;font-size:.85rem;margin-bottom:.35rem;word-break:break-word}.mod-flag-location{margin-bottom:.35rem}.mod-flag-location-link{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#5865f2;cursor:pointer;padding:2px 6px;border-radius:3px;transition:background .15s}.mod-flag-location-link:hover{background:#5865f226;text-decoration:underline}.mod-flag-meta{display:flex;gap:.5rem;font-size:.75rem;margin-bottom:.35rem}.mod-flag-rule,.mod-flag-category,.mod-flag-confidence{color:var(--text-secondary)}.mod-flag-reasoning{font-size:.8rem;color:var(--text-secondary);font-style:italic;padding:.35rem .5rem;background:var(--bg-primary);border-radius:4px;margin-bottom:.35rem}.mod-flag-actions{display:flex;gap:.5rem}.btn-approve,.btn-reject{display:flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border:none;border-radius:6px;cursor:pointer;font-size:.8rem}.btn-approve{background:#57f28733;color:#57f287}.btn-approve:hover{background:#57f28755}.btn-reject{background:#ed424533;color:#ed4245}.btn-reject:hover{background:#ed424555}.mod-flag-reviewed{font-size:.75rem;color:var(--text-secondary);font-style:italic}.mod-quarantine-list{display:flex;flex-direction:column;gap:.5rem}.mod-quarantine-card{background:var(--bg-secondary);border-radius:8px;padding:.75rem;border-left:4px solid #FFA500}.mod-q-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.35rem}.mod-q-user{font-weight:600}.mod-q-timer{display:flex;align-items:center;gap:.25rem;color:orange;font-size:.75rem}.mod-q-time{color:var(--text-secondary);font-size:.75rem;margin-left:auto}.mod-q-content{padding:.5rem;background:var(--bg-primary);border-radius:4px;font-size:.85rem;margin-bottom:.5rem}.mod-q-actions{display:flex;gap:.5rem}.mod-rules-table{display:flex;flex-direction:column;gap:1px;background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.mod-rules-header,.mod-rule-row{display:grid;grid-template-columns:40px 2fr 1fr 1fr 80px 60px 60px;gap:.5rem;padding:.5rem .75rem;align-items:center;font-size:.8rem}.mod-rules-header{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:.75rem}.mod-rule-row{background:var(--bg-primary)}.mod-rule-row.disabled{opacity:.5}.mod-rule-row.enforced{background:var(--bg-secondary)}.rule-severity{font-size:.65rem;padding:1px 4px;border-radius:3px;margin-left:.25rem}.rule-severity.critical{color:#ed4245}.rule-severity.high{color:orange}.rule-severity.medium{color:#faa81a}.rule-severity.low{color:#57f287}.rule-tier{display:inline-block;padding:1px 4px;background:var(--bg-tertiary);border-radius:3px;font-size:.7rem;margin-right:.25rem}.action-badge{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:capitalize}.action-badge.block_notify{background:#ed424533;color:#ed4245}.action-badge.deliver_flag{background:#faa81a33;color:#faa81a}.action-badge.shadow_quarantine{background:#ffa50033;color:orange}.action-badge.escalate_human{background:#5865f233;color:#5865f2}.action-badge.auto_delete{background:#8883;color:#888}.toggle-btn{padding:2px 8px;border:none;border-radius:4px;cursor:pointer;font-size:.7rem;font-weight:600}.toggle-btn.on{background:#57f28733;color:#57f287}.toggle-btn.off{background:#8883;color:#888}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.override-indicator{font-size:.65rem;color:orange;margin-left:.25rem}.mod-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.mod-preset-card{background:var(--bg-secondary);border-radius:8px;padding:1rem;cursor:pointer;border:1px solid var(--bg-tertiary)}.mod-preset-card:hover{border-color:var(--accent-primary, #5865F2)}.preset-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.preset-card-header h4{margin:0}.preset-default-badge{padding:1px 6px;background:var(--accent-primary, #5865F2);color:#fff;border-radius:4px;font-size:.7rem;font-weight:600}.preset-description{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.preset-card-stats{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.mod-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;font-size:.85rem}.mod-pagination button{padding:.35rem .75rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);cursor:pointer}.mod-pagination button:disabled{opacity:.4;cursor:not-allowed}.analytics-panel{display:flex;flex-direction:column;height:100%}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--bg-tertiary);background:var(--bg-secondary)}.analytics-subtabs{display:flex;gap:.25rem}.analytics-subtabs button{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.85rem}.analytics-subtabs button:hover{background:var(--bg-tertiary)}.analytics-subtabs button.active{background:var(--accent-primary, #5865F2);color:#fff}.analytics-header select{padding:.35rem .5rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:.8rem}.analytics-content{padding:1rem;overflow-y:auto;flex:1}.analytics-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.analytics-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.analytics-chart-card,.analytics-stat-card{background:var(--bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--bg-tertiary)}.analytics-chart-card.full-width,.analytics-stat-card.full-width{grid-column:1 / -1;margin-bottom:.75rem}.analytics-chart-card h4,.analytics-stat-card h4{margin:0 0 .75rem;font-size:.9rem}.analytics-bar-chart{display:flex;align-items:flex-end;gap:2px;height:150px;padding-top:.5rem}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}.bar{width:100%;min-height:2px;background:var(--accent-primary, #5865F2);border-radius:2px 2px 0 0;transition:height .3s}.bar-label{font-size:.55rem;color:var(--text-secondary);margin-top:2px;writing-mode:vertical-rl}.plan-stats,.mod-action-stats,.tier-stats,.shop-stats{display:flex;flex-direction:column;gap:.35rem}.plan-row,.action-row,.tier-row,.shop-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.25rem 0;border-bottom:1px solid var(--bg-tertiary)}.plan-name,.plan-count{color:var(--text-primary)}.action-count{font-weight:600}.action-count.blocked{color:#ed4245}.action-count.flagged{color:#faa81a}.action-count.quarantined{color:orange}.action-count.escalated{color:#5865f2}.fpr-stat{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.top-rules-list,.top-servers-list,.recent-ascends-list{display:flex;flex-direction:column;gap:.25rem}.top-rule-row,.top-server-row,.recent-ascend-row{display:flex;align-items:center;gap:.75rem;padding:.35rem 0;border-bottom:1px solid var(--bg-tertiary);font-size:.8rem}.top-rule-rank,.top-server-rank{color:var(--text-secondary);width:24px}.top-rule-name,.top-server-name{flex:1;font-weight:500}.top-rule-category,.top-server-tier{color:var(--text-secondary);font-size:.75rem}.top-server-tier.tier-1{color:#57f287}.top-server-tier.tier-2{color:#5865f2}.top-server-tier.tier-3{color:orange}.top-rule-count,.top-server-boosts{font-weight:600}.ascend-user{font-weight:500}.ascend-action{color:var(--text-secondary)}.ascend-server{flex:1}.ascend-source,.ascend-time{color:var(--text-secondary);font-size:.75rem}.plans-manager{display:flex;flex-direction:column;height:100%}.plans-table{display:flex;flex-direction:column;gap:1px;background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.plans-header,.plans-row{display:grid;grid-template-columns:2fr 1fr 80px 80px 1fr 60px 80px 1fr;gap:.5rem;padding:.5rem .75rem;align-items:center;font-size:.8rem}.plans-header{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:.75rem}.plans-row{background:var(--bg-primary)}.plans-row.inactive{opacity:.5}.plan-cell-name{display:flex;flex-direction:column}.plan-id{font-size:.7rem;color:var(--text-secondary)}.status-active{color:#57f287}.status-inactive{color:#888}.plan-actions{display:flex;gap:.35rem}.btn-small{padding:2px 8px;border:1px solid var(--bg-tertiary);background:var(--bg-secondary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.75rem}.btn-small:hover{border-color:var(--accent-primary, #5865F2)}.btn-small.danger{color:#ed4245;border-color:#ed424533}.btn-small.danger:hover{border-color:#ed4245}.create-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--accent-primary, #5865F2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem}.plan-edit-form{padding:1rem;overflow-y:auto;flex:1}.plan-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.plan-edit-header h3{margin:0}.plan-edit-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer}.plan-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.plan-edit-section{background:var(--bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--bg-tertiary)}.plan-edit-section h4{margin:0 0 .75rem;font-size:.85rem;color:var(--text-secondary)}.plan-edit-section label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.plan-edit-section input[type=text],.plan-edit-section input[type=number]{padding:.4rem .6rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:.85rem}.plan-edit-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid var(--bg-tertiary)}.btn-secondary{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);cursor:pointer}.btn-primary{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:var(--accent-primary, #5865F2);border:none;border-radius:6px;color:#fff;cursor:pointer}.toggle-field{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;cursor:pointer;font-size:.85rem;color:var(--text-primary)}.toggle-field:hover{color:var(--accent-primary, #5865F2)}.toggle-on{color:#57f287}.toggle-off{color:#888}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.tier-card-admin{background:var(--bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--bg-tertiary)}.tier-card-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.tier-card-top h3{margin:0;flex:1}.tier-req{font-size:.75rem;color:var(--text-secondary)}.tier-perks-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.5rem}.tier-perk{display:flex;justify-content:space-between;font-size:.8rem;padding:.2rem 0}.tier-perk span{color:var(--text-secondary)}.tier-perk strong{color:var(--text-primary)}.tier-toggles{display:flex;flex-wrap:wrap;gap:.35rem}.tier-badge{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600}.tier-badge.on{background:#57f28722;color:#57f287}.tier-badge.off{background:#8882;color:#888}.caps-table{display:flex;flex-direction:column;gap:1px;background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.caps-header,.caps-row{display:grid;grid-template-columns:2fr 100px 2fr 100px;gap:.5rem;padding:.5rem .75rem;align-items:center;font-size:.8rem}.caps-header{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:.75rem}.caps-row{background:var(--bg-primary)}.cap-key{text-transform:capitalize}.cap-value input{width:80px;padding:.25rem .4rem;background:var(--bg-secondary);border:1px solid var(--accent-primary, #5865F2);border-radius:4px;color:var(--text-primary);font-size:.85rem}.cap-desc{color:var(--text-secondary);font-size:.75rem}.billing-panel{padding:1rem;color:var(--text-primary)}.billing-panel .section{margin-top:1.5rem}.billing-panel .section h4{margin:0 0 .5rem;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.billing-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.banner-warn{background:#fee75c1a;border:1px solid #FEE75C;color:#fee75c}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.kpi-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;padding:1rem}.kpi-card.kpi-warn{border-color:#fee75c}.kpi-head{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:1.5rem;font-weight:600;margin-top:.4rem}.billing-filter-row{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.billing-filter-row .search-box{display:flex;align-items:center;gap:.4rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;padding:.4rem .6rem;flex:1;min-width:200px}.billing-filter-row .search-box input{background:transparent;border:none;color:var(--text-primary);flex:1;outline:none;font-size:.9rem}.billing-filter-row select{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);color:var(--text-primary);padding:.4rem .6rem;border-radius:6px;font-size:.9rem}.billing-table{width:100%;border-collapse:collapse;font-size:.85rem}.billing-table th{text-align:left;padding:.6rem .5rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;border-bottom:1px solid var(--bg-tertiary)}.billing-table td{padding:.75rem .5rem;border-bottom:1px solid var(--bg-tertiary);vertical-align:middle}.billing-table .user-cell strong{display:block;font-weight:500}.billing-table .user-cell small,.billing-table .product-cell small{display:block;color:var(--text-secondary);font-size:.75rem}.pill{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;text-transform:uppercase;font-weight:500;letter-spacing:.03em}.pill-green{background:#57f28726;color:#57f287}.pill-red{background:#ed424526;color:#ed4245}.pill-orange{background:#eb804226;color:#eb8042}.pill-gray{background:#95a5a626;color:#95a5a6}.badge-pill{display:inline-block;background:#ed4245;color:#fff;padding:0 .4rem;border-radius:10px;font-size:.7rem;margin-left:.35rem}.pagination{display:flex;gap:.5rem;align-items:center;justify-content:center;margin-top:1rem;color:var(--text-secondary);font-size:.85rem}.pagination button{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);color:var(--text-primary);padding:.4rem .8rem;border-radius:6px;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;justify-content:flex-end}.drawer{width:520px;max-width:100vw;background:var(--bg-primary);height:100vh;overflow-y:auto;border-left:1px solid var(--bg-tertiary)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--bg-tertiary)}.drawer-head h3{margin:0}.drawer-head button{background:transparent;border:none;color:var(--text-primary);cursor:pointer}.drawer-body{padding:1rem}.detail-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--bg-tertiary);font-size:.85rem}.detail-label{color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-family:monospace;word-break:break-all;max-width:60%;text-align:right}.drawer-actions{display:flex;gap:.5rem;margin-top:1rem}.refund-row{display:flex;gap:.75rem;padding:.4rem 0;border-bottom:1px dashed var(--bg-tertiary);font-size:.85rem}.refund-row .muted{color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:8px;padding:1.5rem;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 1rem}.modal .form-field{margin-bottom:.75rem}.modal .form-field label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em}.modal .form-field input,.modal .form-field select,.modal .form-field textarea{width:100%;padding:.5rem .6rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.modal .form-field small{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:.2rem}.modal .checkbox-row{display:flex;align-items:center;gap:.4rem;margin:.5rem 0;font-size:.85rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.btn-primary,.btn-secondary,.btn-warn{padding:.5rem .9rem;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500}.btn-primary{background:#5865f2;color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-tertiary)}.btn-warn{background:#ed4245;color:#fff}.btn-primary.sm,.btn-warn.sm{padding:.3rem .6rem;font-size:.75rem;margin-right:.25rem}.btn-link{background:transparent;border:none;color:#5865f2;cursor:pointer;font-size:.85rem;text-decoration:underline}.btn-link.danger{color:var(--danger, #ed4245);margin-left:8px}.btn-link+.btn-link{margin-left:8px}.btn-icon-sm{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.2rem;margin-left:.25rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-loading{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:2rem;color:var(--text-secondary)}.panel-empty{text-align:center;padding:3rem;color:var(--text-secondary);font-style:italic}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chip{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-tertiary);padding:.3rem .7rem;border-radius:14px;cursor:pointer;font-size:.8rem}.chip-active{background:#5865f2;color:#fff;border-color:#5865f2}.grant-panel{max-width:520px;padding:1rem}.grant-panel .form-field{margin-bottom:.75rem}.grant-panel .form-field label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.grant-panel input,.grant-panel select,.grant-panel textarea{width:100%;padding:.5rem .6rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.system-panel{padding:1.5rem}.system-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.system-panel-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.system-refresh-btn{background:var(--bg-tertiary);border:none;border-radius:6px;padding:.4rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.system-refresh-btn:hover{color:var(--text-primary);background:var(--bg-modifier-hover, var(--bg-secondary))}.system-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.system-metric-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.system-metric-header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--bg-tertiary)}.system-metric-body{display:flex;flex-direction:column;gap:.35rem}.system-metric-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.system-metric-label{color:var(--text-secondary)}.system-metric-value{color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:.35rem}.system-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.admin-mobile-select{display:none}@media (max-width: 768px){.admin-panel{height:100vh;height:100dvh;overflow:hidden}.admin-sidebar{display:none}.admin-mobile-select{display:block;width:100%;padding:.75rem 1rem;background:var(--bg-secondary);color:var(--text-primary);border:none;border-bottom:1px solid var(--bg-tertiary);font-size:.95rem;font-weight:600;flex-shrink:0}.admin-content{padding:1rem!important}.admin-header h1{font-size:1.2rem}.system-grid{grid-template-columns:1fr}.live-stats-bar{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}}.disk-widget{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;margin-bottom:16px}.disk-widget-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-primary)}.disk-widget-title{font-size:.95rem;font-weight:600;flex:1}.disk-widget-updated{font-size:.7rem;color:var(--text-muted);font-weight:400}.disk-widget-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:4px;border:1px solid;font-size:.85rem;margin-bottom:12px}.disk-widget-error,.disk-widget-empty{padding:12px;color:var(--text-muted);font-size:.85rem;text-align:center}.disk-widget-error{background:#ed42451a;color:#ed4245;border-radius:4px}.disk-widget-rows{display:flex;flex-direction:column;gap:10px}.disk-widget-row{display:grid;grid-template-columns:1fr 50px;gap:8px 12px;align-items:center}.disk-widget-row-label{display:flex;justify-content:space-between;gap:8px;grid-column:1 / 3;font-size:.8rem}.disk-widget-row-title{color:var(--text-primary);font-weight:500}.disk-widget-row-size{color:var(--text-muted);font-variant-numeric:tabular-nums}.disk-widget-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;grid-column:1}.disk-widget-bar-fill{height:100%;border-radius:4px;transition:width .5s ease,background .3s ease}.disk-widget-row-pct{font-size:.85rem;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;grid-column:2}.disk-widget-divider{height:1px;background:#ffffff14;margin:6px 0 4px}.disk-widget-subhead{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;margin-bottom:2px}.disk-widget-dir-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.8rem}.disk-widget-dir-row .disk-widget-row-title{color:var(--text-secondary)}.admin-feedback-subtabs{display:flex;gap:8px;margin:12px 0 16px;border-bottom:1px solid var(--border-color, #3f4147)}.admin-feedback-subtabs button{background:none;border:none;border-bottom:2px solid transparent;padding:8px 12px;color:var(--text-muted, #b5bac1);cursor:pointer;font-size:.9rem}.admin-feedback-subtabs button.active{color:var(--text-primary, #f2f3f5);border-bottom-color:var(--brand, #5865f2)}.admin-bug-filters{margin:12px 0}.admin-bug-detail{max-width:640px}.bug-detail-description{white-space:pre-wrap;background:var(--bg-secondary, #2b2d31);padding:12px;border-radius:6px}.bug-detail-screenshot{max-width:100%;max-height:320px;border-radius:6px;margin:8px 0;display:block}.bug-detail-context{font-size:.8rem;color:var(--text-muted, #b5bac1);margin:8px 0;display:grid;gap:4px;word-break:break-all}.bug-detail-readonly{color:var(--text-muted, #b5bac1);font-style:italic}.campaigns-panel{display:flex;flex-direction:column;height:100%}.campaigns-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary)}.campaigns-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.campaigns-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.campaigns-tab.active{background:var(--accent-primary);color:#fff}.campaigns-content{flex:1;overflow-y:auto;padding:16px}.campaigns-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.campaigns-toolbar h3{font-size:1rem;font-weight:600;flex:1}.campaigns-toolbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.campaigns-count{font-size:.8rem;color:var(--text-muted);font-weight:600}.campaigns-search{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;padding:6px 10px;flex:1;max-width:300px}.campaigns-search input{background:transparent;border:none;color:var(--text-primary);font-size:.85rem;outline:none;width:100%}.campaigns-search input::placeholder{color:var(--text-muted)}.campaigns-search svg{color:var(--text-muted);flex-shrink:0}.campaigns-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s}.campaigns-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.campaigns-btn.primary{background:var(--accent-primary);color:#fff}.campaigns-btn.primary:hover{background:var(--accent-hover)}.campaigns-btn:disabled{opacity:.5;cursor:not-allowed}.campaigns-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.campaigns-btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.campaigns-btn-icon.danger:hover{background:#ed424526;color:var(--danger)}.campaigns-table{display:flex;flex-direction:column}.campaigns-table-header{display:grid;grid-template-columns:1fr 100px 80px 80px;gap:12px;padding:8px 12px;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--bg-tertiary)}.campaigns-table-campaigns .campaigns-table-header{grid-template-columns:1fr 90px 70px 90px 90px auto}.campaigns-table-row{display:grid;grid-template-columns:1fr 100px 80px 80px;gap:12px;padding:10px 12px;font-size:.85rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.03);transition:background .1s}.campaigns-table-row:hover{background:var(--bg-hover)}.campaigns-table-campaigns .campaigns-table-row{grid-template-columns:1fr 90px 70px 90px 90px auto}.campaigns-email{font-weight:500;color:var(--text-primary)}.campaigns-name{font-weight:600;color:var(--text-primary)}.campaigns-source,.campaigns-target,.campaigns-date{color:var(--text-muted);font-size:.8rem}.campaigns-actions{display:flex;gap:4px}.campaigns-status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:capitalize}.campaigns-status-badge.draft{background:#ffffff14;color:var(--text-muted)}.campaigns-status-badge.sent{background:#3ba55c26;color:var(--success)}.campaigns-status-badge.sending{background:#faa61a26;color:var(--warning)}.campaigns-status-badge.failed{background:#ed424526;color:var(--danger)}.campaigns-loading,.campaigns-empty{text-align:center;padding:3rem;color:var(--text-muted);font-size:.9rem}.campaigns-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;font-size:.85rem;color:var(--text-muted)}.campaigns-pagination button{padding:6px 12px;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem}.campaigns-pagination button:disabled{opacity:.4;cursor:not-allowed}.campaign-editor{max-width:640px}.campaign-field{margin-bottom:16px}.campaign-field label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.campaign-field input,.campaign-field select,.campaign-field textarea{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:border-color .15s}.campaign-field input:focus,.campaign-field select:focus,.campaign-field textarea:focus{outline:none;border-color:var(--accent-primary)}.campaign-field textarea{resize:vertical;min-height:200px}.campaign-field select{cursor:pointer}.campaign-editor-actions{display:flex;gap:8px;margin-top:20px}.campaign-error{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ed424526;border:1px solid rgba(237,66,69,.3);border-radius:6px;color:var(--danger);font-size:.85rem;margin-bottom:16px}.campaign-error button{background:transparent;border:none;color:var(--danger);cursor:pointer;padding:2px}.campaign-smtp-note{margin-top:16px;padding:10px 14px;background:#faa61a1a;border:1px solid rgba(250,166,26,.2);border-radius:6px;color:var(--warning);font-size:.8rem;line-height:1.5}.campaign-detail{max-width:640px}.campaign-detail-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:.9rem}.campaign-detail-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;min-width:80px}.campaign-stats{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.03)}.campaign-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.campaign-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.campaign-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.campaign-detail-body{padding:16px 0}.campaign-body-preview{margin-top:8px;padding:16px;background:var(--bg-primary);border-radius:8px;font-size:.9rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.tooltip-anchor-inline{display:inline-flex;align-items:center}.tooltip-anchor-block{display:contents}.gv-tooltip{position:fixed;background:var(--accent-primary, #5865f2);color:#fff;font-size:13px;font-weight:600;padding:7px 11px;border-radius:6px;white-space:pre-line;text-align:center;pointer-events:none;z-index:10000;box-shadow:0 4px 12px #00000080;animation:gv-tooltip-fade .12s ease-out}@keyframes gv-tooltip-fade{0%{opacity:0}to{opacity:1}}.gv-tooltip-right{transform:translateY(-50%)}.gv-tooltip-left{transform:translate(-100%,-50%)}.gv-tooltip-top{transform:translate(-50%,-100%)}.gv-tooltip-bottom{transform:translate(-50%)}.gv-tooltip-right:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--accent-primary, #5865f2)}.gv-tooltip-left:before{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--accent-primary, #5865f2)}.gv-tooltip-top:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--accent-primary, #5865f2)}.gv-tooltip-bottom:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--accent-primary, #5865f2)}.server-list{display:flex;flex-direction:column;align-items:center;width:76px;background:var(--bg-primary);padding:12px 0;gap:6px;overflow-y:auto}.server-icon{position:relative;width:52px;height:60px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s ease;color:var(--text-secondary);font-weight:600;font-size:1.125rem;overflow:hidden}.server-icon:hover{transform:scale(1.08);background:var(--bg-hover);color:#fff}.server-icon.active{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.server-icon.active img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);transform:scale(.82)}.server-icon.home{background:var(--accent-primary);color:#fff}.server-icon.home:hover,.server-icon.home.active{background:var(--accent-hover)}.server-icon.home.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--accent-primary);transform:scale(.82)}.server-icon.home.active svg{position:relative;z-index:1}.server-icon.add{background:transparent;color:var(--success);border:2px dashed var(--text-muted)}.server-icon.add:hover{background:var(--success);color:#fff;border-color:var(--success)}.server-icon img{width:100%;height:100%;object-fit:cover}.server-separator{width:32px;height:2px;background:var(--bg-tertiary);border-radius:1px;margin:2px 0}.server-icon.dragging{opacity:.5}.server-icon.dragging-overlay{box-shadow:0 4px 12px #0000004d;border-radius:16px;background:var(--accent-primary);color:#fff}.server-icon.merge-hover{border-radius:16px;box-shadow:0 0 0 2px var(--text-muted);transform:scale(1.05)}.server-folder-header.merge-preview{box-shadow:0 0 0 3px var(--accent-primary),0 4px 12px #0000004d;transform:scale(1.1);animation:merge-preview-appear .3s ease-out;background:var(--bg-tertiary)}@keyframes merge-preview-appear{0%{transform:scale(1.05);opacity:.7}to{transform:scale(1.1);opacity:1}}.server-folder{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.server-folder.drop-target .server-folder-header{background:var(--accent-primary);border-radius:16px}.server-folder.dragging{opacity:.5}.server-folder-header{width:52px;height:60px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s ease;position:relative;padding:4px}.server-folder-header:hover{background:var(--bg-hover);transform:scale(1.08)}.server-folder-header.dragging-overlay{box-shadow:0 4px 12px #0000004d;border-radius:16px;background:var(--bg-tertiary)}.folder-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:40px;height:40px}.folder-preview-item{width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:9px;font-weight:600;color:#fff;background:var(--bg-secondary)}.folder-preview-item img{width:100%;height:100%;object-fit:cover}.folder-preview-empty{width:18px;height:18px;border-radius:6px;background:var(--bg-secondary)}.folder-icon-expanded{color:var(--text-secondary)}.folder-count{position:absolute;bottom:-2px;right:-2px;background:var(--accent-primary);color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.folder-actions{position:absolute;top:-4px;right:-8px;display:flex;flex-direction:column;gap:2px;z-index:10}.folder-actions button{width:18px;height:18px;border-radius:4px;background:var(--bg-secondary);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.folder-actions button:hover{background:var(--danger);color:#fff}.folder-actions button:first-child:hover{background:var(--accent-primary)}.folder-edit{position:absolute;left:56px;top:50%;transform:translateY(-50%);display:flex;gap:4px;background:var(--bg-secondary);padding:4px;border-radius:6px;z-index:20;box-shadow:0 2px 8px #0003}.folder-edit input{width:100px;padding:4px 8px;border:none;border-radius:4px;background:var(--bg-tertiary);color:var(--text-primary);font-size:12px}.folder-edit button{width:24px;height:24px;border:none;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.folder-edit button:hover{background:var(--accent-primary);color:#fff}.server-folder-servers{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0 4px 4px;border-left:2px solid var(--bg-tertiary);margin-left:0}.server-folder.collapsed .server-folder-servers{display:none}.server-folder:not(.collapsed) .server-folder-header{background:var(--bg-hover);border-radius:16px}.folder-empty{font-size:10px;color:var(--text-muted);text-align:center;padding:8px 4px;white-space:nowrap}.server-icon-wrapper{position:relative}.add-menu{position:absolute;left:56px;top:0;background:var(--bg-secondary);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:100;box-shadow:0 4px 12px #0000004d;min-width:140px}.add-menu button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:4px;background:transparent;color:var(--text-primary);cursor:pointer;font-size:13px;white-space:nowrap}.add-menu button:hover{background:var(--bg-hover)}.root-drop-zone{width:48px;height:32px;border:2px dashed var(--text-muted);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text-muted);margin:4px 0;transition:all .2s}.root-drop-zone.active{border-color:var(--accent-primary);background:#5865f233;color:var(--accent-primary)}.server-item-container{display:flex;flex-direction:column;align-items:center;position:relative}.drop-bar{width:40px;height:2px;background:var(--accent-primary);border-radius:1px;margin-bottom:4px;box-shadow:0 0 4px var(--accent-primary)}.servers-dropdown-wrapper{position:relative}.server-icon.servers-btn{position:relative;background:var(--bg-tertiary)}.server-icon.servers-btn:hover,.server-icon.servers-btn.dropdown-open{border-radius:16px;background:var(--accent-primary);color:#fff}.servers-chevron{position:absolute;bottom:4px;right:4px;color:var(--text-muted);transition:transform .2s}.servers-chevron.open{transform:rotate(180deg)}.server-icon.servers-btn:hover .servers-chevron,.server-icon.servers-btn.dropdown-open .servers-chevron{color:#fff}.servers-dropdown{background:var(--bg-secondary);border-radius:8px;width:260px;max-height:400px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 4px 16px #0006;overflow:hidden}.servers-dropdown-tabs{display:flex;border-bottom:1px solid var(--bg-tertiary);padding:0}.servers-dropdown-tab{flex:1;padding:10px 12px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:color .2s,background .2s;position:relative}.servers-dropdown-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.servers-dropdown-tab.active{color:var(--text-primary)}.servers-dropdown-tab.active:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--accent-primary);border-radius:1px}.servers-dropdown-content{flex:1;overflow-y:auto;padding:8px;max-height:320px}.servers-dropdown-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.servers-dropdown-server{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.servers-dropdown-server:hover{background:var(--bg-hover)}.servers-dropdown-server.active{background:var(--accent-primary)}.servers-dropdown-server.active .servers-dropdown-server-role{color:#ffffffb3}.servers-dropdown-server-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary);overflow:hidden;flex-shrink:0}.servers-dropdown-server-icon img{width:100%;height:100%;object-fit:cover}.servers-dropdown-server-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.servers-dropdown-server-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.servers-dropdown-server.active .servers-dropdown-server-name{color:#fff}.servers-dropdown-server-role{font-size:11px;color:var(--text-muted);text-transform:capitalize}.servers-dropdown-favorite{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.servers-dropdown-favorite:hover{background:var(--bg-tertiary);color:var(--warning)}.servers-dropdown-favorite.active{color:var(--warning)}.servers-dropdown-favorite.active svg{fill:var(--warning)}.servers-dropdown-server.active .servers-dropdown-favorite{color:#ffffffb3}.servers-dropdown-server.active .servers-dropdown-favorite.active{color:var(--warning)}.servers-dropdown-server.active .servers-dropdown-favorite:hover{background:#ffffff1a}.server-context-menu{background:var(--bg-secondary);border-radius:6px;padding:6px;min-width:180px;z-index:1001;box-shadow:0 4px 16px #0006}.server-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-primary);cursor:pointer;font-size:13px;text-align:left;transition:background .15s}.server-context-menu-item:hover{background:var(--bg-hover)}.server-context-menu-item svg{color:var(--text-muted)}.server-context-menu-item:hover svg{color:var(--text-primary)}.server-context-menu-divider{height:1px;background:var(--bg-tertiary);margin:4px 6px}.server-context-menu-item.danger{color:var(--danger)}.server-context-menu-item.danger:hover{background:var(--danger);color:#fff}.server-context-menu-item.danger svg{color:var(--danger)}.server-context-menu-item.danger:hover svg{color:#fff}.server-context-menu-item.disabled{opacity:.5;cursor:not-allowed}.server-context-menu-item.disabled:hover{background:transparent}.server-context-menu-right{margin-left:auto;color:var(--text-muted);font-size:11px}.submenu-arrow{margin-left:auto;color:var(--text-muted);flex-shrink:0;transition:transform .15s}.submenu-arrow.open{transform:rotate(180deg)}.server-context-submenu{display:flex;flex-direction:column;border-left:2px solid var(--bg-tertiary);margin-left:10px}.server-context-submenu-item{font-size:.85rem;padding-left:16px}.server-nsfw-badge{position:absolute;bottom:-2px;right:-2px;background:var(--danger);color:#fff;font-size:.5rem;font-weight:700;padding:1px 3px;border-radius:3px;line-height:1;pointer-events:none}.context-menu{position:fixed;background:var(--bg-floating, var(--bg-secondary));border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px;min-width:180px;max-width:280px;z-index:2000;box-shadow:0 8px 24px #0009;animation:contextMenuFadeIn .1s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-primary);cursor:pointer;font-size:13px;text-align:left;transition:background .1s}.context-menu-item:hover{background:var(--accent-primary);color:#fff}.context-menu-item:hover .context-menu-icon{color:#fff}.context-menu-item:hover .context-menu-right{color:#ffffffb3}.context-menu-item.danger{color:var(--danger)}.context-menu-item.danger:hover{background:var(--danger);color:#fff}.context-menu-item.disabled{color:var(--text-muted);cursor:not-allowed}.context-menu-item.disabled:hover{background:transparent;color:var(--text-muted)}.context-menu-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.context-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu-right{font-size:11px;color:var(--text-muted);margin-left:auto;flex-shrink:0}.context-menu-divider{height:1px;background:var(--bg-tertiary);margin:4px 8px}.context-menu-header{padding:8px 10px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--bg-tertiary);margin-bottom:4px}.context-menu-toggle{width:28px;height:16px;border-radius:8px;background:#ffffff26;position:relative;flex-shrink:0;transition:background .2s}.context-menu-toggle.active{background:var(--accent-primary, #5865f2)}.context-menu-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.context-menu-toggle.active .context-menu-toggle-knob{transform:translate(12px)}.context-menu-custom{padding:4px 10px}.roles-panel{display:flex;gap:0;height:100%;min-height:500px;background:var(--bg-primary)}.roles-sidebar{width:220px;min-width:220px;background:var(--bg-secondary);border-right:1px solid var(--bg-tertiary);display:flex;flex-direction:column}.roles-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--bg-tertiary)}.roles-title{font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s}.back-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.add-role-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .15s}.add-role-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.roles-list-items{flex:1;overflow-y:auto;padding:8px}.role-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;border-radius:4px;cursor:pointer;transition:background .15s;text-align:left}.role-item:hover{background:var(--bg-tertiary)}.role-item.selected{background:var(--bg-hover)}.role-color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.role-item-name{color:var(--text-primary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roles-loading,.roles-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.roles-error{padding:.75rem;margin:.5rem;background:#ed42451a;border-radius:4px;color:var(--danger);font-size:.8rem}.roles-editor{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.roles-editor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;padding:2rem}.roles-empty-icon{margin-bottom:1rem;opacity:.5}.roles-editor-empty h3{color:var(--text-primary);margin-bottom:.5rem}.roles-editor-empty p{font-size:.875rem}.role-editor{flex:1;display:flex;flex-direction:column;overflow:hidden}.role-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--bg-tertiary)}.role-editor-title{display:flex;align-items:center;gap:8px}.edit-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.role-name-display{font-size:.9rem;color:var(--text-muted)}.role-editor-actions{display:flex;align-items:center;gap:8px}.more-btn,.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .15s}.more-btn:hover,.close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.delete-role-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;background:transparent;border:1px solid #ed4245;color:#ed4245;font-size:.8rem;font-weight:600;letter-spacing:.02em;border-radius:6px;cursor:pointer;transition:all .15s}.delete-role-btn:hover{background:#ed4245;color:#fff;box-shadow:0 0 0 3px #ed424526}.delete-role-btn:active{transform:translateY(1px)}.role-editor-tabs{display:flex;padding:0 20px;border-bottom:1px solid var(--bg-tertiary);background:var(--bg-secondary)}.editor-tab{padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;margin-bottom:-1px}.editor-tab:hover:not(:disabled){color:var(--text-primary);border-bottom-color:var(--text-muted)}.editor-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.editor-tab:disabled{opacity:.5;cursor:not-allowed}.role-editor-content{flex:1;overflow-y:auto;padding:20px}.display-tab{max-width:600px}.form-section{margin-bottom:24px}.form-section label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}.form-section input[type=text]{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:1rem;outline:none;transition:box-shadow .15s}.form-section input[type=text]:focus{box-shadow:0 0 0 2px var(--accent-primary)}.form-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.color-picker{display:flex;flex-direction:column;gap:12px}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.custom-color{display:flex;align-items:center;gap:10px}.custom-color input[type=color]{width:40px;height:28px;border:none;border-radius:4px;cursor:pointer;background:none}.custom-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.custom-color input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.custom-color span{font-size:.8rem;font-family:monospace;color:var(--text-muted)}.role-preview{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-tertiary);border-radius:6px}.preview-label{font-size:.8rem;color:var(--text-muted)}.role-badge-preview{font-weight:500;font-size:.9rem}.permissions-tab{display:flex;flex-direction:column;gap:16px}.permissions-search{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-tertiary);border-radius:4px}.permissions-search svg{color:var(--text-muted);flex-shrink:0}.permissions-search input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.permissions-search input::placeholder{color:var(--text-muted)}.permissions-header{display:flex;justify-content:flex-end}.clear-permissions{background:none;border:none;color:var(--accent-primary);font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.clear-permissions:hover{background:#5865f21a}.permissions-categories{display:flex;flex-direction:column;gap:24px}.permission-category{display:flex;flex-direction:column}.category-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px}.category-permissions{display:flex;flex-direction:column}.permission-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--bg-tertiary)}.permission-toggle:last-child{border-bottom:none}.permission-toggle-info{flex:1}.permission-toggle-name{display:block;font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.permission-toggle-desc{display:block;font-size:.8rem;color:var(--text-muted);line-height:1.4}.permission-warning{margin-top:8px;padding:8px 12px;background:#faa61a1a;border-left:3px solid #FAA61A;border-radius:0 4px 4px 0;font-size:.8rem;color:#faa61a}.permission-toggle.dangerous .permission-toggle-name{color:var(--danger)}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.2s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-muted);transition:.2s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--success, #3BA55C)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px var(--accent-primary)}.save-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-tertiary);border-top:1px solid var(--bg-hover)}.save-bar span{font-size:.9rem;color:var(--text-primary)}.save-bar-actions{display:flex;align-items:center;gap:10px}.reset-btn{padding:8px 16px;background:none;border:none;color:var(--text-muted);font-size:.875rem;cursor:pointer;border-radius:4px;transition:all .15s}.reset-btn:hover{color:var(--text-primary);text-decoration:underline}.save-btn{padding:8px 20px;background:var(--success, #3BA55C);border:none;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .15s}.save-btn:hover:not(:disabled){background:#2d7d46}.save-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.roles-panel{flex-direction:column;min-height:auto}.roles-sidebar{width:100%;min-width:auto;border-right:none;border-bottom:1px solid var(--bg-tertiary);max-height:200px}.roles-list-items{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.role-item{width:auto;padding:6px 10px}.role-editor-content{padding:16px}.save-bar{flex-direction:column;gap:10px;text-align:center}}.roles-main-view{padding:32px 40px;max-width:900px;width:100%}.roles-header{margin-bottom:24px}.roles-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.roles-description{color:var(--text-muted);font-size:.9rem;margin:0}.default-permissions-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary);border-radius:8px;margin-bottom:20px;cursor:pointer;transition:background .15s}.default-permissions-card:hover{background:var(--bg-tertiary)}.default-permissions-icon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.default-permissions-info{flex:1;display:flex;flex-direction:column;gap:2px}.default-permissions-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.default-permissions-desc{font-size:.875rem;color:var(--text-muted)}.default-permissions-arrow{color:var(--text-muted)}.roles-search-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.roles-search-box{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary);border-radius:4px}.roles-search-box svg{color:var(--text-muted);flex-shrink:0}.roles-search-box input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.roles-search-box input::placeholder{color:var(--text-muted)}.create-role-btn{padding:10px 20px;background:var(--accent-primary);border:none;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .15s;white-space:nowrap}.create-role-btn:hover{background:var(--accent-hover)}.roles-hint{font-size:.8rem;color:var(--text-muted);margin:0 0 16px}.roles-hint a{color:var(--accent-primary);text-decoration:none}.roles-hint a:hover{text-decoration:underline}.roles-table{background:var(--bg-secondary);border-radius:8px;overflow:hidden}.roles-table-header{display:grid;grid-template-columns:1fr 100px 80px;gap:16px;padding:12px 16px;background:var(--bg-tertiary);color:var(--text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.roles-table-row{display:grid;grid-template-columns:1fr 100px 80px;gap:16px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--bg-tertiary);cursor:pointer;transition:background .1s}.roles-table-row:hover{background:var(--bg-tertiary)}.roles-table-row:last-child{border-bottom:none}.role-name-cell{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--text-primary)}.role-members-cell{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-muted)}.role-actions-cell{display:flex;align-items:center;gap:4px;justify-content:flex-end}.role-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s}.role-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width: 768px){.roles-main-view{padding:20px}.roles-search-row{flex-direction:column}.roles-search-box,.create-role-btn{width:100%}.roles-table-header,.roles-table-row{grid-template-columns:1fr 60px}.role-actions-cell{display:none}}.visibility-tab{padding:16px 0}.visibility-role-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.visibility-role-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background .15s;font-size:.9rem;color:var(--text-primary)}.visibility-role-item:hover{background:var(--bg-hover)}.visibility-role-item input[type=checkbox]{accent-color:var(--accent-primary)}.role-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.visibility-role-name{flex:1}.visibility-role-power{font-size:.75rem;color:var(--text-muted)}.preview-power{margin-left:12px;font-size:.8rem;color:var(--text-muted)}.ascend-panel{padding:0}.ascend-loading{padding:40px;text-align:center;color:var(--text-muted)}.ascend-tier-display{display:flex;align-items:center;gap:16px;padding:20px 0}.ascend-tier-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid;flex-shrink:0}.ascend-tier-info{flex:1}.ascend-tier-info h2{margin:0;font-size:1.2rem}.ascend-count{font-size:.85rem;color:var(--text-muted)}.ascend-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;border:none;background:var(--accent-primary);color:#fff;font-weight:600;cursor:pointer;font-size:.9rem;transition:opacity .15s;white-space:nowrap}.ascend-btn:hover{opacity:.9}.ascend-btn:disabled{opacity:.5;cursor:not-allowed}.ascend-progress{margin:16px 0}.ascend-progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:6px}.ascend-progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.ascend-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.ascend-perks{margin:20px 0}.ascend-perks h3,.ascend-tiers-overview h3,.ascend-ascenders h3{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-weight:600}.ascend-perks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.perk-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.perk-item svg{color:#2ecc71;flex-shrink:0}.ascend-tiers-overview{margin:24px 0}.ascend-tiers-list{display:flex;flex-direction:column;gap:8px}.ascend-tier-card{padding:12px;background:var(--bg-secondary);border-radius:6px;opacity:.5}.ascend-tier-card.unlocked{opacity:1}.tier-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-left:10px;border-left:3px solid}.tier-card-name{font-weight:600;font-size:.9rem}.tier-card-req{font-size:.75rem;color:var(--text-muted)}.tier-card-perks{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--text-muted)}.tier-perk-highlight{color:#f39c12;font-weight:600}.ascend-ascenders{margin:24px 0}.ascenders-list{display:flex;flex-direction:column;gap:4px}.ascender-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px}.ascender-item:hover{background:var(--bg-hover)}.ascender-avatar{width:28px;height:28px;border-radius:var(--avatar-radius);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:.65rem;font-weight:600;flex-shrink:0}.ascender-avatar img{width:100%;height:100%;object-fit:cover}.ascender-name{flex:1;font-size:.85rem;font-weight:500}.ascender-count{font-size:.7rem;font-weight:600;padding:1px 6px;background:var(--accent-primary, #5865F2)22;color:var(--accent-primary, #5865F2);border-radius:10px}.ascender-since{font-size:.75rem;color:var(--text-muted);margin-left:auto}.ascender-revoke{display:flex;align-items:center;padding:4px 6px;background:#ed424522;border:none;border-radius:4px;color:#ed4245;cursor:pointer;margin-left:.5rem;flex-shrink:0}.ascender-revoke:hover{background:#ed424544}.ascender-revoke:disabled{opacity:.4;cursor:not-allowed}.discover-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;padding:0;width:100%;transition:border-color .15s,box-shadow .15s}.discover-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 12px #00b89426}.discover-card__banner{width:100%;height:80px;background:var(--bg-tertiary);overflow:hidden;flex-shrink:0}.discover-card__banner img{width:100%;height:100%;object-fit:cover}.discover-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.discover-card__icon{width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--text-primary);flex-shrink:0;margin-top:-28px;border:3px solid var(--bg-secondary)}.discover-card__icon img{width:100%;height:100%;object-fit:cover}.discover-card__name{display:flex;align-items:center;gap:5px;font-weight:700;font-size:15px;color:var(--text-primary);margin-top:2px}.discover-card__desc{font-size:13px;color:var(--text-muted);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.discover-card__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);margin-top:2px}.discover-card__cat{background:var(--bg-tertiary);border-radius:4px;padding:2px 8px;text-transform:capitalize;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:18px;height:18px;flex-shrink:0}.badge--partner{background:#f0a500;color:#fff}.badge--verified{background:var(--accent-primary);color:#fff}.discover-page{max-width:1000px;margin:0 auto;padding:24px 20px 64px}.discover-page__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.discover-page__header h1{font-size:22px;margin:0;color:var(--text-primary)}.discover-page__search{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-tertiary);border-radius:8px;padding:8px 14px;font-size:14px;min-width:220px;flex:1;max-width:340px}.discover-page__search::placeholder{color:var(--text-muted)}.discover-page__search:focus{outline:none;border-color:var(--accent-primary)}.discover-page__cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.discover-page__cats button{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:20px;color:var(--text-secondary);padding:5px 14px;font-size:13px;cursor:pointer;transition:background .1s,border-color .1s}.discover-page__cats button:hover{background:var(--bg-hover);color:var(--text-primary)}.discover-page__cats button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.discover-page__featured,.discover-page__grid{margin-bottom:28px}.discover-page__spotlight{background:radial-gradient(120% 140% at 0% 0%,#00b89429,#00b89405 60%),var(--bg-secondary);border:1px solid rgba(0,184,148,.38);border-radius:14px;padding:18px 18px 20px;margin-bottom:30px;box-shadow:0 0 28px #00b8941a}.discover-page__spotlight-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;flex-wrap:wrap}.discover-page__spotlight-tag{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-primary)}.discover-page__spotlight-sub{font-size:13px;color:var(--text-muted);margin-left:8px}.discover-page__featured h2,.discover-page__grid h2{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.discover-empty{color:var(--text-muted);font-size:14px;padding:32px 0;text-align:center}.discover-preview{position:relative;width:min(440px,92vw);background:var(--bg-secondary, #2b2d31);border-radius:12px;overflow:hidden}.discover-preview__close{position:absolute;top:10px;right:10px;z-index:2;background:#0006;border:none;color:#fff;border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}.discover-preview__banner{height:120px;background:var(--bg-tertiary, #1e1f22)}.discover-preview__banner img{width:100%;height:100%;object-fit:cover}.discover-preview__body{padding:16px;display:flex;flex-direction:column;gap:10px}.discover-preview__icon{width:64px;height:64px;margin-top:-42px;border-radius:16px;overflow:hidden;background:var(--bg-tertiary, #1e1f22);display:flex;align-items:center;justify-content:center;font-weight:700}.discover-preview__icon img{width:100%;height:100%;object-fit:cover}.discover-preview__name{margin:0;font-size:1.25rem}.discover-preview__meta{color:var(--text-muted, #b5bac1);font-size:.85rem}.discover-preview__desc{color:var(--text-normal, #dbdee1);font-size:.9rem;white-space:pre-wrap}.discover-preview__apply{display:flex;flex-direction:column;gap:8px}.discover-preview__requested{display:flex;align-items:center;gap:12px}.discover-preview__error{color:var(--danger, #f23f43);font-size:.85rem}.discover-preview__loading{padding:40px;text-align:center;color:var(--text-muted, #b5bac1)}.btn-text{background:none;border:none;color:var(--text-link, #00a8fc);cursor:pointer;font-size:.85rem}.join-requests__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.join-requests__badge{background:var(--danger, #f23f43);color:#fff;border-radius:10px;padding:0 7px;font-size:.75rem;margin-left:6px}.join-requests__notify{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted, #b5bac1)}.join-requests__list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}.join-requests__item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:var(--bg-tertiary, #1e1f22)}.join-requests__avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--bg-secondary, #2b2d31);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.join-requests__avatar img{width:100%;height:100%;object-fit:cover}.join-requests__info{flex:1;min-width:0}.join-requests__name{font-weight:600}.join-requests__msg{color:var(--text-muted, #b5bac1);font-size:.85rem;white-space:pre-wrap}.join-requests__actions{display:flex;gap:6px}.btn-icon{width:30px;height:30px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon--ok{background:#248046;color:#fff}.btn-icon--no{background:#4e5058;color:#fff}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{display:flex;width:95vw;max-width:1100px;height:85vh;max-height:800px;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.settings-sidebar{width:220px;background:var(--bg-tertiary);padding:1.5rem 1rem;display:flex;flex-direction:column}.settings-sidebar h3{color:var(--text-primary);font-size:1rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-subtitle{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:1.5rem}.settings-nav{display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:.6rem .75rem;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .15s;text-align:left}.settings-nav-item:hover,.settings-nav-item.active{background:var(--bg-hover);color:var(--text-primary)}.settings-danger-zone{margin-top:auto;padding-top:1rem;border-top:1px solid var(--bg-hover)}.danger-btn{display:flex;align-items:center;gap:8px;width:100%;padding:.6rem .75rem;background:transparent;border:none;border-radius:4px;color:var(--danger);font-size:.875rem;cursor:pointer;transition:all .15s}.danger-btn:hover{background:#ed42451a}.settings-content{flex:1;padding:2rem;overflow-y:auto;position:relative}.settings-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s}.settings-tab h2{color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem}.settings-tab h3{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;margin-bottom:.75rem}.settings-section{margin-bottom:1.5rem}.settings-section>label{display:block;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem}.settings-field{background:var(--bg-primary);padding:.75rem 1rem;border-radius:4px;color:var(--text-primary)}.settings-field.role-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-primary);color:#fff;padding:.5rem 1rem}.text-muted{color:var(--text-muted)}.server-icon-section{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.server-icon-preview{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0}.server-icon-preview img{width:100%;height:100%;object-fit:cover}.server-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;font-size:2rem;font-weight:600}.icon-change-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;cursor:pointer;opacity:0;transition:opacity .2s}.server-icon-preview:hover .icon-change-btn{opacity:1}.icon-url-field{flex:1}.icon-url-field label{display:block;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem}.icon-url-field input{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:.875rem}.icon-url-field input:focus{outline:none;border-color:var(--accent-primary)}.server-banner-section{margin-bottom:2rem}.server-banner-preview{width:100%;height:140px;border-radius:8px;overflow:hidden;background:var(--bg-primary);margin-bottom:1rem}.server-banner-preview img{width:100%;height:100%;object-fit:cover}.banner-url-field{margin-top:.5rem}.banner-url-field label{display:block;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem}.banner-url-field input{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:.875rem}.banner-url-field input:focus{outline:none;border-color:var(--accent-primary)}.settings-input{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:1rem}.settings-input:focus{outline:none;border-color:var(--accent-primary)}.settings-textarea{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:.9rem;resize:vertical;min-height:80px}.settings-textarea:focus{outline:none;border-color:var(--accent-primary)}.settings-actions{display:flex;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--bg-tertiary)}.settings-actions .btn-secondary{display:flex;align-items:center;gap:8px;padding:.75rem 1.25rem;background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background .2s}.settings-actions .btn-secondary:hover{background:var(--bg-hover)}.settings-actions .btn-primary{padding:.75rem 1.25rem}.invite-create-form{background:var(--bg-primary);padding:1rem;border-radius:6px}.invite-form-row{display:flex;gap:1rem;margin-bottom:1rem}.invite-form-field{flex:1}.invite-form-field label{display:block;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem}.invite-form-field select{width:100%;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:.875rem}.create-invite-btn{width:100%;padding:.75rem}.btn-primary{background:var(--accent-primary);color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.invites-table{background:var(--bg-primary);border-radius:6px;overflow:hidden}.invites-header{display:grid;grid-template-columns:1fr 80px 80px 80px;gap:1rem;padding:.75rem 1rem;background:var(--bg-tertiary);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;font-weight:600}.invite-row{display:grid;grid-template-columns:1fr 80px 80px 80px;gap:1rem;padding:.75rem 1rem;align-items:center;border-bottom:1px solid var(--bg-tertiary)}.invite-row:last-child{border-bottom:none}.invite-row .invite-code{font-size:.875rem;background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.invite-row span{color:var(--text-secondary);font-size:.875rem}.invite-actions{display:flex;gap:4px}.icon-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s}.icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.icon-btn.copied{color:var(--success);background:#43b5811a}.icon-btn.danger:hover{color:var(--danger);background:#ed42451a}.members-subtabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--bg-tertiary);padding-bottom:.75rem}.subtab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.875rem;transition:all .15s}.subtab:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.subtab.active{background:var(--bg-tertiary);color:var(--text-primary)}.members-list{display:flex;flex-direction:column;gap:1rem}.members-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border-radius:6px;color:var(--text-muted)}.members-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.members-search input::placeholder{color:var(--text-muted)}.members-error{padding:.75rem 1rem;background:#ed42451a;border-radius:6px;color:var(--danger);font-size:.875rem}.members-table{background:var(--bg-primary);border-radius:6px;overflow:hidden}.members-header{display:grid;grid-template-columns:1fr 160px 100px 80px 60px;gap:1rem;padding:.75rem 1rem;background:var(--bg-tertiary);color:var(--text-muted);font-size:.7rem;text-transform:uppercase;font-weight:600}.member-row{display:grid;grid-template-columns:1fr 160px 100px 80px 60px;gap:1rem;padding:.75rem 1rem;align-items:center;border-bottom:1px solid var(--bg-tertiary)}.member-row:last-child{border-bottom:none}.member-info{display:flex;align-items:center;gap:.75rem;min-width:0}.member-avatar{width:36px;height:36px;border-radius:var(--avatar-radius);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;overflow:hidden;flex-shrink:0}.member-name{display:flex;flex-direction:column;min-width:0}.member-name .display-name{color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-name .username{color:var(--text-muted);font-size:.75rem}.role-badges{display:flex;flex-wrap:wrap;gap:4px;min-width:0;overflow:hidden}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.75rem;background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.role-badge .role-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.role-badge.role-more{background:var(--bg-hover);color:var(--text-muted)}.member-joined{display:flex;flex-direction:column;font-size:.8rem}.member-joined span:first-child{color:var(--text-secondary)}.member-joined .join-method{color:var(--text-muted);font-size:.7rem;text-transform:capitalize}.member-status{display:flex;flex-wrap:wrap;gap:4px}.status-flag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.status-flag.timed-out{background:#f59e0b26;color:#f59e0b}.member-actions{display:flex;justify-content:flex-end}.action-menu-container{position:relative}.action-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.action-menu{position:fixed;min-width:140px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;padding:4px;z-index:1200;box-shadow:0 4px 12px #0000004d}.action-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;text-align:left;transition:all .1s}.action-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.action-menu button.danger:hover{background:#ed42451a;color:var(--danger)}.members-loading,.members-empty{padding:2rem;text-align:center;color:var(--text-muted)}.load-more-btn{width:100%;padding:.75rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .15s}.load-more-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.roles-list{display:flex;flex-direction:column;gap:1rem}.roles-header{display:flex;align-items:center;justify-content:space-between}.roles-header h3{color:var(--text-primary);font-size:1rem;margin:0}.roles-header .btn-primary{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.875rem}.roles-error{padding:.75rem 1rem;background:#ed42451a;border-radius:6px;color:var(--danger);font-size:.875rem}.roles-table{background:var(--bg-primary);border-radius:6px;overflow:hidden}.role-row{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--bg-tertiary)}.role-row:last-child{border-bottom:none}.role-info{flex:1;display:flex;align-items:center;gap:.75rem}.role-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.role-name{color:var(--text-primary);font-weight:500}.role-tag{padding:2px 6px;background:var(--bg-tertiary);border-radius:3px;font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.role-members{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.8rem;margin-right:1rem}.role-actions,.delete-confirm{display:flex;gap:4px}.roles-loading,.roles-empty{padding:2rem;text-align:center;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100}.modal-content{background:var(--bg-secondary);border-radius:8px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.modal-small{width:90vw;max-width:400px}.modal-content.modal-medium{width:90vw;max-width:550px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--bg-tertiary)}.modal-header h3{color:var(--text-primary);font-size:1.1rem;margin:0}.modal-body{padding:1.25rem;overflow-y:auto}.modal-body p{color:var(--text-secondary);margin-bottom:1rem}.modal-body strong{color:var(--text-primary)}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid var(--bg-tertiary)}.modal-error{padding:.75rem;background:#ed42451a;border-radius:6px;color:var(--danger);font-size:.875rem;margin-top:1rem}.btn-secondary{padding:.6rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--bg-hover)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{padding:.6rem 1rem;background:var(--danger);color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#c93b3b}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.timeout-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.timeout-option{display:flex;align-items:center;gap:8px;padding:.75rem 1rem;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .15s}.timeout-option:hover{background:var(--bg-hover);color:var(--text-primary)}.timeout-option:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;font-weight:600;margin-bottom:.5rem}.form-group input[type=text]{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:.9rem}.form-group input[type=text]:focus{outline:none;border-color:var(--accent-primary)}.form-group input[type=text]::placeholder{color:var(--text-muted)}.color-picker-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.color-swatch{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent-primary)}.permissions-grid{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.permission-category{background:var(--bg-primary);border-radius:6px;padding:1rem}.permission-category h4{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;font-weight:600;margin-bottom:.75rem}.permission-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;cursor:pointer}.permission-item input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--accent-primary);cursor:pointer}.permission-info{display:flex;flex-direction:column;gap:2px}.permission-name{color:var(--text-primary);font-size:.875rem;text-transform:capitalize}.permission-desc{color:var(--text-muted);font-size:.75rem}@media (max-width: 768px){.settings-modal{flex-direction:column;width:95vw;height:90vh}.settings-sidebar{width:100%;padding:1rem}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.settings-danger-zone{margin-top:1rem;padding-top:0;border-top:none}.invite-form-row{flex-direction:column}.invites-header,.invite-row{grid-template-columns:1fr 60px 60px 60px;gap:.5rem;font-size:.75rem}.members-header,.member-row{grid-template-columns:1fr 80px 60px;gap:.5rem}.members-header span:nth-child(4),.members-header span:nth-child(5),.member-row .member-status,.member-row .member-actions{display:none}.member-avatar{width:28px;height:28px;font-size:.7rem}.role-badges{max-width:80px}.role-badge{font-size:.6rem;padding:1px 4px}.timeout-options{grid-template-columns:1fr}.color-picker-grid{grid-template-columns:repeat(5,1fr)}.modal-content.modal-medium{max-width:95vw}}.settings-tab.roles-tab-full{position:absolute;top:0;left:0;right:0;bottom:0;padding:0;margin:0}.nsfw-toggle-section{display:flex;align-items:center;gap:.75rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-tertiary);border-radius:24px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--danger)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-description{color:var(--text-secondary);font-size:.8125rem}.image-upload-btn{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:var(--bg-tertiary, #2d2d32);color:var(--text-primary, #fff);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.image-upload-btn:hover:not(:disabled){background:var(--bg-hover, #36363c)}.image-upload-btn:disabled{opacity:.6;cursor:default}.user-volume-slider{display:flex;align-items:center;gap:6px;padding:4px 0}.user-volume-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0}.user-volume-icon:hover{color:var(--text-primary)}.user-volume-slider input[type=range]{flex:1;height:4px;accent-color:var(--accent-primary);cursor:pointer;min-width:60px}.user-volume-value{font-size:.7rem;color:var(--text-muted);min-width:28px;text-align:right}.participant-volume-wrapper{padding:2px 8px 6px 52px}.ucm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1999}.user-context-menu{width:210px;background:var(--bg-primary);border-radius:6px;box-shadow:0 8px 24px #00000080;padding:6px;z-index:2000;max-height:80vh;overflow-y:auto}.ucm-error{padding:6px 10px;font-size:.7rem;color:#f04747;background:#f047471a;border-radius:4px;margin-bottom:4px}.ucm-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:.825rem;text-align:left;cursor:pointer;transition:background .1s,color .1s}.ucm-item span{flex:1}.ucm-item:hover{background:var(--accent-primary);color:#fff}.ucm-item.danger{color:var(--danger)}.ucm-item.danger:hover{background:var(--danger);color:#fff}.ucm-right{font-size:.65rem;padding:1px 5px;border-radius:3px;background:#ffffff14;color:var(--text-muted);flex:0!important}.ucm-divider{height:1px;background:#ffffff0f;margin:4px 0}.ucm-section-label{padding:6px 10px 2px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.3px}.ucm-volume{padding:2px 10px 4px}.ucm-toggle-item{position:relative}.ucm-toggle{flex:0!important;width:28px;height:16px;border-radius:8px;background:#ffffff26;position:relative;transition:background .2s;flex-shrink:0}.ucm-toggle.active{background:var(--danger, #f04747)}.ucm-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.ucm-toggle.active .ucm-toggle-knob{transform:translate(12px)}.ucm-item:hover .ucm-toggle{background:#ffffff40}.ucm-item:hover .ucm-toggle.active{background:#d63031}.ucm-submenu-trigger{position:relative}.ucm-chevron{flex:0!important;color:var(--text-muted);flex-shrink:0}.ucm-item:hover .ucm-chevron{color:#fff}.ucm-submenu{position:absolute;left:100%;top:0;width:180px;background:var(--bg-primary);border-radius:6px;box-shadow:0 8px 24px #00000080;padding:6px;z-index:2001;max-height:300px;overflow-y:auto}.voice-channel-participants{padding:2px 0 4px}.voice-participant{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 44px;margin:1px 8px;border-radius:4px;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s}.voice-participant:hover{background:var(--bg-hover);color:var(--text-primary)}.voice-participant-avatar{width:24px;height:24px;border-radius:var(--avatar-radius);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.6rem;font-weight:600;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 2px transparent;transition:box-shadow .15s ease-in-out}.voice-participant-avatar img{width:100%;height:100%;object-fit:cover}.voice-participant.speaking .voice-participant-avatar{filter:drop-shadow(0 0 3px #3ba55c) drop-shadow(0 0 9px rgba(59,165,92,.7));animation:speaking-pulse .8s ease-in-out infinite alternate}@keyframes speaking-pulse{0%{filter:drop-shadow(0 0 2px #3ba55c) drop-shadow(0 0 7px rgba(59,165,92,.5))}to{filter:drop-shadow(0 0 4px #43b581) drop-shadow(0 0 13px rgba(67,181,129,.9))}}.voice-participant-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-participant.speaking .voice-participant-name{color:var(--text-primary)}.voice-participants-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px 4px 44px;margin:2px 8px;border-radius:4px;font-size:.75rem;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s}.voice-participants-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.voice-participants-toggle svg{flex-shrink:0}.channel-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.channel-settings-modal{display:flex;width:95vw;max-width:900px;height:80vh;max-height:700px;background:var(--bg-primary);border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080}.channel-settings-sidebar{width:220px;min-width:220px;background:var(--bg-secondary);display:flex;flex-direction:column;padding:16px 0}.channel-settings-name{display:flex;align-items:center;gap:8px;padding:0 16px 16px;font-size:.9rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--bg-tertiary);margin-bottom:8px}.channel-settings-name svg{color:var(--text-muted)}.channel-settings-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-settings-nav{flex:1;padding:8px}.channel-settings-nav .nav-item{display:block;width:100%;padding:8px 12px;background:none;border:none;border-radius:4px;color:var(--text-secondary);font-size:.9rem;text-align:left;cursor:pointer;transition:all .15s}.channel-settings-nav .nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.channel-settings-nav .nav-item.active{background:var(--bg-hover);color:var(--text-primary)}.channel-settings-danger{padding:8px;border-top:1px solid var(--bg-tertiary)}.delete-channel-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:4px;color:var(--danger);font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s}.delete-channel-btn:hover{background:#ed42451a}.channel-settings-content{flex:1;overflow-y:auto;padding:32px 40px;position:relative}.settings-close-btn{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;transition:all .15s}.settings-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.esc-hint{font-size:.65rem;font-weight:600;color:var(--text-muted)}.settings-error{background:var(--danger);color:#fff;padding:12px 16px;border-radius:4px;margin-bottom:16px;font-size:.9rem}.settings-section h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:24px}.settings-section .form-group{margin-bottom:20px}.settings-section .form-group label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}.settings-section .form-group input,.settings-section .form-group textarea{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:1rem;font-family:inherit;resize:none}.settings-section .form-group input:focus,.settings-section .form-group textarea:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:4px}.form-actions{margin-top:24px}.permissions-section{max-width:100%;padding-right:16px}.permissions-section h2{margin-bottom:8px}.permissions-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:24px}.private-channel-card{background:var(--bg-secondary);border-radius:8px;padding:16px;margin-bottom:24px}.private-channel-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.private-channel-header svg{color:var(--text-muted)}.private-channel-header span{flex:1;font-weight:600;font-size:1rem}.private-channel-desc{color:var(--text-muted);font-size:.875rem;margin:0;line-height:1.4}.access-section{margin-top:24px}.access-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.access-header span{font-weight:600;font-size:1rem}.access-group{margin-top:16px}.access-group h4{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}.access-list{display:flex;flex-direction:column;gap:2px}.access-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:4px;transition:background .1s}.access-item.clickable{cursor:pointer}.access-item.clickable:hover{background:var(--bg-modifier-hover, rgba(79, 84, 92, .4))}.access-name{flex:1;font-size:1rem;color:var(--text-primary)}.access-type{font-size:.875rem;color:var(--text-muted)}.access-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.access-remove:hover{color:var(--danger);background:#ed42451a}.perm-view-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--bg-tertiary)}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-link, #00AFF4);font-size:.9rem;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background .15s}.back-btn:hover{background:var(--bg-tertiary)}.perm-view-role{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600}.perm-category-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.perm-list{display:flex;flex-direction:column}.perm-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--bg-modifier-accent, rgba(79, 84, 92, .48))}.perm-row:last-child{border-bottom:none}.perm-info{flex:1;min-width:0}.perm-name{display:block;font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:4px}.perm-desc{display:block;font-size:.875rem;color:var(--text-muted);line-height:1.4}.perm-toggles{display:flex;gap:8px;flex-shrink:0;align-items:center;padding-top:4px}.add-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100}.add-modal{background:var(--bg-primary);border-radius:8px;width:90%;max-width:440px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.add-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px}.add-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.add-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;border-radius:4px}.add-modal-close:hover{color:var(--text-primary)}.add-modal-channel{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;color:var(--text-secondary);font-size:1rem}.add-modal-channel svg{color:var(--text-muted)}.add-modal-search{padding:0 16px}.add-modal-search input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:4px;color:var(--text-primary);font-size:1rem}.add-modal-search input:focus{outline:none;border-color:var(--accent-primary)}.add-modal-search input::placeholder{color:var(--text-muted)}.add-modal-hint{padding:8px 16px 16px;margin:0;font-size:.75rem;color:var(--text-muted)}.add-modal-list{flex:1;overflow-y:auto;padding:0 8px}.add-modal-list h4{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;padding:8px;margin:0}.add-modal-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:4px;cursor:pointer;transition:background .1s}.add-modal-item:hover{background:var(--bg-modifier-hover, rgba(79, 84, 92, .4))}.add-modal-item input[type=checkbox]{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.add-modal-item input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.add-modal-name{flex:1;font-size:1rem;color:var(--text-primary)}.add-modal-type{font-size:.875rem;color:var(--text-muted)}.add-modal-footer{display:flex;gap:12px;padding:16px;background:var(--bg-secondary)}.add-modal-footer .btn-secondary{flex:1;padding:12px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background .15s}.add-modal-footer .btn-secondary:hover{background:var(--bg-modifier-hover)}.add-modal-footer .btn-primary{flex:1;padding:12px}.add-modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.add-modal-loading,.add-modal-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:.875rem}.member-avatar-small{width:32px;height:32px;border-radius:var(--avatar-radius);overflow:hidden;flex-shrink:0}.member-avatar-small img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff}.elevated-header{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0;margin-bottom:20px;transition:opacity .15s}.elevated-header:hover{opacity:.8}.elevated-header svg{color:var(--text-primary);transition:transform .2s}.elevated-header svg.expanded{transform:rotate(0)}.elevated-header svg:not(.expanded){transform:rotate(-90deg)}.elevated-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.elevated-content{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.permissions-layout{display:flex;gap:16px;min-height:400px}.role-selector{width:200px;min-width:200px;display:flex;flex-direction:column}.role-selector-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:4px}.role-selector-header span{font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase}.role-selector-header .add-role-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s;width:24px;height:24px}.role-selector-header .add-role-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.role-list{display:flex;flex-direction:column;gap:2px;flex:1}.role-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:4px;cursor:pointer;text-align:left;transition:all .1s}.role-item:hover{background:var(--bg-modifier-hover, rgba(79, 84, 92, .4))}.role-item.selected{background:var(--bg-modifier-selected, rgba(79, 84, 92, .6))}.role-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.role-name{font-size:1rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:400}.role-remove-btn{display:none;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0}.role-item:hover .role-remove-btn{display:flex}.role-remove-btn:hover{color:var(--danger);background:#ed42451a}.add-role-select{width:100%;margin-top:8px;padding:10px 12px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .15s}.add-role-select:hover{background:var(--bg-modifier-hover, rgba(79, 84, 92, .4));color:var(--text-secondary)}.add-role-select:focus{outline:none}.role-selector-help{margin-top:auto;padding-top:16px}.role-selector-help a{color:var(--text-link, #00AFF4);font-size:.875rem;text-decoration:none}.role-selector-help a:hover{text-decoration:underline}.permission-overrides{flex:1;padding-left:24px}.permission-overrides h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;margin-top:0}.permission-override-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--bg-modifier-accent, rgba(79, 84, 92, .48))}.permission-override-row:last-child{border-bottom:none}.permission-info{flex:1;min-width:0}.permission-name{display:block;font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:4px}.permission-desc{display:block;font-size:.875rem;color:var(--text-muted);line-height:1.4}.permission-toggles{display:flex;gap:8px;flex-shrink:0;align-items:center;padding-top:4px}.perm-btn{width:36px;height:36px;border-radius:4px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;transition:all .1s;background:var(--bg-tertiary);color:var(--text-muted)}.perm-btn:hover:not(.active){background:var(--bg-modifier-hover, rgba(79, 84, 92, .4));color:var(--text-secondary)}.perm-btn.deny.active{background:transparent;color:var(--status-danger, #ED4245)}.perm-btn.inherit.active{background:transparent;color:var(--text-muted)}.perm-btn.allow.active{background:transparent;color:var(--status-positive, #3BA55C)}.no-role-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--text-muted);text-align:center;padding:40px}.no-role-selected svg{opacity:.4;margin-bottom:16px}.no-role-selected p{font-size:1rem;margin:0}@media (max-width: 768px){.channel-settings-modal{flex-direction:column;height:90vh}.channel-settings-sidebar{width:100%;min-width:auto;flex-direction:row;align-items:center;padding:8px 16px;border-bottom:1px solid var(--bg-tertiary)}.channel-settings-name{border:none;margin:0;padding:0}.channel-settings-nav{display:flex;gap:8px;padding:0;margin-left:auto}.channel-settings-danger{border:none;padding:0}.permissions-layout{flex-direction:column;gap:16px}.role-selector{width:100%;min-width:auto}.permission-overrides{padding:12px 16px}.permission-override-row{flex-direction:column;align-items:flex-start;gap:10px}.permission-toggles{align-self:flex-end}}.sync-warning-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;margin-bottom:16px;border:1px solid var(--bg-tertiary)}.sync-warning-content{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.9rem}.sync-warning-content svg{color:var(--warning, #FAA61A);flex-shrink:0}.sync-warning-content strong{color:var(--text-primary)}.sync-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s;white-space:nowrap}.sync-btn:hover{background:var(--bg-modifier-hover)}.everyone-warning{display:flex;gap:12px;padding:16px;background:#faa61a1a;border:1px solid rgba(250,166,26,.3);border-radius:8px;margin-top:16px}.everyone-warning svg{color:var(--warning, #FAA61A);flex-shrink:0;margin-top:2px}.everyone-warning p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.permissions-divider{height:1px;background:var(--bg-tertiary);margin:24px 0}.advanced-permissions-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;cursor:pointer;transition:opacity .15s}.advanced-permissions-header:hover{opacity:.8}.advanced-permissions-header span{font-size:1rem;font-weight:600;color:var(--text-primary)}.advanced-permissions-header svg{color:var(--text-muted);transition:transform .2s}.advanced-permissions-header svg.expanded{transform:rotate(90deg)}.advanced-permissions-content{padding:16px 0;animation:fadeIn .15s ease}.advanced-desc{color:var(--text-muted);font-size:.875rem;margin:0 0 16px}.add-override-btn{margin-top:12px;padding:10px 16px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .15s}.add-override-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.member-avatar{width:24px;height:24px;border-radius:var(--avatar-radius);overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;font-size:.75rem;font-weight:600}.unsaved-changes-bar{position:absolute;bottom:0;left:220px;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-tertiary);border-radius:4px 4px 0 0;margin:0 16px;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.unsaved-changes-bar span{color:var(--text-primary);font-size:.9rem}.unsaved-actions{display:flex;align-items:center;gap:12px}.reset-btn{background:none;border:none;color:var(--text-link, #00AFF4);font-size:.875rem;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background .15s}.reset-btn:hover{background:#00aff41a}.save-btn{background:var(--status-positive, #3BA55C)!important}.save-btn:hover{background:#2d8049!important}@media (max-width: 768px){.unsaved-changes-bar{left:0;margin:0;border-radius:0}.sync-warning-card{flex-direction:column;align-items:flex-start}.sync-btn{width:100%;justify-content:center}}.form-hint{font-size:.8rem;color:var(--text-muted);margin:-4px 0 10px;line-height:1.4}.default-volume-control{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-primary);border-radius:6px}.default-volume-icon{color:var(--text-muted);flex-shrink:0}.default-volume-control input[type=range]{flex:1;height:6px;accent-color:var(--accent-primary);cursor:pointer}.default-volume-value{font-size:.85rem;color:var(--text-secondary);min-width:36px;text-align:right;font-weight:500}.channel-list{flex:1;overflow-y:auto}.channel-list.empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.server-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:600;border-bottom:1px solid var(--bg-primary);cursor:pointer}.server-header:hover{background:var(--bg-hover)}.server-header svg{transition:transform .2s;color:var(--text-muted)}.server-header svg.rotated{transform:rotate(180deg)}.server-menu{background:var(--bg-primary);border-radius:4px;margin:0 8px 8px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.server-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .15s;text-align:left}.server-menu button:hover{background:var(--accent-primary);color:#fff}.server-menu button svg{color:inherit}.server-banner{position:relative;width:100%;height:120px;overflow:hidden}.server-banner img{width:100%;height:100%;object-fit:cover}.server-banner-overlay{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--bg-secondary),transparent)}.invite-btn{background:transparent;color:var(--text-muted);padding:4px;border-radius:4px;transition:color .2s,background .2s}.invite-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.channels-container{padding:8px 0}.channels-section{margin-bottom:8px}.channels-header{display:flex;align-items:center;justify-content:space-between;padding:16px 8px 4px 16px;color:var(--text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.channels-header:hover .add-channel-btn{opacity:1}.add-channel-btn{background:transparent;color:var(--text-muted);padding:2px;border-radius:4px;opacity:0;transition:opacity .2s,color .2s}.add-channel-btn:hover{color:var(--text-primary)}.channel{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:1px 8px;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s;position:relative;min-width:0}.channel>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel.draggable{cursor:grab}.channel.draggable:active{cursor:grabbing}.channel:hover,.channel.active{background:var(--bg-hover);color:var(--text-primary)}.channel.voice-connected{color:var(--success)}.voice-channel-timer{font-size:.65rem;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;flex-shrink:0;padding:1px 5px;background:#0003;border-radius:3px}.channel span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-actions{display:flex;gap:4px;margin-left:auto}.channel-action-btn{background:transparent;color:var(--text-muted);padding:4px;border-radius:4px;opacity:.7;transition:opacity .2s,color .2s,background .2s}.channel-action-btn:hover{opacity:1;color:var(--danger);background:#ed42451a}.no-channels{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--text-muted);text-align:center}.no-channels p{margin-bottom:1rem}.create-first-channel{background:var(--accent-primary);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;transition:background .2s}.create-first-channel:hover{background:var(--accent-hover)}.category{margin-top:16px;position:relative}.category-header{display:flex;align-items:center;gap:4px;padding:0 8px;margin-bottom:4px;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;cursor:pointer}.category-header.draggable{cursor:grab}.category-header.draggable:active{cursor:grabbing}.category-header:hover{color:var(--text-secondary)}.category-header:hover .add-channel-btn{opacity:1}.category-header .add-channel-btn{margin-left:auto}.category-actions{display:flex;gap:4px;margin-left:auto}.channel-action-btn.small{padding:2px}.empty-category{padding:6px 8px;margin:1px 8px;color:var(--text-muted);font-size:.8rem;font-style:italic;cursor:pointer;border-radius:4px}.empty-category:hover{background:var(--bg-hover);color:var(--text-secondary)}.form-select{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-size:.9rem}.form-select:focus{outline:none;border-color:var(--accent-primary)}.channel,.category{transition:transform .2s ease,opacity .15s ease;position:relative}.channel.dragging,.category.dragging{transition:opacity .15s ease}.drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;opacity:0;transition:opacity .15s;margin-right:4px}.channel:hover .drag-handle{opacity:.5}.drag-handle:hover{opacity:1!important;color:var(--text-primary)}.drag-handle:active{cursor:grabbing}.channel.dragging{opacity:.5}.channel.dragging-overlay,.category-header.dragging-overlay{background:var(--bg-tertiary);border-radius:4px;padding:6px 12px;box-shadow:0 4px 16px #0006;border:1px solid rgba(88,101,242,.4);transform:scale(1.02);text-decoration:none!important;text-shadow:none!important;font-size:.9rem;color:var(--text-primary);white-space:nowrap;pointer-events:none}.category-header.dragging-overlay{font-size:.75rem;font-weight:700;text-transform:uppercase}.edit-input{flex:1;background:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:3px;padding:2px 6px;color:var(--text-primary);font-size:.9rem;outline:none}.edit-input.category-edit{text-transform:uppercase;font-size:.75rem;font-weight:700}.channel-action-btn.save{color:var(--success)}.channel-action-btn.save:hover{color:var(--success);background:#43b5811a}.category.dragging{opacity:.5}.category.drop-target{background:#5865f226;border-radius:4px}.category.drop-target .category-header{color:var(--accent-primary)}.category-header:hover .drag-handle.category-drag{opacity:.5}.drag-handle.category-drag{margin-right:2px}.category.top-level .category-header{padding-top:8px}.channel.drag-over-above:before,.category.drag-over-above:before{content:"";position:absolute;top:-2px;left:8px;right:0;height:2px;background:var(--accent-primary, #5865F2);border-radius:1px;z-index:100;box-shadow:0 0 4px #5865f2cc;animation:indicatorAppear .1s ease-out}.channel.drag-over-above:after,.category.drag-over-above .category-header:before{content:"";position:absolute;top:-5px;left:2px;width:8px;height:8px;border-radius:50%;border:2px solid var(--accent-primary, #5865F2);background:var(--bg-secondary, #2b2d31);z-index:101;animation:indicatorAppear .1s ease-out}.channel.drag-over-below:before,.category.drag-over-below:before{content:"";position:absolute;bottom:-2px;left:8px;right:0;height:2px;background:var(--accent-primary, #5865F2);border-radius:1px;z-index:100;box-shadow:0 0 4px #5865f2cc;animation:indicatorAppear .1s ease-out}.channel.drag-over-below:after,.category.drag-over-below .category-header:after{content:"";position:absolute;bottom:-5px;left:2px;width:8px;height:8px;border-radius:50%;border:2px solid var(--accent-primary, #5865F2);background:var(--bg-secondary, #2b2d31);z-index:101;animation:indicatorAppear .1s ease-out}@keyframes indicatorAppear{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}.category-header.header-drop-active{background:#5865f240;border-radius:4px;box-shadow:inset 0 0 0 1px #5865f266}.category.drag-over-inside{background:#5865f226;border-radius:4px}.drop-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-primary, #5865F2);color:#fff;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;z-index:1000;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000004d;animation:dropFeedbackPulse .3s ease-out}@keyframes dropFeedbackPulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 768px){.drag-handle{display:none!important}.channel.draggable{cursor:pointer}}.channel-inline-alert{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 28px;background:#f047471a;color:#f04747;font-size:.75rem;line-height:1.3;animation:alertSlideIn .2s ease-out}.channel-inline-alert span{flex:1}.channel-inline-alert button{background:none;border:none;color:#f04747;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px;opacity:.6;flex-shrink:0}.channel-inline-alert button:hover{opacity:1;background:#f0474726}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.channel-inline-upsell{display:flex;flex-direction:column;gap:6px;padding:8px 10px 8px 28px;background:linear-gradient(135deg,#5865f226,#7b68ee26);border-left:2px solid #5865f2;animation:alertSlideIn .2s ease-out}.channel-upsell-header{display:flex;align-items:center;gap:6px;color:#a8b0ff;font-size:.75rem;font-weight:500}.channel-upsell-header span{flex:1}.channel-upsell-header button{background:none;border:none;color:#a8b0ff;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px;opacity:.6;flex-shrink:0}.channel-upsell-header button:hover{opacity:1}.channel-upsell-btn{background:#5865f24d;border:1px solid rgba(88,101,242,.4);color:#fff;border-radius:4px;padding:5px 10px;cursor:pointer;font-size:.72rem;font-weight:600;transition:background .15s;text-align:center}.channel-upsell-btn:hover{background:#5865f280}.vcm{position:absolute;bottom:calc(100% + 8px);left:0;width:260px;background:var(--bg-secondary, #242428);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;box-shadow:0 8px 28px #00000073;z-index:1000;animation:vcm-in .12s ease}@keyframes vcm-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.vcm-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--text-muted, #72767d);margin-bottom:10px}.vcm-section{margin-bottom:12px}.vcm-label{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;color:var(--text-secondary, #b9bbbe);margin-bottom:6px}.vcm-vol-pct{color:var(--text-muted, #72767d);font-weight:500}.vcm-select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:var(--bg-primary, #1a1a1d);color:var(--text-primary, #fff);font-size:.82rem;cursor:pointer;outline:none}.vcm-select:focus{border-color:var(--accent-primary, #5865f2)}.vcm-slider-row{display:flex;align-items:center;gap:8px;color:var(--text-muted, #72767d)}.vcm-slider{flex:1;accent-color:var(--accent-primary, #5865f2);cursor:pointer}.vcm-check{display:flex;align-items:center;gap:8px;padding:6px 2px 10px;font-size:.85rem;color:var(--text-secondary, #b9bbbe);cursor:pointer}.vcm-check input{accent-color:var(--accent-primary, #5865f2);cursor:pointer}.vcm-action{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;margin-top:4px;border:none;border-top:1px solid rgba(255,255,255,.06);border-radius:6px;background:transparent;color:var(--text-secondary, #b9bbbe);font-size:.82rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.vcm-action:hover{background:#ffffff0f;color:#fff}.uac-group{position:relative;display:flex;align-items:center}.uac-caret{display:flex;align-items:center;justify-content:center;width:14px;height:28px;padding:0;border:none;background:transparent;color:var(--text-muted, #72767d);cursor:pointer;border-radius:4px}.uac-caret:hover{color:#fff;background:#ffffff0f}.uac-caret.open{color:var(--accent-primary, #5865f2)}.user-panel-shell{position:relative;margin:0 6px 8px}.user-panel-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);z-index:0;pointer-events:none}.user-panel-shell>*{position:relative;z-index:1}.vcb{background:transparent}.vcb-header{display:flex;align-items:center;padding:10px 8px 4px 12px;gap:8px}.vcb-status{flex:1;display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}.vcb-status:hover .vcb-channel{text-decoration:underline}.vcb-wifi{color:#3ba55c;flex-shrink:0}.vcb-text{display:flex;flex-direction:column;gap:1px;min-width:0}.vcb-label{font-size:.8rem;font-weight:600;color:#3ba55c;line-height:1.2}.vcb-channel{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.vcb-header-btns{display:flex;gap:4px;flex-shrink:0}.vcb-disconnect{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s}.vcb-disconnect:hover{color:var(--danger);background:#ed424526}.vcb-controls{display:flex;gap:4px;padding:6px 8px 10px}.vcb-btn{flex:1;height:34px;border-radius:4px;border:none;background:#ffffff0f;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.vcb-btn:hover{background:#ffffff1a;color:var(--text-primary)}.vcb-btn.on{background:#3ba55c26;color:#3ba55c}.vcb-btn.on:hover{background:#3ba55c40}.local-video-preview{aspect-ratio:16 / 9;max-height:120px;background:#000;border-radius:6px;overflow:hidden;margin:4px 8px}.user-panel{display:flex;align-items:center;justify-content:space-between;padding:8px;background:transparent}.user-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.user-avatar{position:relative;width:32px;height:32px;border-radius:var(--avatar-radius);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--avatar-radius)}.status-dot{position:absolute;bottom:0;left:50%;transform:translate(-50%,30%);width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-primary)}.status-dot.online{background:#43b581}.status-dot.idle{background:#faa61a}.status-dot.dnd{background:#f04747}.status-dot.offline{background:#747f8d}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tag{font-size:.75rem;color:var(--text-muted)}.user-actions{display:flex;gap:4px;flex-shrink:0}.user-actions .uac-caret{width:14px}.user-actions button{width:32px;height:32px;border-radius:4px;background:transparent;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.user-actions button:hover,.user-actions button.active{background:var(--bg-hover);color:var(--text-primary)}.settings-container{position:relative}.user-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:220px;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:1200}.user-menu-header{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px 8px 0 0}.menu-avatar{width:40px;height:40px;border-radius:var(--avatar-radius);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;overflow:hidden;flex-shrink:0}.menu-avatar img{width:100%;height:100%;object-fit:cover}.menu-user-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.menu-display-name{font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-email{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-divider{height:1px;background:var(--bg-tertiary);margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;text-align:left;white-space:nowrap;cursor:pointer;transition:background .1s,color .1s}.user-menu-item svg{flex-shrink:0;width:16px;height:16px}.user-menu-item span{flex:1;min-width:0}.user-menu-item:hover{background:var(--accent-primary);color:#fff}.user-menu-item.danger:hover{background:var(--danger);color:#fff}.user-name-button{display:flex;align-items:center;background:transparent;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;min-width:0;max-width:100%}.user-name-button:hover .user-name{text-decoration:underline}.inline-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.inline-status-dot.online{background:#43b581}.inline-status-dot.idle{background:#faa61a}.inline-status-dot.dnd{background:#f04747}.inline-status-dot.offline{background:#747f8d}.user-details{position:relative}.status-picker{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:180px;background:var(--bg-primary);border-radius:6px;box-shadow:0 8px 24px #0006;padding:6px;z-index:100}.status-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;transition:background .1s,color .1s}.status-picker-item:hover{background:var(--accent-primary);color:#fff}.status-picker-item.active{color:var(--text-primary);background:var(--bg-hover)}.status-dot-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.user-actions button.muted,.user-actions button.deafened{color:var(--danger)}.user-actions button.muted:hover,.user-actions button.deafened:hover{background:var(--danger);color:#fff}.vcb-expand{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s}.vcb-expand:hover,.vcb-expand.active{color:var(--text-primary);background:#ffffff14}.vcb-channels{display:flex;flex-direction:column;gap:2px;padding:4px 8px;max-height:200px;overflow-y:auto}.vcb-channel-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;background:#ffffff08;transition:background .15s}.vcb-channel-row:hover{background:#ffffff0f}.vcb-channel-row.ptt-active{background:#3ba55c1f;border-left:2px solid #3ba55c}.vcb-channel-info{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.vcb-channel-name{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcb-ptt-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border-radius:3px;background:#ffffff0f;font-size:.6rem;color:var(--text-muted);font-weight:600;white-space:nowrap;flex-shrink:0}.vcb-ptt-badge.active{background:#3ba55c40;color:#3ba55c}.vcb-channel-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}.vcb-ch-mute,.vcb-ch-leave{width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.vcb-ch-mute:hover{color:var(--text-primary);background:#ffffff14}.vcb-ch-mute.muted{color:var(--danger, #f04747)}.vcb-ch-mute.muted:hover{background:#f0474726}.vcb-ch-leave:hover{color:var(--danger, #f04747);background:#f0474726}.vcb-single-channel{display:flex;align-items:center;gap:6px;padding:2px 12px 4px}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;min-height:48px;background:var(--bg-tertiary);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 1px 2px #00000026;z-index:5;flex-shrink:0}.top-bar-left{display:flex;align-items:center;gap:8px;min-width:0}.top-bar-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.top-bar-action{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.top-bar-action:hover,.top-bar-action.active{background:#ffffff0f;color:var(--text-primary)}.top-bar-mute{position:relative;display:inline-flex}.top-bar-mute-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006;z-index:50}.top-bar-mute-menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text-secondary);font-size:13px;padding:8px 10px;border-radius:5px;cursor:pointer;white-space:nowrap}.top-bar-mute-menu-item:hover{background:var(--accent-primary);color:#fff}.top-bar-icon{color:var(--text-muted);flex-shrink:0}.top-bar-icon.friends{color:var(--text-secondary)}.top-bar-icon.dm{color:var(--text-muted)}.top-bar-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.top-bar-server{display:flex;align-items:center;gap:8px}.top-bar-server-icon{width:24px;height:24px;border-radius:6px;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.top-bar-server-icon img{width:100%;height:100%;object-fit:cover}.top-bar-server-icon span{color:#fff;font-size:.7rem;font-weight:700}.top-bar-server-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.top-bar-separator{color:var(--text-muted);font-size:1.1rem;margin:0 2px}.top-bar-channel{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.top-bar-channel-icon{color:var(--text-muted);flex-shrink:0}.top-bar-dm{display:flex;align-items:center;gap:8px}.top-bar-dm-avatar{width:24px;height:24px;border-radius:var(--avatar-radius);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:#fff;font-size:.65rem;font-weight:600}.top-bar-dm-avatar img{width:100%;height:100%;object-fit:cover}.top-bar-dm-name{font-size:1rem;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.top-bar{padding:0 10px;height:44px;min-height:44px}.top-bar-server-name,.top-bar-channel-name{font-size:.85rem}.top-bar-separator{display:none}}.top-bar-action.notif-bell{position:relative}.notif-bell-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ed4245;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.mobile-voice-bar{position:fixed;bottom:0;left:0;width:240px;z-index:998;background:var(--bg-secondary);border-top:1px solid rgba(0,0,0,.3);border-right:1px solid rgba(0,0,0,.2);border-top-right-radius:8px}@media (max-width: 768px){.mobile-voice-bar{width:100%;border-right:none;border-top-right-radius:0}}.bottom-tab-bar{display:none}@media (max-width: 768px){.bottom-tab-bar{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(56px + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.06);z-index:950}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--text-muted);font-size:.7rem;font-weight:500;padding:8px 4px;cursor:pointer;transition:color .15s}.bottom-tab.active{color:var(--text-primary)}.bottom-tab:active{transform:scale(.95)}.bottom-tab-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.bottom-tab-badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.bottom-tab-avatar{width:24px;height:24px;border-radius:var(--avatar-radius);object-fit:cover}}.email-verify-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#faa61a26;border-bottom:1px solid rgba(250,166,26,.4);color:#faa61a;font-size:.85rem}.email-verify-banner svg{flex-shrink:0}.email-verify-banner span{flex:1}.email-verify-banner button{background:#faa61a;color:#1e1f22;border:none;border-radius:4px;padding:4px 10px;font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap}.email-verify-banner button:disabled{opacity:.6;cursor:not-allowed}.update-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#3b82f626;border-bottom:1px solid rgba(59,130,246,.4);color:#6ea8fe;font-size:.85rem}.update-banner svg{flex-shrink:0}.update-banner span{flex:1}.update-banner button{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap}.update-banner button:hover{background:#2f6fe0}.update-banner .update-banner-dismiss{background:transparent;color:#6ea8fe;padding:2px 6px;font-size:1rem;line-height:1}.main-layout{display:flex;height:100vh;width:100vw}.channel-sidebar{display:flex;flex-direction:column;width:var(--sidebar-width, 240px);min-width:220px;max-width:480px;background:var(--bg-secondary);position:relative;flex-shrink:0}.sidebar-resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:ew-resize;background:transparent;transition:background .15s;z-index:10}.sidebar-resize-handle:hover,.sidebar-resize-handle.resizing{background:var(--accent-primary)}.resizing-sidebar{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}.resizing-sidebar *{cursor:ew-resize!important}.main-content{flex:1;display:flex;flex-direction:column;background:var(--bg-tertiary);overflow:hidden}.main-content-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-sidebar-overlay{display:none}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);padding:4px;cursor:pointer;border-radius:4px}.mobile-menu-btn:hover{background:var(--bg-hover)}@media (max-width: 768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.main-layout>.server-list{display:none}.main-layout>.channel-sidebar{position:fixed;top:env(safe-area-inset-top,0);left:env(safe-area-inset-left,0);bottom:env(safe-area-inset-bottom,0);width:85vw!important;min-width:unset!important;max-width:320px!important;z-index:1000;transform:translate(-100%);transition:transform .2s ease}.main-layout.mobile-sidebar-open>.channel-sidebar{transform:translate(0)}.main-layout.mobile-sidebar-open>.server-list{display:flex;position:fixed;top:env(safe-area-inset-top,0);left:env(safe-area-inset-left,0);bottom:env(safe-area-inset-bottom,0);width:56px;z-index:1001}.main-layout.mobile-sidebar-open>.channel-sidebar{left:calc(56px + env(safe-area-inset-left,0));width:calc(85vw - 56px)!important;max-width:264px!important}.mobile-sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.main-content{width:100vw;min-width:100vw;padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}.sidebar-resize-handle{display:none}.category-drop-zone,.root-level-drop-zone,.root-drop-zone{display:none!important}.main-layout.mobile-sidebar-open>.server-list{padding:8px 0;gap:4px}.main-layout.mobile-sidebar-open>.server-list .server-icon{width:40px;height:40px}}.invite-card{margin-top:6px;max-width:432px;background:var(--bg-tertiary, #1e1f22);position:relative;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%,0 20px)}.invite-card-header{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:12px 16px 8px;letter-spacing:.02em}.invite-card-banner{width:100%;height:90px;background:linear-gradient(135deg,#2a2d31,#1e1f22);overflow:hidden}.invite-card-banner img{width:100%;height:100%;object-fit:cover;display:block}.invite-card-icon{position:absolute;top:95px;left:16px;width:64px;height:64px;border-radius:16px;background:var(--accent-primary, #5865f2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;border:4px solid var(--bg-tertiary, #1e1f22);overflow:hidden}.invite-card-icon img{width:100%;height:100%;object-fit:cover}.invite-card-info{padding:16px 16px 12px 92px;min-height:56px}.invite-card-server-name{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.invite-card-nsfw{font-size:.625rem;font-weight:700;background:var(--danger, #ed4245);color:#fff;padding:2px 6px;border-radius:4px}.invite-card-meta{font-size:.8125rem;color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:6px}.invite-card-members:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted);margin-right:6px;vertical-align:middle}.invite-card-est{font-size:.8125rem;color:var(--text-muted);margin-top:2px}.invite-card-join{display:block;width:calc(100% - 32px);margin:0 16px 16px;padding:10px 16px;background:#248046;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s}.invite-card-join:hover{background:#1a6334}.invite-card-join:disabled{background:#2a3a32;cursor:not-allowed}.invite-card-error{margin:0 16px 12px;padding:8px 12px;background:#ed424526;color:var(--danger, #ed4245);border-radius:4px;font-size:.8125rem}.invite-card-content{padding:8px 16px 16px;color:var(--text-muted);font-size:.875rem}.invite-card-loading,.invite-card-invalid{max-width:320px}.channel-invite-card{margin-top:6px;max-width:432px;background:var(--bg-tertiary, #1e1f22);padding:10px 14px;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%,0 16px)}.channel-invite-card-header{font-size:.75rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.channel-invite-card-body{display:flex;align-items:center;gap:12px}.channel-invite-card-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-primary, #5865f2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8125rem;font-weight:700;overflow:hidden;flex-shrink:0}.channel-invite-card-icon img{width:100%;height:100%;object-fit:cover}.channel-invite-card-info{flex:1;min-width:0}.channel-invite-card-name{font-size:.9375rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-invite-card-server{font-size:.75rem;color:var(--text-muted);margin-top:2px}.channel-invite-card-join{padding:8px 16px;background:#248046;color:#fff;border:none;border-radius:4px;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.channel-invite-card-join:hover{background:#1a6334}.channel-invite-card-loading,.channel-invite-card-invalid{max-width:320px}.typing-indicator{display:flex;align-items:center;gap:6px;padding:4px 16px;font-size:.75rem;color:var(--text-muted);height:24px}.typing-dots{display:flex;gap:3px;align-items:center}.typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--text-muted);animation:typing-bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.typing-text{font-weight:500}.gif-picker{position:absolute;bottom:calc(100% + 8px);right:0;width:400px;height:420px;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;z-index:20;overflow:hidden}.gif-search{padding:10px 10px 6px}.gif-search input{width:100%;padding:8px 10px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.825rem;outline:none}.gif-search input::placeholder{color:var(--text-muted)}.gif-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;overflow-y:auto;align-content:start}.gif-item{background:none;border:none;padding:0;cursor:pointer;border-radius:4px;overflow:hidden;aspect-ratio:1;transition:transform .1s}.gif-item:hover{transform:scale(1.03)}.gif-item img{width:100%;height:100%;object-fit:cover}.gif-loading,.gif-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:40px 0;font-size:.85rem}.gif-powered{padding:4px 10px 6px;font-size:.65rem;color:var(--text-muted);text-align:right}.mention-autocomplete{position:absolute;bottom:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--bg-secondary);border-radius:8px;margin-bottom:4px;padding:4px;box-shadow:0 4px 16px #0006;z-index:100;scrollbar-width:none}.mention-autocomplete::-webkit-scrollbar{display:none}.mention-option{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;cursor:pointer}.mention-option:hover,.mention-option.selected{background:var(--accent-primary)}.mention-option-avatar{width:28px;height:28px;border-radius:var(--avatar-radius);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.mention-option-avatar img{width:100%;height:100%;object-fit:cover}.mention-option-avatar span{font-size:.65rem;font-weight:600;color:var(--text-secondary)}.mention-option-role-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin:0 8px;background:var(--text-muted)}.mention-option-info{display:flex;align-items:center;gap:6px;min-width:0}.mention-option-name{font-weight:500;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-option-username{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.chat-area{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary);min-height:48px}.chat-header .hash{color:var(--text-muted);font-size:1.25rem}.chat-header .channel-name{font-weight:600;font-size:1rem}.chat-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.messages-container{flex:1;overflow-y:auto;padding:16px 0;scrollbar-width:none;-ms-overflow-style:none}.messages-container::-webkit-scrollbar{display:none}.messages-container.has-chat-theme{background-size:cover;background-position:center;background-repeat:no-repeat}.load-more{display:block;margin:0 auto 16px;padding:8px 16px;background:var(--bg-secondary);border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.875rem}.load-more:hover{background:var(--bg-hover);color:var(--text-primary)}.no-messages{text-align:center;padding:40px 20px;color:var(--text-muted)}.no-messages h3{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.message{padding:2px 16px;position:relative}.message:hover{background:var(--bg-hover)}.message:hover .message-actions{opacity:1}.message.compact{padding-top:2px;padding-bottom:2px}.message.compact .message-content-wrapper{padding-left:56px}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding-top:8px}.message-avatar{width:40px;height:40px;border-radius:var(--avatar-radius);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;flex-shrink:0;overflow:hidden}.message-avatar.clickable{cursor:pointer}.message-avatar.clickable:hover{opacity:.8}.message-author{font-weight:500;color:var(--text-primary)}.message-author.clickable{cursor:pointer}.message-author.clickable:hover{text-decoration:underline}.msg-nameplate{display:inline-flex;align-items:center;padding:1px 10px;line-height:1.4}.message-link{color:var(--accent-primary);text-decoration:none;word-break:break-all}.message-link:hover{text-decoration:underline}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding-left:56px;user-select:none;-webkit-user-select:none}.message-reaction{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;cursor:pointer;font-size:.85rem;transition:background .15s,border-color .15s}.message-reaction:hover{background:#ffffff14;border-color:#ffffff1f}.message-reaction.me{background:#5865f226;border-color:var(--accent-primary)}.reaction-count{font-size:.75rem;color:var(--text-secondary);font-weight:500}.message-time{font-size:.75rem;color:var(--text-muted);cursor:default}.message-time-compact{position:absolute;left:16px;top:4px;width:56px;text-align:center;font-size:.65rem;color:var(--text-muted);opacity:0;cursor:default;-webkit-user-select:none;user-select:none}.message.compact:hover .message-time-compact{opacity:1}.message-content-wrapper{position:relative;padding-left:56px}.message-content{color:var(--text-secondary);line-height:1.375;white-space:pre-wrap;word-wrap:break-word}.message-content .edited{font-size:.625rem;color:var(--text-muted);margin-left:4px}.message-content .md-inline-code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;background:#ffffff14;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:0 4px;font-size:.85em}.message-content .md-codeblock{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:8px 12px;margin:4px 0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.message-content .md-codeblock code{font-size:.85em;color:var(--text-secondary)}.message-content .md-quote{border-left:3px solid var(--text-muted);padding:0 8px;margin:2px 0;color:var(--text-secondary)}.message-content .md-spoiler{background:#ffffff24;color:transparent;border-radius:4px;cursor:pointer;transition:color .1s ease,background .1s ease}.message-content .md-spoiler:not(.revealed) *{color:transparent!important;background-color:transparent!important}.message-content .md-spoiler.revealed{background:#ffffff0f;color:inherit}.message-actions{position:absolute;top:-12px;right:16px;display:flex;gap:4px;background:var(--bg-secondary);border-radius:4px;padding:4px;opacity:0;user-select:none;-webkit-user-select:none;transition:opacity .1s;box-shadow:0 2px 8px #0003}.message-actions button{padding:4px 8px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;color:var(--text-secondary)}.message-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.message-edit{padding:8px;background:var(--bg-secondary);border-radius:8px}.message-edit textarea{width:100%;min-height:44px;padding:11px;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;resize:none;outline:none}.edit-actions{font-size:.75rem;color:var(--text-muted);margin-top:4px}.chat-input-container{padding:0 16px 16px;position:relative}.chat-input-bar{display:flex;align-items:flex-end;background:var(--bg-primary);border-radius:8px;margin-left:0}.chat-plus-wrapper{position:relative;flex-shrink:0}.chat-plus-btn{width:44px;height:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .15s;border-right:1px solid rgba(255,255,255,.06)}.chat-plus-btn:hover{color:var(--text-primary)}.chat-plus-icon{font-size:1.4rem;font-weight:400;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0f;transition:transform .2s,background .15s}.chat-plus-btn:hover .chat-plus-icon{background:#ffffff1f}.chat-plus-icon.open{transform:rotate(45deg);background:var(--accent-primary);color:#fff}.chat-plus-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 24px #00000073;padding:6px;min-width:200px;z-index:10}.chat-plus-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:.875rem;cursor:pointer;text-align:left;transition:background .1s,color .1s}.chat-plus-menu button:hover{background:var(--accent-primary);color:#fff}.chat-input-actions{display:flex;align-items:center;flex-shrink:0;padding-right:4px}.chat-action-btn{width:36px;height:44px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s}.chat-action-btn:hover,.chat-action-btn.active{color:var(--text-primary)}.chat-action-wrapper{position:relative}.gif-label{font-size:.7rem;font-weight:700;padding:1px 4px;border-radius:3px;border:1.5px solid currentColor}.chat-input{flex:1;min-height:44px;max-height:200px;padding:11px 0;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:1rem;resize:none;outline:none}.chat-input:focus{box-shadow:0 0 0 2px var(--accent-primary)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.5}.message-toolbar{position:absolute;top:-16px;right:16px;display:flex;align-items:center;background:var(--bg-secondary);border-radius:4px;box-shadow:0 0 0 1px #00000026,0 4px 8px #0003;opacity:0;pointer-events:none;transition:opacity .15s ease .4s;z-index:5;user-select:none;-webkit-user-select:none}.message:hover .message-toolbar,.message-toolbar:hover{opacity:1;pointer-events:auto;transition-delay:.4s}.message-toolbar:hover{transition-delay:0s}.toolbar-reactions{display:flex;padding:4px;border-right:1px solid var(--bg-modifier-accent)}.reaction-btn{background:none;border:none;padding:4px 6px;font-size:18px;cursor:pointer;border-radius:4px;transition:background .1s,transform .1s}.reaction-btn:hover{background:var(--bg-modifier-hover);transform:scale(1.2)}.toolbar-actions{display:flex;padding:4px}.toolbar-btn{background:none;border:none;padding:6px 8px;cursor:pointer;color:var(--text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.toolbar-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.message-menu-btn{background:var(--bg-tertiary);border:none;border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s,background .1s}.message:hover .message-menu-btn{opacity:1}.message-menu-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.message-menu{position:absolute;right:0;top:100%;background:var(--bg-floating);border-radius:4px;box-shadow:0 8px 16px #0000003d;min-width:160px;padding:6px 8px;z-index:100}.message-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;border-radius:3px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;text-align:left}.message-menu button:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.message-menu button.danger{color:var(--status-danger, #ED4245)}.message-menu button.danger:hover{background:var(--status-danger, #ED4245);color:#fff}.menu-divider{height:1px;background:var(--bg-modifier-accent);margin:4px 0}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.report-modal{background:var(--bg-primary);border-radius:8px;width:90%;max-width:440px;padding:20px}.report-modal h3{margin:0 0 8px;font-size:1.25rem}.report-info{color:var(--text-muted);font-size:.875rem;margin:0 0 16px}.report-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.report-options label{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border-radius:4px;cursor:pointer;font-size:.9375rem;transition:background .1s}.report-options label:hover{background:var(--bg-tertiary)}.report-options label.selected{background:var(--accent-primary);color:#fff}.report-options input[type=radio]{display:none}.report-description{width:100%;min-height:80px;padding:10px 12px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.9375rem;resize:vertical;outline:none;margin-bottom:16px}.report-description:focus{box-shadow:0 0 0 2px var(--accent-primary)}.report-description::placeholder{color:var(--text-muted)}.report-actions{display:flex;gap:12px;justify-content:flex-end}.report-actions .btn-secondary{padding:10px 20px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:.9375rem;cursor:pointer}.report-actions .btn-secondary:hover{background:var(--bg-modifier-hover)}.report-actions .btn-danger{padding:10px 20px;background:var(--status-danger, #ED4245);border:none;border-radius:4px;color:#fff;font-size:.9375rem;cursor:pointer}.report-actions .btn-danger:hover{background:#c93b3e}.report-actions .btn-danger:disabled{opacity:.5;cursor:not-allowed}.chat-input-container.drag-over .chat-input-bar{outline:2px dashed var(--accent-primary);outline-offset:-2px;background:#5865f214}.pending-files{display:flex;gap:8px;padding:10px 12px 4px;overflow-x:auto}.pending-file{position:relative;display:flex;flex-direction:column;align-items:center;width:120px;padding:8px;background:var(--bg-primary);border-radius:8px;border:1px solid rgba(255,255,255,.06);flex-shrink:0}.pending-file-preview{width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:4px}.pending-file-icon{width:100%;height:80px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:4px}.pending-file-name{font-size:.65rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.pending-file-size{font-size:.6rem;color:var(--text-muted)}.pending-file-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.pending-file-remove:hover{background:var(--danger)}.upload-progress{padding:4px 12px;font-size:.75rem;color:var(--accent-primary)}.message-attachments{display:flex;flex-direction:column;gap:4px;margin-top:4px;max-width:500px}.attachment-image{max-width:400px;max-height:300px;border-radius:8px;cursor:pointer;object-fit:contain;background:var(--bg-primary)}.attachment-image:hover{opacity:.9}.attachment-video{max-width:400px;max-height:300px;border-radius:8px;background:#000}.attachment-audio{width:100%;max-width:400px}.attachment-file{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-primary);border-radius:8px;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:var(--text-secondary);max-width:400px;transition:background .15s}.attachment-file:hover{background:var(--bg-hover)}.attachment-file-info{display:flex;flex-direction:column;min-width:0}.attachment-file-name{font-size:.85rem;color:var(--accent-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file-size{font-size:.7rem;color:var(--text-muted)}.code-preview{max-width:500px;background:var(--bg-primary);border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.code-preview-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0003;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:.8rem}.code-preview-filename{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.code-preview-lang{font-size:.7rem;padding:1px 6px;border-radius:4px;background:#ffffff14;color:var(--text-muted);white-space:nowrap}.code-preview-size{font-size:.7rem;color:var(--text-muted);white-space:nowrap;margin-left:auto}.code-preview-actions{display:flex;gap:4px;flex-shrink:0}.code-preview-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;text-decoration:none;transition:background .15s,color .15s}.code-preview-btn:hover{background:#ffffff1a;color:var(--text-primary)}.code-preview-content{margin:0;padding:12px;max-height:300px;overflow:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;line-height:1.5;color:var(--text-secondary);-moz-tab-size:2;tab-size:2}.code-preview-content code{font-family:inherit;white-space:pre}.code-preview-loading{padding:24px 12px;text-align:center;color:var(--text-muted);font-size:.8rem}.code-preview-footer{border-top:1px solid rgba(255,255,255,.06);padding:6px 12px}.code-preview-expand{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent-primary);font-size:.75rem;cursor:pointer;padding:2px 0}.code-preview-expand:hover{text-decoration:underline}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px #00000080;cursor:default}.lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox-close:hover{background:#fff3}.message-reply-ref{display:flex;align-items:center;gap:6px;padding:2px 0 4px 56px;font-size:.75rem;color:var(--text-muted);cursor:pointer}.message-reply-ref:hover{color:var(--text-secondary)}.reply-ref-author{font-weight:600;color:var(--text-secondary)}.reply-ref-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-radius:8px 8px 0 0;margin:0 16px;font-size:.8rem;color:var(--text-muted);border-bottom:2px solid var(--accent-primary)}.reply-bar strong{color:var(--text-primary)}.reply-bar-close{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex}.reply-bar-close:hover{color:var(--text-primary)}.forward-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center}.forward-modal{width:440px;max-height:500px;background:var(--bg-secondary);border-radius:8px;padding:20px;display:flex;flex-direction:column}.forward-modal h3{margin:0 0 8px;color:var(--text-primary)}.forward-preview{font-size:.8rem;color:var(--text-muted);font-style:italic;margin:0 0 12px;padding:8px 12px;background:var(--bg-primary);border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forward-modal input{padding:8px 12px;border:none;border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;margin-bottom:8px;outline:none}.forward-channel-list{flex:1;overflow-y:auto;max-height:300px}.forward-channel-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;text-align:left}.forward-channel-item:hover{background:var(--accent-primary);color:#fff}.forward-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:.85rem}.reaction-emoji-picker{position:absolute;bottom:100%;right:0;z-index:200}.mention-pill{background:#5865f24d;color:#dee0fc;padding:0 2px;border-radius:3px;font-weight:500;cursor:pointer}.mention-pill:hover{background:#5865f280;color:#fff}.mention-pill.mention-highlight{background:#faa61a33;color:#faa61a}.message.mentioned{background:#faa61a0d;border-left:2px solid #faa61a}.author-name-animated{background-size:200% 200%;animation:author-gradient-shift 4s ease infinite}@keyframes author-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.chat-area{position:relative}.chat-popover{position:absolute;top:8px;right:12px;width:380px;max-height:calc(100% - 24px);display:flex;flex-direction:column;background:var(--bg-secondary, #2b2d31);border:1px solid rgba(0,0,0,.3);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:50;overflow:hidden}.chat-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;flex-shrink:0}.chat-popover-close{background:none;border:none;cursor:pointer;color:inherit;display:flex;padding:2px;border-radius:4px}.chat-popover-close:hover{background:#ffffff14}.chat-popover-search{width:100%;background:var(--bg-tertiary, #1e1f22);border:none;border-radius:6px;padding:8px 10px;color:var(--text-primary, #f2f3f5);font-size:.9rem}.chat-popover-body{overflow-y:auto;padding:8px}.chat-popover-empty{padding:16px;text-align:center;opacity:.6;font-size:.85rem}.cp-item{padding:8px 10px;border-radius:6px;margin-bottom:4px;background:#ffffff08}.cp-item-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.cp-item-author{font-size:.82rem;font-weight:600}.cp-item-time{font-size:.72rem;opacity:.6}.cp-item-content{font-size:.88rem;white-space:pre-wrap;word-break:break-word}.member-rail{width:240px;flex-shrink:0;height:100%;overflow-y:auto;background:var(--bg-secondary);border-left:1px solid rgba(0,0,0,.2);padding:16px 8px}.server-view-body{flex:1;display:flex;flex-direction:row;min-height:0}.server-view-body>.chat-area{flex:1;min-width:0}.member-rail-empty{color:var(--text-muted);font-size:.8rem;padding:8px}.member-rail-group{margin-bottom:16px}.member-rail-group-title{text-transform:uppercase;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);padding:0 8px 4px}.member-rail-item{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;cursor:pointer;padding:5px 8px;border-radius:6px;text-align:left;transition:background .12s}.member-rail-item:hover{background:#ffffff0d}.member-rail-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:.75rem;font-weight:600;color:var(--text-secondary)}.member-rail-avatar img{width:100%;height:100%;object-fit:cover}.member-rail-name{font-size:.88rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-rail-more{width:100%;background:transparent;border:none;color:var(--text-link, var(--text-muted));font-size:.8rem;cursor:pointer;padding:8px;border-radius:6px}.member-rail-more:hover:not(:disabled){background:#ffffff0d}.member-rail-more:disabled{opacity:.6;cursor:default}@media (max-width: 820px){.member-rail{display:none}}.whiteboard-overlay{display:flex;flex-direction:column;flex:1;min-height:0}.whiteboard-container{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-primary)}.wb-toolbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid rgba(0,0,0,.3);flex-shrink:0}.wb-tools,.wb-actions{display:flex;gap:4px}.wb-tool-group{display:flex;align-items:center;gap:4px}.wb-tool{width:36px;height:36px;border-radius:6px;border:none;background:#ffffff0f;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.wb-tool:hover{background:#ffffff1f;color:var(--text-primary)}.wb-tool.active{background:var(--accent-primary);color:#fff}.wb-tool.close:hover{background:var(--danger);color:#fff}.wb-colors{display:flex;gap:4px}.wb-color{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .15s}.wb-color:hover{transform:scale(1.15)}.wb-color.active{border-color:#fff;transform:scale(1.15)}.wb-size{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.75rem}.wb-size button{width:24px;height:24px;border-radius:4px;border:none;background:#ffffff0f;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.wb-size button:hover{background:#ffffff1f}.wb-size-input{width:36px;text-align:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-primary);font-size:.75rem;padding:2px 4px;outline:none}.wb-size-input:focus{border-color:var(--accent-primary)}.wb-canvas-area{flex:1;position:relative;background:#1a1a1d;cursor:crosshair}.wb-bg-canvas,.wb-draw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wb-bg-canvas{z-index:1}.wb-draw-canvas{z-index:2}.wb-view-only{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.8rem;padding:0 8px}.wb-editor-picker-wrapper{position:relative}.wb-editor-picker{position:absolute;bottom:calc(100% + 8px);right:0;width:220px;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:8px;z-index:10}.wb-editor-picker-title{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:4px 8px 8px;letter-spacing:.3px}.wb-editor-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.wb-editor-item:hover{background:#ffffff0f}.wb-editor-item input[type=checkbox]{accent-color:var(--accent-primary)}.wb-editor-empty{font-size:.8rem;color:var(--text-muted);padding:8px;text-align:center}.wb-overlay-mode .whiteboard-container,.wb-overlay-mode .wb-canvas-area{background:transparent}.wb-overlay-mode .wb-bg-canvas{display:none}.wb-overlay-mode .wb-toolbar{position:absolute;top:0;left:0;right:0;z-index:10;background:#1e1e1ebf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.08);opacity:1;transition:opacity .3s}.wb-overlay-mode:not(:hover) .wb-toolbar{opacity:0}.wb-overlay-mode .wb-toolbar:hover{opacity:1}.wb-compact{pointer-events:none}.wb-compact .whiteboard-container{background:#1a1a1d}.wb-compact .wb-canvas-area{pointer-events:none}.wb-text-input{position:absolute;z-index:20;transform:translate(-2px,-2px)}.wb-text-input input{background:#000000b3;border:2px solid #5865f2;border-radius:4px;padding:4px 8px;font-size:14px;font-family:sans-serif;outline:none;min-width:180px}.wb-text-input input::placeholder{color:#fff6}.wb-text-input-error{margin-top:4px;background:#ed4245;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;max-width:240px}.age-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:#000000d9}.age-gate-modal{background:var(--bg-secondary);border-radius:8px;width:100%;max-width:480px;padding:2rem;position:relative;max-height:90vh;overflow-y:auto}.age-gate-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.age-gate-close:hover{color:var(--text-primary)}.age-gate-step{text-align:center}.age-gate-step h2{font-size:1.25rem;margin-bottom:.75rem}.age-gate-step p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem;line-height:1.5}.age-gate-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--danger);color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.age-gate-badge.pending{background:var(--warning, #f0a030);font-size:2rem}.age-gate-privacy{background:var(--bg-primary);border-radius:6px;padding:.75rem 1rem;font-size:.8125rem;color:var(--text-muted)}.age-gate-error{background:var(--danger);color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.8125rem;margin-bottom:.75rem}.age-gate-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.age-gate-actions .btn-primary,.age-gate-actions .btn-secondary{padding:.625rem 1.25rem;font-size:.875rem}.age-gate-alt-link{background:none;border:none;color:var(--accent-primary);font-size:.8125rem;cursor:pointer;margin-top:1rem;padding:0}.age-gate-alt-link:hover{text-decoration:underline}.age-gate-camera-container{position:relative;width:320px;height:240px;margin:1rem auto;border-radius:8px;overflow:hidden;background:#000}.age-gate-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.age-gate-face-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:200px;border:2px dashed rgba(255,255,255,.5);border-radius:50%;pointer-events:none}.age-gate-face-guide.scanning{border-color:var(--accent-primary);animation:pulse-guide 1s ease-in-out infinite}@keyframes pulse-guide{0%,to{opacity:.5}50%{opacity:1}}.age-gate-progress{width:80%;height:4px;background:var(--bg-tertiary);border-radius:2px;margin:.75rem auto;overflow:hidden}.age-gate-progress-bar{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}.age-gate-check{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--success, #43b581);color:#fff;font-size:2rem;margin-bottom:1rem}.age-gate-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.id-upload-form{text-align:left}.id-upload-form h3{text-align:center;margin-bottom:.5rem}.id-upload-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.5;margin-bottom:1rem}.id-upload-error{background:var(--danger);color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.8125rem;margin-bottom:.75rem}.id-upload-dropzone{border:2px dashed var(--bg-tertiary);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s;margin-bottom:1rem}.id-upload-dropzone:hover{border-color:var(--accent-primary)}.id-upload-placeholder{display:flex;flex-direction:column;gap:.25rem;color:var(--text-muted)}.id-upload-hint{font-size:.75rem}.id-upload-preview{display:flex;flex-direction:column;gap:.25rem}.id-upload-filename{color:var(--text-primary);font-weight:500}.id-upload-filesize{color:var(--text-muted);font-size:.75rem}.id-upload-form .btn-primary{width:100%;padding:.75rem}.id-upload-success{text-align:center}.id-upload-success h3{margin-bottom:.5rem}.id-upload-success p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.id-upload-icon{font-size:2.5rem;margin-bottom:.75rem}.server-restriction-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #1e1f22);z-index:50;padding:24px}.server-restriction-modal{max-width:460px;text-align:center;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-color, #3f4147);border-radius:12px;padding:32px 28px}.server-restriction-modal h2{margin:16px 0 8px;color:var(--text-primary, #f2f3f5)}.server-restriction-modal p{color:var(--text-secondary, #b5bac1);margin:6px 0;line-height:1.5}.server-restriction-reason{margin-top:12px;font-size:.875rem;color:var(--text-muted, #949ba4);font-style:italic}.server-restriction-icon.suspended{color:#f23f43}.server-restriction-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f23f4324;border-bottom:1px solid rgba(242,63,67,.45);color:#f23f43;font-weight:500;font-size:.875rem}.server-restriction-banner svg{flex-shrink:0;color:#f23f43}.server-view{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.server-view.empty,.server-view.loading{display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-muted)}.server-view.empty h2{color:var(--text-primary);margin-bottom:.5rem}.channel-header{display:flex;align-items:baseline;gap:8px;padding:12px 16px;border-bottom:1px solid var(--bg-secondary);background:var(--bg-tertiary)}.channel-header h2{font-size:1rem;font-weight:600}.channel-header p{color:var(--text-muted);font-size:.875rem}.channel-content{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.voice-channel,.text-channel{text-align:center;color:var(--text-muted)}.join-voice-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--success);color:#fff;border-radius:4px;font-weight:500;transition:background .2s}.join-voice-btn:hover{background:#2d8049}.server-view.voice-view{flex-direction:row}.server-view.voice-view.resizing{-webkit-user-select:none;user-select:none;cursor:ew-resize}.server-view.voice-view.resizing *{cursor:ew-resize!important}.voice-main{flex:1;display:flex;flex-direction:column;min-width:0}.voice-tile-area{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}.voice-tiles{display:grid;gap:8px;width:100%;height:100%}.voice-tiles.tiles-1{grid-template-columns:1fr;max-width:480px;max-height:480px}.voice-tiles.tiles-2{grid-template-columns:1fr 1fr;max-height:480px}.voice-tiles.tiles-3{grid-template-columns:1fr 1fr 1fr}.voice-tiles.tiles-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.voice-tiles.tiles-5,.voice-tiles.tiles-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.voice-tiles.tiles-7,.voice-tiles.tiles-8,.voice-tiles.tiles-9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.voice-tiles.tiles-10,.voice-tiles.tiles-11,.voice-tiles.tiles-12{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.voice-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:background .15s;border:2px solid transparent;overflow:hidden;min-height:0}.voice-tile:hover{background:var(--bg-hover)}.voice-tile.speaking{border-color:#3ba55c;box-shadow:0 0 12px #3ba55c4d}.voice-tile-avatar{width:80px;height:80px;border-radius:var(--avatar-radius);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px}.voice-tile-avatar img{width:100%;height:100%;object-fit:cover}.voice-tile-avatar span{font-size:1.5rem;font-weight:600;color:var(--text-muted)}.voice-tile-info{display:flex;align-items:center;gap:4px;position:absolute;bottom:8px;left:8px;right:8px;background:#0009;border-radius:6px;padding:4px 8px}.voice-tile-name{font-size:.75rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-tile-muted{color:var(--danger);flex-shrink:0}.voice-tile-live{background:#ed4245;color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:.5px}.voice-expanded-layout{flex:1;display:flex;flex-direction:column;min-height:0}.voice-expanded-main{flex:1;position:relative;background:#000;min-height:0;cursor:pointer}.voice-expanded-main .voice-tile.expanded{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;border:none;background:#000}.voice-expanded-main .voice-tile.expanded .voice-tile-video{border-radius:0}.voice-expanded-main .voice-tile.expanded .voice-tile-video video{object-fit:contain!important}.voice-expanded-strip{display:flex;gap:6px;padding:6px;background:var(--bg-secondary);border-top:1px solid rgba(0,0,0,.3);flex-shrink:0;overflow-x:auto;height:100px}.voice-expanded-strip .voice-tile{width:140px;min-width:140px;height:100%;flex-shrink:0;border-radius:6px}.voice-expanded-strip .voice-tile .voice-tile-avatar{width:40px;height:40px}.voice-expanded-strip .voice-tile .voice-tile-name{font-size:.6rem}.voice-tile.wb-tile{overflow:hidden;background:#1a1a1d;cursor:pointer}.voice-tile.wb-tile .whiteboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.voice-tile.wb-tile .whiteboard-container{height:100%}.voice-tile.wb-tile .wb-canvas-area{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wb-expanded{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0!important;border:none!important;background:var(--bg-primary)!important}.wb-expanded .whiteboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.wb-expanded .whiteboard-container{height:100%}.voice-tile.pip{aspect-ratio:16 / 9;min-height:80px;border-radius:8px;font-size:.7rem}.voice-tile.pip .voice-tile-avatar{width:40px;height:40px}.voice-tile.pip .voice-tile-avatar span{font-size:.9rem}.voice-tile.pip .voice-tile-info{padding:2px 6px}.voice-tile.pip .voice-tile-name{font-size:.6rem}.voice-tile-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden}.voice-tile-volume{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-radius:0 0 8px 8px;padding:6px 10px;z-index:5;box-shadow:0 4px 12px #0006}.voice-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);width:100%;height:100%}.voice-empty-state h2{color:var(--text-primary);margin:0}.voice-empty-state p{margin:0}.voice-controls-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--bg-secondary);border-top:1px solid rgba(0,0,0,.3)}.voice-controls-group{display:flex;gap:4px}.vc-btn{width:48px;height:48px;border-radius:50%;border:none;background:#ffffff14;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;font-size:.8rem;font-weight:500}.vc-btn:hover{background:#ffffff26;color:var(--text-primary)}.vc-btn.active{background:#ffffff14;color:var(--danger)}.vc-btn.active:hover{background:#ed424533}.vc-btn.active-on{background:#3ba55c33;color:var(--success)}.vc-btn.active-on:hover{background:#3ba55c4d}.vc-btn.locked{opacity:.45;cursor:pointer}.vc-btn.locked:hover{background:#ffffff1a;color:var(--text-muted)}.wb-upsell-anchor{position:relative;display:flex;gap:4px}.wb-upsell-popover{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:260px;background:var(--bg-primary, #1e1e22);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;box-shadow:0 8px 32px #0000008c;z-index:20;animation:wb-upsell-in .15s ease-out}@keyframes wb-upsell-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wb-upsell-popover:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--bg-primary, #1e1e22);border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.wb-upsell-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.wb-upsell-popover p{font-size:.8rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.4}.wb-upsell-req{color:var(--text-muted)!important;font-size:.75rem!important}.wb-upsell-req strong{color:var(--accent-primary, #5865f2)}.wb-upsell-cta{width:100%;padding:8px 0;border:none;border-radius:6px;background:var(--accent-primary, #5865f2);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:filter .15s;margin-top:4px}.wb-upsell-cta:hover{filter:brightness(1.15)}.vc-btn.disconnect{background:var(--danger);color:#fff;width:auto;padding:0 20px;border-radius:24px}.vc-btn.disconnect:hover{filter:brightness(1.1)}.vc-btn.join{background:var(--success);color:#fff;width:auto;padding:0 24px;border-radius:24px}.vc-btn.chat-toggle{background:#ffffff14}.voice-error{text-align:center;color:var(--danger);padding:8px;font-size:.85rem}.voice-chat-resize-handle{width:4px;cursor:ew-resize;background:transparent;transition:background .15s;flex-shrink:0}.voice-chat-resize-handle:hover,.voice-chat-resize-handle.active{background:var(--accent-primary)}.voice-chat{display:flex;flex-direction:column;flex-shrink:0;border-left:1px solid var(--bg-secondary)}.screen-wb-composite{position:relative;width:100%;height:100%}.screen-wb-composite .voice-tile-video{position:absolute;top:0;right:0;bottom:0;left:0}.screen-wb-composite .whiteboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.screen-wb-composite.screenshot-flash{animation:screenshot-flash .3s ease-out}@keyframes screenshot-flash{0%{box-shadow:inset 0 0 0 9999px #ffffff80}to{box-shadow:inset 0 0 0 9999px #fff0}}.participant-row{display:flex;align-items:center;gap:12px;padding:4px 0}.participant:hover{background:var(--bg-hover)}.participant-avatar{width:36px;height:36px;border-radius:var(--avatar-radius);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;overflow:hidden}.participant-avatar img{width:100%;height:100%;object-fit:cover}.participant-name{flex:1;font-weight:500}.participant-status{font-size:.75rem;padding:2px 6px;border-radius:4px;background:var(--bg-secondary);color:var(--text-muted)}.participant-status.muted{background:var(--danger);color:#fff}.voice-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.voice-control-btn{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background .2s}.voice-control-btn:hover{background:var(--bg-hover)}.voice-control-btn.active{background:var(--danger);color:#fff}.join-voice-btn{margin-top:0}.join-voice-btn.leave{background:var(--danger)}.join-voice-btn.leave:hover{background:#c53030}.join-voice-btn:disabled{opacity:.7;cursor:not-allowed}.voice-error{color:var(--danger);background:#dc35451a;padding:8px 16px;border-radius:4px;margin-bottom:16px;font-size:.875rem}.shop-page{width:100%;height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;overflow-y:auto}.shop-page.embedded{height:100%}.shop-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.shop-header h1{font-size:1.4rem;font-weight:700;margin:0}.shop-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px}.shop-back:hover{color:var(--text-primary);background:var(--bg-hover)}.shop-equipped{padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.shop-equipped h3{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-weight:600}.equipped-slots{display:flex;gap:8px;flex-wrap:wrap}.equipped-slot{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-tertiary);border-radius:6px;font-size:.85rem}.equipped-img{width:28px;height:28px;border-radius:4px;object-fit:cover}.equipped-info{display:flex;flex-direction:column}.equipped-name{font-weight:500;font-size:.8rem}.equipped-type{font-size:.7rem;color:var(--text-muted);text-transform:capitalize}.equipped-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:3px}.equipped-remove:hover{color:var(--danger);background:#e74c3c26}.shop-tabs{display:flex;gap:4px;padding:12px 24px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.shop-tab{padding:8px 16px;border-radius:20px;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:.85rem;white-space:nowrap;transition:all .15s}.shop-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.shop-tab.active{background:var(--accent-primary);color:#fff}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:20px 24px;flex:1}.shop-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:60px 0;font-size:.95rem}.shop-card{background:var(--bg-secondary);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;border:2px solid transparent}.shop-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.shop-card.equipped{border-color:var(--accent-primary)}.shop-card-image{position:relative;aspect-ratio:1;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.sp-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px;box-sizing:border-box}.sp-avatar{border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#5865f2);flex-shrink:0}.sp-name{font-weight:600;font-size:.85rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap}.sp-nameplate-wrap{padding:14px}.sp-nameplate{width:100%;display:flex;align-items:center;min-height:52px;padding:8px 12px;box-sizing:border-box;background-color:var(--bg-tertiary)}.sp-identity{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.sp-avatar-box{position:relative}.sp-profile-mock{flex-direction:column}.sp-profile-inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px}.sp-profile-mock .sp-name{color:var(--text-primary)}.sp-banner-mock{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary))}.sp-banner-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.sp-chat-mock{flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:20px;background-size:cover;background-position:center}.sp-bubble{height:14px;border-radius:8px;width:70%}.sp-bubble-in{background:#ffffff2e}.sp-bubble-out{width:55%;align-self:flex-end;background:var(--accent-primary)}.sp-bubble-short{width:45%}.sp-sound{flex-direction:column;gap:8px;color:var(--text-secondary)}.sp-sound span{font-size:.8rem;font-weight:500}.sp-plain img{width:100%;height:100%;object-fit:contain}.shop-card-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;background:#2ecc71e6;color:#fff}.shop-card-badge.equipped-badge{background:#5865f2e6}.shop-card-info{padding:10px 12px}.shop-card-name{font-weight:600;font-size:.9rem;display:block;margin-bottom:4px}.shop-card-prices{display:flex;align-items:center;gap:8px}.shop-card-price{font-size:.85rem;color:var(--text-secondary)}.shop-card-prime-price{font-size:.75rem;color:#f39c12}.shop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.shop-modal{background:var(--bg-primary);border-radius:12px;width:440px;max-width:90vw;max-height:85vh;overflow-y:auto;position:relative}.shop-modal-close{position:absolute;top:12px;right:12px;background:#0006;border:none;border-radius:50%;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.shop-modal-preview{width:100%;aspect-ratio:1;background:var(--bg-secondary)}.shop-modal-details{padding:20px}.shop-modal-details h2{font-size:1.2rem;margin:0 0 4px}.shop-modal-type{font-size:.8rem;color:var(--text-muted);text-transform:capitalize}.shop-modal-desc{margin:12px 0;font-size:.9rem;color:var(--text-secondary)}.shop-modal-prices{display:flex;align-items:center;gap:12px;margin:12px 0}.shop-modal-price{font-size:1.1rem;font-weight:700}.shop-modal-prime{font-size:.85rem;color:#f39c12}.shop-modal-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.shop-btn{padding:10px 24px;border-radius:6px;border:none;font-weight:600;cursor:pointer;font-size:.9rem;transition:background .15s}.shop-btn.purchase{background:var(--accent-primary);color:#fff}.shop-btn.purchase:hover{opacity:.9}.shop-btn.equip{background:#2ecc71;color:#fff}.shop-btn.equipped{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.shop-page.embedded .shop-header{padding-left:56px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:16px}.shop-tabs{padding:12px 16px}}.shop-owned-label{display:flex;align-items:center;gap:4px;color:#2ecc71;font-size:.85rem;font-weight:500}.ignite-plans-page{max-width:1100px;margin:0 auto;padding:32px 24px 64px;color:var(--text-primary)}.ignite-plans-page.embedded{padding:0 24px 48px;max-width:none;overflow-y:auto;height:100%}.ip-hero{background:linear-gradient(135deg,#f39c12,#e67e22 40%,#c0392b);border-radius:16px;padding:56px 32px;text-align:center;color:#fff;margin-bottom:40px;box-shadow:0 8px 32px #f39c1233}.ip-hero-inner{max-width:640px;margin:0 auto}.ip-hero-icon{display:inline-flex;width:96px;height:96px;border-radius:50%;background:#ffffff26;align-items:center;justify-content:center;margin-bottom:20px}.ip-hero h1{font-size:2.5rem;margin:0 0 16px;font-weight:800;letter-spacing:-.02em}.ip-hero-tagline{font-size:1.05rem;opacity:.92;margin:0 0 28px;line-height:1.5}.ip-hero-cta{background:#fff;color:#c0392b;border:none;padding:14px 36px;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.ip-hero-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000040}.ip-hero-active{display:inline-flex;align-items:center;gap:10px;background:#ffffff26;padding:10px 20px;border-radius:999px;font-weight:600}.ip-hero-link{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;padding:0;font-size:.9rem;font-weight:600}.ignite-plans-page section h2{font-size:1.5rem;font-weight:700;margin:0 0 20px;color:var(--text-primary)}.ip-plans{margin-bottom:48px}.ip-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.ip-plan-card{position:relative;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px;display:flex;flex-direction:column}.ip-plan-card.top-tier{border-color:#f39c12;box-shadow:0 4px 20px #f39c121a}.ip-plan-card.current{border-color:#3ba55c}.ip-current-badge,.ip-top-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ip-current-badge{background:#3ba55c;color:#fff}.ip-top-badge{background:#f39c12;color:#fff}.ip-plan-card h3{margin:0 0 6px;font-size:1.25rem;font-weight:700}.ip-plan-desc{font-size:.85rem;color:var(--text-muted);margin:0 0 16px;line-height:1.4}.ip-plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.ip-price-main{font-size:2rem;font-weight:800;color:var(--text-primary)}.ip-price-unit{color:var(--text-muted);font-size:.9rem}.ip-plan-yearly{font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.ip-plan-features{list-style:none;padding:0;margin:0 0 20px;flex:1}.ip-plan-features li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);padding:6px 0}.ip-plan-features li svg{color:#3ba55c;flex-shrink:0}.ip-plan-cta{width:100%;padding:12px;background:var(--accent-primary, #5865f2);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:filter .15s}.ip-plan-cta:hover{filter:brightness(1.1)}.ip-plan-cta.manage{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.ip-features{margin-bottom:40px}.ip-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.ip-feature-tile{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:20px}.ip-feature-tile svg{color:#f39c12;margin-bottom:10px}.ip-feature-label{font-weight:700;font-size:.95rem;margin-bottom:4px}.ip-feature-desc{font-size:.82rem;color:var(--text-muted);line-height:1.4}.ip-footnote{text-align:center;padding:20px;background:var(--bg-secondary);border-radius:8px;font-size:.85rem;color:var(--text-muted)}.ip-footnote p{margin:0}.ip-loading,.ip-error{text-align:center;padding:32px;color:var(--text-muted)}.ip-error button{margin-top:8px;background:var(--accent-primary, #5865f2);color:#fff;border:none;padding:8px 20px;border-radius:6px;font-weight:600;cursor:pointer}.dmcv{display:flex;flex-direction:column;padding:12px 16px 8px;background:var(--bg-primary, #1a1a1d);border-bottom:1px solid var(--bg-tertiary, #2d2d32);flex-shrink:0;position:relative}.dmcv-gift-nudge{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:6px 10px;font-size:.8rem;color:var(--text-secondary, #b5bac1);background:#00b89414;border:1px solid rgba(0,184,148,.25);border-radius:6px}.dmcv-gift-nudge span{flex:1}.dmcv-gift-link{background:none;border:none;color:var(--accent-primary, #00b894);font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap}.dmcv-gift-link:hover{text-decoration:underline}.dmcv-gift-close{background:none;border:none;color:var(--text-muted, #949ba4);cursor:pointer;display:flex;padding:2px}.dmcv-whiteboard{position:relative;width:100%;height:360px;border-radius:10px;overflow:hidden;background:#1e1f22}.dmcv-wb-composite{position:relative;width:100%;height:360px;border-radius:10px;overflow:hidden;background:#000}.dmcv-wb-composite>:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dmcv-wb-composite .whiteboard,.dmcv-wb-composite .whiteboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.dmcv-upsell-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0009}.dmcv-upsell{position:relative;max-width:360px;text-align:center;background:var(--bg-secondary, #2b2d31);border:1px solid var(--bg-tertiary, #3f4147);border-radius:12px;padding:28px 24px}.dmcv-upsell h3{margin:12px 0 8px;color:var(--text-primary, #f2f3f5)}.dmcv-upsell p{color:var(--text-secondary, #b5bac1);font-size:.875rem;line-height:1.5;margin:0 0 18px}.dmcv-upsell-icon{color:#faa61a}.dmcv-upsell-btn{background:#faa61a;color:#1e1f22;border:none;border-radius:6px;padding:10px 22px;font-weight:700;cursor:pointer}.dmcv-upsell-close{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--text-muted, #949ba4);cursor:pointer}.dmcv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;min-height:220px}.dmcv[data-count="1"] .dmcv-grid,.dmcv[data-count="2"] .dmcv-grid{min-height:280px}.dmcv-tile{position:relative;background:var(--bg-secondary, #242428);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;border:3px solid transparent;transition:border-color .15s,box-shadow .15s;min-height:180px}.dmcv-tile.speaking{border-color:var(--success, #3ba55c);box-shadow:0 0 0 2px #3ba55c59,0 0 18px #3ba55c73}.dmcv-tile.speaking .dmcv-tile-info{background:#3ba55cb3}.dmcv-tile-speaking-icon{color:var(--success, #3ba55c);animation:dmcv-speaking-pulse 1.2s ease-in-out infinite}.dmcv-tile.speaking .dmcv-tile-speaking-icon{color:#fff}@keyframes dmcv-speaking-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.dmcv-tile.screen{background:var(--bg-tertiary, #2d2d32)}.dmcv-tile .voice-tile-video{width:100%;height:100%}.dmcv-avatar{width:96px;height:96px;border-radius:var(--avatar-radius);background:var(--bg-tertiary, #2d2d32);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-primary, #fff);font-size:1.8rem;font-weight:600;flex-shrink:0}.dmcv-avatar img{width:100%;height:100%;object-fit:cover}.dmcv-tile-info{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:#0000008c;border-radius:6px;color:var(--text-primary, #fff);font-size:.78rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dmcv-tile-muted{color:var(--danger, #ed4245)}.dmcv-toolbar{display:flex;justify-content:center;gap:10px;margin-top:10px}.dmcv-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-tertiary, #2d2d32);color:var(--text-primary, #fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s,transform .08s}.dmcv-btn:hover{background:var(--bg-hover, #36363c)}.dmcv-btn:active{transform:scale(.94)}.dmcv-btn.off{background:var(--danger, #ed4245);color:#fff}.dmcv-btn.off:hover{background:#c73a3d}.dmcv-btn.active{background:var(--accent-primary, #00b894);color:#fff}.dmcv-btn.active:hover{background:var(--accent-hover, #009677)}.dmcv-btn-leave{background:var(--danger, #ed4245);color:#fff}.dmcv-btn-leave:hover{background:#c73a3d}.home-view{display:flex;height:100%;background:var(--bg-secondary)}.home-sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--bg-primary);display:flex;flex-direction:column}.messages-header{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 12px}.messages-header h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.messages-header-icons{display:flex;gap:8px}.header-icon-btn{position:relative;width:34px;height:34px;border-radius:50%;background:var(--bg-tertiary);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-icon-badge{position:absolute;top:-2px;right:-2px;background:var(--danger);color:#fff;font-size:.625rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg-secondary)}.messages-search{margin:0 10px 10px;padding:10px 14px;display:flex;align-items:center;gap:10px;background:var(--bg-primary);border-radius:20px;color:var(--text-muted)}.messages-search input{background:transparent;border:none;color:var(--text-primary);font-size:.875rem;flex:1;outline:none}.messages-search input::placeholder{color:var(--text-muted)}.home-nav-menu{display:flex;flex-direction:column;gap:2px;padding:0 8px;margin-bottom:10px}.home-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s}.home-nav-item:hover,.home-nav-item.active{background:var(--bg-hover);color:var(--text-primary)}.home-nav-item svg{color:var(--text-muted);flex-shrink:0}.home-nav-item:hover svg,.home-nav-item.active svg{color:var(--accent-primary)}.ignite-page{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto}.ignite-hero{max-width:480px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.ignite-hero svg{color:var(--accent-primary)}.ignite-hero h1{font-size:2rem;font-weight:700;margin:0}.ignite-hero p{color:var(--text-muted);margin:0;line-height:1.5}.ignite-cta{margin-top:12px;padding:12px 28px;background:var(--accent-primary);color:#fff;border:none;border-radius:24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:filter .15s}.ignite-cta:hover{filter:brightness(1.1)}.voice-sessions-list{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.voice-session-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px;background:var(--bg-tertiary);border:1px solid rgba(59,165,92,.25);border-radius:10px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.voice-session-card:hover{background:var(--bg-hover);border-color:#3ba55c80}.voice-session-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--accent-primary),#7289da);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.voice-session-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.voice-session-title{color:var(--text-primary);font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-session-subtitle{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.75rem}.voice-live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 4px var(--success)}.sidebar-section{flex:1;overflow-y:auto;padding:8px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.add-dm-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center}.add-dm-btn:hover{color:var(--text-primary)}.dm-list{display:flex;flex-direction:column;gap:2px}.dm-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px;background:transparent;border:none;border-radius:4px;cursor:pointer;text-align:left;transition:background .15s}.dm-item:hover,.dm-item.active{background:var(--bg-hover)}.dm-item .dm-info{flex:1;min-width:0}.dm-unread-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:#f23f43;color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}.dm-close-btn{display:none;flex-shrink:0;width:20px;height:20px;align-items:center;justify-content:center;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-muted, #949ba4);cursor:pointer;transition:color .15s,background .15s}.dm-item:hover .dm-close-btn{display:flex}.dm-close-btn:hover{color:var(--text-primary, #f2f3f5);background:#ffffff14}.dm-item:hover .dm-unread-badge{display:none}.dm-context-menu{position:fixed;z-index:41;min-width:160px;background:var(--bg-floating, #111214);border:1px solid var(--border-color, #2b2d31);border-radius:8px;padding:6px;box-shadow:0 8px 24px #0006}.dm-context-menu button{display:block;width:100%;text-align:left;padding:8px;background:transparent;border:none;border-radius:4px;color:var(--text-primary, #f2f3f5);font-size:.875rem;cursor:pointer}.dm-context-menu button:hover{background:var(--accent-primary, #5865f2);color:#fff}.dm-mute-wrap{position:relative;display:inline-flex}.dm-mute-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.dm-mute-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:41;min-width:200px;background:var(--bg-floating, #111214);border:1px solid var(--border-color, #2b2d31);border-radius:8px;padding:6px;box-shadow:0 8px 24px #0006}.dm-mute-menu-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #949ba4);padding:6px 8px 4px}.dm-mute-menu button{display:block;width:100%;text-align:left;padding:8px;background:transparent;border:none;border-radius:4px;color:var(--text-primary, #f2f3f5);font-size:.875rem;cursor:pointer}.dm-mute-menu button:hover{background:var(--accent-primary, #5865f2);color:#fff}.dm-avatar{width:32px;height:32px;border-radius:var(--avatar-radius);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem;font-weight:600;overflow:hidden;flex-shrink:0}.dm-avatar img{width:100%;height:100%;object-fit:cover}.dm-info{flex:1;min-width:0;display:flex;flex-direction:column}.dm-info .dm-name{color:var(--text-primary);font-size:.9375rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-info .dm-preview{color:var(--text-muted);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-content{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);min-width:0;position:relative}.home-mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);padding:8px;border-radius:4px;cursor:pointer;align-items:center;justify-content:center}.home-mobile-menu-btn:hover{background:var(--bg-hover)}.home-sidebar-overlay{display:none}@media (max-width: 768px){.home-view{position:relative;width:100%}.home-mobile-menu-btn{display:none!important}.home-view.mobile-home-main .home-sidebar{position:static;width:100%;max-width:none;border-right:none}.home-view.mobile-home-main .home-content,.home-view.mobile-content-main .home-sidebar{display:none}.home-view.mobile-content-main .home-content{width:100%}.friends-tabs{overflow-x:auto}}.friends-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary);color:var(--text-primary);font-weight:600}.friends-tabs{display:flex;gap:8px;margin-left:16px}.friends-tabs button{background:transparent;border:none;padding:6px 12px;border-radius:4px;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.friends-tabs button:hover,.friends-tabs button.active{background:var(--bg-hover);color:var(--text-primary)}.friends-tabs button.add-friend-btn{background:var(--success);color:#fff}.friends-tabs button.add-friend-btn:hover{background:#3ba55d}.friends-tabs button .count{margin-left:4px;background:var(--danger);color:#fff;font-size:.75rem;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.friends-list{flex:1;overflow-y:auto;padding:16px}.friends-list h3{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.friend-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;margin-bottom:4px;cursor:pointer;transition:background .15s}.friend-item:hover{background:var(--bg-hover)}.friend-avatar{position:relative;width:40px;height:40px;border-radius:var(--avatar-radius);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:600;overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-avatar .status-dot{position:absolute;bottom:0;left:50%;transform:translate(-50%,30%);width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-primary);background:var(--text-muted)}.friend-avatar .status-dot.online{background:var(--success)}.friend-info{flex:1;display:flex;flex-direction:column;min-width:0}.friend-name{color:var(--text-primary);font-weight:600}.friend-status{color:var(--text-muted);font-size:.8125rem}.friend-actions{display:flex;gap:8px}.friend-actions .action-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.friend-actions .action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.friend-actions .action-btn.accept:hover{background:var(--success);color:#fff}.friend-actions .action-btn.reject:hover{background:var(--danger);color:#fff}.add-friend-section{padding:20px}.add-friend-section h2{color:var(--text-primary);font-size:1rem;font-weight:700;text-transform:uppercase;margin-bottom:8px}.add-friend-section p{color:var(--text-muted);margin-bottom:16px}.add-friend-form{display:flex;background:var(--bg-tertiary);border-radius:8px;padding:4px}.add-friend-form input{flex:1;background:transparent;border:none;padding:12px;color:var(--text-primary);font-size:1rem;outline:none}.add-friend-form input::placeholder{color:var(--text-muted)}.add-friend-form button{background:var(--accent-primary);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:background .15s}.add-friend-form button:hover:not(:disabled){background:var(--accent-hover)}.add-friend-form button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--danger);margin-top:8px;font-size:.875rem}.success-message{color:var(--success);margin-top:8px;font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);text-align:center}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state button{margin-top:16px;background:var(--accent-primary);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer}.dm-chat{display:flex;flex-direction:column;height:100%}.dm-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary)}.dm-header .dm-name{color:var(--text-primary);font-weight:600;font-size:1rem}.dm-voice-connected-badge{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:3px 10px;border-radius:999px;background:#3ba55c26;border:1px solid rgba(59,165,92,.4);color:var(--success, #3ba55c);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.dm-voice-connected-badge .dm-voice-live-dot{width:6px;height:6px;border-radius:50%;background:var(--success, #3ba55c);box-shadow:0 0 #3ba55cb3;animation:dm-voice-live-pulse 1.6s ease-out infinite}@keyframes dm-voice-live-pulse{0%{box-shadow:0 0 #3ba55cb3}70%{box-shadow:0 0 0 6px #3ba55c00}to{box-shadow:0 0 #3ba55c00}}.dm-header-actions{margin-left:auto;display:flex;gap:8px}.dm-header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;background:var(--bg-tertiary);color:var(--text-secondary);transition:background .15s,color .15s}.dm-header-btn:hover{background:var(--bg-hover, #3a3c42);color:var(--text-primary)}.dm-call-start:hover{background:var(--success, #3ba55c);color:#fff}.dm-call-leave{background:#ed4245;color:#fff}.dm-call-leave:hover{background:#c13538}.dm-calling-label{font-size:.82rem;font-weight:600;color:var(--text-secondary, #b9bbbe);letter-spacing:.02em;margin-right:4px;display:inline-flex;align-items:center}.dm-calling-dots{display:inline-flex;margin-left:2px}.dm-calling-dots span{opacity:0;animation:dm-calling-dot 1.2s infinite}.dm-calling-dots span:nth-child(1){animation-delay:0s}.dm-calling-dots span:nth-child(2){animation-delay:.2s}.dm-calling-dots span:nth-child(3){animation-delay:.4s}@keyframes dm-calling-dot{0%,20%{opacity:0}40%,60%{opacity:1}80%,to{opacity:0}}.dm-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.dm-message{display:flex;gap:12px}.message-avatar{width:40px;height:40px;border-radius:var(--avatar-radius);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:600;overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.message-author{color:var(--text-primary);font-weight:500}.message-avatar-clickable,.message-author-clickable{cursor:pointer}.message-author-clickable:hover{text-decoration:underline}.message-avatar-clickable:hover{filter:brightness(1.1)}.message-time{color:var(--text-muted);font-size:.75rem}.message-content p{color:var(--text-primary);margin:0;word-wrap:break-word}.dm-input{padding:16px}.dm-input-locked{margin:0 16px 16px;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-muted);font-size:.85rem;text-align:center}.dm-input input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-primary);font-size:1rem;outline:none}.dm-input input::placeholder{color:var(--text-muted)}.you-page{flex:1;background:var(--bg-primary);overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.you-header{display:flex;align-items:center;gap:16px;padding:8px 4px 16px}.you-avatar{width:72px;height:72px;border-radius:var(--avatar-radius);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.8rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.you-avatar img{width:100%;height:100%;object-fit:cover}.you-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.you-identity h1{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-username{color:var(--text-muted);font-size:.9rem}.you-section{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:12px;overflow:hidden}.you-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:none;border:none;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s}.you-row+.you-row{border-top:1px solid rgba(255,255,255,.04)}.you-row:hover,.you-row:active{background:var(--bg-hover)}.you-row-icon{width:36px;height:36px;border-radius:10px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.you-row-icon.shop{background:#5865f226;color:var(--accent-primary)}.you-row-icon.ignite{background:#faa61a26;color:var(--warning)}.you-row-label{flex:1}.you-row-chevron{color:var(--text-muted);flex-shrink:0}.you-row.danger{color:var(--danger)}.you-row.danger .you-row-icon{background:#ed424526;color:var(--danger)}.notifications-page{flex:1;background:var(--bg-primary);overflow-y:auto;display:flex;flex-direction:column}.notifications-header{padding:20px 20px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.notifications-header h1{font-size:1.4rem;font-weight:700;margin:0;color:var(--text-primary)}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);padding:80px 20px}.notifications-empty p{margin:0;font-size:.95rem}.notifications-section{padding:16px 16px 8px}.notifications-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 10px 4px;font-weight:600}.notification-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border-radius:10px;margin-bottom:8px;cursor:pointer;transition:background .15s}.notification-item:hover{background:var(--bg-hover)}.notification-avatar{width:42px;height:42px;border-radius:var(--avatar-radius);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:600;color:var(--text-primary);flex-shrink:0}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.notification-sub{font-size:.8rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.notification-actions{display:flex;gap:6px;flex-shrink:0}.notif-btn{width:34px;height:34px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.notif-btn.accept{background:#3ba55c26;color:var(--success)}.notif-btn.accept:hover{background:var(--success);color:#fff}.notif-btn.reject{background:#ed424526;color:var(--danger)}.notif-btn.reject:hover{background:var(--danger);color:#fff}.notifications-header{display:flex;align-items:center;justify-content:space-between}.notif-mark-all{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary);color:var(--text-muted);border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer}.notif-mark-all:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-item.unread{background:var(--bg-hover)}.notif-type-icon{background:#5865f22e;color:#8b9bff}.notification-time{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-muted);flex-shrink:0}.unread-dot{width:8px;height:8px;border-radius:50%;background:#5865f2;display:inline-block}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column-reverse;gap:8px;z-index:99999;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;box-shadow:0 4px 20px #00000059;animation:toast-in .25s ease forwards;max-width:420px;word-break:break-word}.toast-icon{display:flex;flex-shrink:0}.toast-success{background:var(--success, #3ba55c)}.toast-error{background:var(--danger, #ed4245)}.toast-warning{background:var(--warning, #faa61a);color:#1a1a1d}.toast-info{background:var(--bg-tertiary, #2d2d32);border:1px solid rgba(255,255,255,.08)}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100000;animation:confirm-fade .15s ease}.confirm-dialog{background:var(--bg-secondary, #242428);border-radius:12px;padding:24px;max-width:440px;width:90vw;box-shadow:0 8px 32px #00000073;animation:confirm-scale .15s ease}.confirm-body{font-size:.95rem;line-height:1.5;color:var(--text-primary, #fff);margin-bottom:20px;white-space:pre-line}.prompt-input{width:100%;box-sizing:border-box;margin-bottom:20px;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:var(--bg-primary, #1a1a1d);color:var(--text-primary, #fff);font-size:.9rem;outline:none;transition:border-color .15s}.prompt-input:focus{border-color:var(--accent-primary, #5865f2)}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-btn{padding:8px 20px;border-radius:6px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:background .15s,opacity .15s}.confirm-btn:hover{opacity:.85}.confirm-btn-cancel{background:var(--bg-hover, #36363c);color:var(--text-secondary, #b9bbbe)}.confirm-btn-ok{background:var(--accent-primary, #5865f2);color:#fff}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.platform-notice-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:4000;display:flex;flex-direction:column;gap:.5rem;width:min(440px,calc(100vw - 2rem));pointer-events:none}.platform-notice{pointer-events:auto;display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:10px;background:var(--bg-primary, #1e1f22);border:1px solid var(--border, #3a3c42);box-shadow:0 10px 30px #00000073;animation:pn-slide-in .22s ease-out}.platform-notice.warning{border-left:4px solid #f04747}.platform-notice.message{border-left:4px solid #5865f2}.pn-icon{flex-shrink:0;margin-top:.1rem}.platform-notice.warning .pn-icon{color:#f04747}.platform-notice.message .pn-icon{color:#5865f2}.pn-body{flex:1;min-width:0}.pn-title{font-weight:700;font-size:.9rem;color:var(--text-primary, #f2f3f5)}.pn-text{margin-top:.15rem;font-size:.83rem;color:var(--text-secondary, #b5bac1);white-space:pre-wrap;word-break:break-word}.pn-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted, #80848e);cursor:pointer;padding:.1rem}.pn-close:hover{color:var(--text-primary, #f2f3f5)}@keyframes pn-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.desktop-titlebar{display:flex;align-items:center;height:32px;min-height:32px;background:var(--bg-tertiary);border-bottom:1px solid rgba(0,0,0,.35);padding:0 6px 0 8px;flex-shrink:0;user-select:none;-webkit-user-select:none;z-index:10}.desktop-titlebar .dtb-left{display:flex;align-items:center;gap:6px;-webkit-app-region:no-drag}.desktop-titlebar .dtb-drag{flex:1;align-self:stretch;cursor:default}.desktop-titlebar .dtb-right{display:flex;align-items:center;gap:2px;-webkit-app-region:no-drag}.desktop-titlebar .dtb-context{display:flex;align-items:center;gap:6px;min-width:0;font-size:.82rem;font-weight:600;color:var(--text-primary)}.desktop-titlebar .dtb-server{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-primary);font:inherit;cursor:pointer;padding:2px 6px;border-radius:5px;max-width:220px;transition:background .12s}.desktop-titlebar .dtb-server:hover{background:#ffffff0f}.desktop-titlebar .dtb-server-icon{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);font-size:.7rem;font-weight:700;color:var(--text-secondary)}.desktop-titlebar .dtb-server-icon img{width:100%;height:100%;object-fit:cover}.desktop-titlebar .dtb-server-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-titlebar .dtb-chevron{color:var(--text-muted);flex-shrink:0}.desktop-titlebar .dtb-channel,.desktop-titlebar .dtb-dm,.desktop-titlebar .dtb-home{display:flex;align-items:center;gap:5px;min-width:0;color:var(--text-secondary)}.desktop-titlebar .dtb-channel svg,.desktop-titlebar .dtb-home svg,.desktop-titlebar .dtb-dm-at{color:var(--text-muted);flex-shrink:0}.desktop-titlebar .dtb-channel>span,.desktop-titlebar .dtb-dm-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.desktop-titlebar .dtb-channel:before{content:"";width:1px;height:16px;background:#ffffff1a;margin-right:2px}.desktop-titlebar .dtb-dm-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);font-size:.7rem;font-weight:700;color:var(--text-secondary)}.desktop-titlebar .dtb-dm-avatar img{width:100%;height:100%;object-fit:cover}body.tauri-desktop .chat-header{display:none}.desktop-titlebar .dtb-btn{background:transparent;border:none;color:var(--text-muted);width:28px;height:24px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .12s,color .12s}.desktop-titlebar .dtb-btn:hover,.desktop-titlebar .dtb-btn.active{background:#ffffff14;color:var(--text-primary)}.desktop-titlebar .dtb-back{color:var(--text-secondary)}.desktop-titlebar .dtb-window-controls{display:flex;align-items:center;margin-left:4px;padding-left:4px;border-left:1px solid rgba(255,255,255,.06)}.desktop-titlebar .dtb-win-btn{background:transparent;border:none;color:var(--text-muted);width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:3px;transition:background .12s,color .12s}.desktop-titlebar .dtb-win-btn:hover{background:#ffffff14;color:var(--text-primary)}.desktop-titlebar .dtb-win-btn.dtb-close:hover{background:#e81123;color:#fff}@media (max-width: 600px){.desktop-titlebar{display:none}}.desktop-titlebar .dtb-inbox{position:relative}.desktop-titlebar .dtb-inbox-badge{position:absolute;top:-2px;right:-2px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#ed4245;color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center}:root{--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right);--bg-primary: #1a1a1d;--bg-secondary: #242428;--bg-tertiary: #2d2d32;--bg-hover: #36363c;--text-primary: #ffffff;--text-secondary: #b9bbbe;--text-muted: #72767d;--accent-primary: #00b894;--accent-hover: #009677;--success: #3ba55c;--avatar-radius: 25%;--avatar-hex-clip: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);--warning: #faa61a;--danger: #ed4245;--online: #3ba55c;--idle: #faa61a;--dnd: #ed4245;--offline: #747f8d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}#root{height:100vh;width:100vw}body.tauri-desktop{--tauri-titlebar-h: 32px}body.tauri-desktop #root{display:flex;flex-direction:column}body.tauri-desktop .main-layout,body.tauri-desktop .landing,body.tauri-desktop .settings-page,body.tauri-desktop .safety-page,body.tauri-desktop .legal-page,body.tauri-desktop .shop-page,body.tauri-desktop .support-page,body.tauri-desktop .admin-panel,body.tauri-desktop .invite-page,body.tauri-desktop .auth-container{height:calc(100vh - var(--tauri-titlebar-h));min-height:calc(100vh - var(--tauri-titlebar-h))}.main-layout,.landing,.settings-page,.safety-page,.legal-page,.shop-page,.support-page,.admin-panel,.invite-page,.auth-container{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}body.tauri-desktop .main-layout,body.tauri-desktop .landing,body.tauri-desktop .settings-page,body.tauri-desktop .safety-page,body.tauri-desktop .legal-page,body.tauri-desktop .shop-page,body.tauri-desktop .support-page,body.tauri-desktop .admin-panel,body.tauri-desktop .invite-page,body.tauri-desktop .auth-container{padding:0}.welcome{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:1.25rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;outline:none;background:var(--bg-tertiary, #1e1f22);border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--text-primary, #dcddde);padding:8px 12px;font-size:.9rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary, #5865f2)}input::placeholder,textarea::placeholder{color:var(--text-muted, #72767d)}select{cursor:pointer;-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 24 24' fill='none' stroke='%2372767d' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}select option{background:var(--bg-secondary, #2b2d31);color:var(--text-primary, #dcddde)}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}.user-avatar,.user-avatar img,.menu-avatar,.menu-avatar img,.message-avatar,.message-avatar img,.member-avatar,.member-avatar img,.uc-avatar,.uc-avatar img,.detail-avatar,.detail-avatar img,.notification-avatar,.notification-avatar img,.dm-avatar,.dm-avatar img,.friend-avatar,.friend-avatar img,.top-bar-dm-avatar,.top-bar-dm-avatar img,.mention-option-avatar,.mention-option-avatar img,.participant-avatar,.participant-avatar img,.voice-tile-avatar,.voice-tile-avatar img,.voice-participant-avatar,.voice-participant-avatar img,.admin-avatar,.admin-avatar img,.ascender-avatar,.ascender-avatar img,.avatar-preview,.avatar-preview img,.bottom-tab-avatar,.bottom-tab-avatar img,.invite-card-icon,.invite-card-icon img,.channel-invite-card-icon,.channel-invite-card-icon img{border-radius:8px!important}.user-avatar,.menu-avatar,.message-avatar,.member-avatar,.uc-avatar,.uc-voice-avatar,.detail-avatar,.notification-avatar,.dm-avatar,.friend-avatar,.top-bar-dm-avatar,.mention-option-avatar,.participant-avatar,.voice-tile-avatar,.voice-participant-avatar,.admin-avatar,.ascender-avatar,.avatar-preview,.bottom-tab-avatar,.invite-card-icon,.channel-invite-card-icon,.fp-avatar,.fp-list-avatar,.you-avatar{clip-path:var(--avatar-hex-clip)}.profile-prompts{display:flex;flex-direction:column;gap:8px}.profile-prompt{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--bg-tertiary, rgba(255, 255, 255, .06));clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.profile-prompt-q{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.profile-prompt-a{font-size:.95rem;color:var(--text-primary);line-height:1.35;word-break:break-word}