.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:auto}.auth-bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(88,101,242,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(88,101,242,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.auth-container{width:100%;max-width:420px;z-index:1}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo-icon{font-size:48px;color:var(--cyan);text-shadow:0 0 30px rgba(0,212,255,.6);margin-bottom:12px}.auth-logo h1{font-family:var(--font-display);font-size:28px;letter-spacing:4px;background:linear-gradient(135deg,var(--text-primary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo p{color:var(--text-muted);margin-top:8px;font-size:14px}.auth-form{padding:32px}.auth-form h2{font-size:20px;margin-bottom:24px;font-weight:600}.auth-form label{display:block;margin-bottom:16px;font-size:13px;font-weight:500;color:var(--text-secondary)}.auth-form label input{display:block;width:100%;margin-top:6px}.auth-error{background:#ed42451f;border:1px solid rgba(237,66,69,.3);color:var(--red);padding:10px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:13px}.auth-submit{width:100%;margin-top:8px;padding:12px}.auth-switch{text-align:center;margin-top:20px;font-size:13px;color:var(--text-muted)}.auth-switch a{color:var(--accent-bright);font-weight:500}.app-layout{display:flex;height:100vh;overflow:hidden}.server-rail{width:72px;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto}.server-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;background:var(--bg-elevated);transition:all .2s;cursor:pointer;overflow:hidden;flex-shrink:0}.server-icon:hover,.server-icon.active{border-radius:16px}.server-icon.active{box-shadow:0 0 0 2px var(--cyan)}.home-icon{background:linear-gradient(135deg,var(--accent),var(--cyan));font-size:20px}.discover-icon{background:var(--bg-secondary);color:var(--cyan);font-size:18px;border:1px dashed rgba(0,212,255,.3)}.add-server,.join-server{background:var(--bg-secondary);color:var(--green);font-size:22px;border:1px dashed var(--border)}.join-server{color:var(--cyan);font-size:16px}.server-divider{width:32px;height:2px;background:var(--border);border-radius:1px;flex-shrink:0}.nav-sidebar{width:240px;background:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border)}.nav-header{padding:16px;border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0003}.nav-brand{font-family:var(--font-display);font-size:13px;letter-spacing:2px;color:var(--cyan)}.nav-links{flex:1;padding:12px 8px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--text-secondary);font-weight:500;font-size:14px;margin-bottom:2px;transition:all .15s;text-decoration:none}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-link.active{background:#5865f233;color:var(--text-primary)}.nav-link.admin-link.active{background:#eb459e26}.nav-icon{width:20px;text-align:center;opacity:.8}.user-bar{display:flex;align-items:center;gap:8px;padding:10px;background:var(--bg-elevated);margin:8px;border-radius:var(--radius)}.user-avatar-wrap{position:relative;flex-shrink:0}.avatar-img{object-fit:cover;width:100%;height:100%}.status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-elevated)}.user-info{flex:1;min-width:0}.user-name{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badges{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}.badge-nexus-admin{background:#5865f233;color:var(--accent-bright)}.badge-nexus-mod{background:#57f28733;color:var(--green)}.badge-dev{background:#00d4ff33;color:var(--cyan)}.settings-icon-btn{background:transparent;color:var(--text-muted);font-size:15px;padding:4px;border-radius:4px;transition:all .15s;flex-shrink:0}.settings-icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.logout-btn{background:transparent;color:var(--text-muted);font-size:16px;padding:4px;border-radius:4px;flex-shrink:0}.logout-btn:hover{color:var(--red);background:#ed42451a}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-primary)}[data-theme=light]{--bg-deep: #e3e5e8;--bg-primary: #ffffff;--bg-secondary: #f2f3f5;--bg-elevated: #ebedef;--bg-hover: #d9dadc;--border: rgba(0,0,0,.1);--text-primary: #060607;--text-secondary: #4f5660;--text-muted: #8e9297;--glass: rgba(242,243,245,.95)}[data-theme=light] body:before{opacity:.3}@media(max-width:768px){.nav-sidebar{width:200px}.server-rail{width:56px}.server-icon{width:40px;height:40px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{width:100%;max-width:440px;padding:28px}.modal h2{font-size:20px;margin-bottom:8px}.modal-desc{color:var(--text-muted);font-size:13px;margin-bottom:20px}.modal label{display:block;margin-bottom:14px;font-size:13px;color:var(--text-secondary);font-weight:500}.modal label input,.modal label textarea{display:block;width:100%;margin-top:6px}.modal-error{background:#ed42451f;border:1px solid rgba(237,66,69,.3);color:var(--red);padding:10px;border-radius:var(--radius);margin-bottom:14px;font-size:13px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.us-modal{display:flex;width:85vw;max-width:800px;height:75vh;max-height:650px;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #00000080}.us-sidebar{width:200px;background:var(--bg-secondary);display:flex;flex-direction:column;padding:16px 8px;flex-shrink:0}.us-sidebar-header{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:1px;padding:4px 10px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.us-tabs{flex:1;display:flex;flex-direction:column;gap:2px}.us-tab{text-align:left;padding:9px 12px;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;transition:all .15s}.us-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.us-tab.active{background:#5865f233;color:var(--text-primary)}.us-close{background:transparent;color:var(--text-muted);font-size:13px;padding:8px 12px;border-radius:6px;text-align:left;transition:all .15s;margin-top:8px}.us-close:hover{background:#ed42451a;color:var(--red)}.us-content{flex:1;overflow-y:auto;padding:28px 32px}.us-title{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:24px}.us-error{background:#ed424526;border:1px solid rgba(237,66,69,.3);color:var(--red);padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.us-success{background:#57f28726;border:1px solid rgba(87,242,135,.3);color:var(--green);padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.us-form{display:flex;flex-direction:column;gap:14px}.us-form label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.us-form input:not([type=checkbox]):not([type=radio]):not([type=color]),.us-form textarea,.us-form select{width:100%}.hint{font-size:12px;color:var(--text-muted);margin-top:-6px}.profile-preview{margin-bottom:24px}.profile-preview-card{display:flex;gap:16px;padding:16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start}.pp-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0}.pp-avatar img{width:100%;height:100%;object-fit:cover}.pp-status{position:absolute;bottom:3px;right:3px;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg-elevated)}.pp-info{flex:1}.pp-name{font-size:18px;font-weight:700}.pp-username{font-size:13px;color:var(--text-muted);margin-bottom:6px}.pp-bio{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.pp-badges{display:flex;gap:6px;flex-wrap:wrap}.badge-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#5865f233;color:var(--accent-bright)}.badge-chip img{width:14px;height:14px;border-radius:2px;object-fit:cover}.badge-owner{background:#fee75c33;color:var(--yellow)}.status-options{display:flex;flex-wrap:wrap;gap:8px}.status-option{padding:6px 14px;border-radius:20px;font-size:13px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);transition:all .15s}.status-option:hover{background:var(--bg-hover)}.status-option.active{background:var(--bg-hover);color:var(--text-primary)}.bio-expiry-row{display:flex;gap:20px;align-items:center;margin-top:-6px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer}.theme-mode-row{display:flex;gap:10px}.theme-mode-btn{flex:1;padding:12px;border-radius:var(--radius);background:var(--bg-elevated);border:2px solid var(--border);color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .15s}.theme-mode-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.theme-mode-btn.active{border-color:var(--accent);color:var(--text-primary);background:#5865f226}.color-picker-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.color-custom-input{width:40px!important;height:40px!important;border-radius:50%!important;padding:0!important;cursor:pointer;border:2px dashed var(--border)!important}.theme-preview{padding:16px;background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border);display:flex;align-items:center;gap:16px}.preview-label{font-size:12px;color:var(--text-muted)}.preview-bar{height:4px;flex:1;border-radius:2px}.preview-button{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.voice-info-box{background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:var(--radius);padding:12px 14px}.voice-info-box p{font-size:13px;color:var(--text-secondary)}.page-shell{flex:1;overflow-y:auto;padding:24px 32px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.page-header h1{font-family:var(--font-display);font-size:22px;letter-spacing:1px}.page-subtitle{color:var(--text-muted);font-size:14px;margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:28px}.stat-card{padding:24px;text-decoration:none;transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-glow);text-decoration:none}.stat-value{display:block;font-family:var(--font-display);font-size:36px;font-weight:700;line-height:1}.stat-label{display:block;margin-top:8px;color:var(--text-secondary);font-size:13px}.quick-actions{padding:24px}.quick-actions h2{font-size:16px;margin-bottom:16px;color:var(--text-secondary)}.action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.action-btn{padding:14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-align:center;color:var(--text-primary);font-weight:500;font-size:13px;transition:all .2s;text-decoration:none}.action-btn:hover{background:var(--bg-hover);border-color:var(--accent);text-decoration:none}.item-list{display:flex;flex-direction:column;gap:10px}.item-card{padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.item-card:hover{border-color:#5865f24d}.item-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.item-card h3{font-size:15px;font-weight:600}.item-meta{font-size:12px;color:var(--text-muted)}.item-actions{display:flex;gap:8px;flex-shrink:0}.form-inline{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row>*{flex:1;min-width:140px}.server-page{display:flex;flex:1;overflow:hidden;height:100%}.channel-sidebar{width:220px;background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--border);flex-shrink:0}.channel-header{padding:12px 12px 8px;border-bottom:1px solid var(--border);box-shadow:0 2px 4px #00000026}.channel-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.server-name{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.settings-btn{background:transparent;color:var(--text-muted);font-size:16px;padding:4px 6px;border-radius:4px;transition:all .15s;flex-shrink:0}.settings-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.invite-btn{width:100%;font-size:11px}.channel-list{padding:8px 4px;flex:1;overflow-y:auto}.channel-group{margin-bottom:4px}.channel-category-label{display:block;font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.8px;padding:10px 10px 4px;text-transform:uppercase}.channel-category-btn{display:flex;align-items:center;gap:4px;width:100%;text-align:left;padding:6px 8px;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;background:transparent;transition:color .15s}.channel-category-btn:hover{color:var(--text-secondary)}.cat-arrow{display:inline-block;transition:transform .2s;font-size:14px;transform:rotate(90deg)}.cat-arrow.collapsed{transform:rotate(0)}.channel-item{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:7px 8px 7px 16px;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .1s;position:relative}.channel-item:hover,.channel-item.active{background:var(--bg-hover);color:var(--text-primary)}.channel-hash{font-size:16px;color:var(--text-muted);flex-shrink:0}.channel-voice-icon{font-size:14px;flex-shrink:0}.vc-count{margin-left:auto;background:var(--bg-elevated);color:var(--text-muted);font-size:10px;padding:1px 5px;border-radius:10px}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-primary)}.chat-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #00000026}.chat-header-name{font-weight:600;font-size:15px}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px}.chat-welcome{padding:40px 0;text-align:center}.chat-welcome-icon{font-size:48px;margin-bottom:16px}.chat-welcome h2{font-size:24px;font-weight:700;margin-bottom:8px}.chat-welcome p{color:var(--text-muted)}.chat-message{display:flex;gap:12px;padding:2px 8px;border-radius:4px;transition:background .1s}.chat-message:hover{background:#ffffff05}.chat-message.grouped{margin-top:2px}.chat-message:not(.grouped){margin-top:16px}.avatar-placeholder{width:28px;flex-shrink:0}.message-body{flex:1;min-width:0}.message-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-author{font-weight:600;font-size:14px}.message-time{font-size:11px;color:var(--text-muted)}.message-body p{font-size:14px;line-height:1.45;color:var(--text-primary);word-break:break-word}.chat-input-bar{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.chat-input-bar input{flex:1;border-radius:20px;padding:12px 18px}.muted-notice{flex:1;padding:12px 18px;background:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:20px;color:var(--red);font-size:14px}.member-sidebar{width:220px;background:var(--bg-secondary);border-left:1px solid var(--border);padding:12px 8px;overflow-y:auto;flex-shrink:0}.member-group{margin-bottom:16px}.member-category{display:block;font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.8px;padding:0 8px 6px;text-transform:uppercase}.member-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;transition:background .1s}.member-item:hover{background:var(--bg-hover)}.member-avatar-wrap{position:relative;flex-shrink:0}.avatar-img{object-fit:cover}.status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-secondary)}.status-online{background:var(--green)}.status-idle{background:var(--yellow)}.status-dnd{background:var(--red)}.status-invisible{background:var(--text-muted)}.muted-icon{position:absolute;top:-4px;right:-4px;font-size:10px}.member-info{display:flex;align-items:center;gap:4px;min-width:0}.member-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-crown{font-size:11px;flex-shrink:0}@media(max-width:1100px){.member-sidebar{display:none}}@media(max-width:800px){.channel-sidebar{width:180px}}.ss-modal{display:flex;width:90vw;max-width:900px;height:80vh;max-height:720px;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #00000080}.ss-sidebar{width:220px;background:var(--bg-secondary);display:flex;flex-direction:column;padding:16px 8px;flex-shrink:0}.ss-server-info{display:flex;align-items:center;gap:10px;padding:8px 10px 16px;border-bottom:1px solid var(--border);margin-bottom:8px}.ss-server-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;overflow:hidden;flex-shrink:0}.ss-server-icon img{width:100%;height:100%;object-fit:cover}.ss-server-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-tabs{flex:1;display:flex;flex-direction:column;gap:2px}.ss-tab{text-align:left;padding:9px 12px;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;transition:all .15s}.ss-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.ss-tab.active{background:#5865f233;color:var(--text-primary)}.ss-close{background:transparent;color:var(--text-muted);font-size:13px;padding:8px 12px;border-radius:6px;text-align:left;transition:all .15s;margin-top:8px}.ss-close:hover{background:#ed42451a;color:var(--red)}.ss-content{flex:1;overflow-y:auto;padding:28px 32px}.ss-title{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.ss-section{animation:fadeIn .2s ease}.ss-error{background:#ed424526;border:1px solid rgba(237,66,69,.3);color:var(--red);padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.ss-success{background:#57f28726;border:1px solid rgba(87,242,135,.3);color:var(--green);padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.ss-form{display:flex;flex-direction:column;gap:12px}.ss-form label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ss-form input[type=text],.ss-form input[type=color],.ss-form textarea,.ss-form input:not([type=checkbox]):not([type=radio]){width:100%}.form-row{display:flex;align-items:center;gap:20px;margin-bottom:8px}.form-col{display:flex;flex-direction:column;gap:8px}.ss-server-icon-big{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;overflow:hidden;flex-shrink:0}.ss-server-icon-big img{width:100%;height:100%;object-fit:cover}.hint{font-size:11px;color:var(--text-muted)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px!important;font-weight:400!important;color:var(--text-primary)!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.checkbox-label input{width:auto!important}.ss-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.roles-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.role-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-elevated);border-radius:var(--radius);cursor:pointer;transition:background .15s}.role-row:hover{background:var(--bg-hover)}.role-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.role-name{flex:1;font-size:14px;font-weight:500}.role-tag{font-size:10px;background:#5865f233;color:var(--accent);padding:2px 6px;border-radius:4px}.role-arrow{color:var(--text-muted);font-size:18px}.create-role-row{display:flex;gap:8px}.create-role-row input{flex:1}.role-editor{display:flex;flex-direction:column;gap:12px}.role-editor-title{font-size:16px;font-weight:700;margin:8px 0}.role-editor input[type=text],.role-editor input[type=color]{width:100%}.role-toggles{display:flex;flex-direction:column;gap:8px}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.perm-item{font-size:13px!important}.role-editor-actions{display:flex;gap:10px;margin-top:8px}.member-assign-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.member-assign-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--bg-elevated);border-radius:6px}.member-assign-row span{flex:1;font-size:13px}.channel-manage-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.channel-manage-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-elevated);border-radius:var(--radius)}.cat-icon,.chan-icon{font-size:14px;flex-shrink:0}.channel-manage-name{flex:1;font-size:13px;font-weight:500}.channel-manage-cat{font-size:11px;color:var(--text-muted)}.create-row{display:flex;gap:8px}.create-row input{flex:1}.create-row select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);padding:8px 10px;font-size:13px}.empty-hint{color:var(--text-muted);font-size:14px;padding:16px 0}.ban-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.ban-type-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ban-list{display:flex;flex-direction:column;gap:8px}.ban-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elevated);border-radius:var(--radius)}.ban-info{flex:1;display:flex;flex-direction:column;gap:2px}.ban-name{font-size:14px;font-weight:600}.ban-reason{font-size:12px;color:var(--text-secondary);font-style:italic}.ban-meta{font-size:11px;color:var(--text-muted)}.audit-list{display:flex;flex-direction:column;gap:8px}.audit-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elevated);border-radius:var(--radius);flex-wrap:wrap}.audit-action{font-size:13px;font-weight:600;flex:1;min-width:200px}.audit-by{font-size:12px;color:var(--text-secondary)}.audit-target{font-size:12px;color:var(--cyan)}.audit-time{font-size:11px;color:var(--text-muted);margin-left:auto}h3{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;margin-top:4px}h4{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.voice-view{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.voice-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.voice-title{font-weight:700;font-size:16px}.voice-sub{font-size:12px;color:var(--text-muted)}.voice-error{background:#ed42451a;border:1px solid rgba(237,66,69,.3);color:var(--red);padding:10px 20px;font-size:13px}.voice-join{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:40px}.voice-join-icon{font-size:64px}.voice-join h2{font-size:28px;font-weight:700}.voice-join p{color:var(--text-muted);max-width:400px}.voice-grid{flex:1;display:flex;flex-wrap:wrap;gap:12px;padding:20px;overflow-y:auto;align-content:flex-start}.voice-tile{position:relative;width:200px;height:150px;background:var(--bg-elevated);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.local-tile{border-color:var(--accent)}.voice-video{width:100%;height:100%;object-fit:cover}.voice-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;overflow:hidden}.voice-avatar img{width:100%;height:100%;object-fit:cover}.voice-name-tag{position:absolute;bottom:6px;left:8px;right:8px;text-align:center;font-size:12px;font-weight:600;background:#0009;padding:3px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;border-top:1px solid var(--border)}.vc-btn{width:52px;height:52px;border-radius:50%;font-size:22px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .2s}.vc-btn:hover{background:var(--bg-hover);transform:scale(1.05)}.vc-btn-off{background:#ed424533!important;border-color:var(--red)!important}.vc-btn-on{background:#5865f233!important;border-color:var(--accent)!important}.vc-btn-leave{background:#ed424533!important;border-color:var(--red)!important;transform:rotate(135deg)}.vc-btn-leave:hover{background:#ed424566!important}.admin-page .admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.admin-tab{padding:8px 16px;border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-secondary);font-weight:500;font-size:13px;border:1px solid var(--border)}.admin-tab.active{background:#eb459e26;color:var(--pink);border-color:#eb459e4d}.admin-flash{padding:10px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;margin-bottom:16px}.admin-flash-error{background:#ed424526;color:var(--red);border:1px solid rgba(237,66,69,.3)}.admin-flash-success{background:#57f2871f;color:var(--green);border:1px solid rgba(87,242,135,.25)}.admin-users-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-search{flex:1;max-width:360px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:13px}.admin-user-count{font-size:12px;color:var(--text-muted)}.admin-user-list{display:flex;flex-direction:column;gap:10px}.admin-user-card{padding:16px;border-radius:var(--radius);transition:border-color .15s}.card-disabled{border-left:3px solid var(--yellow)}.card-terminated{border-left:3px solid var(--red);opacity:.75}.auc-top{display:flex;align-items:center;gap:12px}.auc-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0;overflow:hidden}.auc-avatar img{width:100%;height:100%;object-fit:cover}.auc-info{flex:1;min-width:0}.auc-name{font-weight:600;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.auc-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.auc-reason{font-size:11px;color:var(--yellow);margin-top:2px}.auc-status{flex-shrink:0}.status-chip{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.chip-active{background:#57f28726;color:var(--green)}.chip-disabled{background:#fee75c26;color:var(--yellow)}.chip-terminated{background:#ed424526;color:var(--red)}.chip-timeout{background:#00d4ff26;color:#00d4ff}.role-chip{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.chip-admin{background:#eb459e33;color:var(--pink)}.chip-nexus-admin{background:#5865f233;color:#7289da}.chip-nexus-mod{background:#57f28726;color:var(--green)}.chip-dev{background:#fee75c26;color:var(--yellow)}.auc-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.btn-xs{font-size:12px;padding:4px 10px}.chip-disable-btn{color:var(--yellow)!important;border-color:#fee75c4d!important}.chip-active-btn{color:var(--green)!important;border-color:#57f2874d!important}.chip-terminate-btn{color:var(--red)!important;border-color:#ed42454d!important}.auc-expanded{margin-top:12px;padding:12px;background:var(--bg-elevated);border-radius:calc(var(--radius) - 2px);border:1px solid var(--border)}.auc-confirm p{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.auc-confirm strong{color:var(--text-primary)}.auc-form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.auc-form-row label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.auc-form-row input,.auc-form-row select{padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:13px}.auc-form-actions{display:flex;gap:8px;margin-top:4px}.admin-empty{text-align:center;padding:40px;color:var(--text-muted);font-size:14px}.admin-table{overflow-x:auto;padding:0}.admin-table table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:12px 16px;background:var(--bg-elevated);color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid var(--border)}.admin-table td{padding:10px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.empty-cell{text-align:center;padding:32px!important;color:var(--text-muted)}.btn-danger{background:#ed424533;color:var(--red);border:1px solid rgba(237,66,69,.35)}.btn-danger:hover{background:#ed42454d}.discovery-page{flex:1;overflow-y:auto;background:var(--bg-primary)}.discovery-header{padding:40px 40px 24px;background:linear-gradient(135deg,#5865f21f,#00d4ff0f);border-bottom:1px solid var(--border)}.discovery-title{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:6px;background:linear-gradient(90deg,var(--text-primary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.discovery-sub{color:var(--text-muted);margin-bottom:20px;font-size:14px}.discovery-search-input{width:100%;max-width:480px;padding:12px 18px;border-radius:24px;font-size:14px}.discovery-body{padding:24px 40px}.discovery-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter-chip{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);transition:all .15s}.filter-chip:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-chip.active{background:#5865f233;border-color:var(--accent);color:var(--accent-bright)}.discovery-error{background:#ed42451a;border:1px solid rgba(237,66,69,.3);color:var(--red);padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.discovery-loading,.discovery-empty{text-align:center;padding:60px;color:var(--text-muted)}.discovery-empty-icon{font-size:56px;margin-bottom:16px}.discovery-empty h3{font-family:var(--font-display);font-size:18px;color:var(--text-secondary);margin-bottom:8px}.discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.server-card{display:flex;gap:14px;padding:16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s}.server-card:hover{border-color:#5865f24d;box-shadow:0 4px 20px #5865f21a;transform:translateY(-2px)}.sc-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;overflow:hidden;flex-shrink:0}.sc-icon img{width:100%;height:100%;object-fit:cover}.sc-body{flex:1;min-width:0}.sc-name{font-size:15px;font-weight:700;margin-bottom:4px}.sc-cat{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;background:#00d4ff26;color:var(--cyan);margin-bottom:6px}.sc-desc{font-size:12px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;line-height:1.4}.sc-footer{display:flex;align-items:center;justify-content:space-between}.sc-members{font-size:12px;color:var(--text-muted)}:root{--bg-deep: #06080d;--bg-primary: #0b0e14;--bg-secondary: #111622;--bg-elevated: #161b28;--bg-hover: #1c2333;--border: rgba(88, 101, 242, .15);--border-glow: rgba(0, 212, 255, .35);--text-primary: #f0f3ff;--text-secondary: #8b95a8;--text-muted: #5c6578;--accent: #5865f2;--accent-bright: #7289ff;--cyan: #00d4ff;--green: #57f287;--pink: #eb459e;--yellow: #fee75c;--red: #ed4245;--glass: rgba(17, 22, 34, .75);--radius: 10px;--radius-lg: 16px;--font-ui: "Outfit", system-ui, sans-serif;--font-display: "Orbitron", sans-serif;--shadow-glow: 0 0 40px rgba(88, 101, 242, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(88,101,242,.18),transparent),radial-gradient(ellipse 60% 40% at 90% 100%,rgba(0,212,255,.08),transparent);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-ui);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-ui);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5865f233}textarea{resize:vertical;min-height:100px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius);font-weight:600;font-size:14px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--accent),#4752c4);color:#fff;box-shadow:0 4px 20px #5865f259}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #5865f280}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:#ed424526;color:var(--red);border:1px solid rgba(237,66,69,.3)}.btn-sm{padding:6px 12px;font-size:12px}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}.badge{display:inline-block;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-todo{background:#8b95a833;color:var(--text-secondary)}.badge-progress{background:#00d4ff26;color:var(--cyan)}.badge-done{background:#57f28726;color:var(--green)}.badge-high{background:#ed424526;color:var(--red)}.badge-medium{background:#fee75c26;color:var(--yellow)}.badge-low{background:#57f2871a;color:var(--green)}.badge-admin{background:#eb459e33;color:var(--pink)}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:11px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state h3{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:8px;font-size:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease-out}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff33}50%{box-shadow:0 0 30px #00d4ff66}}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-family:var(--font-display);font-size:18px;color:var(--cyan);letter-spacing:2px;animation:pulse-glow 2s infinite;background:var(--bg-deep)}