:root{--gamevox-orange-start: #eb7538;--gamevox-orange-end: #ef4d3b;--gamevox-accent: #FF7F00;--bg-primary: #1a1f26;--bg-secondary: #212730;--bg-tertiary: #2a3039;--bg-elevated: #333b45;--bg-card: #252c35;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-tertiary: #6e7681;--text-muted: #4a5057;--hover-overlay: rgba(255, 255, 255, .08);--active-overlay: rgba(255, 255, 255, .12);--selected-bg: rgba(235, 117, 56, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-orange: 0 4px 16px rgba(235, 117, 56, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px}html.font-size-small body{font-size:13px}html.font-size-normal body{font-size:15px}html.font-size-large body{font-size:17px}html.font-size-larger body{font-size:19px}html.font-size-small .chat-content,html.font-size-small .chat-content-same-user,html.font-size-small .chat-username,html.font-size-small .forum-topic-message-content,html.font-size-small .forum-topic-message-text,html.font-size-small .channel-list li,html.font-size-small .server-name,html.font-size-small .friend-name,html.font-size-small #username,html.font-size-small .forum-topic-title,html.font-size-small .news-title,html.font-size-small textarea,html.font-size-small input{font-size:12px}html.font-size-large .chat-content,html.font-size-large .chat-content-same-user,html.font-size-large .chat-username,html.font-size-large .forum-topic-message-content,html.font-size-large .forum-topic-message-text,html.font-size-large .channel-list li,html.font-size-large .server-name,html.font-size-large .friend-name,html.font-size-large #username,html.font-size-large .forum-topic-title,html.font-size-large .news-title,html.font-size-large textarea,html.font-size-large input{font-size:16px}html.font-size-larger .chat-content,html.font-size-larger .chat-content-same-user,html.font-size-larger .chat-username,html.font-size-larger .forum-topic-message-content,html.font-size-larger .forum-topic-message-text,html.font-size-larger .channel-list li,html.font-size-larger .server-name,html.font-size-larger .friend-name,html.font-size-larger #username,html.font-size-larger .forum-topic-title,html.font-size-larger .news-title,html.font-size-larger textarea,html.font-size-larger input{font-size:18px}html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0}html{background-color:var(--gamevox-bg-dark);color:#fff}.href{color:#fff}body{color:var(--text-primary);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;background-color:var(--bg-primary);justify-content:center;align-items:center;height:100vh;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:local(""),url(/assets/nunito-v16-latin-regular.06f3af3f.woff2) format("woff2")}button{background-color:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;font-family:inherit}button:hover{background-color:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}button:active{background-color:var(--bg-secondary);transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.button-orange{background:linear-gradient(135deg,var(--gamevox-orange-start) 0%,var(--gamevox-orange-end) 100%);color:#fff;border:none;font-weight:600;letter-spacing:.3px;padding:var(--space-md);box-shadow:var(--shadow-orange)}.button-orange:hover{background:linear-gradient(135deg,#f58549 0%,#f55d4c 100%);box-shadow:0 6px 20px #eb753880;transform:translateY(-1px);color:#fff}.button-orange:active{transform:translateY(0) scale(.98)}.hex-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);padding:2px;transition:all .2s ease}.hex-avatar-img{width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:block;background:var(--bg-tertiary)}.hex-avatar.size-xs{width:24px;height:24px}.hex-avatar.size-sm{width:28px;height:28px}.hex-avatar.size-md{width:32px;height:32px}.hex-avatar.size-lg{width:40px;height:40px}.hex-avatar.size-xl{width:48px;height:48px}.hex-avatar.size-2xl{width:64px;height:64px}.hex-avatar.size-3xl{width:96px;height:96px}.hex-avatar.interactive:hover{background:var(--gamevox-orange-start);box-shadow:0 0 12px #eb753866}.hex-avatar-status{position:absolute;width:10px;height:10px;border-radius:50%;bottom:-2px;right:-2px;border:2px solid var(--bg-primary);z-index:1}.hex-avatar-status.online{background-color:#43b581;box-shadow:0 0 4px #43b58180}.hex-avatar-status.offline{background-color:#747f8d}.hex-avatar-status.idle{background-color:#faa61a}.hex-avatar-status.dnd{background-color:#f04747}.hex-avatar-fallback{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-elevated));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary)}.hex-avatar.size-xs .hex-avatar-fallback{font-size:10px}.hex-avatar.size-sm .hex-avatar-fallback{font-size:11px}.hex-avatar.size-md .hex-avatar-fallback{font-size:12px}.hex-avatar.size-lg .hex-avatar-fallback{font-size:14px}.hex-avatar.size-xl .hex-avatar-fallback{font-size:16px}.hex-avatar.size-2xl .hex-avatar-fallback{font-size:20px}.hex-avatar.size-3xl .hex-avatar-fallback{font-size:28px}.avatar-crop-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .2s ease}.avatar-crop-modal.visible{opacity:1;visibility:visible}.avatar-crop-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:500px;width:90%;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle)}.avatar-crop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.avatar-crop-header h3{margin:0;color:var(--text-primary);font-size:18px}.avatar-crop-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s ease}.avatar-crop-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.avatar-crop-area{position:relative;width:300px;height:300px;margin:0 auto var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.avatar-crop-image{position:absolute;cursor:grab;user-select:none;-webkit-user-drag:none}.avatar-crop-image:active{cursor:grabbing}.avatar-crop-mask{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.avatar-crop-mask svg{width:100%;height:100%}.avatar-crop-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--bg-elevated);border-radius:var(--radius-md)}.avatar-crop-preview-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.avatar-preview-wrapper{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);padding:2px}.avatar-preview-canvas{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);display:block}.avatar-crop-preview-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase}.avatar-crop-controls{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.avatar-crop-slider-row{display:flex;align-items:center;gap:var(--space-md)}.avatar-crop-slider-label{font-size:13px;color:var(--text-secondary);width:60px;flex-shrink:0}.avatar-crop-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--bg-tertiary);border-radius:3px;outline:none}.avatar-crop-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease}.avatar-crop-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.avatar-crop-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.avatar-crop-actions button{min-width:100px}#splash-logo{width:500px;margin-bottom:30px;animation:fadeIn 1s ease-in-out}#splash-screen{text-align:center}#environment-selector{position:fixed;top:58px;right:16px;display:flex;align-items:center;gap:var(--space-sm);z-index:100;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}#environment-selector label{margin:0;font-size:12px;color:var(--text-secondary);text-transform:none;font-weight:500}#environment-dropdown{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:12px;font-family:inherit;cursor:pointer;outline:none;transition:all .2s ease;-webkit-app-region:no-drag}#environment-dropdown:hover{border-color:var(--border-strong)}#environment-dropdown:focus{border-color:var(--gamevox-orange-start);box-shadow:0 0 0 2px #eb753826}#environment-dropdown option{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-sm)}#environment-dropdown[data-env=production]{border-color:#22c55e}#environment-dropdown[data-env=staging]{border-color:#f59e0b}#environment-dropdown[data-env=local]{border-color:#3b82f6}#connecting-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100vh;animation:fadeIn .5s ease-in-out}#connecting-logo{width:400px;margin-bottom:40px}.connecting-spinner{width:60px;height:60px;border:4px solid var(--border-medium);border-top:4px solid var(--gamevox-orange-start);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.connecting-text{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.connecting-status{font-size:14px;color:var(--text-secondary);margin-bottom:8px;min-height:20px}#cancel-connecting-btn{width:200px}form{background-color:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);width:320px}label{display:block;margin:var(--space-lg) 0 var(--space-sm);color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}input{width:100%;padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}input:focus{outline:none;border-color:var(--gamevox-orange-start);box-shadow:0 0 0 3px #eb75381a}input::placeholder{color:var(--text-muted)}#errorOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:1000;opacity:1;transition:opacity .5s;--wails-draggable: drag}.error-exit-button{margin-top:20px;padding:10px 20px;background-color:#5865f2;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;width:200px;cursor:pointer;transition:background-color .2s}.error-exit-button:hover{background-color:#4752c4}.service-status-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#ffffff0d;border-radius:6px}.service-name{flex:1;font-size:14px;color:#fff}.status-indicator{font-size:20px;transition:color .3s}.status-indicator.online{color:#3ba55c}.status-indicator.offline{color:#ed4245}.status-text{font-size:12px;color:#b9bbbe;min-width:50px}#app{height:96vh}#login-container{display:flex;justify-content:center;align-items:stretch;gap:var(--space-xl);width:100%;padding:var(--space-xl)}#login-form-div{display:flex;flex-direction:column;justify-content:center;align-items:center}#login-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--space-lg)}#login-divider:before,#login-divider:after{content:"";width:1px;flex:1;background:linear-gradient(to bottom,transparent,var(--border-medium),transparent)}#login-divider span{color:var(--text-tertiary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:var(--space-lg) 0}#quick-login-div{display:flex;flex-direction:column;justify-content:center;align-items:center}#quickLoginForm{display:flex;flex-direction:column;gap:var(--space-sm);background-color:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);width:320px;-webkit-app-region:drag}#quickLoginForm h3{margin:0 0 var(--space-sm) 0;color:var(--gamevox-orange-start);font-size:18px;font-weight:700;text-align:center}.quick-login-description{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:13px;text-align:center;line-height:1.4}.quick-login-note{margin:var(--space-md) 0 0 0;color:var(--text-tertiary);font-size:11px;text-align:center;line-height:1.4}#quickLoginForm label{display:block;margin:var(--space-sm) 0;color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}#quickLoginForm input,#quickLoginForm button{-webkit-app-region:no-drag}#quick-login-btn{margin-top:var(--space-sm)}#saved-accounts-list{margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.saved-accounts-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.saved-account-item{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.saved-account-item:last-child{margin-bottom:0}.saved-account-btn{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;font-size:14px;transition:all .15s ease;-webkit-app-region:no-drag}.saved-account-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.saved-account-remove{width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:18px;line-height:1;transition:all .15s ease;-webkit-app-region:no-drag}.saved-account-remove:hover{background:rgba(237,66,69,.2);color:var(--danger)}#loginForm{display:flex;flex-direction:column;gap:var(--space-sm);background-color:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);width:320px;-webkit-app-region:drag}#loginForm div{display:flex;align-items:center;gap:var(--space-sm)}#loginForm div label{margin:0;text-transform:none;font-size:14px;font-weight:400;color:var(--text-primary)}#loginForm label{margin-bottom:var(--space-sm)}#loginForm input[type=checkbox]{width:auto;margin:0;cursor:pointer}.login-error{background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.4);color:#e74c3c;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:13px;text-align:center;margin-bottom:var(--space-sm);animation:shakeError .4s ease-in-out}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}#login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#forgotPassword{text-align:center;display:block;margin-top:var(--space-md);color:var(--gamevox-orange-start);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease}#forgotPassword:hover{color:var(--gamevox-accent);text-decoration:underline}#main-window{display:grid;grid-template-columns:200px auto 200px;grid-column-gap:5px;height:96vh}.custom-title-bar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);height:48px;padding:0;user-select:none;-webkit-user-select:none;-webkit-app-region:drag;--wails-draggable: drag}.title-bar-title{display:flex;align-items:center;padding-left:10px;height:100%}.title-bar-controls{display:flex;align-items:center;height:100%;margin:0;padding:0}.title-bar-btn{background-color:transparent!important;border:none!important;color:#b9bbbe;padding:0!important;margin:0!important;cursor:pointer;width:46px!important;height:100%!important;min-height:32px;display:flex!important;align-items:center;justify-content:center;-webkit-app-region:no-drag;--wails-draggable: no-drag;transition:background-color .15s ease,color .15s ease;font-weight:400;text-transform:none;letter-spacing:normal;box-shadow:none!important;border-radius:0!important}.title-bar-btn:hover{background-color:#4f545c66!important;color:#dcddde;transform:none}.title-bar-btn:active{background-color:#4f545c99!important;transform:none}.title-bar-btn.close-btn:hover{background-color:#ed4245!important;color:#fff}.title-bar-btn.close-btn:active{background-color:#c03537!important;color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) var(--bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background-color:var(--bg-elevated);border-radius:var(--radius-sm);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background-color:var(--bg-tertiary)}::-webkit-scrollbar-thumb:active{background-color:var(--gamevox-orange-start)}#notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification-toast{padding:12px 20px;border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out;pointer-events:auto;max-width:350px}.notification-toast.info{background:var(--bg-elevated);border-left:4px solid #3b82f6}.notification-toast.success{background:var(--bg-elevated);border-left:4px solid #22c55e}.notification-toast.error{background:var(--bg-elevated);border-left:4px solid #ef4444}.notification-toast.warning{background:var(--bg-elevated);border-left:4px solid #f59e0b}.notification-toast.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.friend-search-result{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:8px}.friend-search-result .user-info{display:flex;flex-direction:column;gap:2px}.friend-search-result .username{color:var(--text-primary);font-weight:600}.friend-search-result .display-name{color:var(--text-secondary);font-size:12px}.friend-search-result .status{font-size:11px}.friend-search-result .status.online{color:#22c55e}.friend-search-result .status.offline{color:var(--text-tertiary)}.add-friend-btn{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;border:none;padding:6px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:13px;transition:opacity .2s}.add-friend-btn:hover{opacity:.9}.add-friend-btn:disabled{opacity:.5;cursor:not-allowed}.friend-request-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:8px}.friend-request-row .request-info{display:flex;flex-direction:column;gap:2px}.friend-request-row .username{color:var(--text-primary);font-weight:600}.friend-request-row .message{color:var(--text-secondary);font-size:12px;font-style:italic}.friend-request-row .status{color:var(--text-tertiary);font-size:11px}.friend-request-row .request-actions{display:flex;gap:8px}.friend-request-row .accept-btn{background:#22c55e;color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;font-size:12px}.friend-request-row .reject-btn,.friend-request-row .cancel-btn{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-medium);padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;font-size:12px}.friend-request-row .reject-btn:hover,.friend-request-row .cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.no-results,.no-requests{color:var(--text-tertiary);text-align:center;padding:20px;font-size:14px}#pending-requests-badge{background:#ef4444;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;margin-left:6px}.context-menu{position:fixed;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px 0;min-width:180px;z-index:10001;animation:contextMenuFade .15s ease-out}@keyframes contextMenuFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:10px;padding:8px 14px;color:var(--text-primary);cursor:pointer;transition:background-color .15s;font-size:13px}.context-menu-item:hover{background-color:var(--hover-overlay)}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background-color:#ef44441a}.context-menu-item .menu-icon{font-size:14px;width:18px;text-align:center}.context-menu-separator{height:1px;background:var(--border-subtle);margin:4px 0}.context-menu-item.disabled{color:var(--text-muted);cursor:default;opacity:.6}.context-menu-item.disabled:hover{background-color:transparent}.context-menu-header{padding:8px 14px 4px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.context-menu-volume{display:flex;align-items:center;gap:10px;padding:6px 14px 10px}.context-menu-volume .volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;outline:none;cursor:pointer}.context-menu-volume .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--gamevox-orange-start);border-radius:50%;cursor:pointer;transition:transform .15s ease}.context-menu-volume .volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.context-menu-volume .volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--gamevox-orange-start);border-radius:50%;cursor:pointer;border:none}.context-menu-volume #voice-user-volume-value{min-width:40px;text-align:right;font-size:12px;color:var(--text-secondary);font-weight:500}#left-column{background-color:var(--bg-secondary);overflow-y:auto;box-sizing:border-box;padding:0;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle)}#server-list-header{padding:var(--space-lg) var(--space-md);text-align:center;border-bottom:1px solid var(--border-medium);background-color:var(--bg-primary);margin-bottom:0}#server-list-logo{height:50px;width:auto;filter:drop-shadow(0 2px 8px rgba(235,117,56,.3));margin-bottom:var(--space-sm)}#server-list-tagline{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.2px;font-weight:600;margin-top:var(--space-sm)}#server-list-container{flex:1;overflow-y:auto}.server-item{margin-bottom:var(--space-md);position:relative;transition:all .2s ease}.server-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--gamevox-orange-start),var(--gamevox-orange-end));transition:height .2s ease;border-radius:0 2px 2px 0}.server-item.active:before,.server-item:hover:before{height:80%}.server-name{font-weight:600;font-size:14px;margin-bottom:var(--space-xs);cursor:pointer;transition:all .2s ease;padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary)}.server-name:hover{background-color:var(--hover-overlay);transform:translate(2px)}.server-name.active{background-color:var(--selected-bg);color:var(--gamevox-orange-start)}.server-icon{width:24px;height:24px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-elevated));display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:all .2s ease}.server-item.active .server-icon,.server-item:hover .server-icon{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;box-shadow:0 0 12px #eb753866}.channel-list{list-style:none;padding:0 var(--space-sm) 0 var(--space-sm)}.channel-list li{padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);margin-bottom:1px;font-size:15px;color:var(--text-secondary);font-weight:500}.channel-list li:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.channel-list li.active{background-color:var(--active-overlay);color:var(--text-primary);font-weight:600}.voice-channel:before,.file-share-channel:before,.text-channel:before,.news-channel:before{display:none}.channel-list li:before{width:16px;height:16px;background-size:cover;content:"";flex-shrink:0}.channel-list li[type=voice]:before{background-image:url(/assets/voice-icon.30c9c8c8.svg)}.channel-list li[type=text]:before{background-image:url(/assets/text-icon.7b07b077.svg)}.channel-list li[type=fileshare]:before{background-image:url(/assets/file-icon.5c79a6eb.svg)}.channel-list li[type=news]:before{background-image:url(/assets/news-icon.6b945b1a.svg)}.channel-list li[type=forum]:before{background-image:url(/assets/forum-icon.de47788f.svg)}.highlight-channel{background-color:var(--selected-bg);color:var(--gamevox-orange-start);font-weight:600}.channel-list li.voice-active{background-color:#43b58133}.channel-list li.voice-active .channel-name{color:#43b581;font-weight:600}.channel-list li.channel{position:relative}.channel-list li.has-unread{color:var(--text-primary);font-weight:600}.unread-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--gamevox-orange-start) 0%,var(--gamevox-orange-end) 100%);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px #eb753866;animation:badge-pulse .3s ease-out}@keyframes badge-pulse{0%{transform:translateY(-50%) scale(.5);opacity:0}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1);opacity:1}}#add-server-container{position:fixed;bottom:0;left:0;width:200px;padding:var(--space-md);border-top:1px solid var(--border-medium);border-right:1px solid var(--border-subtle);background-color:var(--bg-primary);box-sizing:border-box;z-index:100}#add-server-btn{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--gamevox-orange-start) 0%,var(--gamevox-orange-end) 100%);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-orange)}#add-server-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #eb753880;background:linear-gradient(135deg,#f58549 0%,#f55d4c 100%)}#add-server-btn:active{transform:translateY(0) scale(.98)}#add-server-btn:before{content:"+";font-size:18px;font-weight:700}#add-server-btn.subtle{background:transparent;border:1px dashed var(--border-light);color:var(--text-tertiary);box-shadow:none;font-size:12px;padding:var(--space-sm) var(--space-md)}#add-server-btn.subtle:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary);color:var(--text-secondary);transform:none;box-shadow:none}#add-server-btn.subtle:before{font-size:14px}.voice-participants{display:none}.voice-participant{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;position:relative}.voice-participant:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.voice-participant.speaking{color:var(--text-primary)}.voice-participant.speaking .voice-participant-avatar{box-shadow:0 0 0 2px #43b581,0 0 8px #43b58180}.voice-participant.muted-speaking .voice-participant-avatar{box-shadow:0 0 0 2px #f59e0b,0 0 8px #f59e0b80;animation:muted-speaking-pulse .8s ease-in-out infinite}@keyframes muted-speaking-pulse{0%,to{box-shadow:0 0 0 2px #f59e0b,0 0 8px #f59e0b80}50%{box-shadow:0 0 0 3px #f59e0b,0 0 12px #f59e0bb3}}.voice-participant-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;transition:box-shadow .2s ease}.voice-participant-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-muted-icon,.voice-deafened-icon,.voice-server-muted-icon{width:14px;height:14px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.voice-muted-icon{background-image:url(/assets/mic-muted-icon.aaed3d20.svg)}.voice-deafened-icon{background-image:url(/assets/headphones-deafened-icon.3911f6b5.svg)}.voice-server-muted-icon{background-image:url(/assets/mic-muted-icon.aaed3d20.svg);filter:brightness(0) saturate(100%) invert(35%) sepia(98%) saturate(1500%) hue-rotate(336deg) brightness(95%) contrast(95%)}.voice-participant.blocked{opacity:.5}.voice-participant.blocked .voice-participant-avatar{filter:grayscale(100%)}.voice-participant.blocked .voice-participant-name{color:var(--text-tertiary);font-style:italic}.voice-blocked-icon{width:14px;height:14px;flex-shrink:0;background-image:url(/assets/blocked-icon.0ed647d0.svg);background-size:contain;background-repeat:no-repeat;background-position:center}@keyframes voice-speaking-pulse{0%{box-shadow:0 0 0 2px #43b581,0 0 8px #43b58180}50%{box-shadow:0 0 0 3px #43b581,0 0 12px #43b581b3}to{box-shadow:0 0 0 2px #43b581,0 0 8px #43b58180}}.voice-participant.speaking .voice-participant-avatar{animation:voice-speaking-pulse 1s infinite}.channel .channel-name{cursor:pointer;flex:1}.channel[type=voice]{flex-wrap:wrap;position:relative}.channel[type=voice] .voice-participants{width:100%;padding-bottom:0}.voice-join-icon{display:none;position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:#43b581;color:#fff;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;z-index:2}.voice-join-icon svg{width:12px;height:12px}.channel[type=voice]:hover .voice-join-icon{display:flex}.voice-join-icon:hover{background:#3ca374;transform:scale(1.1)}.channel[type=voice].voice-active .voice-join-icon{background:#f04747}.channel[type=voice].voice-active .voice-join-icon:hover{background:#d84040}.channel[type=voice].voice-active:hover .voice-join-icon{display:flex}.channel.draggable{cursor:grab}.channel.draggable:active{cursor:grabbing}.channel.dragging{opacity:.5;background-color:var(--bg-tertiary)}.channel.drag-over{border-top:2px solid var(--gamevox-orange-start);margin-top:-2px;background-color:#eb75381a}.channel.draggable:after{content:"\2630";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-tertiary);opacity:0;transition:opacity .15s ease;pointer-events:none}.channel.draggable:hover:after{opacity:.6}.channel.draggable.dragging:after{opacity:0}#right-column{display:flex;flex-direction:column;padding:0;box-sizing:border-box;background-color:var(--bg-secondary);border-left:1px solid var(--border-subtle);overflow:hidden;min-height:0;height:100%}#friends-list{flex:1 1 0;overflow-y:auto;overflow-x:hidden;padding:var(--space-md);min-height:0}#user-info{position:fixed;bottom:0;right:0;width:200px;display:flex;flex-wrap:wrap;align-items:center;padding:var(--space-sm) var(--space-md);background-color:var(--bg-primary);border-top:1px solid var(--border-medium);border-left:1px solid var(--border-subtle);gap:var(--space-xs) var(--space-sm);box-sizing:border-box;z-index:100}#user-avatar-wrapper{position:relative;width:32px;height:32px;flex-shrink:0}#user-avatar-container{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);padding:2px;transition:all .2s ease}#user-avatar{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:block;background:var(--bg-tertiary);object-fit:cover}#user-avatar-wrapper:hover #user-avatar-container{background:var(--gamevox-orange-start);box-shadow:0 0 12px #eb753866}#user-status-indicator{width:8px;height:8px;border-radius:50%;position:absolute;bottom:1px;right:-1px;border:2px solid var(--bg-primary);z-index:1}#user-status-indicator.online{background-color:#43b581}#user-status-indicator.offline{background-color:#747f8d}#user-details{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}#user-name-row{display:flex;align-items:center;gap:4px;min-width:0}#username{color:var(--text-primary);font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#user-verification-badge{display:inline-flex;align-items:center;flex-shrink:0}.verification-badge{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:8px;border-radius:50%;cursor:help}.verification-badge.verified{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 0 4px #22c55e66}.verification-badge.registered{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 0 4px #3b82f666}.verification-badge.unregistered{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-medium)}.discord-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;cursor:help;transition:transform .15s ease}.discord-badge:hover{transform:scale(1.15)}.discord-badge svg{display:block}#user-status{color:var(--text-secondary);font-size:10px;font-weight:500}#user-status.playing{color:var(--gamevox-orange-start)}#user-status .playing-game{font-size:11px}#user-status .playing-game strong{color:var(--text-primary);font-weight:600}.friend-status.playing{color:var(--gamevox-orange-start)}.friend-status .playing-game{font-size:11px}.friend-status .playing-game strong{color:var(--text-primary)}#controls{display:flex;gap:var(--space-xs);flex-shrink:0;width:100%;justify-content:flex-end;padding-top:var(--space-xs);align-items:center}#system-mute-indicator{display:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background-color:#f59e0b26;border:1px solid #f59e0b;color:#f59e0b;cursor:help;animation:system-mute-pulse 2s ease-in-out infinite}#system-mute-indicator svg{width:16px;height:16px}@keyframes system-mute-pulse{0%,to{opacity:1;box-shadow:0 0 #f59e0b66}50%{opacity:.8;box-shadow:0 0 8px 2px #f59e0b4d}}#system-mute-indicator.visible{display:flex}#controls button{background-color:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#controls button svg{width:16px;height:16px}#controls button:hover{background-color:var(--hover-overlay);border-color:var(--border-strong);color:var(--text-primary)}#controls button.active{color:var(--gamevox-orange-start);background-color:var(--selected-bg);border-color:var(--gamevox-orange-start)}#mute-btn.active,#deafen-btn.active{color:#f04747;background-color:#f0474726;border-color:#f04747}#settings-btn{background-color:transparent;border:1px solid var(--border-medium)}#settings-btn:hover{background-color:var(--hover-overlay)}#friends-list h3{margin-bottom:var(--space-md);font-size:11px;color:var(--text-tertiary);text-transform:uppercase;font-weight:700;letter-spacing:.5px}#friends-list ul{list-style:none;padding:0;margin:0}#friends-list li{padding:var(--space-sm) var(--space-md);display:flex;align-items:center;border-radius:var(--radius-md);margin-bottom:2px;cursor:pointer;transition:background-color .15s ease}#friends-list li:hover{background-color:var(--hover-overlay)}.friend-avatar{width:32px;height:32px;margin-right:var(--space-md);position:relative;flex-shrink:0}.friend-avatar-hex{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);padding:2px}.friend-avatar img{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;display:block;background:var(--bg-tertiary)}.friend-info{flex:1;display:flex;flex-direction:column}.friend-name{color:var(--text-primary);font-weight:600;font-size:14px}.friend-status{color:var(--text-secondary);font-size:12px;font-weight:500}.friend-status-indicator{width:8px;height:8px;border-radius:50%;position:absolute;bottom:1px;right:-2px;border:2px solid var(--bg-secondary);z-index:1}.friend-status-indicator.online{background-color:#43b581}.friend-status-indicator.offline{background-color:#747f8d}.friend-status-indicator.away{background-color:#faa61a}.friend-status-indicator.busy{background-color:#f04747}.friends-section-header{padding:var(--space-xs) var(--space-md);display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);cursor:default}.friends-section-header:hover{background-color:transparent}.friend-requests-header{color:var(--gamevox-orange-start)}.request-count{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.friend-request-item{background:rgba(250,166,26,.08);border:1px solid rgba(250,166,26,.2);margin:2px var(--space-xs);border-radius:var(--radius-md);padding:var(--space-sm)!important;display:flex!important;flex-direction:column!important;cursor:default}.friend-request-item:hover{background:rgba(250,166,26,.15)}.friend-request-top{display:flex;align-items:center;width:100%}.friend-request-item .friend-info{min-width:0;flex:1}.friend-request-item .friend-name{font-size:13px;word-break:break-word}.friend-request-actions{display:flex;gap:8px;margin-top:8px;width:100%;justify-content:flex-start}.request-btn{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.request-btn svg{width:16px;height:16px;flex-shrink:0}.request-btn.accept-btn{background:rgba(67,181,129,.2);color:#43b581}.request-btn.accept-btn:hover{background:#43b581;color:#fff;transform:scale(1.1)}.request-btn.reject-btn{background:rgba(240,71,71,.2);color:#f04747}.request-btn.reject-btn:hover{background:#f04747;color:#fff;transform:scale(1.1)}.friends-section-divider{height:1px;background:var(--border-subtle);margin:var(--space-sm) var(--space-md);cursor:default}.friends-section-divider:hover{background:var(--border-subtle)}.friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.friends-header h3{margin:0}.add-friend-header-btn{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.add-friend-header-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #eb753866}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:9999;justify-content:center;align-items:center}.modal-overlay.active{display:flex}.modal{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:90%;max-width:450px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-medium);background-color:var(--bg-primary)}.modal-header h3{margin:0;color:var(--text-primary)}.modal-content{padding:var(--space-lg);overflow-y:auto;flex:1}.modal-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.modal-tab{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s}.modal-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-tab.active{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;border-color:transparent}.modal-tab-content{display:none}.modal-tab-content.active{display:block}.modal-description{color:var(--text-secondary);font-size:13px;margin-bottom:var(--space-md)}.search-input-wrapper{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.search-input-wrapper input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px}.search-input-wrapper input:focus{outline:none;border-color:var(--gamevox-orange-start)}.search-input-wrapper button{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px}.search-input-wrapper button:hover{opacity:.9}.modal-tab-content h4{color:var(--text-secondary);font-size:12px;text-transform:uppercase;margin:var(--space-md) 0 var(--space-sm)}.modal-tab-content h4:first-child{margin-top:0}#user-info.speaking #user-avatar-container{background:#43b581;box-shadow:0 0 8px #43b58180}#user-info.speaking{animation:user-speaking-glow 1s infinite}@keyframes user-speaking-glow{0%{box-shadow:inset 0 0 #43b58100}50%{box-shadow:inset 0 0 20px #43b58126}to{box-shadow:inset 0 0 #43b58100}}.audio-device-menu{position:fixed;display:none;min-width:200px;max-width:300px;background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;overflow:hidden}.audio-device-menu.visible{display:block}.audio-device-menu-header{padding:var(--space-sm) var(--space-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.audio-device-menu-list{max-height:250px;overflow-y:auto}.audio-device-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color .15s ease;gap:var(--space-sm)}.audio-device-item:hover{background-color:var(--hover-overlay)}.audio-device-item.selected{background-color:var(--selected-bg)}.audio-device-item.selected:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gamevox-orange-start);flex-shrink:0}.audio-device-item:not(.selected):before{content:"";display:inline-block;width:6px;height:6px;flex-shrink:0}.audio-device-name{flex:1;font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-device-item.selected .audio-device-name{color:var(--gamevox-orange-start);font-weight:500}.audio-device-default-badge{font-size:10px;padding:2px 6px;background-color:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-secondary)}#mute-btn[title*=Right-click],#deafen-btn[title*=Right-click]{position:relative}#center-column{background-color:var(--bg-primary);flex-grow:1;display:flex;flex-direction:column;overflow:hidden;position:relative}#voice-status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(90deg,rgba(67,181,129,.15),rgba(67,181,129,.05));border-bottom:1px solid rgba(67,181,129,.3);flex-shrink:0;z-index:10;gap:16px}.voice-status-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.voice-status-info{display:flex;align-items:center;gap:12px;flex-shrink:0}.voice-bar-users{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.voice-bar-user{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-secondary);border-radius:16px;font-size:12px;color:var(--text-secondary);transition:all .2s ease}.voice-bar-user.speaking{background:rgba(67,181,129,.3);color:#43b581;box-shadow:0 0 8px #43b58166}.voice-bar-user.speaking .voice-bar-user-indicator{background:#43b581;animation:voice-bar-speaking .5s infinite}@keyframes voice-bar-speaking{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.voice-bar-user.muted-speaking{background:rgba(245,158,11,.3);color:#f59e0b;box-shadow:0 0 8px #f59e0b66}.voice-bar-user.muted-speaking .voice-bar-user-indicator{background:#f59e0b;animation:voice-bar-muted-speaking .5s infinite}@keyframes voice-bar-muted-speaking{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}}.voice-bar-user.muted .voice-bar-user-name:after{content:"";display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:middle;background-image:url(/assets/mic-muted-icon.aaed3d20.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.voice-bar-user.deafened .voice-bar-user-name:after{content:"";display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:middle;background-image:url(/assets/headphones-deafened-icon.3911f6b5.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.voice-bar-user.muted.deafened .voice-bar-user-name:after{background-image:url(/assets/headphones-deafened-icon.3911f6b5.svg)}.voice-bar-user.server-muted{opacity:.7}.voice-bar-user.server-muted .voice-bar-user-name:after{content:"";display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:middle;background-image:url(/assets/mic-muted-icon.aaed3d20.svg);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) saturate(100%) invert(35%) sepia(98%) saturate(1500%) hue-rotate(336deg) brightness(95%) contrast(95%)}.voice-bar-user-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.voice-bar-user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-bar-user-indicator{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0}.voice-bar-user.muted .voice-bar-user-indicator{background:#f04747}.voice-status-indicator{width:10px;height:10px;border-radius:50%;background-color:#43b581;box-shadow:0 0 8px #43b58199;animation:voice-pulse 2s infinite}@keyframes voice-pulse{0%,to{box-shadow:0 0 8px #43b58199}50%{box-shadow:0 0 12px #43b581e6}}.voice-status-text{display:flex;flex-direction:column;gap:2px}.voice-status-label{font-size:11px;font-weight:600;color:#43b581;text-transform:uppercase;letter-spacing:.5px}.voice-status-channel{font-size:13px;color:var(--text-primary);font-weight:500}.voice-status-separator{color:var(--text-tertiary);margin:0 6px}#voice-bar-server-name{color:var(--text-secondary);font-weight:400}.voice-status-controls{display:flex;align-items:center;gap:4px}.voice-bar-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.voice-bar-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.voice-bar-btn.active{background:rgba(240,71,71,.2);color:#f04747}.voice-bar-btn.disconnect{color:#f04747}.voice-bar-btn.disconnect:hover{background:rgba(240,71,71,.2)}#voice-status-bar.speaking .voice-status-indicator{animation:voice-speaking-indicator .5s infinite}@keyframes voice-speaking-indicator{0%,to{transform:scale(1);box-shadow:0 0 8px #43b58199}50%{transform:scale(1.2);box-shadow:0 0 16px #43b581}}#voice-status-bar.connecting{background-color:#ffc10726;border-color:#ffc10780}#voice-status-bar.connecting .voice-status-indicator{background-color:#ffc107;animation:voice-connecting-pulse 1.5s infinite}@keyframes voice-connecting-pulse{0%,to{opacity:.4}50%{opacity:1}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.voice-join-icon.connecting{pointer-events:none;opacity:.7}#jump-to-bottom-btn{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;border:none;border-radius:var(--radius-lg);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:100;transition:transform .2s ease,box-shadow .2s ease}#jump-to-bottom-btn:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 16px #0006}#jump-to-bottom-btn:active{transform:translate(-50%) scale(.98)}#jump-to-bottom-btn svg{flex-shrink:0}#chatMessages{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-md) var(--space-lg) 100px var(--space-xs);text-align:left;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#message-input-wrapper{display:none;position:fixed;bottom:0;left:205px;right:205px;padding:var(--space-sm);background-color:var(--bg-primary);border-top:1px solid var(--border-subtle);box-sizing:border-box;z-index:100}#message-input-container{display:flex;align-items:flex-end;background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-sm);gap:var(--space-sm);transition:border-color .2s ease}#message-input-container:focus-within{border-color:var(--gamevox-orange-start);box-shadow:0 0 0 1px #eb753833}#message-input-field{flex:1;display:flex;align-items:center;min-height:40px}#messageInput{width:100%;background-color:transparent;color:var(--text-primary);border:none;outline:none;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:none;overflow-y:auto;max-height:200px;line-height:1.5;padding:var(--space-sm) 0}#messageInput::placeholder{color:var(--text-muted)}#messageInput:focus{outline:none}.input-action-btn{background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px}.input-action-btn:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.input-action-btn:active{transform:scale(.95)}#sendButton{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff}#sendButton:hover{background:linear-gradient(135deg,#f58549,#f55d4c)}#sendButton:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}#emoji-picker{position:absolute;bottom:60px;right:10px;background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);width:320px;max-height:400px;overflow-y:auto;overflow-x:hidden;z-index:1000}#emoji-picker .emoji-category{margin-bottom:var(--space-lg)}#emoji-picker .emoji-category-title{color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}#emoji-picker .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-xs)}#emoji-picker .emoji-item{background-color:transparent;border:none;font-size:24px;padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s ease;line-height:1}#emoji-picker .emoji-item:hover{background-color:var(--hover-overlay)}.chat-message{display:block;padding-top:var(--space-md);margin-bottom:var(--space-xs);position:relative;padding-left:var(--space-sm);padding-right:var(--space-sm);margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm));border-radius:var(--radius-sm);transition:background-color .1s ease}.chat-message:hover{background-color:var(--hover-overlay)}.chat-message-same-user{display:block;margin-bottom:0;padding-top:0;padding-bottom:0;position:relative;padding-left:var(--space-sm);padding-right:var(--space-sm);margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm));border-radius:var(--radius-sm);transition:background-color .1s ease}.chat-message-same-user:hover{background-color:var(--hover-overlay)}.chat-avatar-container{width:40px;height:40px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);float:left;margin-right:var(--space-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-avatar{width:36px;height:36px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);object-fit:cover;display:block}.chat-timestamp{color:var(--text-tertiary);margin-left:auto;font-size:11px;float:right;font-weight:500}.chat-username{font-weight:600;color:var(--text-primary);font-size:15px}.chat-content a,.chat-content-same-user a{color:var(--gamevox-orange-start);text-decoration:none;transition:color .2s ease}.chat-content a:hover,.chat-content-same-user a:hover{color:var(--gamevox-accent);text-decoration:underline}.chat-content,.chat-content-same-user{margin:0;padding:0;color:var(--text-primary);max-width:100%;word-wrap:break-word;line-height:1.375;font-size:14px;white-space:pre-wrap;user-select:text;cursor:text}.chat-content{text-align:left;margin-left:48px}.chat-content-same-user{margin-left:48px}.chat-content,.chat-content-same-user{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Segoe UI,Arial,sans-serif}.date-header{color:var(--text-tertiary);margin:var(--space-md) 0;font-weight:700;font-size:11px;text-align:center;text-transform:uppercase;letter-spacing:.5px}#image-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;z-index:10000;justify-content:center;align-items:center;backdrop-filter:blur(4px)}#image-lightbox.active{display:flex}#lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}#lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}#lightbox-close{position:absolute;top:-40px;right:0;background-color:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-primary);width:40px;height:40px;border-radius:var(--radius-md);cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}#lightbox-close:hover{background-color:#ed4245;color:#fff;border-color:#ed4245}.message-toolbar{position:absolute;top:-12px;right:20px;background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:4px;display:none;gap:4px;box-shadow:var(--shadow-md);z-index:100}.chat-message:hover .message-toolbar,.chat-message-same-user:hover .message-toolbar{display:flex}.toolbar-btn{width:32px;height:32px;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:18px;padding:0;filter:grayscale(.3)}.toolbar-btn:hover{background-color:var(--hover-overlay);color:var(--text-primary);filter:grayscale(0);transform:scale(1.1)}.toolbar-btn:active{transform:scale(.95)}.toolbar-btn.active{background-color:var(--selected-bg);color:var(--gamevox-orange-start);filter:grayscale(0)}.message-reactions-container{display:none;gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;margin-left:48px}.message-reactions-container:not(:empty){display:flex}.message-reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:12px;cursor:pointer;transition:all .15s ease;font-size:14px;user-select:none}.message-reaction:hover{background-color:var(--hover-overlay);border-color:var(--border-strong);transform:scale(1.05)}.message-reaction.reacted{background-color:#7289da26;border-color:var(--border-strong)}.message-reaction .reaction-emoji{font-size:16px;line-height:1}.message-reaction .reaction-count{font-size:12px;font-weight:600;color:var(--text-secondary)}.message-reaction.reacted .reaction-count{color:var(--text-primary)}.reaction-picker{position:fixed;background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:var(--shadow-lg);display:none;z-index:1001}.reaction-picker.active{display:flex;gap:4px}.reaction-picker-emoji{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s ease}.reaction-picker-emoji:hover{background-color:var(--hover-overlay)}.reply-bar{background-color:var(--bg-elevated);border-top:2px solid var(--gamevox-orange-start);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs)}.reply-bar-content{display:flex;align-items:center;gap:var(--space-sm)}.reply-bar-content svg{color:var(--text-secondary);flex-shrink:0}.reply-bar-info{flex:1;display:flex;flex-direction:column;min-width:0}.reply-bar-username{color:var(--gamevox-orange-start);font-size:12px;font-weight:600}.reply-bar-preview{color:var(--text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar-close{background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;flex-shrink:0;transition:color .2s}.reply-bar-close:hover{color:var(--text-primary)}.message-reply-reference{display:flex;align-items:flex-start;gap:var(--space-xs);margin-left:48px;margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--bg-elevated);border-left:2px solid var(--gamevox-orange-start);border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;transition:background-color .15s ease;max-width:80%}.message-reply-reference:hover{background-color:var(--hover-overlay)}.message-reply-reference svg{color:var(--text-secondary);flex-shrink:0;transform:scaleX(-1);margin-top:2px}.reply-ref-content{display:flex;flex-direction:column;gap:2px;min-width:0}.reply-ref-text{font-size:12px;color:var(--text-secondary)}.reply-ref-text strong{color:var(--gamevox-orange-start);font-weight:600}.reply-ref-quote{font-size:12px;color:var(--text-tertiary);font-style:italic;white-space:normal;word-break:break-word}.reply-attachment{display:inline-flex;align-items:center;gap:4px;background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-style:normal;color:var(--text-secondary)}.highlight-message{animation:message-highlight 2s ease-out}@keyframes message-highlight{0%{background-color:#eb75384d}to{background-color:transparent}}#file-explorer{flex:1;display:flex;flex-direction:column;overflow:hidden}#file-explorer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-medium);background-color:var(--bg-secondary)}#file-explorer-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}#upload-file-btn{display:flex;align-items:center;gap:var(--space-xs);background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow-orange);width:130px}#upload-file-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #eb753880}#upload-file-btn:active{transform:translateY(0)}#upload-file-btn svg{stroke:currentColor}#file-explorer-list{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.file-row{display:flex;align-items:center;padding:var(--space-sm) var(--space-lg);transition:background-color .15s ease;border-bottom:1px solid var(--border-subtle)}.file-row:hover{background-color:var(--hover-overlay)}.file-row:last-child{border-bottom:none}.file-icon{font-size:28px;width:48px;height:48px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-thumbnail{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--bg-tertiary);border:1px solid var(--border-subtle)}.file-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.file-row:hover .file-thumbnail img{transform:scale(1.05)}.file-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:var(--space-md)}.file-name{font-weight:600;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:12px;color:var(--text-secondary)}.file-meta strong{color:var(--text-primary);font-weight:500}.file-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.file-action-btn{width:36px;height:36px;background-color:transparent;border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.file-action-btn:hover{background-color:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.file-action-btn:active{transform:scale(.95)}.file-explorer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-xl);text-align:center;color:var(--text-secondary)}.file-explorer-empty svg{margin-bottom:var(--space-md);color:var(--text-tertiary)}.file-explorer-empty p{margin:0;font-size:14px}.file-explorer-empty .file-explorer-hint{font-size:12px;color:var(--text-tertiary);margin-top:var(--space-xs)}#forum-view{flex:1;display:flex;flex-direction:column;overflow:hidden}#forum-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-medium);background-color:var(--bg-secondary)}#forum-header-left{display:flex;align-items:center;gap:var(--space-sm)}#forum-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}#forum-back-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}#forum-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}#create-topic-btn{display:flex;align-items:center;gap:var(--space-xs);background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow-orange)}#create-topic-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #eb753880}#create-topic-btn:active{transform:translateY(0)}#create-topic-btn svg{stroke:currentColor}#forum-topics-list{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.forum-topic-item{display:flex;align-items:flex-start;padding:var(--space-md) var(--space-lg);transition:background-color .15s ease;border-bottom:1px solid var(--border-subtle);cursor:pointer;gap:var(--space-md)}.forum-topic-item:hover{background-color:var(--hover-overlay)}.forum-topic-item:last-child{border-bottom:none}.forum-topic-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.forum-topic-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.forum-topic-title-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.forum-topic-title{font-weight:600;font-size:15px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.forum-topic-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase}.forum-topic-badge.pinned{background:rgba(245,189,66,.2);color:#f5bd42}.forum-topic-badge.locked{background:rgba(240,71,71,.2);color:#f04747}.forum-topic-badge.following{background:rgba(67,181,129,.2);color:#43b581}.forum-topic-unread-badge{background:linear-gradient(135deg,var(--gamevox-orange-start) 0%,var(--gamevox-orange-end) 100%);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;margin-left:var(--space-xs);box-shadow:0 2px 6px #eb753866}.forum-topic-item.has-unread{background:rgba(235,117,56,.05)}.forum-topic-item.has-unread .forum-topic-title{font-weight:700;color:var(--text-primary)}.forum-topic-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.forum-topic-meta .author{color:var(--text-primary);font-weight:500}.forum-topic-stats{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0;color:var(--text-secondary);font-size:14px}.forum-topic-stat{display:flex;align-items:center;gap:6px;font-weight:500}.forum-topic-stat svg{width:16px;height:16px}.forum-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-xl);text-align:center;color:var(--text-secondary)}.forum-empty svg{margin-bottom:var(--space-md);color:var(--text-tertiary)}.forum-empty p{margin:0;font-size:14px}.forum-empty .forum-hint{font-size:12px;color:var(--text-tertiary);margin-top:var(--space-xs)}#forum-topic-view{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}#forum-topic-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-medium);background-color:var(--bg-secondary);flex-shrink:0}.topic-title-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}#forum-topic-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}#forum-topic-badges{display:flex;align-items:center;gap:var(--space-sm)}.forum-topic-follow-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.forum-topic-follow-btn:hover{background:var(--hover-overlay);color:var(--text-primary);border-color:var(--border-light)}.forum-topic-follow-btn.following{background:rgba(67,181,129,.15);color:#43b581;border-color:#43b5814d}.forum-topic-follow-btn.following:hover{background:rgba(240,71,71,.15);color:#f04747;border-color:#f047474d}#forum-topic-meta{font-size:13px;color:var(--text-secondary);margin-top:4px}#forum-topic-meta .topic-meta-sep{margin:0 var(--space-xs);color:var(--text-tertiary)}#forum-topic-author{color:var(--text-primary);font-weight:500}#forum-topic-messages{flex:1 1 0;overflow-y:auto;padding:var(--space-md) 0;min-height:0}.forum-topic-message{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);transition:background-color .15s ease}.forum-topic-message:hover{background-color:var(--hover-overlay)}.forum-topic-message-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.forum-topic-message-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.forum-topic-message-header{display:flex;align-items:center;gap:var(--space-sm)}.forum-topic-message-author{font-weight:600;font-size:14px;color:var(--text-primary)}.forum-topic-message-time{font-size:11px;color:var(--text-tertiary)}.forum-topic-message-text{font-size:14px;color:var(--text-primary);line-height:1.5;word-wrap:break-word}#forum-topic-input-wrapper{position:fixed;bottom:0;left:205px;right:205px;padding:var(--space-sm);background-color:var(--bg-primary);border-top:1px solid var(--border-subtle);box-sizing:border-box;z-index:100}#forum-input-container{display:flex;align-items:flex-end;background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-sm);gap:var(--space-sm);transition:border-color .2s ease}#forum-input-container:focus-within{border-color:var(--gamevox-orange-start);box-shadow:0 0 0 1px #eb753833}#forum-input-field{flex:1;display:flex;align-items:center;min-height:40px}#forumTopicInput{width:100%;background-color:transparent;color:var(--text-primary);border:none;outline:none;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:none;overflow-y:auto;max-height:200px;line-height:1.5;padding:var(--space-sm) 0;transition:border-color .15s ease}#forumTopicInput:focus{outline:none}#forumTopicInput::placeholder{color:var(--text-muted)}#forum-emoji-picker{position:absolute;bottom:100%;right:var(--space-sm);margin-bottom:var(--space-sm);z-index:100}#forum-gif-picker{position:absolute;bottom:100%;right:var(--space-sm);margin-bottom:var(--space-sm);width:350px;max-height:400px;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100;display:flex;flex-direction:column}#forum-gif-picker .gif-picker-header{padding:var(--space-sm);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}#forum-gif-search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) 36px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease}#forum-gif-search-input:focus{border-color:var(--gamevox-orange-start)}#forum-gif-search-input::placeholder{color:var(--text-muted)}#forum-gif-results{flex:1;overflow-y:auto;padding:var(--space-sm);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);min-height:250px;max-height:300px;align-content:start}#forum-emoji-picker{position:absolute;bottom:100%;right:var(--space-sm);margin-bottom:var(--space-sm);background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);width:320px;max-height:400px;overflow-y:auto;overflow-x:hidden;z-index:100}#forum-emoji-picker .emoji-category{margin-bottom:var(--space-lg)}#forum-emoji-picker .emoji-category-title{color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}#forum-emoji-picker .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-xs)}#forum-emoji-picker .emoji-item{background-color:transparent;border:none;font-size:24px;padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s ease;line-height:1}#forum-emoji-picker .emoji-item:hover{background-color:var(--hover-overlay)}.create-topic-modal{width:100%;max-width:500px}.create-topic-modal .form-group{margin-bottom:var(--space-md)}.create-topic-modal label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.create-topic-modal input[type=text],.create-topic-modal textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .15s ease}.create-topic-modal input[type=text]:focus,.create-topic-modal textarea:focus{outline:none;border-color:var(--gamevox-orange-start)}.create-topic-modal textarea{resize:vertical;min-height:100px}.forum-topic-locked-message{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:13px}.forum-topic-locked-message svg{width:16px;height:16px;color:#f04747}#server-homepage{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:var(--space-lg);gap:var(--space-lg)}.homepage-hero{background:linear-gradient(135deg,#3a3d4a 0%,#2d2f3a 50%,#252836 100%);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg);box-shadow:0 4px 20px #0000004d}.hero-stats{display:flex;gap:var(--space-xl)}.hero-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:48px;font-weight:700;color:var(--gamevox-orange-start);line-height:1}.stat-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs)}.hero-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.hero-btn{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.hero-btn:hover{transform:translateY(-2px);background:var(--hover-overlay);border-color:var(--gamevox-orange-start);box-shadow:0 4px 12px #0000004d}.hero-btn:active{transform:translateY(0)}.hero-btn.secondary{background:rgba(255,255,255,.1);color:var(--text-secondary);border-color:var(--border-subtle)}.hero-btn.secondary:hover{background:rgba(255,255,255,.15);color:var(--text-primary)}.hero-btn.donate{background:rgba(240,193,75,.15);color:#f0c14b;border-color:#f0c14b4d}.hero-btn.donate:hover{background:rgba(240,193,75,.25);border-color:#f0c14b}.hero-btn svg{stroke:currentColor;flex-shrink:0}.homepage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (max-width: 900px){.homepage-grid{grid-template-columns:1fr}}.homepage-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border-subtle)}.homepage-section h3{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-sm)}.homepage-section h4{margin:var(--space-sm) 0 var(--space-xs) 0;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.no-content{color:var(--text-tertiary);font-size:13px;font-style:italic;padding:var(--space-sm) 0}.announcement-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);border-left:3px solid var(--gamevox-orange-start)}.announcement-item:last-child{margin-bottom:0}.announcement-title{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:var(--space-xs)}.announcement-content{color:var(--text-secondary);font-size:13px;line-height:1.4}.announcement-date{color:var(--text-tertiary);font-size:11px;margin-top:var(--space-xs)}.activity-subsection{margin-bottom:var(--space-md)}.activity-subsection:last-child{margin-bottom:0}.voice-channel-item,.message-channel-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease}.voice-channel-item:hover,.message-channel-item:hover{background-color:var(--hover-overlay)}.voice-channel-icon,.channel-icon{font-size:16px;color:var(--text-secondary);width:20px;text-align:center}.voice-channel-name,.channel-name{flex:1;font-size:14px;color:var(--text-primary);font-weight:500}.voice-channel-users,.channel-activity{font-size:12px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.community-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:background-color .15s ease;font-size:14px}.community-link:hover{background-color:var(--hover-overlay)}.link-icon{font-size:18px}.donate-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.donate-section h4{margin-top:0}.donate-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.donate-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;transition:all .2s ease}.donate-btn:hover{transform:translateY(-1px)}.donate-btn.paypal{background:#0070ba;color:#fff}.donate-btn.paypal:hover{background:#005ea6}.donate-btn.venmo{background:#3d95ce;color:#fff}.donate-btn.venmo:hover{background:#2d85be}.homepage-section.stats .stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.homepage-section.stats .stat-row:last-child{border-bottom:none}.homepage-section.stats .stat-label{font-size:13px;color:var(--text-secondary)}.homepage-section.stats .stat-value{font-size:14px;font-weight:600;color:var(--text-primary)}.homepage-section.invite-link{background:linear-gradient(135deg,rgba(235,117,56,.1),rgba(235,117,56,.05));border:1px solid rgba(235,117,56,.3)}.invite-description{font-size:13px;color:var(--text-secondary);margin:0 0 var(--space-md) 0}.invite-link-box{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-medium)}.invite-url{flex:1;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--gamevox-orange-start);user-select:all}.copy-invite-btn{padding:var(--space-sm);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-invite-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start)}.copy-invite-btn.copied{border-color:var(--status-online);color:var(--status-online)}.server-code-display-homepage{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.server-code-display-homepage .code-label{font-size:12px;color:var(--text-tertiary)}.server-code-display-homepage .server-code{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:2px}.copy-code-btn{margin-left:var(--space-sm);padding:4px 6px;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.copy-code-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start)}.copy-code-btn.copied{border-color:var(--status-online);color:var(--status-online)}#homepage-server-owner{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.owner-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease}.owner-info:hover{background:var(--hover-overlay)}.owner-avatar{width:36px;height:36px;flex-shrink:0;position:relative}.owner-avatar-hex{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);padding:2px;display:flex;align-items:center;justify-content:center}.owner-avatar-img{width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);display:block}.owner-avatar-hex svg{width:24px;height:24px;color:var(--text-secondary)}.owner-status-indicator{width:10px;height:10px;border-radius:50%;position:absolute;bottom:2px;right:-2px;border:2px solid var(--bg-secondary);z-index:1}.owner-status-indicator.online{background-color:#43b581}.owner-status-indicator.offline{background-color:#747f8d}.owner-details{flex:1;display:flex;flex-direction:column}.owner-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.owner-name{font-size:14px;font-weight:600;color:var(--text-primary)}.owner-crown{flex-shrink:0}.homepage-section.groups.full-width{grid-column:1 / -1}.group-section{margin-bottom:var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.group-section:last-child{margin-bottom:0}.group-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);cursor:pointer;transition:background-color .15s ease;user-select:none}.group-header:hover{background:var(--hover-overlay)}.group-expand-icon{font-size:10px;color:var(--text-tertiary);width:12px;text-align:center}.group-type-icon{display:flex;align-items:center}.group-name{flex:1;font-size:13px;font-weight:600;color:var(--text-primary)}.group-member-count{font-size:12px;color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.group-members{padding:var(--space-sm);background:var(--bg-secondary)}.group-members.hidden{display:none}.no-members{color:var(--text-tertiary);font-size:12px;font-style:italic;padding:var(--space-xs) 0}.group-member{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background-color .15s ease;cursor:pointer}.group-member:hover{background:var(--hover-overlay)}.member-avatar{width:28px;height:28px;flex-shrink:0;position:relative}.member-avatar-hex{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);padding:2px;display:flex;align-items:center;justify-content:center}.member-avatar-img{width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);display:block}.member-avatar-hex svg{width:20px;height:20px;color:var(--text-secondary)}.member-status-dot{width:8px;height:8px;border-radius:50%;position:absolute;bottom:1px;right:-2px;z-index:1;border:2px solid var(--bg-secondary)}.member-status-dot.online{background:#43b581;box-shadow:0 0 4px #43b58180}.member-status-dot.offline{background:var(--text-tertiary)}.member-name{font-size:13px;font-weight:500;color:var(--text-primary)}.group-member.offline .member-name{color:var(--text-secondary)}.member-username{font-size:11px;color:var(--text-tertiary);flex:1}.member-lock{display:flex;align-items:center;margin-left:auto}.member-lock.full{color:var(--text-tertiary)}.member-lock.partial{color:var(--text-tertiary);opacity:.5}.homepage-section.files.full-width{grid-column:1 / -1}.homepage-section.files h3{display:flex;align-items:center;gap:var(--space-sm)}.homepage-section.files h3 svg{stroke:var(--gamevox-orange-start)}.file-area{margin-bottom:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.file-area:last-child{margin-bottom:0}.file-area-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.file-area-title{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:14px;color:var(--text-primary)}.file-area-title svg{stroke:var(--text-secondary);flex-shrink:0}.file-area-stats{display:flex;align-items:center;gap:var(--space-xs);font-size:12px;color:var(--text-tertiary);flex:1}.file-upload-btn{display:flex;align-items:center;gap:var(--space-xs);background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.file-upload-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ff7e5f66}.file-upload-btn svg{stroke:#fff}.file-area-files{padding:var(--space-sm)}.no-files{color:var(--text-tertiary);font-size:13px;text-align:center;padding:var(--space-md)}.file-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);transition:background-color .15s ease}.file-item:hover{background:var(--hover-overlay)}.file-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.file-icon svg{width:24px;height:24px}.file-item .file-thumbnail{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--bg-tertiary);border:1px solid var(--border-subtle)}.file-item .file-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease,opacity .2s ease}.file-item .file-thumbnail:hover img{transform:scale(1.1);opacity:.9}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:11px;color:var(--text-tertiary)}.file-actions{display:flex;align-items:center;gap:var(--space-xs)}.file-view-btn,.file-download-btn,.file-rename-btn,.file-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;padding:0}.btn-icon{font-size:14px;line-height:1;filter:grayscale(100%);opacity:.7;transition:all .15s ease}.file-view-btn:hover{background:#5865F2;border-color:#5865f2}.file-view-btn:hover .btn-icon{filter:grayscale(0%);opacity:1}.file-download-btn:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start)}.file-download-btn:hover .btn-icon{filter:grayscale(0%);opacity:1}.file-rename-btn:hover{background:#3498db;border-color:#3498db}.file-rename-btn:hover .btn-icon{filter:grayscale(0%);opacity:1}.file-delete-btn:hover{background:#e74c3c;border-color:#e74c3c}.file-delete-btn:hover .btn-icon{filter:grayscale(0%);opacity:1}.homepage-section.audit-log.full-width{grid-column:1 / -1}.homepage-section.audit-log h3{display:flex;align-items:center;gap:var(--space-sm)}.homepage-section.audit-log h3 svg{stroke:var(--gamevox-orange-start)}.view-all-btn{margin-left:auto;padding:4px 12px;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}#homepage-audit-log{display:flex;flex-direction:column;gap:var(--space-xs)}.audit-entry{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);border-left:3px solid var(--border-medium);background:var(--bg-secondary);transition:background .15s ease}.audit-entry:hover{background:var(--bg-tertiary)}.audit-entry.kick{border-left-color:#e74c3c}.audit-entry.ban{border-left-color:#c0392b}.audit-entry.unban{border-left-color:#27ae60}.audit-entry.group_change{border-left-color:#3498db}.audit-entry.permission_update{border-left-color:#9b59b6}.audit-entry.badge_change{border-left-color:#f39c12}.audit-entry.file_upload{border-left-color:#27ae60}.audit-entry.file_delete{border-left-color:#e74c3c}.audit-entry.file_rename{border-left-color:#3498db}.audit-entry.rank_change{border-left-color:#9b59b6}.audit-entry.settings_update{border-left-color:#95a5a6}.audit-entry.announcement_create{border-left-color:#1abc9c}.audit-entry.announcement_delete{border-left-color:#e74c3c}.audit-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.audit-content{flex:1;min-width:0;font-size:13px;color:var(--text-secondary)}.audit-actor{font-weight:600;color:var(--text-primary)}.audit-action{color:var(--text-secondary)}.audit-action strong{color:var(--text-primary);font-weight:500}.audit-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.audit-log-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease}.audit-log-modal-container{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.audit-log-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--border-subtle)}.audit-log-modal-header h3{margin:0;font-size:18px;color:var(--text-primary)}.audit-log-modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.audit-log-modal-close:hover{color:var(--text-primary)}.audit-log-modal-filters{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.audit-log-search{flex:1}.audit-log-search input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.audit-log-search input:focus{outline:none;border-color:var(--gamevox-orange-start)}.audit-log-filter select{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer}.audit-log-filter select:focus{outline:none;border-color:var(--gamevox-orange-start)}.audit-log-modal-content{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.audit-entry-full{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--border-medium);background:var(--bg-tertiary);transition:background .15s ease}.audit-entry-full:hover{background:var(--bg-primary)}.audit-entry-full.kick{border-left-color:#e74c3c}.audit-entry-full.ban{border-left-color:#c0392b}.audit-entry-full.unban{border-left-color:#27ae60}.audit-entry-full.group_change{border-left-color:#3498db}.audit-entry-full.permission_update{border-left-color:#9b59b6}.audit-entry-full.badge_change{border-left-color:#f39c12}.audit-entry-full.file_delete{border-left-color:#e74c3c}.audit-entry-full.file_rename{border-left-color:#3498db}.audit-entry-full.settings_update{border-left-color:#95a5a6}.audit-entry-full.announcement_create{border-left-color:#1abc9c}.audit-entry-full.announcement_delete{border-left-color:#e74c3c}.audit-entry-full.file_upload{border-left-color:#27ae60}.audit-entry-full.rank_change{border-left-color:#9b59b6}.audit-entry-full .audit-content{flex:1}.audit-main{font-size:13px}.audit-reason{margin-top:4px;font-size:12px;color:var(--text-muted);font-style:italic}.audit-time-full{font-size:11px;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.audit-log-modal-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-subtle);display:flex;justify-content:center}.audit-log-load-more{padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.audit-log-load-more:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.polling-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);opacity:0;transition:opacity .3s ease;position:absolute;right:0;top:50%;transform:translateY(-50%)}.polling-indicator.active{opacity:1}.polling-dot{width:8px;height:8px;background:var(--gamevox-orange-start);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.audit-log-modal-header{position:relative}.gv-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;min-width:350px;max-width:450px;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:scale(.95) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);flex:1}.modal-body{padding:var(--space-lg)}.modal-body p{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.modal-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s ease}.modal-input:focus{border-color:var(--gamevox-orange-start)}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--space-sm)}.modal-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.modal-btn.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.modal-btn.cancel-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.modal-btn.primary-btn{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff}.modal-btn.primary-btn:hover{filter:brightness(1.1)}.modal-btn.danger-btn{background:#e74c3c;color:#fff}.modal-btn.danger-btn:hover{background:#c0392b}.error-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#e74c3c;color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:14px;z-index:10001;animation:toastIn .3s ease,toastOut .3s ease 3.7s}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.user-profile-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.user-profile-container{width:400px;max-width:90vw;max-height:85vh;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-profile-header{position:relative;display:flex;justify-content:flex-end;padding:var(--space-sm);z-index:10}.user-profile-close{background:rgba(0,0,0,.4);border:none;font-size:24px;color:#fff;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.user-profile-close:hover{background:rgba(0,0,0,.6)}.user-profile-banner{height:100px;background:linear-gradient(135deg,var(--gamevox-orange-start) 0%,var(--gamevox-orange-end) 50%,#2c3e50 100%);margin-top:-48px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:50px}.user-profile-avatar-wrapper{position:absolute;bottom:-40px}.user-profile-avatar-hex{width:90px;height:90px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.user-profile-avatar-hex img{width:84px;height:84px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;background:var(--bg-tertiary)}.user-profile-status{position:absolute;bottom:5px;right:5px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg-secondary);background:var(--text-muted)}.user-profile-status.online{background:#2ecc71}.user-profile-status.offline{background:var(--text-muted)}.user-profile-info{text-align:center;padding:50px var(--space-md) var(--space-md);border-bottom:1px solid var(--border-subtle)}.user-profile-info h2{margin:0 0 var(--space-xs);font-size:22px;font-weight:600;color:var(--text-primary)}.user-profile-displayname{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.user-profile-badges{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap}.user-profile-badge{padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);border:1px solid var(--border-subtle)}.user-profile-badge.owner{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#000;border:none;font-weight:600}.user-profile-badge.admin{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none}.user-profile-badge.verified{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none}.user-profile-content{flex:1;overflow-y:auto;padding:var(--space-md)}.user-profile-section{margin-bottom:var(--space-md)}.user-profile-section:last-child{margin-bottom:0}.user-profile-section h3{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 var(--space-sm);font-weight:600}.user-profile-section h3 svg{opacity:.7}.user-profile-sessions{display:flex;flex-direction:column;gap:var(--space-xs)}.session-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.session-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-sm)}.session-icon svg{width:16px;height:16px;fill:var(--text-secondary)}.session-info{flex:1}.session-type{font-size:13px;font-weight:500;color:var(--text-primary)}.session-game{font-size:11px;color:var(--gamevox-orange-start)}.user-profile-activity{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.activity-item{display:flex;align-items:center;gap:var(--space-sm)}.activity-icon{font-size:20px}.activity-name{font-size:14px;font-weight:500;color:var(--text-primary)}.user-profile-servers{display:flex;flex-direction:column;gap:var(--space-xs)}.server-item-profile{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.server-item-profile:hover{background:var(--bg-elevated)}.server-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--gamevox-orange-start);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:14px}.server-avatar img{width:100%;height:100%;border-radius:var(--radius-sm);object-fit:cover}.server-name-profile{font-size:13px;font-weight:500;color:var(--text-primary)}.user-profile-server-group{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.server-group-item{display:flex;align-items:center;gap:var(--space-sm)}.group-icon{font-size:16px}.group-info{flex:1}.group-name{font-size:14px;font-weight:500;color:var(--text-primary)}.group-badge{font-size:11px;color:var(--text-secondary)}.user-profile-section .no-content{padding:var(--space-sm);text-align:center;color:var(--text-muted);font-size:13px;font-style:italic}#gif-picker{position:absolute;bottom:60px;right:10px;background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:400px;max-height:450px;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.gif-picker-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.gif-search-container{position:relative;display:flex;align-items:center}.gif-search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}#gif-search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) 36px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease}#gif-search-input:focus{border-color:var(--gamevox-orange-start)}#gif-search-input::placeholder{color:var(--text-muted)}.gif-powered-by{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);font-size:10px;color:var(--text-tertiary)}.gif-powered-by img{opacity:.7}.gif-categories{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);overflow-x:auto;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);scrollbar-width:thin}.gif-categories::-webkit-scrollbar{height:4px}.gif-categories::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.gif-category-btn{flex-shrink:0;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.gif-category-btn:hover{background:var(--hover-overlay);border-color:var(--border-medium);color:var(--text-primary)}.gif-category-btn.active{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));border-color:transparent;color:#fff}.gif-results{flex:1;overflow-y:auto;padding:var(--space-sm);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);min-height:250px;max-height:300px;align-content:start}.gif-results::-webkit-scrollbar{width:6px}.gif-results::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.gif-results::-webkit-scrollbar-track{background:transparent}.gif-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--bg-tertiary);aspect-ratio:16/9;transition:transform .15s ease,box-shadow .15s ease}.gif-item:hover{transform:scale(1.03);box-shadow:0 4px 12px #0000004d;z-index:1}.gif-item img{width:100%;height:100%;object-fit:cover;display:block}.gif-loading,.gif-no-results{grid-column:1 / -1;text-align:center;padding:var(--space-xl);color:var(--text-tertiary);font-size:14px}.gif-loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:var(--space-sm);border:2px solid var(--border-medium);border-top-color:var(--gamevox-orange-start);border-radius:50%;animation:gif-spinner .8s linear infinite;vertical-align:middle}@keyframes gif-spinner{to{transform:rotate(360deg)}}.gif-error{grid-column:1 / -1;text-align:center;padding:var(--space-lg);color:#e74c3c;font-size:13px}.chat-gif{max-width:300px;max-height:200px;border-radius:var(--radius-md);margin-top:var(--space-xs);cursor:pointer;transition:transform .15s ease}.chat-gif:hover{transform:scale(1.02)}.channel-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;min-height:400px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.channel-welcome-icon{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color) 0%,#7c3aed 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 32px #8b5cf64d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 8px 32px #8b5cf64d;transform:scale(1)}50%{box-shadow:0 12px 48px #8b5cf666;transform:scale(1.02)}}.channel-welcome-icon svg{color:#fff}.channel-welcome-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.5px}.channel-welcome-description{font-size:16px;color:var(--text-secondary);margin:0 0 32px;max-width:400px;line-height:1.5}.channel-welcome-description strong{color:var(--accent-color)}.channel-welcome-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;max-width:480px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.feature-item:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-2px)}.feature-icon{font-size:20px;flex-shrink:0}.feature-item span:last-child{font-size:13px;color:var(--text-secondary);text-align:left}.channel-welcome-cta{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;padding:12px 24px;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);border-radius:24px;border:1px solid rgba(139,92,246,.3)}@media (max-width: 600px){.channel-welcome{padding:40px 20px}.channel-welcome-features{grid-template-columns:1fr}.channel-welcome-title{font-size:22px}}#welcome-splash{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto;background:linear-gradient(180deg,var(--bg-primary) 0%,rgba(139,92,246,.03) 100%)}.welcome-splash-content{max-width:600px;text-align:center;animation:welcomeFadeIn .5s ease-out}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-splash-icon{margin-bottom:24px;color:var(--gamevox-orange-start);animation:welcomeIconPulse 3s ease-in-out infinite}@keyframes welcomeIconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.welcome-splash-icon svg{filter:drop-shadow(0 4px 20px rgba(249,115,22,.3))}.welcome-splash-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 12px;background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-splash-subtitle{font-size:16px;color:var(--text-secondary);margin:0 0 40px;line-height:1.5}.welcome-splash-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.welcome-action-card{display:flex;align-items:center;gap:20px;padding:20px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.welcome-action-card:hover{background:var(--bg-tertiary);border-color:var(--gamevox-orange-start);transform:translate(4px);box-shadow:0 4px 20px #f9731626}.welcome-action-card:active{transform:translate(2px)}.action-card-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(234,88,12,.1));border-radius:12px;color:var(--gamevox-orange-start)}.action-card-text h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.action-card-text p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.welcome-splash-features{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding-top:32px;border-top:1px solid var(--border-color)}.welcome-splash-features .feature-item{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:13px}.welcome-splash-features .feature-item svg{color:var(--text-tertiary);opacity:.7}@media (max-width: 500px){#welcome-splash{padding:24px}.welcome-splash-title{font-size:24px}.welcome-action-card{padding:16px}.action-card-icon{width:48px;height:48px}.welcome-splash-features{flex-direction:column;align-items:center;gap:12px}}img.twemoji{height:1.2em;width:1.2em;margin:0 .05em 0 .1em;vertical-align:-.2em;display:inline-block}#settings-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;justify-content:center;align-items:center;-webkit-app-region:no-drag;backdrop-filter:blur(4px)}#settings-overlay.active{display:flex}#settings-modal{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:90%;max-width:900px;height:85%;max-height:700px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;-webkit-app-region:no-drag}#settings-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-medium);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-primary);user-select:none;-webkit-user-select:none;-webkit-app-region:drag;--wails-draggable: drag}#settings-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s;-webkit-app-region:no-drag}.close-btn:hover{background-color:#ed4245;color:#fff}.close-btn:active{background-color:#c13b3e}#browse-download-folder-btn{max-width:100px}#settings-content{display:flex;flex:1;overflow:hidden}#settings-sidebar{width:200px;background-color:var(--bg-secondary);padding:var(--space-md) var(--space-sm);overflow-y:auto;border-right:1px solid var(--border-subtle)}.settings-tab-btn{width:100%;padding:var(--space-sm) var(--space-md);margin-bottom:2px;background:none;border:none;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .15s}.settings-tab-btn:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.settings-tab-btn:active{background-color:var(--active-overlay)}.settings-tab-btn.active{background-color:var(--selected-bg);color:var(--gamevox-orange-start);font-weight:600}#settings-panels{flex:1;padding:var(--space-xl);overflow-y:auto;background-color:var(--bg-primary)}.settings-panel{display:none}.settings-panel.active{display:block}.settings-panel h3{margin:0 0 var(--space-xl) 0;font-size:18px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.settings-section{margin-bottom:var(--space-xl)}.settings-section h4{margin:0 0 var(--space-md) 0;font-size:12px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.service-status-list{display:flex;flex-direction:column;gap:var(--space-md)}.service-status-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background-color:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all .2s ease}.service-status-row:hover{border-color:var(--border-medium);background-color:var(--bg-tertiary)}.service-info{display:flex;flex-direction:column;gap:var(--space-xs)}.service-name{font-size:15px;font-weight:600;color:var(--text-primary)}.service-url{font-size:12px;color:var(--text-tertiary);font-family:Courier New,monospace}.service-response-time{font-size:11px;color:#43b581;font-family:Courier New,monospace;margin-top:2px;font-weight:500}.service-indicator-group{display:flex;align-items:center;gap:var(--space-sm)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.online{background-color:#3ba55c;box-shadow:0 0 8px #3ba55c99}.status-dot.offline{background-color:#ed4245;box-shadow:0 0 8px #ed424599}.status-dot.connecting{background-color:#faa61a;box-shadow:0 0 8px #faa61a99;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.info-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.info-item{display:flex;justify-content:space-between;padding:var(--space-md);background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.info-label{font-weight:600;font-size:13px;color:var(--text-secondary)}.info-value{color:var(--text-primary);font-family:Courier New,monospace;font-size:13px}.primary-btn{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:auto;box-shadow:var(--shadow-orange)}.primary-btn:hover{background:linear-gradient(135deg,#f58549,#f55d4c);transform:translateY(-1px);box-shadow:0 6px 20px #eb753880}.primary-btn:active{transform:translateY(0) scale(.98)}.diagnostic-results{margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);min-height:40px;color:var(--text-secondary);font-size:13px;font-family:Courier New,monospace;white-space:pre-line}.diagnostic-results:empty{display:none}.diagnostic-results.success{border-left:4px solid #3ba55c;color:#3ba55c}.diagnostic-results.error{border-left:4px solid #ed4245;color:#ed4245}.diagnostic-results.warning{border-left:4px solid #faa61a;color:#faa61a}#settings-sidebar::-webkit-scrollbar,#settings-panels::-webkit-scrollbar{width:8px}#settings-sidebar::-webkit-scrollbar-track,#settings-panels::-webkit-scrollbar-track{background:var(--bg-secondary)}#settings-sidebar::-webkit-scrollbar-thumb,#settings-panels::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-sm)}#settings-sidebar::-webkit-scrollbar-thumb:hover,#settings-panels::-webkit-scrollbar-thumb:hover{background:var(--bg-tertiary)}.settings-logout-btn{width:100%;padding:var(--space-sm) var(--space-md);margin-top:var(--space-lg)}#add-server-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;justify-content:center;align-items:center;-webkit-app-region:no-drag;backdrop-filter:blur(4px)}#add-server-overlay.active{display:flex}#add-server-modal{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:90%;max-width:600px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;-webkit-app-region:no-drag}#add-server-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-medium);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-primary);user-select:none;-webkit-user-select:none}#add-server-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}#add-server-content{padding:var(--space-xl);background-color:var(--bg-primary);display:flex;flex-direction:column;gap:var(--space-lg)}.add-server-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl);background-color:var(--bg-elevated);border-radius:var(--radius-lg);border:2px solid var(--border-subtle);transition:all .3s ease}.add-server-option:hover{border-color:var(--gamevox-orange-start);box-shadow:0 4px 16px #eb753833;transform:translateY(-2px)}.option-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);transition:all .3s ease}.create-icon{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));box-shadow:var(--shadow-orange)}.join-icon{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 4px 12px #5865f24d}.add-server-option:hover .option-icon{transform:scale(1.1);box-shadow:0 8px 20px #eb753880}.add-server-option h3{margin:0 0 var(--space-md) 0;font-size:18px;font-weight:600;color:var(--text-primary)}.add-server-option p{margin:0 0 var(--space-lg) 0;font-size:14px;color:var(--text-secondary);line-height:1.5}#server-invite-input{width:100%;padding:var(--space-md);margin-bottom:var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}#server-invite-input:focus{outline:none;border-color:var(--gamevox-orange-start);box-shadow:0 0 0 3px #eb75381a}#server-invite-input::placeholder{color:var(--text-muted)}.option-btn{padding:var(--space-md) var(--space-xl);width:auto}.option-divider{position:relative;text-align:center;margin:var(--space-sm) 0}.option-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-medium),transparent)}.option-divider span{position:relative;background-color:var(--bg-primary);padding:0 var(--space-lg);color:var(--text-tertiary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.add-server-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-xs);background-color:var(--bg-elevated);border-radius:var(--radius-lg)}.add-server-tab{flex:1;padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-server-tab:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.add-server-tab.active{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;box-shadow:var(--shadow-orange)}.add-server-tab-content{display:none}.add-server-tab-content.active{display:block}.join-server-section{padding:var(--space-lg);background-color:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.join-server-section.compact{padding:var(--space-md)}.join-server-section h3{margin:0 0 var(--space-sm) 0;font-size:16px;font-weight:600;color:var(--text-primary)}.join-server-section p{margin:0 0 var(--space-md) 0;font-size:13px;color:var(--text-secondary);line-height:1.4}.join-server-divider{position:relative;text-align:center;margin:var(--space-lg) 0}.join-server-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-medium)}.join-server-divider span{position:relative;background-color:var(--bg-primary);padding:0 var(--space-lg);color:var(--text-tertiary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.search-input-wrapper{display:flex;gap:var(--space-sm);align-items:stretch}.search-input-wrapper input{flex:1;padding:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;height:44px;box-sizing:border-box}.search-input-wrapper input:focus{outline:none;border-color:var(--gamevox-orange-start);box-shadow:0 0 0 3px #eb75381a}.search-input-wrapper input::placeholder{color:var(--text-muted)}.search-input-wrapper button{padding:var(--space-md);display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;box-sizing:border-box}.server-search-results{max-height:250px;overflow-y:auto;margin-top:var(--space-md);border-radius:var(--radius-md)}.search-placeholder,.search-loading,.search-no-results,.search-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-tertiary);text-align:center}.search-placeholder p,.search-loading p,.search-no-results p,.search-error p{margin:var(--space-md) 0 0 0;font-size:13px}.search-error{color:var(--status-error)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-medium);border-top-color:var(--gamevox-orange-start);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.server-search-result{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-sm);border:1px solid var(--border-subtle);transition:all .2s ease}.server-search-result:hover{border-color:var(--gamevox-orange-start);background-color:var(--bg-elevated)}.server-search-result.is-member{opacity:.7}.server-result-info{flex:1;min-width:0}.server-result-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-result-code{font-size:12px;font-family:var(--font-mono);color:var(--gamevox-orange-start);margin-bottom:var(--space-xs)}.server-result-stats{display:flex;gap:var(--space-md);font-size:12px;color:var(--text-secondary)}.server-result-stats .stat-value{font-weight:600;color:var(--text-primary)}.server-result-stats .stat-value.online{color:var(--status-online)}.server-result-action{margin-left:var(--space-md)}.server-result-action .already-member{font-size:12px;color:var(--text-tertiary);padding:var(--space-sm) var(--space-md)}.join-result-btn{padding:var(--space-sm) var(--space-lg);font-size:13px}.code-input-wrapper{display:flex;gap:var(--space-sm);align-items:stretch}.code-input-wrapper input{flex:1;padding:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;text-align:center;height:44px;box-sizing:border-box}.code-input-wrapper input:focus{outline:none;border-color:var(--gamevox-orange-start);box-shadow:0 0 0 3px #eb75381a}.code-input-wrapper input::placeholder{color:var(--text-muted);letter-spacing:2px}.code-input-wrapper .option-btn{height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.code-hint{font-size:11px;color:var(--text-tertiary);margin-top:var(--space-sm)!important}.create-server-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl)}.create-server-section .option-icon{width:100px;height:100px;margin-bottom:var(--space-xl)}.create-server-section h3{margin:0 0 var(--space-md) 0;font-size:20px;font-weight:600;color:var(--text-primary)}.create-server-section p{margin:0 0 var(--space-xl) 0;font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:400px}.create-server-form{width:100%;max-width:350px;display:flex;flex-direction:column;gap:var(--space-md)}.create-server-form label{text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.create-server-form input{padding:var(--space-md);background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;text-align:center}.create-server-form input:focus{outline:none;border-color:var(--gamevox-orange-start);box-shadow:0 0 0 3px #eb75381a}.create-server-form input::placeholder{color:var(--text-muted)}.create-server-result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl)}.create-server-result .success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--status-online),#22c55e);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);color:#fff}.create-server-result h4{margin:0 0 var(--space-md) 0;font-size:22px;font-weight:600;color:var(--text-primary)}.create-server-result p{margin:0 0 var(--space-sm) 0;font-size:14px;color:var(--text-secondary)}.server-code-display{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background-color:var(--bg-elevated);border:2px dashed var(--gamevox-orange-start);border-radius:var(--radius-lg);margin:var(--space-md) 0}.server-code-display span{font-size:28px;font-family:var(--font-mono);font-weight:700;color:var(--gamevox-orange-start);letter-spacing:3px}.copy-btn{padding:var(--space-sm);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start)}.copy-btn.copied{border-color:var(--status-online);color:var(--status-online)}.share-hint{font-size:12px;color:var(--text-tertiary)}.success-celebration{position:relative;margin-bottom:var(--space-lg);display:flex;justify-content:center;align-items:center}.success-celebration .success-icon.pulse{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #22c55e4d;transform:scale(1)}50%{box-shadow:0 0 40px #22c55e80;transform:scale(1.05)}}.confetti-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.confetti{position:absolute;width:10px;height:10px;border-radius:2px;animation:confetti-fall 3s ease-out forwards}.confetti:nth-child(1){background:var(--gamevox-orange-start);left:50%;animation-delay:0s}.confetti:nth-child(2){background:#22c55e;left:30%;animation-delay:.1s}.confetti:nth-child(3){background:#3b82f6;left:70%;animation-delay:.2s}.confetti:nth-child(4){background:#f59e0b;left:20%;animation-delay:.15s}.confetti:nth-child(5){background:#ec4899;left:80%;animation-delay:.25s}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(-100px) rotate(720deg) scale(0)}}.create-server-result .success-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:var(--space-xl)}.invite-section{width:100%;max-width:400px}.invite-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.invite-link-display{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(135deg,rgba(235,117,56,.1),rgba(227,82,26,.1));border:2px solid var(--gamevox-orange-start);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.invite-link{flex:1;font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--text-primary);word-break:break-all}.code-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:1px}.code-divider:before,.code-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.continue-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;max-width:300px;padding:var(--space-lg) var(--space-xl);margin-top:var(--space-xl);font-size:18px;font-weight:700;border-radius:var(--radius-lg);transition:all .3s ease}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #eb753866}.continue-btn svg{transition:transform .3s ease}.continue-btn:hover svg{transform:translate(4px)}.settings-row{margin-bottom:var(--space-md)}.settings-input-group{display:flex;gap:var(--space-sm);align-items:center;max-width:500px}.settings-input{flex:1;padding:var(--space-md);background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:Courier New,monospace;height:40px;box-sizing:border-box}.settings-input[readonly]{cursor:default;color:var(--text-secondary)}.secondary-btn{padding:var(--space-md) var(--space-lg);background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.secondary-btn:hover{background-color:var(--bg-tertiary);border-color:var(--gamevox-orange-start)}.secondary-btn:active{transform:scale(.98)}.secondary-btn.icon-btn{padding:var(--space-md);display:flex;align-items:center;justify-content:center;height:40px;width:40px;box-sizing:border-box}.secondary-btn.icon-btn svg{display:block}.settings-checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:14px;color:var(--text-secondary);user-select:none}.settings-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gamevox-orange-start);cursor:pointer}.settings-checkbox-label:hover{color:var(--text-primary)}.settings-checkbox-label:hover input[type=checkbox]{filter:brightness(1.1)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-elevated);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end))}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background-color:#fff}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.setting-row:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:4px;flex:1;margin-right:16px}.setting-label{color:var(--text-primary);font-weight:500;font-size:14px}.setting-description{color:var(--text-secondary);font-size:12px;line-height:1.4}.blocked-users-list{display:flex;flex-direction:column;gap:8px}.blocked-users-list .no-blocked{color:var(--text-tertiary);font-size:13px;text-align:center;padding:16px}.blocked-user-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-md)}.blocked-user-row .username{color:var(--text-primary);font-weight:500}.blocked-user-row .unblock-btn{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary);padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.blocked-user-row .unblock-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.linked-account-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all .2s ease}.linked-account-row:hover{border-color:var(--border-medium)}.linked-account-info{display:flex;align-items:center;gap:12px}.discord-icon{flex-shrink:0}.linked-account-details{display:flex;flex-direction:column;gap:2px}.linked-account-name{font-weight:600;font-size:14px;color:var(--text-primary)}.linked-account-status{font-size:12px;color:var(--text-tertiary)}.linked-account-status.linked{color:#3ba55c}.linked-account-actions{display:flex;gap:8px}.discord-link-btn{background:#5865F2;border:none;color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.discord-link-btn:hover{background:#4752c4;transform:translateY(-1px)}.discord-link-btn:active{transform:translateY(0) scale(.98)}.discord-unlink-btn{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.discord-unlink-btn:hover{border-color:#ed4245;color:#ed4245;background:rgba(237,66,69,.1)}.settings-description{color:var(--text-secondary);font-size:13px;margin-bottom:16px;line-height:1.5}.log-viewer-header{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.log-file-selector{display:flex;align-items:center;gap:8px}.log-file-selector label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.log-file-selector select{flex:1;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:13px;cursor:pointer}.log-file-selector select:focus{outline:none;border-color:var(--gamevox-orange-start)}.log-filters{display:flex;align-items:center;gap:8px}.log-filters label{font-size:13px;color:var(--text-secondary)}.log-filter-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 12px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.log-filter-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.log-filter-btn.active{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.log-filter-btn[data-level=error].active{background:#ed4245;border-color:#ed4245}.log-filter-btn[data-level=warning].active{background:#faa61a;border-color:#faa61a}.log-search{display:flex}.log-search input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:13px}.log-search input:focus{outline:none;border-color:var(--gamevox-orange-start)}.log-search input::placeholder{color:var(--text-tertiary)}.log-viewer-stats{display:flex;gap:16px;padding:8px 0;border-bottom:1px solid var(--border-subtle);margin-bottom:8px}.log-viewer-stats span{font-size:12px;color:var(--text-secondary)}#log-error-count{color:#ed4245}#log-warning-count{color:#faa61a}.log-viewer-content{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:300px;overflow-y:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.6;user-select:text;cursor:text}.log-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-style:italic}.log-entry{display:flex;padding:4px 12px;border-bottom:1px solid var(--border-subtle);transition:background-color .1s ease}.log-entry:hover{background:var(--bg-secondary)}.log-entry:last-child{border-bottom:none}.log-entry.level-error{background:rgba(237,66,69,.1)}.log-entry.level-error:hover{background:rgba(237,66,69,.15)}.log-entry.level-warning{background:rgba(250,166,26,.1)}.log-entry.level-warning:hover{background:rgba(250,166,26,.15)}.log-entry.level-header{background:var(--bg-secondary);font-weight:600;color:var(--gamevox-orange-start)}.log-timestamp{color:var(--text-tertiary);flex-shrink:0;width:150px;margin-right:8px}.log-category{color:var(--gamevox-orange-start);flex-shrink:0;margin-right:8px;font-weight:500}.log-message{color:var(--text-primary);flex:1;word-break:break-word}.log-entry.level-error .log-message{color:#ed4245}.log-entry.level-warning .log-message{color:#faa61a}.send-log-form{display:flex;flex-direction:column;gap:12px}.send-log-form textarea{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px;color:var(--text-primary);font-size:13px;resize:vertical;min-height:80px}.send-log-form textarea:focus{outline:none;border-color:var(--gamevox-orange-start)}.send-log-form textarea::placeholder{color:var(--text-tertiary)}.send-log-actions{display:flex;gap:8px}.send-log-actions button{display:flex;align-items:center;gap:8px}.send-log-actions button svg{flex-shrink:0}.send-log-status{font-size:13px;margin:0;padding:8px 0}.send-log-status.success{color:#43b581}.send-log-status.error{color:#ed4245}.send-log-status.loading{color:var(--text-secondary);font-style:italic}.server-settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.server-settings-container{position:relative;display:flex;width:95%;max-width:1100px;height:85%;max-height:800px;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;overflow:hidden}.server-settings-close-x{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.server-settings-close-x:hover{color:var(--text-primary);background:var(--bg-tertiary)}.server-settings-sidebar{width:220px;background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--border-subtle)}.settings-sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.settings-sidebar-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.settings-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease;text-align:left}.settings-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-nav-item.active{background:var(--gamevox-orange-start);color:#fff}.settings-nav-item .nav-icon{font-size:16px;width:20px;text-align:center}.settings-sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-subtle)}.settings-close-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.settings-close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.settings-close-btn span{background:var(--bg-primary);padding:2px 6px;border-radius:3px;font-size:11px}.server-settings-content{flex:1;padding:var(--space-xl);overflow-y:auto}.settings-tab-content{display:none}.settings-tab-content.active{display:block}.settings-tab-content h3{margin:0 0 var(--space-sm) 0;font-size:20px;font-weight:600;color:var(--text-primary)}.settings-description{color:var(--text-secondary);font-size:14px;margin:0 0 var(--space-lg) 0}.settings-section{margin-bottom:var(--space-lg)}.settings-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.settings-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;transition:border-color .15s ease}.settings-input:focus{outline:none;border-color:var(--gamevox-orange-start)}.settings-textarea{width:100%;min-height:100px;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;resize:vertical;font-family:inherit;transition:border-color .15s ease}.settings-textarea:focus{outline:none;border-color:var(--gamevox-orange-start)}.settings-actions{margin-top:var(--space-xl);display:flex;gap:var(--space-sm)}.settings-save-btn{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));border:none;border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #eb75384d}.permissions-container{display:flex;gap:var(--space-lg);min-height:400px}.groups-list{width:200px;background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.group-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease;text-align:left}.group-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.group-item.active{background:var(--bg-tertiary);color:var(--text-primary);border-left:3px solid var(--gamevox-orange-start)}.group-item .group-rank{font-size:11px;color:var(--text-tertiary);margin-left:auto}.permissions-panel{flex:1;background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg);overflow-y:auto}.no-group-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary)}.no-group-selected .icon{font-size:48px;margin-bottom:var(--space-md)}.permission-category{margin-bottom:var(--space-lg)}.permission-category h4{margin:0 0 var(--space-sm) 0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.permission-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.permission-row:last-child{border-bottom:none}.permission-info{flex:1}.permission-name{font-size:14px;color:var(--text-primary)}.permission-desc{font-size:12px;color:var(--text-tertiary)}.permission-select{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer}.permission-select:focus{outline:none;border-color:var(--gamevox-orange-start)}.permission-toggle{position:relative;width:44px;height:24px}.permission-toggle input{opacity:0;width:0;height:0}.permission-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bg-tertiary);border-radius:12px;transition:.2s}.permission-toggle .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:var(--text-secondary);border-radius:50%;transition:.2s}.permission-toggle input:checked+.slider{background:var(--gamevox-orange-start)}.permission-toggle input:checked+.slider:before{transform:translate(20px);background:#fff}.announcements-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.announcement-item{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.announcement-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.announcement-item input[type=text]{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:500}.announcement-item textarea{width:100%;min-height:60px;padding:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;resize:vertical;font-family:inherit}.announcement-delete-btn{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid #e74c3c;border-radius:var(--radius-sm);color:#e74c3c;font-size:12px;cursor:pointer;transition:all .15s ease}.announcement-delete-btn:hover{background:#e74c3c;color:#fff}.add-announcement-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--bg-secondary);border:2px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease}.add-announcement-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start)}.add-announcement-btn span{font-size:18px;font-weight:700}.hero-btn.settings{background:var(--bg-tertiary);border-color:var(--border-subtle)}.hero-btn.settings:hover{background:var(--bg-elevated);border-color:var(--text-secondary)}.settings-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:500;z-index:100001;opacity:0;transition:transform .3s ease,opacity .3s ease;box-shadow:var(--shadow-lg)}.settings-toast.visible{transform:translate(-50%) translateY(0);opacity:1}.settings-toast.success{background:#43b581;color:#fff}.settings-toast.error{background:#f04747;color:#fff}.settings-toast.info{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium)}.notification-category-grid{display:flex;flex-direction:column;gap:8px;margin-top:12px}.notification-category-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius-md);transition:background .2s ease}.notification-category-row:hover{background:var(--bg-secondary)}.notification-category-name{color:var(--text-primary);font-size:14px;font-weight:500}.mini-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:28px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;position:relative}.mini-toggle input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.mini-toggle-icon{font-size:14px;opacity:.4;transition:opacity .2s ease;pointer-events:none}.mini-toggle:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.mini-toggle input:checked+.mini-toggle-icon{opacity:1}.mini-toggle:has(input:checked){background:var(--accent-primary);border-color:var(--accent-primary)}.section-description{color:var(--text-muted);font-size:13px;margin-bottom:12px}.test-buttons-row{display:flex;gap:8px;flex-wrap:wrap}.test-buttons-row .secondary-btn{padding:8px 16px;font-size:13px}.slider-container{display:flex;align-items:center;gap:12px}.settings-slider{width:150px;height:6px;background:var(--bg-tertiary);border-radius:3px;appearance:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:transform .15s ease}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-value{color:var(--text-secondary);font-size:13px;min-width:40px}.permission-group-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease}.permission-group-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.permission-group-item.active{background:var(--bg-tertiary);color:var(--text-primary);border-left:3px solid var(--gamevox-orange-start)}.permission-group-item .group-icon{font-size:16px}.permission-group-item .group-name{flex:1}.permission-group-item .group-rank{font-size:11px;color:var(--text-muted);background:var(--bg-primary);padding:2px 6px;border-radius:10px}.permission-group-item.locked{opacity:.6}.permission-group-item.locked:hover{background:var(--bg-secondary);cursor:not-allowed}.permission-group-item .group-locked-icon{font-size:12px;margin-left:4px}.rank-locked-note{color:var(--text-muted);font-size:13px;margin:0 0 var(--space-md) 0;padding:var(--space-sm) var(--space-md);background:rgba(114,118,125,.2);border-radius:var(--radius-sm);border-left:3px solid #72767d}.permissions-panel-header{display:flex;align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-md)}.permissions-panel-header .group-icon.large{font-size:28px}.permissions-panel-header h4{margin:0;font-size:18px;color:var(--text-primary)}.permissions-panel-header .owner-badge{background:linear-gradient(135deg,#f0c14b,#d4a739);color:#1a1a1a;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.permissions-panel-header .guest-badge{background:linear-gradient(135deg,#7289da,#5865f2);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.permissions-panel-header .locked-badge{background:linear-gradient(135deg,#72767d,#5d6269);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.permissions-panel-header .group-rank-badge{background:var(--bg-tertiary);color:var(--text-secondary);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid var(--border-subtle)}.guest-note{color:var(--text-muted);font-size:13px;font-style:italic;margin:0 0 var(--space-md) 0;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid #7289da}.rank-edit-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--border-subtle)}.rank-edit-section .settings-label{margin-bottom:var(--space-xs)}.rank-edit-section .settings-description{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-sm)}.rank-input-row{display:flex;align-items:center;gap:var(--space-sm)}.rank-input{width:100px;text-align:center}.rank-save-btn{padding:var(--space-xs) var(--space-md);font-size:13px}.permissions-list{display:flex;flex-direction:column;gap:var(--space-lg)}.permission-section{display:flex;flex-direction:column;gap:var(--space-sm)}.permission-section-title{font-size:16px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-light)}.permission-section-note{font-size:16px;color:var(--text-muted);margin:0 0 var(--space-xs) 0;font-style:italic}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);transition:background .15s ease}.permission-item:hover{background:var(--bg-tertiary)}.permission-info{display:flex;flex-direction:column;gap:2px}.permission-label{font-size:16px;font-weight:500;color:var(--text-primary)}.permission-desc{font-size:15px;color:var(--text-muted)}.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;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border:1px solid var(--border-medium);transition:.2s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:.2s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));border-color:transparent}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch.disabled .toggle-slider{cursor:not-allowed}.permissions-actions{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.owner-note{color:var(--text-muted);font-size:13px;font-style:italic;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.no-group-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted);text-align:center}.no-group-selected .icon{font-size:48px;margin-bottom:var(--space-md);opacity:.5}.no-group-selected p{margin:0;font-size:14px}.no-groups{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:14px}.no-announcements{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:14px;background:var(--bg-secondary);border-radius:var(--radius-md)}.users-search-bar{margin-bottom:var(--space-md)}.users-search-bar .settings-input{width:100%;max-width:300px}.users-list-container{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.users-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-subtle)}.users-list{max-height:400px;overflow-y:auto}.user-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;gap:var(--space-md);padding:var(--space-sm) var(--space-md);align-items:center;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.user-row:hover{background:var(--bg-tertiary)}.user-row:last-child{border-bottom:none}.user-info{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar-wrapper{width:32px;height:32px;position:relative;flex-shrink:0}.user-avatar{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);padding:2px;box-sizing:border-box}.user-avatar-inner{width:100%;height:100%;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;overflow:hidden}.user-avatar-inner img{width:100%;height:100%;object-fit:cover}.user-avatar-inner svg{width:20px;height:20px;color:var(--text-muted)}.user-avatar-status{position:absolute;bottom:0px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-secondary);background-color:#747f8d;z-index:1}.user-avatar-status.online{background-color:#3ba55c}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:11px;color:var(--text-muted)}.user-status.online{color:#43b581}.user-group-select,.user-badge-select{padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer;max-width:100%}.user-group-select:focus,.user-badge-select:focus{outline:none;border-color:var(--gamevox-orange-start)}.user-group-select:disabled,.user-badge-select:disabled{opacity:.5;cursor:not-allowed}.user-last-seen{font-size:12px;color:var(--text-muted)}.user-last-seen.online{color:#43b581;font-weight:500}.user-actions{display:flex;gap:var(--space-xs);justify-content:flex-end}.user-action-btn{padding:4px 8px;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.user-action-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.user-action-btn.danger:hover{background:rgba(240,71,71,.1);border-color:#f04747;color:#f04747}.loading-users,.no-users{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:14px}.user-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.user-badge.owner{background:linear-gradient(135deg,#f0c14b,#d4a739);color:#1a1a1a;font-weight:700}.user-badge.supporter{background:linear-gradient(135deg,#f0c14b,#d4a739);color:#1a1a1a}.user-badge.vip{background:linear-gradient(135deg,#7289da,#5865f2);color:#fff}.user-badge.og{background:linear-gradient(135deg,#43b581,#3ca374);color:#fff}.user-badge.custom{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}.activity-log-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);position:relative}.activity-log-search{flex:1}.activity-log-filter select{min-width:160px}.activity-log-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:500px;overflow-y:auto;padding-right:var(--space-xs)}.activity-log-list .audit-entry{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--border-medium);background:var(--bg-secondary);transition:background .15s ease}.activity-log-list .audit-entry:hover{background:var(--bg-tertiary)}.activity-log-list .audit-entry.kick{border-left-color:#e74c3c}.activity-log-list .audit-entry.ban{border-left-color:#c0392b}.activity-log-list .audit-entry.unban{border-left-color:#27ae60}.activity-log-list .audit-entry.group_change{border-left-color:#3498db}.activity-log-list .audit-entry.permission_update{border-left-color:#9b59b6}.activity-log-list .audit-entry.badge_change{border-left-color:#f39c12}.activity-log-list .audit-entry.file_delete{border-left-color:#e74c3c}.activity-log-list .audit-entry.file_rename{border-left-color:#3498db}.activity-log-list .audit-entry.settings_update{border-left-color:#95a5a6}.activity-log-list .audit-entry.announcement_create{border-left-color:#1abc9c}.activity-log-list .audit-entry.announcement_delete{border-left-color:#e74c3c}.activity-log-list .audit-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.activity-log-list .audit-content{flex:1;min-width:0}.activity-log-list .audit-main{font-size:13px;color:var(--text-secondary)}.activity-log-list .audit-actor{font-weight:600;color:var(--text-primary)}.activity-log-list .audit-action{color:var(--text-secondary)}.activity-log-list .audit-action strong{color:var(--text-primary);font-weight:500}.activity-log-list .audit-reason{margin-top:4px;font-size:12px;color:var(--text-muted);font-style:italic}.activity-log-list .audit-time{font-size:11px;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.activity-log-footer{margin-top:var(--space-md);display:flex;justify-content:center}.load-more-btn{padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.account-avatar-section{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.account-avatar-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.account-avatar-actions .primary-btn,.account-avatar-actions .secondary-btn{width:fit-content}.avatar-hint{margin:0;font-size:12px;color:var(--text-tertiary);margin-top:var(--space-xs)}.account-field-row{display:flex;gap:var(--space-sm);align-items:stretch;flex-wrap:nowrap;height:36px}.account-field-row .settings-input{flex:1;min-width:0;max-width:400px;width:auto;height:36px;padding:0 var(--space-md);box-sizing:border-box;line-height:36px}.account-field-row .icon-btn,.account-field-row .secondary-btn.icon-btn{flex-shrink:0;height:36px;width:36px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.edit-controls{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.edit-controls.hidden{display:none}.edit-controls .settings-input{width:100%;max-width:400px;margin-bottom:var(--space-md)}.edit-buttons{display:flex;gap:var(--space-sm)}.field-hint{margin:var(--space-sm) 0 0 0;font-size:12px;color:var(--text-tertiary)}.account-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.account-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.account-list-item .item-value{color:var(--text-primary);font-size:14px}.account-list-item .item-actions{display:flex;gap:var(--space-xs)}.account-list-item .item-badge{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary)}.account-list-item .item-badge.primary{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff}.account-list-item .remove-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .15s}.account-list-item .remove-btn:hover{background:rgba(237,66,69,.2);color:#ed4245}.add-item-row{display:flex;gap:var(--space-sm);align-items:center}.add-item-row .settings-input{flex:1;max-width:300px}.account-status-display{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.account-status-display .status-label{color:var(--text-secondary);font-size:14px}.account-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.account-badge.unregistered{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium)}.account-badge.registered{background:rgba(250,166,26,.2);color:#faa61a;border:1px solid rgba(250,166,26,.3)}.account-badge.verified{background:rgba(67,181,129,.2);color:#43b581;border:1px solid rgba(67,181,129,.3)}.no-emails{padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:13px;background:var(--bg-secondary);border-radius:var(--radius-md)}.settings-select{padding:8px 36px 8px 12px;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;min-width:200px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.settings-select:hover{border-color:var(--border-strong);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='%23ccc'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.settings-select:focus{outline:none;border-color:var(--gamevox-orange-start);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='%23eb7538'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.settings-select option{background:var(--bg-primary);color:var(--text-primary);padding:8px 12px}.settings-select option:hover,.settings-select option:checked{background:var(--bg-elevated)}.setting-info-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-top:8px;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid var(--gamevox-orange-start);font-size:12px;color:var(--text-secondary);line-height:1.4}.setting-info-note .info-icon{flex-shrink:0;font-size:14px}.volume-slider-container{display:flex;align-items:center;gap:12px;min-width:200px}.volume-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gamevox-orange-start);cursor:pointer;transition:transform .15s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gamevox-orange-start);cursor:pointer;border:none}.volume-value{min-width:40px;text-align:right;font-size:13px;color:var(--text-secondary);font-weight:500}.input-level-container{min-width:200px}.input-level-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.input-level-fill{height:100%;width:0%;background:linear-gradient(90deg,#43b581,#faa61a,#f04747);border-radius:4px;transition:width .05s ease-out}.ptt-key-display{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-primary);font-family:monospace}.settings-btn{padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease}.settings-btn:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.settings-btn:active{transform:scale(.98)}.settings-btn.recording{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff;animation:pulse-recording 1s infinite}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.7}}.setting-row.hidden{display:none}.badges-container{display:flex;flex-direction:column;gap:var(--space-md)}.badges-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.loading-badges{grid-column:1 / -1;text-align:center;color:var(--text-tertiary);padding:var(--space-xl)}.badge-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);transition:all .2s ease}.badge-card:hover{border-color:var(--gamevox-orange-start);box-shadow:0 2px 8px #eb753826}.badge-card-header{display:flex;align-items:center;gap:var(--space-sm)}.badge-card-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.badge-card-info{flex:1;min-width:0}.badge-card-name{font-weight:600;color:var(--text-primary);font-size:14px}.badge-card-description{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-tertiary);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.badge-card-count{display:flex;align-items:center;gap:var(--space-xs)}.badge-card-actions{display:flex;gap:var(--space-xs)}.badge-card-actions button{padding:4px 8px;font-size:11px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.badge-action-assign{background:var(--gamevox-orange-start);color:#fff}.badge-action-assign:hover{background:var(--gamevox-orange-end)}.badge-action-edit{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-action-edit:hover{background:var(--hover-overlay);color:var(--text-primary)}.badge-action-delete{background:transparent;color:var(--text-tertiary)}.badge-action-delete:hover{background:#e74c3c;color:#fff}.add-badge-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:transparent;border:2px dashed var(--border-medium);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:14px;cursor:pointer;transition:all .2s ease}.add-badge-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start);background:rgba(235,117,56,.1)}.add-badge-btn span{font-size:20px;font-weight:300}.badge-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10001;backdrop-filter:blur(4px)}.badge-modal-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:90%;max-width:450px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.badge-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-medium)}.badge-modal-header h3{margin:0;font-size:18px;color:var(--text-primary)}.badge-modal-close{background:none;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;padding:0;line-height:1}.badge-modal-close:hover{color:var(--text-primary)}.badge-modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.badge-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-medium)}.badge-preview{display:flex;justify-content:center;padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.badge-preview-item{display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px 8px;background:var(--gamevox-orange-start);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.badge-preview-item span:first-child{font-size:14px}.badge-form .form-group{margin-bottom:var(--space-md)}.badge-form label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:500}.badge-form small{display:block;font-size:11px;color:var(--text-tertiary);margin-top:var(--space-xs)}.settings-color-input{width:60px;height:36px;padding:2px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer}.badge-assign-users{max-height:200px;overflow-y:auto;border:1px solid var(--border-medium);border-radius:var(--radius-sm);margin:var(--space-md) 0}.badge-assign-user{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background .2s ease}.badge-assign-user:hover{background:var(--hover-overlay)}.badge-assign-user.has-badge{opacity:.5;cursor:not-allowed}.badge-assign-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.badge-assign-user-name{flex:1;font-size:13px;color:var(--text-primary)}.badge-assign-user-status{font-size:11px;color:var(--text-tertiary)}.badge-assign-user .has-badge-label{font-size:10px;color:var(--gamevox-orange-start);padding:2px 6px;background:rgba(235,117,56,.1);border-radius:10px}.chat-user-info{display:inline-flex;align-items:center;gap:4px;margin-left:6px;vertical-align:middle}.chat-user-badges{display:inline-flex;gap:4px;vertical-align:middle}.chat-badge{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:1px 6px;border-radius:10px;font-size:11px;font-weight:600;background:var(--gamevox-orange-start);color:#fff;cursor:default}.chat-badge img{width:12px;height:12px;object-fit:contain}.chat-badge-icon{font-size:11px}.chat-user-group{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:10px;font-weight:600;background:var(--bg-tertiary);color:#fff;text-transform:uppercase;letter-spacing:.5px}.no-badges{grid-column:1 / -1;text-align:center;color:var(--text-tertiary);padding:var(--space-xl)}.no-badges p{margin:0 0 var(--space-md)}.settings-cancel-btn{padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.settings-cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.member-badges-modal-content{max-width:500px;max-height:80vh}.member-badges-list{max-height:400px;overflow-y:auto}.member-badges-section{margin-bottom:var(--space-lg)}.member-badges-section:last-child{margin-bottom:0}.member-badges-section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle)}.member-badges-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.member-badges-empty{color:var(--text-tertiary);font-size:13px;font-style:italic;padding:var(--space-md);text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.member-badge-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:all .15s ease}.member-badge-item.available{cursor:pointer}.member-badge-item.available:hover{background:var(--bg-elevated);transform:translate(4px)}.member-badge-item.assigned{background:rgba(235,117,56,.1);border:1px solid rgba(235,117,56,.3)}.member-badge-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--bg-secondary);border-radius:var(--radius-sm);flex-shrink:0}.member-badge-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.member-badge-name{font-size:14px;font-weight:600;color:var(--text-primary)}.member-badge-desc{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-badge-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;flex-shrink:0}.member-badge-remove-btn:hover{background:rgba(239,68,68,.2);color:#ef4444}.member-badge-add-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--gamevox-orange-start);opacity:0;transition:opacity .15s ease;flex-shrink:0}.member-badge-item.available:hover .member-badge-add-icon{opacity:1}.no-badges-message{text-align:center;color:var(--text-tertiary);padding:var(--space-xl)}.no-badges-message p{margin:0 0 var(--space-sm)}.no-badges-message strong{color:var(--text-secondary)}.user-badges-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.user-badges-btn:hover{background:var(--bg-elevated);border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start)}.user-badges-icon{font-size:14px}.user-badges-label{font-weight:500}.user-badges-readonly{color:var(--text-tertiary);font-size:12px}.loading-spinner{text-align:center;color:var(--text-tertiary);padding:var(--space-xl)}.channel-settings-modal{width:90%;max-width:650px;max-height:80vh}.channel-settings-modal .modal-body{padding:var(--space-lg);overflow-y:auto;max-height:calc(80vh - 140px)}.channel-settings-modal .settings-section{margin-bottom:var(--space-xl)}.channel-settings-modal .settings-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:.5px}.channel-settings-modal .settings-description{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-md)}.channel-settings-modal .form-group{margin-bottom:var(--space-md)}.channel-settings-modal .form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.channel-settings-modal .form-group input[type=text]{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.channel-settings-modal .form-group input[type=text]:focus{outline:none;border-color:var(--gamevox-orange-start)}.channel-type-display{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px}.channel-type-icon{width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}.channel-type-icon[type=voice]{background-image:url(/assets/voice-icon.30c9c8c8.svg)}.channel-type-icon[type=text]{background-image:url(/assets/text-icon.7b07b077.svg)}.channel-type-icon[type=news]{background-image:url(/assets/news-icon.6b945b1a.svg)}.channel-type-icon[type=fileshare]{background-image:url(/assets/file-icon.5c79a6eb.svg)}.channel-type-icon[type=forum]{background-image:url(/assets/forum-icon.de47788f.svg)}.channel-type-options{display:flex;flex-direction:column;gap:var(--space-sm)}.channel-type-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.channel-type-option:hover{background:var(--bg-secondary)}.channel-type-option.selected{border-color:var(--gamevox-orange-start);background:rgba(235,117,56,.1)}.channel-type-option input[type=radio]{display:none}.channel-type-option .channel-type-icon{width:24px;height:24px;opacity:.8}.channel-type-option.selected .channel-type-icon{opacity:1}.channel-type-option .channel-type-label{font-weight:600;font-size:14px;color:var(--text-primary);min-width:60px}.channel-type-option .channel-type-desc{font-size:12px;color:var(--text-secondary);flex:1}.permissions-list{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md)}.permissions-grid{display:flex;flex-direction:column;gap:var(--space-xs)}.permissions-header{display:grid;grid-template-columns:140px repeat(4,1fr);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.permissions-header span{text-align:center}.permissions-header span:first-child{text-align:left}.permissions-row{display:grid;grid-template-columns:140px repeat(4,1fr);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background-color .15s ease}.permissions-row:hover{background:var(--bg-secondary)}.permissions-row .group-name{font-size:13px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.permission-toggle{display:flex;justify-content:center;align-items:center;min-width:20px;min-height:20px}.permission-toggle.inherited{opacity:.6}.permission-toggle.inherited:hover{opacity:1}.permission-checkbox{width:18px;height:18px;min-width:18px;min-height:18px;cursor:pointer;accent-color:var(--gamevox-orange-start);appearance:auto;-webkit-appearance:checkbox;opacity:1;visibility:visible;display:inline-block;margin:0;padding:0}.permission-checkbox:not([data-inherited="true"]){accent-color:var(--gamevox-orange-start)}.permission-checkbox[data-inherited=true]{accent-color:var(--text-tertiary)}.no-groups{text-align:center;color:var(--text-tertiary);font-size:13px;padding:var(--space-lg)}.modal-close-btn{background:var(--bg-tertiary);border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1;transition:all .15s ease;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-close-btn:active{transform:scale(.95)}.font-size-preview{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.font-size-preview .preview-label{display:block;font-size:11px;color:var(--text-tertiary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.font-size-preview .preview-text{display:block;color:var(--text-primary);line-height:1.5}.notification-container{position:fixed;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-height:calc(100vh - 40px);overflow:hidden}.notification-container.position-top-right{top:20px;right:20px;align-items:flex-end}.notification-container.position-top-left{top:20px;left:20px;align-items:flex-start}.notification-container.position-bottom-right{bottom:20px;right:20px;align-items:flex-end;flex-direction:column-reverse}.notification-container.position-bottom-left{bottom:20px;left:20px;align-items:flex-start;flex-direction:column-reverse}.notification-container.position-top-center{top:20px;left:50%;transform:translate(-50%);align-items:center}.notification-container.position-bottom-center{bottom:20px;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.notification-toast{display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:14px 16px;background:var(--bg-elevated, #2b2d31);border-radius:8px;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0d;pointer-events:auto;opacity:0;transform:translate(100%);transition:opacity .3s ease,transform .3s ease}.position-top-left .notification-toast,.position-bottom-left .notification-toast{transform:translate(-100%)}.position-top-center .notification-toast,.position-bottom-center .notification-toast{transform:translateY(-20px)}.position-bottom-right .notification-toast,.position-bottom-left .notification-toast,.position-bottom-center .notification-toast{transform:translateY(20px)}.notification-toast.visible{opacity:1;transform:translate(0) translateY(0)}.notification-toast.removing{opacity:0;transform:scale(.95) translate(20px)}.position-top-left .notification-toast.removing,.position-bottom-left .notification-toast.removing{transform:scale(.95) translate(-20px)}.notification-toast .toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:14px;border-radius:50%;flex-shrink:0}.notification-toast .toast-content{flex:1;min-width:0}.notification-toast .toast-message{color:var(--text-primary, #dbdee1);font-size:14px;line-height:1.4;word-break:break-word}.notification-toast .toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--text-muted, #949ba4);font-size:18px;cursor:pointer;border-radius:4px;flex-shrink:0;opacity:.6;transition:opacity .2s,background .2s}.notification-toast .toast-close:hover{opacity:1;background:rgba(255,255,255,.1)}.notification-toast.toast-info{border-left:4px solid #3b82f6}.notification-toast.toast-info .toast-icon{background:rgba(59,130,246,.2);color:#3b82f6}.notification-toast.toast-success{border-left:4px solid #22c55e}.notification-toast.toast-success .toast-icon{background:rgba(34,197,94,.2);color:#22c55e}.notification-toast.toast-error{border-left:4px solid #ef4444}.notification-toast.toast-error .toast-icon{background:rgba(239,68,68,.2);color:#ef4444}.notification-toast.toast-warning{border-left:4px solid #f59e0b}.notification-toast.toast-warning .toast-icon{background:rgba(245,158,11,.2);color:#f59e0b}.unread-badge{display:none;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;background:linear-gradient(135deg,#eb7538 0%,#ef4d3b 100%);color:#fff;font-size:11px;font-weight:600;border-radius:10px;box-shadow:0 2px 6px #eb753866}.unread-badge.has-count{display:inline-flex}.unread-badge.badge-pulse{animation:badge-pulse .3s ease-out}@keyframes badge-pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.unread-badge.badge-red{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 6px #ef444466}.unread-badge.badge-blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 6px #3b82f666}.notification-settings-section{margin-bottom:24px}.notification-settings-section h4{color:var(--text-primary, #dbdee1);font-size:14px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.notification-setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.notification-setting-row:last-child{border-bottom:none}.notification-setting-info{flex:1}.notification-setting-label{color:var(--text-primary, #dbdee1);font-size:14px;font-weight:500}.notification-setting-description{color:var(--text-muted, #949ba4);font-size:12px;margin-top:4px}.notification-toggle{position:relative;width:44px;height:24px;background:var(--bg-tertiary, #1e1f22);border-radius:12px;cursor:pointer;transition:background .2s}.notification-toggle.active{background:#22c55e}.notification-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .2s}.notification-toggle.active:after{transform:translate(20px)}.notification-volume-slider{width:120px;height:4px;background:var(--bg-tertiary, #1e1f22);border-radius:2px;appearance:none;cursor:pointer}.notification-volume-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--accent-primary, #5865f2);border-radius:50%;cursor:pointer}.notification-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:160px}.notification-position-option{display:flex;align-items:center;justify-content:center;width:48px;height:32px;background:var(--bg-tertiary, #1e1f22);border:2px solid transparent;border-radius:4px;cursor:pointer;transition:border-color .2s,background .2s}.notification-position-option:hover{background:var(--bg-secondary, #2b2d31)}.notification-position-option.active{border-color:var(--accent-primary, #5865f2);background:var(--bg-secondary, #2b2d31)}.notification-position-option .dot{width:6px;height:6px;background:var(--text-muted, #949ba4);border-radius:50%}.notification-position-option.active .dot{background:var(--accent-primary, #5865f2)}.notification-test-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary, #1e1f22);border:none;border-radius:4px;color:var(--text-primary, #dbdee1);font-size:13px;cursor:pointer;transition:background .2s}.notification-test-btn:hover{background:var(--bg-secondary, #2b2d31)}.notification-category-list{display:flex;flex-direction:column;gap:4px}.notification-category-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-tertiary, #1e1f22);border-radius:4px}.notification-category-name{flex:1;color:var(--text-primary, #dbdee1);font-size:13px}.notification-category-toggles{display:flex;gap:8px}.notification-category-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:4px;color:var(--text-muted, #949ba4);font-size:14px;cursor:pointer;transition:all .2s}.notification-category-toggle:hover{background:var(--bg-secondary, #2b2d31)}.notification-category-toggle.active{background:var(--accent-primary, #5865f2);border-color:var(--accent-primary, #5865f2);color:#fff}.notification-category-toggle[data-type=toast]:before{content:"\1f4ac";font-size:12px}.notification-category-toggle[data-type=sound]:before{content:"\1f50a";font-size:12px}.notification-category-toggle[data-type=desktop]:before{content:"\1f5a5\fe0f";font-size:12px}