@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(../../static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(../../static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(../../static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(../../static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf) format("truetype")}.login1-screen,.login1-screen *{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login1-title{font-family:Poppins,sans-serif}.login1-logo{display:block;filter:drop-shadow(0 0 14px rgba(255,106,0,.2)) drop-shadow(0 6px 28px rgba(255,106,0,.12));height:auto;image-rendering:-webkit-optimize-contrast;margin:0 auto 10px;width:clamp(140px,30vw,220px)}.login-screen{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.login-background{background:linear-gradient(135deg,var(--secondary-black) 0,var(--primary-gray) 50%,var(--secondary-black) 100%);z-index:1}.bg-pattern,.login-background{bottom:0;left:0;position:absolute;right:0;top:0}.bg-pattern{animation:patternMove 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 20%,#ff6b351a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff6b350d 0,#0000 50%),radial-gradient(circle at 40% 60%,#ff8c4214 0,#0000 50%)}@keyframes patternMove{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-20px,-20px) rotate(1deg)}66%{transform:translate(20px,20px) rotate(-1deg)}}.login-container{max-width:420px;padding:20px;position:relative;width:100%;z-index:2}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2;border:1px solid var(--border-gray);border-radius:16px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d;padding:40px}.login-header{margin-bottom:32px;text-align:center}.login-logo{margin-bottom:20px}.logo-circle{align-items:center;animation:logoGlow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-orange) 0,var(--accent-orange-hover) 100%);border-radius:50%;box-shadow:0 8px 32px #ff6b354d;color:var(--primary-white);display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto;width:60px}@keyframes logoGlow{0%,to{box-shadow:0 8px 32px #ff6b354d}50%{box-shadow:0 8px 32px #ff6b3580}}.login-title{color:var(--primary-white);font-size:24px;font-weight:600;margin-bottom:8px}.login-subtitle{color:var(--text-gray);font-size:14px;line-height:1.5}.login-form{width:100%}.form-fields{margin-bottom:24px}.input-group{margin-bottom:20px}.input-label{margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-gray);left:16px;pointer-events:none;position:absolute;z-index:1}.input{padding:14px 16px 14px 48px}.input:focus{background:#2c2c2ccc;box-shadow:0 0 0 3px #ff6b351a}.input-error{border-color:#f44!important}.input-error:focus{box-shadow:0 0 0 3px #ff44441a!important}.password-toggle{background:none;border:none;border-radius:4px;color:var(--text-gray);cursor:pointer;padding:4px;position:absolute;right:16px;transition:all var(--transition-fast)}.password-toggle:hover{background:#ffffff1a;color:var(--primary-white)}.error-text{animation:slideDown .2s ease;display:block;margin-top:6px}.form-options{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.checkbox-label{color:var(--text-gray)}.checkbox{accent-color:var(--accent-orange);height:16px;width:16px}.checkbox-text{-webkit-user-select:none;user-select:none}.forgot-link{background:none;border:none;color:var(--accent-orange);cursor:pointer;font-size:14px;padding:4px 0;transition:all var(--transition-fast)}.forgot-link:hover{color:var(--accent-orange-hover);text-decoration:underline}.submit-button{margin-top:8px;overflow:hidden;position:relative;width:100%}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.mode-switch{border-top:1px solid var(--border-gray);margin-top:24px;padding-top:24px;text-align:center}.mode-switch p{color:var(--text-gray);font-size:14px;margin:0}.switch-link{background:none;border:none;color:var(--accent-orange);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-fast)}.switch-link:hover{color:var(--accent-orange-hover);text-decoration:underline}.back-button{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--text-gray);cursor:pointer;display:flex;font-size:14px;gap:8px;margin:0 auto;padding:8px 16px;transition:all var(--transition-fast)}.back-button:hover{background:var(--primary-gray);color:var(--primary-white)}@media (max-width:480px){.login-container{padding:16px}.login-card{border-radius:12px;padding:24px}.login-title{font-size:20px}.form-options{align-items:flex-start;flex-direction:column;gap:16px}}@media (min-width:900px){.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}}@media (max-height:720px){.login1-title{font-size:clamp(24px,4.5vw,30px)}.login1-head{margin-bottom:8px}.tabs{margin:10px 0 12px}.login1-card{gap:12px}.input-field{height:42px;padding-left:38px;padding-right:38px}.btn-primary{height:44px}.social-grid{gap:10px}.login1-foot{margin-top:12px}.login1-foot .muted{display:none}}@media (max-height:600px){.input-field{height:40px}.btn-primary{height:42px}.tabs .tab-button{padding:10px 12px}}@media (prefers-color-scheme:dark){.login-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#000c}}.login-background:before{animation:gridMove 18s linear infinite;background-image:linear-gradient(#ff6a0014 1px,#0000 0),linear-gradient(90deg,#ff6a0014 1px,#0000 0);background-size:50px 50px;content:"";inset:0;position:absolute;z-index:0}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6a001a,#ff6a000d);border:1px solid #ff6a0033;border-radius:20px}.tabs{margin:20px 0 24px}.tab-button{border:1px solid #0000}.btn.btn-primary{background:linear-gradient(135deg,#ff6a00,#ff8533);border:1px solid #ff6a0059}.input.input--neo{background:#ffffff0d;border:1px solid #ff6a004d}.input.input--neo:focus{border-color:#ff6a00;box-shadow:0 0 15px #ff6a004d}.or-divider{margin-top:20px;position:relative}.or-divider:before{border-top:1px solid #fff3;content:"";left:0;position:absolute;right:0;top:50%}.or-pill{background:#00000080;color:#9aa0a6;display:inline-block;font-size:12px;margin:0 auto;padding:0 10px;position:relative}.social-grid{margin-top:16px}.social-button{align-items:center;display:flex;gap:8px;justify-content:center;padding:12px}.floating-dot{animation:floating 6s ease-in-out infinite;border-radius:9999px;opacity:.6;position:absolute}:where([class^=ri-]):before{content:"\f3c2"}.login1 *{font-family:Poppins,sans-serif}.login1{background:#0f0f0f;color:#fff;overflow:hidden}.login1 .neon-glow{box-shadow:0 0 20px #ff6a004d,0 0 40px #ff6a0033}.login1 .neon-text{text-shadow:0 0 10px #ff6a00cc}.login1 .btn-primary{background:linear-gradient(135deg,#ff6a00,#ff8533);border:1px solid #ff6a0059;transition:all .3s ease}.login1 .btn-primary:hover{transform:translateY(-2px)}.login1 .auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6a001a,#ff6a000d);border:1px solid #ff6a0033}.login1 .cyber-grid:after,.login1 .cyber-grid:before{content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.login1 .cyber-grid:before{animation:gridMove 18s linear infinite;background-image:linear-gradient(#ff6a0014 1px,#0000 0),linear-gradient(90deg,#ff6a0014 1px,#0000 0);background-size:50px 50px}.login1 .cyber-grid:after{background:radial-gradient(800px 400px at 20% 10%,#ff6a000f,#0000 60%),radial-gradient(1000px 600px at 80% 90%,#ff6a000d,#0000 70%)}.login1 .input-field{background:#ffffff0d;border:1px solid #ff6a004d;color:#fff;transition:all .3s ease}.login1 .input-field:focus{border-color:#ff6a00;box-shadow:0 0 15px #ff6a004d;outline:none}.login1 .input-field::placeholder{color:#ffffff8c}.login1 .tab-button{position:relative;transition:all .3s ease}.login1 .tab-button.active{background:#ff6a0033;border-color:#ff6a0080;color:#ff6a00}.login1 .tab-button:not(.active):hover{background:#ff6a001a;border-color:#ff6a0040}.login1 .divider .pill{background:#00000080;color:#9aa0a6;font-size:12px;padding:0 10px;position:relative}.login1 .social-button{background:#ffffff0d;border:1px solid #ffffff1a;transition:all .3s ease}.login1 .social-button:hover{background:#ffffff1a;border-color:#ff6a004d;transform:translateY(-2px)}.login1 .floating{animation:floating 6s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login1-screen{min-height:100dvh}.login1-dim{background:linear-gradient(145deg,#000000d9,#000000eb);inset:0;position:absolute;z-index:0}.login1-center{align-items:center;display:flex;justify-content:center;min-height:100dvh;overflow:auto;padding:clamp(16px,4vh,48px) 16px}.login1-cardwrap{max-width:520px;padding:0 8px;width:100%}.cyber-grid:after,.cyber-grid:before{content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.cyber-grid:before{animation:gridMove 18s linear infinite;background-image:linear-gradient(#ff6a0014 1px,#0000 0),linear-gradient(90deg,#ff6a0014 1px,#0000 0);background-size:50px 50px}.cyber-grid:after{background:radial-gradient(800px 400px at 20% 10%,#ff6a000f,#0000 60%),radial-gradient(1000px 600px at 80% 90%,#ff6a000d,#0000 70%)}@keyframes gridMove{to{transform:translate(50px,50px)}}.login1-card{display:flex;flex-direction:column;gap:16px;max-height:none;overflow:visible;padding:clamp(18px,3.2vh,32px)}.neon-glow{box-shadow:0 0 20px #ff6a0040,0 0 40px #ff6a0026}.neon-text{text-shadow:0 0 10px #ff6a00b3}.login1-head{flex:0 0 auto}.login1-title{font-family:Pacifico,cursive,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:34px;font-weight:700;line-height:1.2}.login1-sub{color:#9aa0a6;margin-top:8px}.tabs{background:#0000004d;border-radius:16px;display:flex;gap:8px;margin:16px 0 20px;padding:6px}.tab-button{background:#0000;border:1px solid #ffffff1f;border-radius:12px;color:#bbb;cursor:pointer;flex:1 1;font-weight:500;padding:12px 16px;transition:.25s}.tab-button.active{background:#ff6a0033;border-color:#ff6a0073;color:#ff6a00}.tab-button:not(.active):hover{background:#ff6a001a;border-color:#ff6a0040}.login1-form{grid-gap:12px;display:grid;flex:0 1 auto;gap:12px;overflow:visible}.form-grid{grid-gap:14px;display:grid;gap:14px}.form-group{grid-gap:6px;display:grid;gap:6px}.label{color:#d0d4da;font-size:13px}.input-wrap{position:relative}.input-field{background:#ffffff0d;border:1px solid #ff6a004d;border-radius:12px;color:#fff;height:44px;padding:0 40px;transition:.25s;width:100%}.input-field::placeholder{color:#ffffff8c}.input-field:focus{border-color:#ff6a00;box-shadow:0 0 15px #ff6a004d;outline:none}.i-left,.i-right{align-items:center;bottom:0;color:#a6abb3;display:flex;position:absolute;top:0}.i-left{left:12px}.i-right{background:none;border:0;cursor:pointer;right:12px}.error-text{color:#ff7a7a}.row-between{align-items:center;display:flex;justify-content:space-between}.check{align-items:center;color:#d0d4da;display:inline-flex;font-size:13px;gap:8px}.link{background:none;border:0;color:#ff6a00;cursor:pointer;padding:0}.link:hover{text-decoration:underline}.btn-primary{background:linear-gradient(135deg,#ff6a00,#ff8533);border:1px solid #ff6a0059;border-radius:14px;cursor:pointer;font-weight:600;height:46px;margin-top:4px;transition:.25s;width:100%}.divider{height:18px;margin-top:18px;position:relative}.divider:before{border-top:1px solid #fff3;content:"";left:0;position:absolute;right:0;top:50%}.pill{background:#00000080;color:#9aa0a6;font-size:12px;left:50%;padding:0 10px;position:absolute;top:0;transform:translate(-50%,-50%)}.social-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}.social-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#d0d4da;cursor:pointer;height:44px;transition:.25s}.social-button:hover{background:#ffffff1a;border-color:#ff6a004d;transform:translateY(-2px)}.login1-foot{flex:0 0 auto}.login1-foot .muted{color:#9aa0a6;font-size:12px;margin-bottom:10px}.dot{animation:float 6s ease-in-out infinite;background:#ff6a00;border-radius:9999px;height:8px;opacity:.6;position:absolute;width:8px;z-index:0}.dot.a{left:40px;top:40px}.dot.b{animation-delay:1.2s;bottom:40px;right:40px}@keyframes float{50%{transform:translateY(-16px)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal{background:var(--primary-black);border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;z-index:10000}.modal-small{max-width:400px;width:90%}.modal-medium{max-width:500px;width:90%}.modal-large{max-width:700px;width:90%}.modal-header{align-items:center;background:var(--secondary-black);border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:var(--primary-white);font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-gray);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all var(--transition-fast)}.modal-close:hover{background:var(--primary-gray);color:var(--primary-white)}.modal-content{flex:1 1;overflow-y:auto;padding:24px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--secondary-black)}.modal-content::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--secondary-gray)}.modal-footer{background:var(--secondary-black);padding:16px 24px}.modal .form-group{margin-bottom:20px}.modal .form-label{display:block;font-weight:500;margin-bottom:8px}.modal .form-input,.modal .form-label{color:var(--primary-white);font-size:14px}.modal .form-input{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);font-family:inherit;padding:12px 16px;transition:all var(--transition-fast);width:100%}.modal .form-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 2px #ff6b3533;outline:none}.modal .form-textarea{min-height:80px;resize:vertical}.modal .form-error{color:#f44;font-size:12px;margin-top:4px}.modal .form-help{color:var(--text-gray);font-size:12px;margin-top:4px}@media (max-width:768px){.modal{margin:16px;max-height:calc(100vh - 32px);max-width:none;width:calc(100% - 32px)}.modal-content,.modal-header{padding:16px}.modal-footer{padding:12px 16px}.modal-title{font-size:18px}}.create-channel-form{max-width:100%}.channel-type-selector{display:flex;flex-direction:column;gap:12px}.channel-type-option{align-items:flex-start;background:var(--primary-gray);border:2px solid var(--border-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:16px;padding:16px;transition:all var(--transition-fast)}.channel-type-option:hover{background:#ffffff05;border-color:var(--secondary-gray)}.channel-type-option.selected{background:#ff6b351a;border-color:var(--accent-orange)}.channel-type-option svg{color:var(--text-gray);flex-shrink:0;margin-top:2px}.channel-type-option.selected svg{color:var(--accent-orange)}.channel-type-info h4{color:var(--primary-white);font-size:16px;font-weight:600;margin:0 0 4px}.channel-type-info p{color:var(--text-gray);font-size:13px;line-height:1.4;margin:0}.form-label{position:relative}.channel-prefix{color:var(--accent-orange);font-weight:600;margin-left:4px}.channel-preview{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:16px}.channel-preview-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.channel-name{color:var(--primary-white);font-size:14px}.private-icon{color:var(--text-gray);margin-left:auto}.channel-description-preview{color:var(--text-gray);font-size:12px;line-height:1.4;margin-left:24px}.checkbox-help,.form-help{line-height:1.4}@media (max-width:768px){.channel-type-option{gap:12px;padding:12px}.channel-type-info h4{font-size:14px}.channel-type-info p{font-size:12px}.checkbox-help{margin-left:0;margin-top:4px}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{width:100%}}.context-menu{position:fixed;-webkit-user-select:none;user-select:none;z-index:10001}.context-menu-content{background:var(--primary-black);border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 8px 32px #0006;max-width:250px;min-width:180px;overflow:hidden;padding:6px 0}.context-menu-item{align-items:center;background:none;border:none;color:var(--primary-white);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 16px;text-align:left;transition:background-color var(--transition-fast);white-space:nowrap;width:100%}.context-menu-item:hover:not(.disabled){background:var(--primary-gray)}.context-menu-item.disabled{color:var(--text-gray);cursor:not-allowed;opacity:.5}.context-menu-item.destructive{color:#f44}.context-menu-item.destructive:hover:not(.disabled){background:#ff44441a}.context-menu-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.context-menu-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.context-menu-separator{background:var(--border-gray);height:1px;margin:6px 0}.context-menu-item:active{transform:scale(.98)}.context-menu-item:focus{background:var(--primary-gray);outline:none}@media (prefers-contrast:high){.context-menu-content{border:2px solid var(--primary-white)}.context-menu-item:hover:not(.disabled){background:var(--accent-orange);color:var(--primary-black)}}.sidebar{background:var(--secondary-gray);display:flex;flex-direction:column;height:100%;position:relative;width:var(--sidebar-width)}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-gray);box-shadow:0 1px 0 #04040533,0 1.5px 0 #0606070d,0 2px 0 #0404050d;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all var(--transition-fast)}.sidebar-header:hover{background:#ffffff05}.server-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.server-name{color:var(--primary-white);font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-icon{color:var(--accent-orange);flex-shrink:0}.dropdown-arrow{color:var(--primary-white);flex-shrink:0;transition:transform var(--transition-fast)}.dropdown-arrow.rotated{transform:rotate(180deg)}.server-menu{background:#18191c;border:1px solid var(--border-gray);border-radius:0 0 4px 4px;border-top:none;box-shadow:0 8px 16px #0000003d;left:0;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.menu-item{color:var(--primary-white);margin:2px}.menu-item:hover{background:var(--accent-orange)}.menu-separator{background:var(--border-gray);margin:4px 8px}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px 0 0}.channel-category{margin-bottom:24px}.category-header{align-items:center;background:none;border:none;color:var(--text-gray);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;height:24px;letter-spacing:.025em;margin-bottom:8px;padding:0 8px 0 16px;text-transform:uppercase;transition:all var(--transition-fast);width:100%}.category-header:hover{color:#dcddde}.category-arrow{flex-shrink:0;transition:transform var(--transition-fast)}.category-arrow.collapsed{transform:rotate(-90deg)}.add-channel-btn{align-items:center;background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:auto;opacity:0;padding:1px;transition:all var(--transition-fast)}.category-header:hover .add-channel-btn{opacity:1}.add-channel-btn:hover{color:#dcddde}.channel-list{overflow:hidden}.channel-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:6px;height:32px;margin:0 8px 0 0;max-width:224px;padding:1px 8px 1px 16px;position:relative;transition:all var(--transition-fast)}.channel-item:hover{background:#35373c;color:#dcddde}.channel-item.active{background:#404249;color:var(--primary-white)}.channel-item.connected{background:#43b58126;color:#43b581}.channel-item.connected .channel-name{color:#43b581}.channel-icon,.voice-icon{color:#8e9297;flex-shrink:0;height:16px;width:16px}.channel-item:hover .channel-icon,.channel-item:hover .voice-icon{color:#dcddde}.channel-item.active .channel-icon,.channel-item.active .voice-icon{color:var(--primary-white)}.connected-icon{color:#43b581!important}.channel-name{color:#8e9297;flex:1 1;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item:hover .channel-name{color:#dcddde}.channel-item.active .channel-name{color:var(--primary-white)}.channel-badges{align-items:center;display:flex;gap:4px;margin-left:auto}.muted-icon,.private-icon{color:#8e9297;flex-shrink:0}.unread-indicator{align-items:center;background:#f04747;border-radius:8px;color:var(--primary-white);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 6px}.voice-members{margin:0;padding:0 8px}.voice-member{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;height:28px;margin:0 8px 0 0;max-width:224px;padding:1px 8px 1px 16px;transition:all var(--transition-fast)}.voice-member:hover{background:#35373c}.vm-avatar{align-items:center;background:#4f545c;border-radius:50%;display:flex;flex-shrink:0;height:16px;justify-content:center;overflow:hidden;width:16px}.vm-avatar img{height:100%;object-fit:cover;width:100%}.vm-fallback{color:#dcddde;font-size:10px;font-weight:600}.vm-name{color:#8e9297;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-controls{gap:2px}.voice-control,.voice-controls{align-items:center;display:flex}.voice-control{border-radius:2px;height:14px;justify-content:center;width:14px}.voice-control.muted{color:#f04747}.server-stats{border-top:1px solid var(--border-gray);margin-top:auto;padding:16px}.stat-item{align-items:center;color:#8e9297;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.stat-item:last-child{margin-bottom:0}.voice-connected{color:#43b581}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#202225;border-radius:2px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#2f3136}@media (max-width:768px){.sidebar{width:200px}.server-name{font-size:14px}.channel-item{height:28px;padding:1px 6px 1px 12px}.voice-member{height:24px;padding:1px 6px 1px 12px}}.channel-list{animation:slideDown .2s ease-out}.channel-item:focus,.menu-item:focus,.voice-member:focus{outline:2px solid var(--accent-orange);outline-offset:-2px}.step-description{color:var(--text-gray);font-size:14px;line-height:1.5;margin-bottom:24px}.template-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.template-card{background:var(--primary-gray);border:2px solid var(--border-gray);border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all var(--transition-fast)}.template-card:hover{background:#ffffff05;border-color:var(--secondary-gray)}.template-card.selected{background:#ff6b351a;border-color:var(--accent-orange)}.template-icon{font-size:32px;margin-bottom:12px}.template-card h3{color:var(--primary-white);font-size:16px;font-weight:600;margin:0 0 8px}.template-card p{color:var(--text-gray);font-size:13px;margin:0 0 16px}.template-channels{display:flex;flex-direction:column;gap:4px}.channel-preview{background:var(--secondary-black);border-radius:4px;color:var(--text-gray);font-size:11px;padding:2px 8px;text-align:left}.form-label{margin-bottom:8px}.form-textarea{font-family:inherit}.icon-preview{color:var(--text-gray)}.icon-upload-info p{margin:8px 0 0}.checkbox-group{background:var(--primary-gray);border-radius:var(--border-radius);padding:12px}.checkbox-label{color:var(--primary-white);font-size:14px;font-weight:500}.checkbox-label input[type=checkbox]{accent-color:var(--accent-orange)}.checkbox-help{margin:8px 0 0 40px}.modal-footer{align-items:center;border-top:1px solid var(--border-gray);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:16px 0 0}.loading-spinner.small{border-width:2px;margin-right:8px}@media (max-width:768px){.template-grid{grid-template-columns:1fr}.icon-upload{flex-direction:column;text-align:center}.checkbox-help{margin-left:0;margin-top:4px}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{width:100%}}.server-settings-modal{display:flex;height:600px;max-height:80vh}.settings-sidebar{overflow-y:auto}.settings-tab.active:hover{background:var(--accent-orange-hover)}.settings-main{background:var(--secondary-black)}.settings-content{padding:24px}.settings-section h3{margin-bottom:16px}.form-label{display:block;font-weight:500;margin-bottom:6px}.form-input,.form-label{color:var(--primary-white);font-size:14px}.form-input{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);font-family:inherit;padding:12px 16px;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 2px #ff6b3533;outline:none}.form-input.error{border-color:#f44}.form-textarea{min-height:80px;resize:vertical}.form-error{color:#f44}.form-error,.form-help{font-size:12px;margin-top:4px}.form-help{color:var(--text-gray)}.icon-upload{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);gap:16px;padding:16px}.icon-preview,.icon-upload{align-items:center;display:flex}.icon-preview{background:var(--secondary-gray);border-radius:50%;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.icon-preview img{height:100%;object-fit:cover;width:100%}.icon-upload-info{flex:1 1}.icon-upload-info p{color:var(--text-gray);font-size:12px;margin-top:4px}.checkbox-label{gap:12px;padding:8px 0}.checkbox-label input[type=checkbox]{transition:all var(--transition-fast)}.checkbox-label span{color:var(--primary-white);font-size:14px;font-weight:500}.checkbox-help{color:var(--text-gray);font-size:12px;margin-left:28px;margin-top:4px}.settings-actions{border-top:1px solid var(--border-gray);margin-top:32px;padding-top:16px}.member-list{display:flex;flex-direction:column;gap:12px}.member-item{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);justify-content:space-between;padding:16px}.member-info,.member-item{align-items:center;display:flex}.member-info{flex:1 1;gap:12px}.member-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.member-avatar img{height:100%;object-fit:cover;width:100%}.status-indicator{border:2px solid var(--primary-gray);height:12px;width:12px}.status-indicator.online{background:#4caf50}.status-indicator.away{background:#ff9800}.status-indicator.busy{background:#f44336}.status-indicator.invisible{background:var(--text-gray)}.member-details h4{color:var(--primary-white);font-size:14px;font-weight:600;margin-bottom:2px}.member-details p{color:var(--text-gray);font-size:12px}.member-badge{align-items:center;border-radius:3px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-top:4px;padding:2px 6px}.member-badge.owner{background:var(--accent-orange);color:var(--primary-white)}.member-actions{display:flex;gap:8px}.channel-list{display:flex;flex-direction:column;gap:12px}.channel-management-item{align-items:center;background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:16px}.channel-info{flex:1 1;gap:12px}.channel-icon{color:var(--text-gray);flex-shrink:0}.channel-details h4{color:var(--primary-white);font-size:14px;font-weight:600;margin-bottom:2px}.channel-details p{color:var(--text-gray);font-size:12px}.channel-actions{display:flex;gap:8px}.btn.destructive{color:#f44}.btn.destructive:hover{background:#ff44441a;color:#f66}.invite-section{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:20px}.invite-generator h4{color:var(--primary-white);font-size:16px;font-weight:600;margin-bottom:8px}.invite-generator p{color:var(--text-gray);font-size:14px;margin-bottom:16px}.invite-code-display{align-items:center;background:var(--secondary-black);border:1px solid var(--border-gray);border-radius:var(--border-radius);display:flex;gap:12px;margin-top:16px;padding:12px}.invite-link{background:var(--primary-black);border:1px solid var(--border-gray);border-radius:4px;color:var(--accent-orange);flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:8px 12px}.coming-soon{align-items:center;color:var(--text-gray);display:flex;font-size:14px;font-style:italic;height:200px;justify-content:center}@media (max-width:768px){.server-settings-modal{flex-direction:column;height:auto;max-height:90vh}.settings-sidebar{border-bottom:1px solid var(--border-gray);border-right:none;width:100%}.settings-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px}.settings-tab{border-radius:var(--border-radius);padding:8px 12px;white-space:nowrap}.settings-content{padding:16px}.channel-management-item,.member-item{align-items:flex-start;flex-direction:column;gap:12px}.channel-actions,.member-actions{align-self:flex-end}.invite-code-display{align-items:stretch;flex-direction:column}}.btn-ghost{border:1px solid #0000}.btn-ghost:hover{border-color:var(--border-gray)}.btn-secondary{background:var(--secondary-gray)}.btn-secondary:hover{background:var(--text-gray)}.btn-primary{border:1px solid var(--accent-orange)}.btn-primary:hover{border-color:var(--accent-orange-hover)}.btn-primary:disabled{background:var(--secondary-gray);border-color:var(--border-gray);color:var(--text-gray);cursor:not-allowed}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;margin-right:8px}.loading-spinner.small{border-width:1px}.btn:focus,.form-input:focus,.settings-tab:focus{outline:2px solid var(--accent-orange);outline-offset:2px}.settings-main::-webkit-scrollbar,.settings-sidebar::-webkit-scrollbar{width:6px}.settings-main::-webkit-scrollbar-track,.settings-sidebar::-webkit-scrollbar-track{background:#0000}.settings-main::-webkit-scrollbar-thumb,.settings-sidebar::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:3px}.settings-main::-webkit-scrollbar-thumb:hover,.settings-sidebar::-webkit-scrollbar-thumb:hover{background:var(--secondary-gray)}.server-list{-ms-overflow-style:none;align-items:center;background:var(--primary-black);display:flex;flex-direction:column;gap:8px;height:100%;overflow-x:hidden;overflow-y:auto;padding:12px 0;scrollbar-width:none;width:72px}.server-list::-webkit-scrollbar{display:none}.server-item{align-items:center;background:var(--primary-gray);border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;margin:0 12px;overflow:hidden;position:relative;transition:all .2s ease;width:48px}.server-item.active,.server-item:hover{background:var(--accent-orange);border-radius:16px}.server-indicator{background:var(--primary-white);border-radius:0 2px 2px 0;height:0;left:-12px;position:absolute;transition:all .2s ease;width:4px}.server-item:hover .server-indicator{height:20px}.server-item.active .server-indicator{height:40px}.server-icon{align-items:center;border-radius:inherit;color:var(--primary-white);display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.server-icon img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.server-initial{color:var(--primary-white);font-size:18px;font-weight:600;line-height:1}.home-server{background:var(--secondary-gray)}.home-server.active,.home-server:hover{background:var(--accent-orange)}.add-server{background:var(--secondary-gray);border:2px dashed var(--text-gray);color:var(--text-gray)}.add-server:hover{background:#22c55e;border-color:var(--primary-white);color:var(--primary-white)}.explore-server{background:var(--secondary-gray);color:var(--text-gray)}.explore-server:hover{background:#22c55e;color:var(--primary-white)}.unread-badge{font-size:10px;height:16px;min-width:16px;padding:0 4px;right:-4px;top:-4px;z-index:10}.owner-badge,.unread-badge{border:2px solid var(--primary-black)}.owner-badge{align-items:center;background:var(--accent-orange);border-radius:50%;bottom:-2px;color:var(--primary-white);display:flex;height:18px;justify-content:center;padding:2px;position:absolute;right:-2px;width:18px;z-index:2}.server-item:hover .owner-badge{border-color:var(--primary-gray)}.server-item.active .owner-badge{background:var(--primary-white);border-color:var(--accent-orange);color:var(--accent-orange)}.server-separator{background:var(--border-gray);border-radius:1px;flex-shrink:0;height:2px;margin:4px 0;width:32px}.server-tooltip{background:var(--primary-black);border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 8px 32px #0000004d;color:var(--primary-white);font-size:14px;font-weight:500;left:68px;max-width:250px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-8px);transition:all .15s ease;visibility:hidden;white-space:nowrap;z-index:1000}.server-tooltip:before{border-color:#0000 var(--border-gray) #0000 #0000;border-style:solid;border-width:6px 6px 6px 0;left:-6px}.server-tooltip:after,.server-tooltip:before{content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.server-tooltip:after{border-color:#0000 var(--primary-black) #0000 #0000;border-style:solid;border-width:5px 5px 5px 0;left:-5px}.server-item:hover .server-tooltip{opacity:1;transform:translateX(0);transition-delay:.5s;visibility:visible}.tooltip-info{color:var(--text-gray);display:block;font-size:12px;margin-top:2px}@keyframes serverSlideIn{0%{opacity:0;transform:scale(0) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.server-item{animation:serverSlideIn .3s ease-out}@media (max-width:768px){.server-list{width:60px}.server-item{margin:0 10px}.server-icon,.server-item{height:40px;width:40px}.server-initial{font-size:16px}.server-tooltip{font-size:13px;left:58px;padding:6px 10px}.owner-badge{height:16px;width:16px}.unread-badge{font-size:9px;height:14px;min-width:14px}}.server-item:focus{outline:2px solid var(--accent-orange);outline-offset:2px}@media (prefers-contrast:high){.server-item{border:1px solid var(--border-gray)}.server-item.active{border:2px solid var(--accent-orange)}.server-tooltip{border-width:2px}}.emoji-picker{background:var(--secondary-black);border:1px solid var(--border-gray);border-radius:var(--border-radius);box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;height:400px;overflow:hidden;width:320px;will-change:transform,opacity;z-index:10002}.emoji-search{align-items:center;background:var(--primary-black);border-bottom:1px solid var(--border-gray);display:flex;gap:8px;padding:12px 16px}.emoji-search-input{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:6px;color:var(--primary-white);flex:1 1;font-size:14px;outline:none;padding:8px 12px}.emoji-search-input::placeholder{color:var(--text-gray)}.emoji-search-input:focus{border-color:var(--accent-orange)}.emoji-categories{background:var(--primary-black);border-bottom:1px solid var(--border-gray);display:flex;gap:4px;padding:8px 4px}.emoji-category{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-gray);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;min-width:36px;padding:8px 10px}.emoji-category:hover{background:var(--primary-gray);color:var(--primary-white)}.emoji-category.active{background:var(--accent-orange);color:var(--primary-white)}.emoji-grid{-webkit-overflow-scrolling:touch;flex:1 1;max-height:320px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px;position:relative}.emoji-list{grid-gap:4px;align-content:start;display:grid;gap:4px;grid-template-columns:repeat(8,minmax(0,1fr))}.emoji-item{align-items:center;aspect-ratio:1;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px}.emoji-item:hover{background:var(--primary-gray);transform:scale(1.05)}.emoji-item:active{transform:scale(.95)}.emoji-empty{align-items:center;color:var(--text-gray);display:flex;height:100%;justify-content:center;padding:20px;text-align:center}.emoji-empty p{font-size:14px;margin:8px 0 0}.emoji-list::-webkit-scrollbar{width:6px}.emoji-list::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:3px}.emoji-list::-webkit-scrollbar-track{background:#0000}.emoji-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-gray)}.emoji-item:after{background:var(--primary-black);border-radius:4px;bottom:100%;color:var(--primary-white);content:attr(title);font-size:12px;left:50%;margin-bottom:4px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-fast);white-space:nowrap;z-index:1}.emoji-item:hover:after{opacity:1}.emoji-picker.position-top{transform:translateY(-100%)}.emoji-picker.position-bottom{transform:translateY(0)}.emoji-picker.position-left{transform:translateX(-100%)}.emoji-picker.position-right{transform:translateX(0)}@media (max-width:768px){.emoji-picker{height:350px;width:300px}.emoji-list{gap:2px;grid-template-columns:repeat(7,1fr);padding:6px}.emoji-item{font-size:18px;padding:6px}.emoji-search{padding:10px 12px}.emoji-categories{gap:2px;padding:6px 2px}.emoji-category{font-size:14px;height:32px;min-width:32px;padding:6px 8px}.emoji-item:hover:after{opacity:0}}@media (prefers-contrast:high){.emoji-category.active,.emoji-picker{border:2px solid var(--primary-white)}.emoji-item:hover{border:1px solid var(--primary-white)}}.emoji-picker.animate-slide-up{animation:slideUp .15s ease-out}.emoji-picker.animate-slide-down{animation:slideDown .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emoji-category:focus,.emoji-item:focus{outline:2px solid var(--accent-orange);outline-offset:2px}.emoji-search-input:focus{box-shadow:0 0 0 2px #ff6b3533}.user-profile-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.user-profile-modal{background:#313338;border-radius:8px;box-shadow:0 8px 16px #0000003d;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%}.profile-banner{background:linear-gradient(135deg,#5865f2,#3b82f6);height:160px;overflow:hidden;position:relative}.profile-banner img{height:100%;object-fit:cover;width:100%}.profile-banner-overlay{background:linear-gradient(180deg,#0000001a,#0000004d);bottom:0;left:0;position:absolute;right:0;top:0}.profile-close-btn,.profile-edit-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;top:16px;transition:all .2s ease;width:32px}.profile-close-btn{right:16px}.profile-edit-btn{right:56px}.profile-close-btn:hover,.profile-edit-btn:hover{background:#000c;transform:scale(1.05)}.profile-avatar-section{bottom:-40px;left:20px;position:absolute;z-index:10}.profile-avatar-container{cursor:pointer;position:relative}.profile-avatar{align-items:center;background:#5865f2;border:6px solid #313338;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-status-indicator{border:4px solid #313338;border-radius:50%;bottom:6px;height:20px;position:absolute;right:6px;width:20px}.profile-avatar-overlay{align-items:center;background:#0000;border-radius:50%;color:#fff0;display:flex;inset:0;justify-content:center;position:absolute;transition:all .2s ease}.profile-avatar-container:hover .profile-avatar-overlay{background:#00000080;color:#fff}.profile-avatar-input{display:none}.profile-content{padding:60px 20px 20px}.profile-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.profile-info{flex:1 1}.profile-name{align-items:center;display:flex;gap:8px;margin-bottom:4px}.profile-name h2{margin:0}.profile-name h2,.profile-name input{color:#fff;font-size:24px;font-weight:600}.profile-name input{background:#1e1f22;border:1px solid #404249;border-radius:4px;padding:8px 12px}.profile-name input:focus{border-color:#5865f2;outline:none}.premium-badge{background:linear-gradient(45deg,gold,orange);border-radius:4px;color:#000;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.profile-meta{color:#b5bac1;font-size:14px;gap:4px;margin-bottom:12px}.profile-meta,.profile-status{align-items:center;display:flex}.profile-status{gap:8px;margin-bottom:8px}.profile-status-emoji{font-size:16px}.profile-status-text{color:#b5bac1;font-size:14px}.profile-status-input-group{align-items:center;display:flex;gap:8px;margin-bottom:12px}.profile-status-emoji-btn{align-items:center;background:#1e1f22;border:1px solid #404249;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.profile-status-emoji-btn:hover{border-color:#5865f2}.profile-status-input{background:#1e1f22;border:1px solid #404249;border-radius:4px;color:#fff;flex:1 1;font-size:14px;padding:6px 12px}.profile-status-input:focus{border-color:#5865f2;outline:none}.profile-actions{display:flex;gap:8px}.profile-action-btn{align-items:center;background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.profile-action-btn:hover{background:#4752c4}.profile-action-btn.secondary{background:#4e5058}.profile-action-btn.secondary:hover{background:#5d6169}.profile-save-btn{background:#23a559}.profile-save-btn:hover{background:#1e8e4e}.profile-section{margin-bottom:20px}.profile-section h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.profile-bio{color:#b5bac1;font-size:14px;line-height:1.4}.profile-bio-input{background:#1e1f22;border:1px solid #404249;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.profile-bio-input:focus{border-color:#5865f2;outline:none}.profile-empty{color:#6d6f78;font-style:italic}.profile-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.profile-stat-item{align-items:center;border-bottom:1px solid #404249;display:flex;justify-content:space-between;padding:8px 0}.profile-stat-item:last-child{border-bottom:none}.profile-stat-label{color:#b5bac1;font-size:14px}.profile-stat-value{color:#fff;font-size:14px;font-weight:500}.profile-badges{display:flex;flex-wrap:wrap;gap:8px}.profile-badge{align-items:center;background:#1e1f22;border:1px solid #404249;border-radius:16px;display:flex;font-size:12px;gap:6px;padding:4px 12px}.profile-badge-icon{font-size:14px}.profile-badge-name{color:#fff;font-weight:500}.profile-mutuals{border-top:1px solid #404249;padding-top:20px}.mutual-items{display:flex;flex-wrap:wrap;gap:8px}.mutual-item{background:#1e1f22;border-radius:6px;font-size:12px;gap:6px;padding:4px 8px}.mutual-icon,.mutual-item{align-items:center;display:flex}.mutual-icon{background:#5865f2;border-radius:2px;color:#fff;font-size:8px;font-weight:700;height:16px;justify-content:center;width:16px}.mutual-icon img{border-radius:2px;height:100%;object-fit:cover;width:100%}.mutual-name{color:#fff}.mutual-more{color:#b5bac1;font-size:12px}.status-presets-dropdown{background:#1e1f22;border:1px solid #404249;border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.status-preset-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.status-preset-item:hover{background:#404249}.status-preset-emoji{font-size:16px}.status-preset-text{color:#fff;flex:1 1;font-size:14px}.status-preset-duration{align-items:center;color:#b5bac1;display:flex;font-size:12px;gap:4px}@media (max-width:768px){.user-profile-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%}.profile-stats{grid-template-columns:1fr}.profile-actions{flex-direction:column}}@keyframes profileModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-profile-modal{animation:profileModalSlideIn .2s ease-out}.profile-loading{align-items:center;color:#b5bac1;display:flex;justify-content:center;padding:40px}.profile-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #404249;border-radius:50%;border-top-color:#5865f2;height:24px;width:24px}.file-upload-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.file-upload-modal{background:#313338;border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.file-upload-header{align-items:center;border-bottom:1px solid #404249;display:flex;justify-content:space-between;padding:20px 24px}.file-upload-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;padding:4px;transition:all .2s ease}.close-button:hover{background:#404249;color:#fff}.file-upload-errors{background:#2d1b1e;border:1px solid #da373c;border-left-width:4px;border-radius:4px;margin:0 24px 16px;overflow:hidden;padding:12px 16px}.error-item{align-items:center;color:#f38ba8;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.error-item:last-child{margin-bottom:0}.clear-errors{background:#da373c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:4px 8px;transition:background .2s ease}.clear-errors:hover{background:#c73035}.file-drop-zone{background:#2b2d31;border:2px dashed #404249;border-radius:8px;cursor:pointer;margin:24px;overflow:hidden;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.file-drop-zone.drag-over,.file-drop-zone:hover{background:#383a40;border-color:#5865f2}.file-drop-zone.drag-over:before{background:#5865f21a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.drop-zone-content{position:relative;z-index:1}.drop-zone-icon{color:#5865f2;margin-bottom:16px}.drop-zone-content h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.drop-zone-content p{color:#b5bac1;font-size:14px;line-height:1.4;margin:0 0 16px}.allowed-types{color:#949ba4!important;font-size:13px!important;font-style:italic}.browse-button{align-items:center;background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s ease}.browse-button:hover{background:#4752c4}.selected-files{max-height:300px;overflow-y:auto;padding:0 24px}.selected-files h3{border-bottom:1px solid #404249;color:#fff;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{align-items:center;background:#2b2d31;border:1px solid #404249;border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.file-item:hover{background:#383a40;border-color:#5865f2}.file-preview{align-items:center;background:#404249;border-radius:4px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.file-preview img{height:100%;object-fit:cover;width:100%}.file-icon{align-items:center;color:#b5bac1;display:flex;justify-content:center}.file-info{flex:1 1;min-width:0}.file-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#949ba4;font-size:12px}.remove-file{background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;flex-shrink:0;padding:6px;transition:all .2s ease}.remove-file:hover{background:#da373c;color:#fff}.file-upload-footer{background:#2b2d31;border-top:1px solid #404249;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button{background:none;border:1px solid #404249;border-radius:4px;color:#b5bac1;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-button:hover{background:#404249;color:#fff}.upload-button{background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s ease}.upload-button:hover:not(:disabled){background:#4752c4}.upload-button:disabled{background:#404249;color:#6d6f78;cursor:not-allowed}.selected-files::-webkit-scrollbar{width:6px}.selected-files::-webkit-scrollbar-track{background:#2b2d31}.selected-files::-webkit-scrollbar-thumb{background:#404249;border-radius:3px}.selected-files::-webkit-scrollbar-thumb:hover{background:#5865f2}@media (max-width:640px){.file-upload-overlay{padding:10px}.file-upload-modal{max-height:95vh}.file-upload-header{padding:16px 20px}.file-upload-header h2{font-size:18px}.file-drop-zone{margin:20px;padding:30px 15px}.drop-zone-content h3{font-size:16px}.drop-zone-content p{font-size:13px}.selected-files{max-height:250px;padding:0 20px}.file-upload-footer{flex-direction:column;padding:16px 20px}.cancel-button,.upload-button{justify-content:center;width:100%}}.mention-input-container,.mention-input-wrapper,.mention-textarea{position:relative;width:100%}.mention-textarea{background:#0000;border:none;color:var(--primary-white);font-family:inherit;font-size:14px;line-height:1.4;outline:none;overflow-y:auto;resize:none;z-index:2}.mention-textarea::placeholder{color:var(--text-gray)}.mention-overlay{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.mention-text{word-wrap:break-word;color:#0000;font-family:inherit;font-size:inherit;line-height:inherit;margin:inherit;padding:inherit;white-space:pre-wrap}.mention-highlight{background:#ff6b3533;border-radius:3px;color:var(--accent-orange);font-weight:600;padding:1px 2px}.mention-suggestions{background:var(--secondary-black);border:1px solid var(--border-gray);border-radius:var(--border-radius);bottom:100%;box-shadow:0 8px 32px #0006;left:0;margin-bottom:8px;max-height:280px;overflow:hidden;position:absolute;right:0;z-index:10003}.suggestions-header{align-items:center;background:var(--primary-black);border-bottom:1px solid var(--border-gray);color:var(--text-gray);display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px}.suggestions-list{max-height:200px;overflow-y:auto}.suggestion-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background-color var(--transition-fast)}.suggestion-item.selected,.suggestion-item:hover{background:var(--primary-gray);border-left-color:var(--accent-orange)}.suggestion-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;position:relative;width:32px}.suggestion-avatar img{height:100%;object-fit:cover;width:100%}.status-dot{border:2px solid var(--secondary-black);bottom:-1px;height:10px;position:absolute;right:-1px;width:10px}.status-dot.online{background:#4caf50}.status-dot.offline{background:var(--text-gray)}.suggestion-info{flex:1 1;min-width:0}.suggestion-name{align-items:center;color:var(--primary-white);display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:2px}.suggestion-username{color:var(--text-gray);font-size:12px}.role-icon{flex-shrink:0}.role-icon.owner{color:var(--accent-orange)}.role-icon.admin{color:#9c27b0}.suggestions-footer{background:var(--primary-black);border-top:1px solid var(--border-gray);color:var(--text-gray);font-size:11px;padding:6px 12px;text-align:center}.suggestions-list::-webkit-scrollbar{width:6px}.suggestions-list::-webkit-scrollbar-track{background:#0000}.suggestions-list::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:3px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-gray)}@media (max-width:768px){.mention-suggestions{margin-bottom:4px;max-height:240px}.suggestion-item{padding:10px 12px}.suggestion-avatar{height:28px;width:28px}.avatar-placeholder{font-size:12px}.status-dot{height:8px;width:8px}.suggestions-list{max-height:160px}}@media (prefers-contrast:high){.mention-suggestions{border:2px solid var(--primary-white)}.suggestion-item.selected{background:var(--accent-orange);color:var(--primary-black)}.mention-highlight{border:1px solid var(--accent-orange)}}@keyframes mentionPulse{0%{background:#ff6b354d}50%{background:#ff6b351a}to{background:#ff6b354d}}.mention-highlight.new-mention{animation:mentionPulse .6s ease-in-out}.mention-textarea:focus{outline:none}.suggestion-item:focus{outline:2px solid var(--accent-orange);outline-offset:-2px}.suggestion-item.selected:before{background:var(--accent-orange);border-radius:1px;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:2px}.reply-preview{background:#ff6b351a;border-left:3px solid var(--accent-orange);border-radius:0 4px 4px 0;gap:8px;padding:8px 12px;transition:all var(--transition-fast)}.reply-indicator{color:var(--accent-orange);flex-shrink:0}.reply-content{min-width:0}.reply-header{margin-bottom:2px}.reply-username{color:var(--accent-orange);font-size:12px;font-weight:600}.reply-text{align-items:center;color:var(--text-gray);display:flex;font-size:12px;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-cancel{background:none;border:none;border-radius:3px;color:var(--text-gray);cursor:pointer;flex-shrink:0;padding:4px;transition:all var(--transition-fast)}.reply-cancel:hover{background:#ffffff1a;color:var(--primary-white)}.message-reply{align-items:center;background:var(--primary-gray);border-left:2px solid var(--text-gray);border-radius:4px;cursor:pointer;display:flex;gap:8px;margin:4px 0 8px;padding:6px 8px;transition:all var(--transition-fast)}.message-reply:hover{background:var(--secondary-gray);border-left-color:var(--accent-orange)}.reply-line{background:var(--text-gray);border-radius:1px;flex-shrink:0;height:16px;width:2px}.reply-info{align-items:center;display:flex;flex:1 1;font-size:12px;gap:6px;min-width:0}.reply-author{color:var(--primary-white);flex-shrink:0;font-weight:600}.reply-content{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-action.reply,.reply-content{color:var(--text-gray)}.message-action.reply:hover{background:#ff6b351a;color:var(--accent-orange)}.message.has-reply{position:relative}.message.has-reply:before{background:var(--border-gray);border-radius:1px;content:"";height:8px;left:28px;position:absolute;top:100%;width:2px}.reply-count{align-items:center;background:var(--primary-gray);border-radius:10px;color:var(--text-gray);cursor:pointer;display:inline-flex;font-size:11px;gap:4px;margin-top:4px;padding:2px 6px;transition:all var(--transition-fast)}.reply-count:hover{background:var(--secondary-gray);color:var(--primary-white)}.thread-view{border-left:2px solid var(--border-gray);margin-left:20px;padding-left:16px}.thread-header{align-items:center;border-bottom:1px solid var(--border-gray);color:var(--text-gray);display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:12px;padding:8px 0}.thread-original-message{background:#ff6b350d;border:1px solid #ff6b3533;border-radius:6px;margin-bottom:16px;padding:12px}@media (max-width:768px){.reply-preview{gap:6px;padding:6px 10px}.message-reply{gap:6px;padding:4px 6px}.reply-info{font-size:11px;gap:4px}.thread-view{margin-left:12px;padding-left:12px}.thread-original-message{padding:10px}}@keyframes replySlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.message-reply,.reply-preview{animation:replySlideIn .2s ease-out}@media (prefers-contrast:high){.reply-preview{border:1px solid var(--accent-orange)}.message-reply{border:1px solid var(--text-gray)}.message-reply:hover{border-color:var(--accent-orange)}}.message-reply:focus,.reply-cancel:focus,.reply-count:focus{outline:2px solid var(--accent-orange);outline-offset:2px}.reply-notification{position:relative}.reply-notification:after{background:var(--accent-orange);border:1px solid var(--secondary-black);border-radius:50%;content:"";height:6px;position:absolute;right:-2px;top:-2px;width:6px}.vcv-root{display:flex;flex-direction:column;height:100%}.vcv-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;height:44px;justify-content:space-between;padding:0 12px}.vcv-title{font-weight:600;opacity:.9}.vcv-net{align-items:center;display:flex;gap:8px}.vcv-ms{font-size:12px;opacity:.7}.vcv-quality{font-size:12px;opacity:.8;text-transform:lowercase}.vcv-quality.excellent{color:#49d66a}.vcv-quality.good{color:#e6c14a}.vcv-quality.poor{color:#e86b6b}.vcv-btn{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;display:grid;height:28px;place-items:center;width:28px}.vcv-btn:hover{background:#ffffff14}.vcv-btn.danger{background:#ff000014;border-color:#ff000026}.stage{display:flex;flex-direction:column;gap:10px;height:100%;padding:12px}.focus{background:#0f0f10;border:1px solid #ffffff14;border-radius:12px;flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.focus.speaking{box-shadow:0 0 0 3px #00c87866}.focus-media{background:#121212;height:100%;width:100%}.focus-screen,.focus-video{height:100%;position:relative;width:100%}.focus-screen canvas,.focus-screen video,.focus-screen>*,.focus-video canvas,.focus-video video,.focus-video>*{height:100%;inset:0;position:absolute;width:100%}.focus-fallback{display:grid;height:100%;place-items:center;width:100%}.focus-avatar{background:#222;border-radius:50%;display:grid;font-size:32px;font-weight:800;height:84px;place-items:center;width:84px}.focus-nameplate{align-items:center;background:#0000008c;border:1px solid #ffffff1f;border-radius:8px;bottom:10px;display:flex;gap:8px;left:10px;padding:6px 10px;position:absolute}.focus-name{font-size:14px;font-weight:600}.focus-icons{display:flex;gap:6px;opacity:.9}.rail.grid{grid-gap:10px;align-content:start;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.stage.focused .rail.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.rail-item{align-items:stretch;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:6px;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.rail-item:hover{background:#ffffff0f;transform:translateY(-1px)}.rail-item.selected{box-shadow:0 0 0 2px #8cb4ffa6}.rail-item.speaking:not(.selected){box-shadow:0 0 0 2px #00c8788c}.rail-thumb{aspect-ratio:16/9;background:#1a1a1a;border-radius:8px;overflow:hidden;position:relative;width:100%}.rail-video,.rail-video canvas,.rail-video video,.rail-video>*{height:100%;inset:0;position:absolute;width:100%}.rail-avatar{display:grid;font-weight:700;inset:0;place-items:center;position:absolute}.rail-meta{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto}.rail-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-mic{display:flex;opacity:.9}.vcv-empty-rail{border:1px dashed #ffffff1f;border-radius:10px;color:#fff9;display:grid;padding:8px 12px;place-items:center}@media (max-width:960px){.rail.grid,.stage.focused .rail.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.chat-area{background:var(--secondary-black);flex:1 1}.chat-area,.no-channel{display:flex;flex-direction:column;height:100%}.no-channel{align-items:center;color:var(--text-gray);gap:16px;justify-content:center;text-align:center}.no-channel h3{color:var(--primary-white);margin:0}.no-channel p{font-size:14px;margin:0}.voice-channel-view{display:flex;flex-direction:column;height:100%}.voice-header{align-items:center;border-bottom:1px solid var(--border-gray);color:var(--accent-orange);display:flex;gap:12px;padding:16px 20px}.voice-header h2{font-size:18px;font-weight:600;margin:0}.voice-content{align-items:center;display:flex;flex:1 1;justify-content:center}.voice-info{color:var(--text-gray);max-width:300px;text-align:center}.voice-info h3{color:var(--primary-white);margin:16px 0 8px}.voice-info p{font-size:14px;margin:0}.chat-header{background:var(--secondary-black);border-bottom:1px solid var(--border-gray);justify-content:space-between;min-height:60px;padding:12px 20px}.channel-info,.chat-header{align-items:center;display:flex}.channel-info{color:var(--text-gray);gap:8px}.channel-title{color:var(--primary-white);font-size:18px;font-weight:600;margin:0}.server-name{color:var(--text-gray);font-size:14px}.header-actions{align-items:center;display:flex;gap:8px}.header-button{background:none;border:none;border-radius:4px;color:var(--text-gray);cursor:pointer;padding:8px;transition:all var(--transition-fast)}.header-button:hover{background:var(--primary-gray);color:var(--primary-white)}.message-input-container{padding:16px 20px 24px}.input-button{background:none;border:none;border-radius:4px;color:var(--text-gray);cursor:pointer;flex-shrink:0;padding:8px;transition:all var(--transition-fast)}.input-button:hover{background:var(--secondary-gray);color:var(--primary-white)}.message-textarea::-webkit-scrollbar-track{background:#0000}.messages-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track{background:#0000}.messages-list::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}.messages-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-gray)}.messages-loading{color:var(--text-gray);flex-direction:column;gap:16px;height:200px}.date-separator,.messages-loading{align-items:center;display:flex;justify-content:center}.date-separator{margin:16px 0;position:relative}.date-separator:before{margin-right:16px}.date-separator:after,.date-separator:before{background:var(--border-gray);content:"";flex:1 1;height:1px}.date-separator:after{margin-left:16px}.date-separator span{background:var(--secondary-black);border:1px solid var(--border-gray);border-radius:12px;color:var(--text-gray);font-size:12px;font-weight:600;padding:4px 12px}.message-actions{gap:4px;margin-top:4px}.message-action{background:var(--primary-gray);border:none;border-radius:4px;color:var(--text-gray);cursor:pointer;padding:4px 6px;transition:all var(--transition-fast)}.message-action:hover{background:var(--secondary-gray);color:var(--primary-white)}.message-action.delete:hover{background:#f44;color:var(--primary-white)}.message-edit{margin-top:8px}.edit-textarea{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:4px;color:var(--primary-white);font-family:inherit;font-size:14px;line-height:1.4;min-height:60px;outline:none;padding:8px 12px;resize:vertical;width:100%}.edit-textarea:focus{border-color:var(--accent-orange)}.edit-actions{display:flex;gap:8px;margin-top:8px}.editing-indicator{align-items:center;background:#ff6b351a;border-top:1px solid var(--accent-orange);color:var(--accent-orange);display:flex;font-size:12px;justify-content:space-between;padding:8px 16px}.editing-indicator button{background:none;border:none;color:var(--accent-orange);cursor:pointer;font-size:12px;text-decoration:underline}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.reaction{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:12px;color:var(--primary-white);cursor:pointer;font-size:12px;padding:2px 8px;transition:all var(--transition-fast)}.reaction:hover{background:var(--secondary-gray)}.reaction.reacted{background:#ff6b3533;border-color:var(--accent-orange);color:var(--accent-orange)}.message-edited{font-size:11px}.channel-description,.message-edited{color:var(--text-gray);font-style:italic}.channel-description{font-size:14px}@media (max-width:768px){.chat-header{padding:12px 16px}.message{padding:2px 16px}.message-continue .message-content{margin-left:48px}.message-input-container{padding:12px 16px 20px}.message-avatar{height:32px;margin-right:12px;width:32px}.avatar-placeholder{font-size:14px}.message-actions{opacity:1}.edit-actions{flex-direction:column}}.message-attachments{flex-direction:column}.message-attachment{border-radius:var(--border-radius);max-width:400px}.image-attachment{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast)}.image-attachment:hover{border-color:var(--accent-orange)}.attachment-image{display:block;max-height:300px;object-fit:cover;transition:transform var(--transition-fast);width:100%}.image-attachment:hover .attachment-image{transform:scale(1.02)}.attachment-overlay{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity var(--transition-fast)}.image-attachment:hover .attachment-overlay{opacity:1}.attachment-action{background:#000000b3;border:none;border-radius:4px;color:var(--primary-white);cursor:pointer;padding:6px;transition:all var(--transition-fast)}.attachment-action:hover{background:#000000e6;color:var(--accent-orange)}.video-attachment{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);overflow:hidden}.attachment-video{background:var(--primary-black);max-height:300px;width:100%}.attachment-info{align-items:center;background:var(--secondary-gray);display:flex;justify-content:space-between;padding:8px 12px}.attachment-name{color:var(--primary-white);flex:1 1;font-size:12px;font-weight:500;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{flex-shrink:0;font-size:11px}.file-attachment{align-items:center;background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all var(--transition-fast)}.file-attachment:hover{background:var(--secondary-gray);border-color:var(--accent-orange)}.file-attachment-icon{align-items:center;background:var(--secondary-black);border-radius:6px;color:var(--text-gray);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.file-attachment-info{flex:1 1;min-width:0}.file-attachment-info .attachment-name{color:var(--primary-white);display:block;font-size:14px;font-weight:500;margin-bottom:2px}.file-attachment-info .attachment-size{color:var(--text-gray);display:block;font-size:12px}.attachment-download{background:none;border:none;border-radius:4px;color:var(--text-gray);cursor:pointer;flex-shrink:0;padding:6px;transition:all var(--transition-fast)}.attachment-download:hover{background:var(--primary-black);color:var(--accent-orange)}.uploading-indicator{align-items:center;background:#ff6b351a;border-top:1px solid var(--accent-orange);color:var(--accent-orange);display:flex;font-size:12px;gap:8px;padding:8px 16px}.loading-spinner.small{border:1px solid #0000;border-top-color:currentcolor;height:12px;width:12px}.file-attachment-icon[data-type=image]{background:#4caf501a;color:#4caf50}.file-attachment-icon[data-type=video]{background:#2196f31a;color:#2196f3}.file-attachment-icon[data-type=audio]{background:#ff98001a;color:#ff9800}.file-attachment-icon[data-type=document]{background:#9c27b01a;color:#9c27b0}.file-attachment-icon[data-type=archive]{background:#7955481a;color:#795548}.message-attachments .image-attachment{display:inline-block;margin-bottom:8px;margin-right:8px;max-width:200px}.message-attachments .image-attachment:last-child{margin-right:0}.message-attachments:has(.image-attachment){grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:400px}@media (max-width:768px){.message-attachment{max-width:280px}.message-attachments:has(.image-attachment){grid-template-columns:1fr;max-width:280px}.attachment-overlay{opacity:1}.file-attachment{padding:10px}.file-attachment-icon{height:28px;width:28px}.attachment-image,.attachment-video{max-height:200px}}.attachment-preview-modal{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10001}.attachment-preview-content{max-height:90%;max-width:90%;position:relative}.attachment-preview-image{max-height:100%;max-width:100%;object-fit:contain}.attachment-preview-close{background:#000000b3;border:none;border-radius:50%;color:var(--primary-white);cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all var(--transition-fast)}.attachment-preview-close:hover{background:#000000e6;color:var(--accent-orange)}@keyframes attachmentSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-attachment{animation:attachmentSlideIn .2s ease-out}.chat-area.drag-over:after{align-items:center;background:#ff6b351a;border:2px dashed var(--accent-orange);color:var(--accent-orange);content:"Dosyaları buraya bırakın";display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.chat-area .message,.chat-area .message-attachments,.chat-area .message-content,.chat-area .message-reply,.chat-area .message-text,.chat-area .messages-container,.chat-area .messages-list{-webkit-user-select:text!important;user-select:text!important}.chat-area .attachment-action,.chat-area .attachment-overlay,.chat-area .header-actions,.chat-area .input-button,.chat-area .message-actions,.chat-area .message-reactions,.chat-area .send-button{-webkit-user-select:none;user-select:none}.chat-area ::selection{background:#ff6b3559}.dmchat-root{flex-direction:column;height:100%}.dmchat-header,.dmchat-root{background:var(--secondary-black);display:flex}.dmchat-header{align-items:center;border-bottom:1px solid var(--border-gray);gap:12px;height:60px;padding:0 12px}.icon-btn{background:none;border:none;border-radius:6px;color:var(--text-gray);cursor:pointer;padding:8px;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--primary-gray);color:var(--primary-white)}.dmchat-peer{flex:1 1;gap:10px;min-width:0}.dmchat-avatar,.dmchat-peer{align-items:center;display:flex}.dmchat-avatar{background:var(--accent-orange);border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.dmchat-avatar img{height:100%;object-fit:cover;width:100%}.avatar-ph{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dmchat-meta{display:flex;flex-direction:column;min-width:0}.dmchat-name{color:var(--primary-white);font-weight:600}.dmchat-sub{color:var(--text-gray);font-size:12px}.dmchat-actions{align-items:center;display:flex;gap:4px}.messages-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages-list{flex:1 1;overflow-y:auto;padding:16px 0}.message{display:flex;padding:2px 20px;position:relative;transition:background-color var(--transition-fast)}.message:hover{background:#ffffff05}.message-start{margin-top:16px}.message-continue{margin-top:2px}.message-continue .message-content{margin-left:56px}.message-avatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:16px;overflow:hidden;width:40px}.message-avatar img{height:100%;object-fit:cover;width:100%}.message-content{min-width:0}.message-header{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}.message-username{font-weight:600}.message-text,.message-username{color:var(--primary-white);font-size:14px}.message-text{word-wrap:break-word;line-height:1.4;white-space:pre-wrap}.message.own-message .message-text{background:#ff6b351a;border-left:3px solid var(--accent-orange);border-radius:8px;padding:8px 12px}.message-reply{background:#ffffff08;border-left:3px solid var(--border-gray);border-radius:6px;margin-bottom:6px;padding:6px 10px}.message-reply .reply-author{color:var(--text-gray);font-size:12px;margin-bottom:2px}.message-reply .reply-text{color:var(--primary-white);font-size:13px}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.message-attachment{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:8px;overflow:hidden}.img-attachment img{display:block;height:120px;object-fit:cover;width:180px}.file-attachment{padding:8px 10px}.file-attachment .file-attachment-info{color:var(--primary-white);display:flex;font-size:12px;gap:8px}.attachment-name{font-weight:600}.attachment-size{color:var(--text-gray)}.reactions{display:flex;gap:6px;margin-top:6px}.reaction-chip{align-items:center;background:#ffffff08;border:1px solid var(--border-gray);border-radius:999px;color:var(--primary-white);display:flex;gap:6px;padding:2px 8px}.reaction-chip .count{font-size:12px;opacity:.8}.reaction-chip.mine{background:#ff6b351f;border-color:var(--accent-orange)}.message-actions{display:flex;gap:6px;opacity:0;position:absolute;right:16px;top:0;transform:translateY(-50%);transition:opacity var(--transition-fast)}.message:hover .message-actions{opacity:1}.msg-act{align-items:center;background:#ffffff0f;border:1px solid var(--border-gray);border-radius:8px;color:var(--primary-white);cursor:pointer;display:flex;gap:6px;padding:4px 8px}.msg-act:hover{background:#ffffff1a}.emoji-wrap{position:relative}.emoji-pop{grid-gap:6px;background:var(--secondary-black);border:1px solid var(--border-gray);border-radius:10px;bottom:42px;box-shadow:0 8px 24px #0006;display:grid;gap:6px;grid-template-columns:repeat(6,1fr);left:0;padding:8px;position:absolute;z-index:10}.emoji-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:6px}.emoji-btn:hover{background:#ffffff14}.message-input-container{background:var(--secondary-black);padding:12px 20px 20px}.message-input-wrapper{align-items:flex-end;background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:border-color var(--transition-fast)}.message-input-wrapper:focus-within{border-color:var(--accent-orange)}.input-field{flex:1 1;position:relative}.message-textarea{background:#0000;border:none;color:var(--primary-white);font-family:inherit;font-size:14px;line-height:1.4;outline:none;overflow-y:auto;resize:none;scrollbar-width:thin;width:100%}.message-textarea::placeholder{color:var(--text-gray)}.message-textarea::-webkit-scrollbar{width:4px}.message-textarea::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:2px}.send-button{background:var(--accent-orange);border:none;border-radius:6px;color:var(--primary-white);cursor:pointer;flex-shrink:0;padding:10px;transition:all var(--transition-fast)}.send-button:hover:not(:disabled){background:var(--accent-orange-hover);transform:translateY(-1px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.reply-preview{align-items:center;background:#ffffff08;border:1px dashed var(--border-gray);border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:8px 10px}.reply-preview-title{color:var(--text-gray);font-size:12px}.reply-preview-text{color:var(--primary-white);flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-close{background:#0000;border:none;color:var(--primary-white);cursor:pointer;opacity:.8}.composer-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.composer-attachment{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:8px;overflow:hidden;position:relative}.composer-attachment img{display:block;height:90px;object-fit:cover;width:120px}.file-chip{color:var(--primary-white);font-size:12px;padding:8px 10px}.att-remove{background:#00000080;border:none;border-radius:999px;color:#fff;cursor:pointer;display:grid;height:22px;place-items:center;position:absolute;right:6px;top:6px;width:22px}.direct-messages-view{display:flex;flex-direction:column;height:100%}.direct-messages-view,.dm-header{background:var(--secondary-black)}.dm-header{border-bottom:1px solid var(--border-gray);padding:16px 20px}.dm-header-content{align-items:center;display:flex;justify-content:space-between;max-width:100%}.dm-header-info{align-items:center;color:var(--primary-white);display:flex;gap:12px}.dm-header-info h2{font-size:20px;font-weight:600;margin:0}.dm-header-actions{align-items:center;display:flex;gap:8px}.dm-tab{background:none;border:none;border-radius:4px;color:var(--text-gray);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;position:relative;transition:all var(--transition-fast)}.dm-tab:hover{background:#ffffff0a;color:var(--primary-white)}.dm-tab.active{background:var(--primary-gray)}.dm-tab.active,.tab-badge{color:var(--primary-white)}.tab-badge{align-items:center;background:#f44;border-radius:8px;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:absolute;right:-4px;top:-4px}.add-friend-btn{background:var(--accent-orange);color:var(--primary-white);font-size:14px;font-weight:500;padding:8px 16px}.add-friend-btn:hover{background:var(--accent-orange-hover);transform:translateY(-1px)}.add-friend-section{border-bottom:1px solid var(--border-gray);overflow:hidden}.add-friend-content{background:var(--primary-gray);padding:20px}.add-friend-header{margin-bottom:16px}.add-friend-header h3{color:var(--primary-white);font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 8px}.add-friend-header p{color:var(--text-gray);font-size:14px;line-height:1.4;margin:0}.add-friend-form{display:flex;gap:12px}.friend-input{background:var(--secondary-gray);border:1px solid var(--border-gray);border-radius:4px;color:var(--primary-white);flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color var(--transition-fast)}.friend-input::placeholder{color:var(--text-gray)}.friend-input:focus{border-color:var(--accent-orange)}.friend-send-btn{background:var(--accent-orange);border:none;border-radius:4px;color:var(--primary-white);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all var(--transition-fast);white-space:nowrap}.friend-send-btn:hover:not(:disabled){background:var(--accent-orange-hover)}.friend-send-btn:disabled{cursor:not-allowed;opacity:.5}.dm-search-section{border-bottom:1px solid var(--border-gray);padding:16px 20px}.search-container{align-items:center;background:var(--primary-gray);border-radius:4px;display:flex;padding:0 12px;position:relative}.search-container svg{color:var(--text-gray);flex-shrink:0}.search-input{background:none;border:none;color:var(--primary-white);font-size:14px;outline:none;padding:10px 12px;width:100%}.search-input::placeholder{color:var(--text-gray)}.dm-content{flex:1 1;overflow-y:auto;padding:8px}.friends-list{display:flex;flex-direction:column;gap:2px}.friend-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all var(--transition-fast)}.friend-item:hover{background:#ffffff0a}.friend-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.friend-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:var(--primary-white);font-size:16px}.status-indicator{border:2px solid var(--secondary-black);height:14px;width:14px}.friend-info{flex:1 1;min-width:0}.friend-header{align-items:center;display:flex;gap:8px;margin-bottom:2px}.friend-name{color:var(--primary-white);font-size:16px;font-weight:600}.friend-name,.friend-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status{color:var(--text-gray);font-size:12px}.last-message{align-items:center;display:flex;gap:8px;margin-top:2px}.message-content{color:var(--text-gray);flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:var(--text-gray);flex-shrink:0;font-size:12px}.friend-actions{align-items:center;display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.friend-item:hover .friend-actions{opacity:1}.action-btn{background:var(--primary-gray);border:none;border-radius:6px;color:var(--text-gray);cursor:pointer;padding:8px;transition:all var(--transition-fast)}.action-btn:hover{background:var(--secondary-gray);color:var(--primary-white)}.unread-badge{align-items:center;background:#f44;border-radius:8px;color:var(--primary-white);display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:8px;top:8px}.requests-list{display:flex;flex-direction:column;gap:8px}.request-item{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:8px;justify-content:space-between;padding:16px}.request-info,.request-item{align-items:center;display:flex}.request-info{flex:1 1;gap:12px}.request-details{flex:1 1;min-width:0}.request-header{display:flex;flex-direction:column;gap:2px}.request-type{color:var(--text-gray);font-size:12px;font-weight:500}.request-actions{align-items:center;display:flex;gap:8px}.accept-btn{background:var(--accent-orange);border:none;border-radius:6px;color:var(--primary-white);cursor:pointer;padding:8px 12px;transition:all var(--transition-fast)}.accept-btn:hover{background:var(--accent-orange-hover)}.decline-btn{background:var(--secondary-gray);border:1px solid var(--border-gray);border-radius:6px;color:var(--text-gray);cursor:pointer;padding:8px 12px;transition:all var(--transition-fast)}.decline-btn:hover{background:#f44;border-color:#f44;color:var(--primary-white)}.empty-state{color:var(--text-gray);padding:80px 40px}.empty-icon{color:var(--text-gray);margin-bottom:16px}.empty-state h3{color:var(--primary-white);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{line-height:1.4;margin:0;max-width:400px}.dm-content::-webkit-scrollbar{width:8px}.dm-content::-webkit-scrollbar-track{background:#0000}.dm-content::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}.dm-content::-webkit-scrollbar-thumb:hover{background:var(--secondary-gray)}@media (max-width:768px){.dm-header{padding:12px 16px}.dm-header-content{align-items:flex-start;flex-direction:column;gap:12px}.dm-header-actions{justify-content:flex-start;overflow-x:auto;padding-bottom:4px;width:100%}.dm-tab{flex-shrink:0}.add-friend-form{flex-direction:column}.friend-item{padding:12px}.friend-actions{opacity:1}.empty-state{padding:40px 20px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}@media (max-width:480px){.dm-header-info h2{font-size:18px}.friend-name{font-size:15px}.action-btn{padding:6px}.request-item{padding:12px}.request-actions{flex-direction:column;gap:6px}.accept-btn,.decline-btn{padding:8px 16px;width:100%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.friend-item,.request-item{animation:slideInUp .2s ease-out}.accept-btn:focus,.action-btn:focus,.add-friend-btn:focus,.decline-btn:focus,.dm-tab:focus,.friend-input:focus,.friend-send-btn:focus{outline:2px solid var(--accent-orange);outline-offset:2px}@media (prefers-contrast:high){.friend-item{border:1px solid var(--border-gray)}.request-item{border-width:2px}.dm-tab.active{border:2px solid var(--accent-orange)}}.voice-settings-modal{display:flex;height:600px;max-height:80vh}.settings-sidebar{background:var(--primary-black);border-right:1px solid var(--border-gray);width:200px}.settings-tabs{padding:16px 0}.settings-tab{color:var(--text-gray);padding:12px 20px;transition:all var(--transition-fast)}.settings-tab:hover{background:var(--primary-gray);color:var(--primary-white)}.settings-tab.active{background:var(--accent-orange);color:var(--primary-white)}.settings-main{padding:24px}.settings-section h3{border-bottom:1px solid var(--border-gray);color:var(--primary-white);margin-bottom:24px;padding-bottom:8px}.setting-group{margin-bottom:24px}.setting-group h4{color:var(--primary-white);font-size:16px;font-weight:600;margin-bottom:16px}.setting-label{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.setting-label,.setting-select{color:var(--primary-white);margin-bottom:8px}.setting-select{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:6px;width:100%}.setting-controls{display:flex;gap:8px;margin-top:8px}.test-btn{align-items:center;background:var(--secondary-gray);border:1px solid var(--border-gray);border-radius:4px;color:var(--primary-white);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all var(--transition-fast)}.test-btn:hover{background:var(--accent-orange)}.volume-control{align-items:center;display:flex;gap:12px;margin-bottom:12px}.volume-slider{background:var(--primary-gray);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.volume-value{color:var(--text-gray);font-size:12px;min-width:40px}.volume-indicator{align-items:end;display:flex;height:40px;padding:8px 0}.volume-bars{align-items:end;display:flex;gap:2px;height:100%}.volume-bar{background:var(--border-gray);border-radius:1px;transition:background-color var(--transition-fast);width:3px}.volume-bar.active{background:var(--accent-orange)}.checkbox-group{margin-bottom:16px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:4px}.checkbox-label input[type=checkbox]{-webkit-appearance:none;appearance:none;background:var(--primary-gray);border:2px solid var(--border-gray);border-radius:3px;cursor:pointer;height:16px;position:relative;width:16px}.checkbox-label input[type=checkbox]:checked{background:var(--accent-orange);border-color:var(--accent-orange)}.checkbox-label input[type=checkbox]:checked:after{color:var(--primary-white);content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.setting-help{color:var(--text-gray);font-size:12px;margin-top:4px}.video-preview{margin:16px 0}.preview-container{align-items:center;background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:6px;display:flex;height:200px;justify-content:center;width:100%}.preview-placeholder{align-items:center;color:var(--text-gray);display:flex;flex-direction:column;gap:8px}.threshold-control{align-items:center;display:flex;gap:12px}.threshold-slider{background:var(--primary-gray);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.threshold-value{color:var(--text-gray);font-size:12px;min-width:50px}.hotkey-selector{margin-top:12px}.hotkey-input{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:6px;color:var(--primary-white);font-size:14px;padding:8px 12px;text-align:center;width:200px}.hotkey-list{display:flex;flex-direction:column;gap:8px}.hotkey-item{align-items:center;background:var(--primary-gray);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.hotkey-item kbd{background:var(--secondary-black);border:1px solid var(--border-gray);border-radius:4px;color:var(--text-gray);font-size:11px;padding:4px 8px}.settings-footer{align-items:center;background:var(--primary-black);border-top:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:16px 24px}.footer-actions{display:flex;gap:12px}@media (max-width:768px){.voice-panel.expanded{height:400px}.video-grid{grid-template-columns:1fr;padding:12px}.user-list-sidebar{width:200px}.primary-controls{gap:8px}.control-btn.large{height:40px;width:40px}.volume-controls{flex-direction:column;gap:12px}.voice-settings-modal{flex-direction:column;height:auto;max-height:90vh}.settings-sidebar{border-bottom:1px solid var(--border-gray);border-right:none;width:100%}.settings-tabs{display:flex;overflow-x:auto;padding:8px}.settings-tab{min-width:auto;white-space:nowrap}}.settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.settings-modal{background:#313338;border-radius:8px;box-shadow:0 8px 24px #0000004d;display:flex;height:85vh;max-height:800px;max-width:1000px;overflow:hidden;width:100%}.settings-sidebar{background:#2b2d31;border-right:1px solid #404249;display:flex;flex-direction:column;width:240px}.settings-header{align-items:center;border-bottom:1px solid #404249;display:flex;justify-content:space-between;padding:20px}.settings-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.settings-close{background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;padding:4px;transition:all .2s ease}.settings-close:hover{background:#404249;color:#fff}.settings-tabs{flex:1 1;overflow-y:auto;padding:8px 0}.settings-tab{align-items:center;background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin:0 8px;padding:8px 16px;text-align:left;transition:all .2s ease;width:100%}.settings-tab:hover{background:#404249;color:#fff}.settings-tab.active{background:#5865f2;color:#fff}.settings-footer{border-top:1px solid #404249;padding:16px}.settings-version{color:#6d6f78;font-size:12px}.settings-main{background:#313338;flex:1 1;overflow-y:auto}.settings-content{max-width:600px;padding:24px 32px}.settings-section{margin-bottom:32px}.settings-section h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.settings-section h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.settings-section>p{color:#b5bac1;font-size:14px;line-height:1.4;margin:0 0 24px}.profile-pictures{display:flex;flex-direction:column;gap:20px}.profile-picture-item{align-items:center;background:#2b2d31;border:1px solid #404249;border-radius:8px;display:flex;gap:16px;padding:16px}.profile-avatar-large{align-items:center;background:#5865f2;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-banner-preview{align-items:center;background:linear-gradient(135deg,#5865f2,#3b82f6);border-radius:6px;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;width:120px}.profile-banner-preview img{height:100%;object-fit:cover;width:100%}.banner-placeholder{flex-direction:column;font-size:12px;gap:4px;text-align:center}.banner-placeholder,.profile-picture-edit{align-items:center;color:#fff;display:flex;justify-content:center}.profile-picture-edit{background:#5865f2;border:2px solid #313338;border-radius:50%;bottom:0;cursor:pointer;height:24px;position:absolute;right:0;transition:all .2s ease;width:24px}.profile-picture-edit:hover{background:#4752c4}.profile-picture-item h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.profile-picture-item p{color:#b5bac1;font-size:12px;margin:0}.premium-required{align-items:center;color:gold;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:4px}.form-group{margin-bottom:20px}.form-group label{color:#b5bac1;display:block;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group textarea,.setting-select{background:#1e1f22;border:1px solid #404249;border-radius:4px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus,.setting-select:focus{border-color:#5865f2;box-shadow:0 0 0 1px #5865f2;outline:none}.form-group input:disabled{background:#2b2d31;color:#6d6f78;cursor:not-allowed}.form-group textarea{min-height:80px;resize:vertical}.form-group small{color:#6d6f78;display:block;font-size:12px;margin-top:4px}.setting-item{align-items:center;border-bottom:1px solid #404249;display:flex;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1;margin-right:16px}.setting-info h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.setting-info p{color:#b5bac1;font-size:12px;line-height:1.4;margin:0}.toggle{display:inline-block;height:24px;position:relative;width:40px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#4e5058;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.2s;width:16px}.toggle input:checked+.toggle-slider{background-color:#5865f2}.toggle input:checked+.toggle-slider:before{transform:translateX(16px)}.setting-select{background:#1e1f22;border:1px solid #404249;border-radius:4px;color:#fff;font-size:14px;min-width:160px;padding:8px 12px}.theme-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.theme-option{border:2px solid #404249;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.theme-option.active,.theme-option:hover{border-color:#5865f2}.theme-preview{border-radius:6px;display:flex;height:80px;margin-bottom:12px;overflow:hidden;width:100%}.theme-preview.dark{background:#2b2d31}.theme-preview.light{background:#fff;border:1px solid #e0e0e0}.theme-sidebar{background:#1e1f22;width:20px}.theme-preview.light .theme-sidebar{background:#f2f3f5}.theme-content{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:8px}.theme-message{background:#404249;border-radius:2px;height:12px}.theme-preview.light .theme-message{background:#e0e0e0}.theme-option label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.theme-option input[type=radio]{height:16px;width:16px}.voice-settings-preview{background:#2b2d31;border:1px solid #404249;border-radius:8px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.voice-preview-item{align-items:center;display:flex;gap:16px}.voice-preview-item h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.voice-preview-item p{color:#b5bac1;font-size:12px;margin:0}.btn{background:#5865f2;border-radius:4px;color:#fff;font-size:14px;padding:10px 16px}.btn:hover{background:#4752c4}.btn.btn-secondary{background:#4e5058}.btn.btn-secondary:hover{background:#5d6169}.btn.btn-primary{background:#5865f2}.btn.btn-primary:hover{background:#4752c4}.btn.btn-danger{background:#da373c}.btn.btn-danger:hover{background:#c73035}.danger-zone{background:#2b2d31;border:1px solid #da373c;border-radius:8px;padding:20px}.danger-zone h3{color:#da373c}.danger-actions{display:flex;flex-direction:column;gap:12px}.danger-description{margin:0}.danger-description,.setting-description{color:#b5bac1;font-size:12px;line-height:1.4}.setting-description{margin:8px 0 0}.loading-spinner{border:2px solid #404249;border-top-color:#5865f2;height:16px;width:16px}@media (max-width:768px){.settings-modal{border-radius:0;height:100vh;max-height:none;max-width:none;width:100vw}.settings-sidebar{width:200px}.settings-content{padding:16px 20px}.theme-options{grid-template-columns:1fr}.profile-pictures{gap:12px}.profile-picture-item{flex-direction:column;gap:12px;text-align:center}}@media (max-width:600px){.settings-modal{flex-direction:column}.settings-sidebar{height:auto;max-height:200px;overflow-y:auto;width:100%}.settings-tabs{display:flex;flex-direction:row;gap:4px;overflow-x:auto;padding:8px}.settings-tab{flex-shrink:0;margin:0;white-space:nowrap}.settings-main{flex:1 1}}@keyframes settingsModalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-modal{animation:settingsModalSlideIn .2s ease-out}.status-selector-root{position:relative}.status-selector-overlay{background:#0000;inset:0;position:fixed;z-index:40}.status-selector-menu{background:var(--secondary-black);border:1px solid var(--border-gray);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 10px 30px #0006;left:0;position:absolute;width:320px;z-index:50}.status-selector-header{border-bottom:1px solid var(--border-gray);padding:16px}.status-selector-header h3{color:var(--primary-white);font-size:14px;font-weight:600;margin:0 0 12px}.status-selector-custom{align-items:center;display:flex;gap:8px}.status-selector-emoji{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:6px;color:var(--text-gray);cursor:pointer;padding:8px}.status-selector-emoji:hover{background:var(--secondary-gray);color:var(--primary-white)}.status-selector-input{background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:6px;color:var(--primary-white);flex:1 1;outline:none;padding:10px 12px}.status-selector-input::placeholder{color:var(--text-gray)}.status-selector-input:focus{border-color:var(--accent-orange)}.status-selector-clear{background:none;border:none;color:var(--text-gray);cursor:pointer;font-size:12px}.status-selector-clear:hover{color:var(--primary-white)}.status-selector-current{align-items:center;background:var(--primary-gray);border:1px solid var(--border-gray);border-radius:6px;color:var(--text-gray);display:flex;font-size:12px;gap:8px;margin-top:10px;padding:8px 10px}.status-selector-current .emoji{font-size:16px}.status-selector-current .msg{color:var(--primary-white)}.status-selector-current .expires{align-items:center;color:var(--text-gray);display:inline-flex;gap:4px;margin-left:auto}.status-selector-presets{border:1px solid var(--border-gray);border-radius:6px;margin-top:10px;overflow:hidden}.preset-item{align-items:center;background:#0000;border:none;color:var(--primary-white);cursor:pointer;display:flex;gap:10px;padding:8px 10px;text-align:left;width:100%}.preset-item:hover{background:var(--secondary-gray)}.preset-item .emoji{font-size:18px}.preset-item .text{flex:1 1}.preset-item .duration{align-items:center;color:var(--text-gray);display:inline-flex;font-size:12px;gap:4px}.status-selector-options{padding:8px}.status-option{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--primary-white);cursor:pointer;display:flex;gap:10px;padding:8px 10px;width:100%}.status-option:hover{background:var(--secondary-gray)}.status-option.active{background:var(--primary-gray)}.status-option .dot{border-radius:50%;height:10px;width:10px}.status-option .label{flex:1 1;text-align:left}.status-option .chev{color:var(--text-gray)}.user-panel{background:#0000;border:0;display:flex;flex-direction:column;padding:0;position:relative}.voice-connection-bar{align-items:center;background:var(--userpanel-bg);border-bottom:1px solid #04040533;border-top:1px solid var(--userpanel-border);display:flex;height:40px;height:var(--voicebar-height,40px);justify-content:space-between;padding:8px 12px}.voice-info{gap:8px;min-width:0}.voice-info,.voice-status-icon{align-items:center;display:flex}.voice-status-icon{color:#43b581}.voice-details{display:flex;flex-direction:column;min-width:0}.voice-channel{color:#dfe3e6;font-size:12px;font-weight:600;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-stats{align-items:center;color:#a2a7ad;display:inline-flex;font-size:11px;gap:6px;opacity:.95}.quality-separator{opacity:.6}.quality{background:#2b2d31;border:1px solid #04040559;border-radius:6px;color:#dfe3e6;font-weight:600;line-height:1;padding:2px 6px}.quality.excellent{border-color:#43b58199}.quality.good{border-color:#43b58166}.quality.poor{border-color:#f047478c;color:#ff6166}.voice-actions{align-items:center;display:flex;gap:6px}.voice-action-btn{align-items:center;background:#2b2d31;border:1px solid #ffffff14;border-radius:4px;color:#dfe3e6;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease;width:28px}.voice-action-btn:hover{background:#34363b;border-color:#ffffff24}.disconnect-btn{background:#f047471f;border-color:#f0474759;color:#ff6166}.disconnect-btn:hover{background:#f0474733;border-color:#f0474799;color:#ff7b7f}.user-panel-main{min-height:var(--userpanel-height);position:relative;z-index:1}.user-panel-content,.user-panel-main{align-items:center;display:flex;padding:8px 12px}.user-panel-content{background:#0000;border-top:0;flex:1 1;gap:8px}.user-loading{align-items:center;display:flex;justify-content:center;padding:16px;width:100%}.audio-controls{display:flex;gap:4px}.audio-button{align-items:center;background:#4f545c;border:none;border-radius:4px;color:#b9bbbe;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.audio-button:hover{background:#5d6269;color:#dcddde}.audio-button.muted{background:#f04747;color:#fff}.audio-button.muted:hover{background:#d84040}.audio-button.deafened{background:#f04747;color:#fff}.audio-button.deafened:hover{background:#d84040}.user-info-section{flex:1 1;min-width:0;position:relative}.user-info{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:4px 6px;transition:all var(--transition-fast)}.user-info:hover{background:#4f545c29}.user-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;position:relative;width:32px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:var(--accent-orange);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.status-indicator{border:2px solid #232428;border-radius:50%;bottom:-2px;height:10px;position:absolute;right:-2px;width:10px}.user-details{flex:1 1;min-width:0}.user-name{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-icon{color:var(--accent-orange);flex-shrink:0}.user-status{color:#b9bbbe;font-size:12px;line-height:1.2;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-arrow{color:#b9bbbe;flex-shrink:0;transition:transform var(--transition-fast)}.menu-arrow.rotated{transform:rotate(180deg)}@media (max-width:768px){.user-panel-content{gap:6px;padding:6px}.audio-button,.settings-button,.user-avatar{height:28px;width:28px}.user-name{font-size:13px}.user-status{font-size:11px}.status-indicator{height:8px;width:8px}.menu-arrow{transform:scale(.8)}.user-menu{width:300px}.voice-connection-bar{padding:6px 8px}.voice-channel{font-size:11px}.voice-stats{font-size:10px;gap:4px}.voice-action-btn{height:26px;width:26px}.quality{padding:1px 5px}}.user-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.user-menu{background:#18191c;border:1px solid #04040526;border-radius:8px;bottom:100%;box-shadow:0 8px 16px #0000003d;left:0;margin-bottom:8px;overflow:visible;position:absolute;width:340px;z-index:1000}.menu-header{background:#2022254d;border-radius:8px 8px 0 0;padding:20px 16px 16px}.menu-user-info{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.menu-avatar{border-radius:50%;height:60px;overflow:hidden;width:60px}.menu-avatar img{height:100%;object-fit:cover;width:100%}.menu-avatar .avatar-placeholder{font-size:24px}.menu-details{flex:1 1;min-width:0}.menu-name{color:#fff;font-size:20px;font-weight:600;margin-bottom:2px}.menu-tag{color:#b9bbbe;font-size:12px}.menu-tag .muted{color:#72767d}.subscription-badge{align-items:center;align-self:flex-start;background:#ff6b351a;border:1px solid var(--accent-orange);border-radius:16px;color:var(--accent-orange);display:flex;font-size:11px;font-weight:600;gap:6px;margin-top:8px;padding:6px 10px}.menu-separator{background:#04040526;height:1px;margin:0}.menu-items{padding:8px 0}.menu-item{align-items:center;background:none;border:none;border-radius:2px;color:#b9bbbe;cursor:pointer;display:flex;font-size:14px;gap:12px;margin:2px 6px;padding:6px 8px;text-align:left;transition:all var(--transition-fast);width:100%}.menu-item:hover{background:#4f545c;color:#fff}.logout-item{color:#f04747}.logout-item:hover{background:#f04747;color:#fff}.status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.loading-spinner.small{animation:spin 1s linear infinite;border:1px solid #b9bbbe4d;border-radius:50%;border-top-color:#b9bbbe;height:16px;width:16px}@media (max-width:768px){.user-panel-main{gap:6px;padding:6px}.audio-button,.settings-button,.user-avatar{height:28px;width:28px}.user-name{font-size:13px}.user-status{font-size:11px}.status-indicator{height:8px;width:8px}.menu-arrow{transform:scale(.8)}.user-menu{width:300px}.voice-connection-bar{font-size:12px;padding:6px}.voice-channel{font-size:11px}.voice-stats{font-size:10px}.voice-action-btn{height:24px;width:24px}}.quality-meter{display:inline-flex;gap:2px;margin-left:2px}.quality-meter .b{background:#62666d;border-radius:1px;display:block;height:10px;width:3px}.quality-meter .b.on{background:#43b581}:root{--server-list-width:72px;--total-sidebar-width:calc(var(--server-list-width) + var(--sidebar-width));--userpanel-height:52px;--voicebar-height:40px;--userpanel-bg:#232428;--userpanel-border:#0404054d}.main-app{background:var(--secondary-black);height:100vh;overflow:hidden;width:100%}.app-layout{display:flex;height:100%;position:relative;width:100%}.server-sidebar{background:var(--primary-black);flex-shrink:0;width:72px;width:var(--server-list-width);z-index:100}.main-sidebar{background:var(--secondary-gray);display:flex;flex-direction:column;flex-shrink:0;position:relative;width:240px;width:var(--sidebar-width);z-index:50}.sidebar-content{flex:1 1 auto;min-height:0;overflow:hidden;padding-bottom:52px;padding-bottom:var(--userpanel-height)}.main-sidebar.has-voice .sidebar-content{padding-bottom:92px;padding-bottom:calc(var(--userpanel-height) + var(--voicebar-height))}.main-content{background:var(--secondary-black);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.content-area{flex:1 1;overflow:hidden}.dm-sidebar{background:var(--secondary-gray);display:flex;flex-direction:column;height:100%}.dm-sidebar-header{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;justify-content:between;margin-bottom:8px;min-height:60px;padding:16px 16px 0}.dm-sidebar-header h2{color:var(--primary-white);flex:1 1;font-size:16px;font-weight:600;margin:0}.add-friend-btn{background:none;border:none;border-radius:4px;color:var(--text-gray);cursor:pointer;padding:4px;transition:all var(--transition-fast)}.add-friend-btn:hover{background:var(--primary-gray);color:var(--primary-white)}.dm-list{flex:1 1;overflow-y:auto;padding:8px}.dm-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:12px;margin-bottom:2px;padding:8px 12px;position:relative;transition:all var(--transition-fast)}.dm-item:hover{background:var(--primary-gray)}.dm-avatar{align-items:center;background:var(--accent-orange);border-radius:50%;color:var(--primary-white);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;position:relative;width:32px}.dm-avatar img{height:100%;object-fit:cover;width:100%}.dm-avatar .status-dot{border:2px solid var(--secondary-gray);border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.status-dot.online{background:#22c55e}.status-dot.idle{background:#f59e0b}.status-dot.busy{background:#ef4444}.status-dot.offline{background:#6b7280}.dm-info{align-items:center;display:flex;flex:1 1;justify-content:space-between;min-width:0}.dm-name{color:var(--primary-white);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-unread{background:#f44;border-radius:10px;color:var(--primary-white);flex-shrink:0;font-size:11px;font-weight:600;height:18px;min-width:18px;padding:2px 6px}.dm-unread,.loading-container{align-items:center;display:flex;justify-content:center}.loading-container{background:var(--secondary-black);flex-direction:column;height:100%}.vorkat-loading{text-align:center}.loading-logo{margin-bottom:16px}.logo-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:var(--accent-orange);border-radius:16px;color:#fff;display:flex;font-family:Pacifico,cursive;font-size:32px;height:64px;justify-content:center;margin:0 auto;width:64px}.vorkat-loading p{color:var(--text-gray);font-size:16px;margin:0}.sidebar-loading{padding:32px}.content-loading,.sidebar-loading{align-items:center;display:flex;justify-content:center}.content-loading{height:100%}.loading-spinner{border-top:3px solid var(--border-gray);border:3px solid var(--border-gray);height:40px;width:40px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.empty-state p{color:var(--primary-white);font-size:16px;margin-bottom:4px}.empty-state small{color:var(--text-gray);font-size:14px}.dm-list::-webkit-scrollbar{width:4px}.dm-list::-webkit-scrollbar-track{background:#0000}.dm-list::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:2px}.content-area,.sidebar-content{transition:opacity var(--transition-normal),transform var(--transition-normal)}.app-layout *{will-change:auto}.app-layout>.user-panel{background:#232428;background:var(--userpanel-bg);border-top:1px solid var(--border-gray);bottom:0;left:0;position:absolute;width:312px;width:var(--total-sidebar-width);z-index:200}.content-area{contain:layout}@media (max-width:768px){:root{--server-list-width:60px;--sidebar-width:200px}.server-sidebar{width:72px;width:var(--server-list-width)}.main-sidebar{width:240px;width:var(--sidebar-width)}}@media (max-width:600px){.app-layout{position:relative}.app-layout>.user-panel{left:0;width:100%}.main-sidebar,.server-sidebar{bottom:0;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform var(--transition-normal);z-index:1000}.main-sidebar.mobile-open,.server-sidebar.mobile-open{transform:translateX(0)}.main-content{width:100%}.dm-sidebar,.main-sidebar{width:280px}}@media (prefers-color-scheme:dark){.main-app{background:var(--secondary-black)}}.main-app:focus-within{outline:none}.dm-item.active{background:var(--primary-gray)}.dm-item.active .dm-name{color:var(--accent-orange)}.dm-unread{animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.titlebar{background:var(--secondary-black);border-bottom:1px solid var(--border-gray);height:var(--titlebar-height);position:relative;-webkit-user-select:none;user-select:none;z-index:1000}.titlebar,.titlebar-drag-area{align-items:center;display:flex}.titlebar-drag-area{-webkit-app-region:drag;height:100%;width:100%}.titlebar-left{-webkit-app-region:no-drag;align-items:center;display:flex;gap:8px;padding-left:12px}.app-icon,.logo-small{align-items:center;display:flex;justify-content:center}.logo-small{background:var(--accent-orange);border-radius:50%;color:var(--primary-white);font-size:12px;font-weight:700;height:20px;width:20px}.app-title{align-items:center;display:flex;gap:6px}.app-name{color:var(--primary-white);font-size:13px;font-weight:500}.app-version{background:var(--primary-gray);border-radius:3px;color:var(--text-gray);font-size:11px;padding:2px 6px}.titlebar-center{-webkit-app-region:drag;flex:1 1}.titlebar-right{-webkit-app-region:no-drag}.titlebar-button,.titlebar-right{align-items:center;display:flex;height:100%}.titlebar-button{background:#0000;border:none;color:var(--primary-white);cursor:pointer;font-size:10px;justify-content:center;transition:background-color var(--transition-fast);width:46px}.titlebar-button:hover{background:var(--primary-gray)}.titlebar-button.maximize:hover,.titlebar-button.minimize:hover{background:var(--secondary-gray)}.titlebar-button.close:hover{background:#e74c3c;color:var(--primary-white)}.titlebar-button:active{background:var(--border-gray)}.titlebar-button.close:active{background:#c0392b}@media (prefers-color-scheme:dark){.titlebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2}}@media (max-width:600px){.app-version{display:none}.titlebar-button{width:40px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-black:#000;--secondary-black:#1a1a1a;--primary-white:#fff;--secondary-white:#f5f5f5;--accent-orange:#ff6b35;--accent-orange-hover:#ff8c42;--primary-gray:#2c2c2c;--secondary-gray:#404040;--text-gray:#6c6c6c;--border-gray:#333;--titlebar-height:32px;--sidebar-width:240px;--border-radius:8px;--border-radius-small:4px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--secondary-black);color:#fff;color:var(--primary-white);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none}#root{height:100vh;width:100vw}.App{height:100%;width:100%}.app-container{background:#1a1a1a;background:var(--secondary-black);display:flex;flex-direction:column;height:100vh}.app-content{display:flex;flex:1 1;overflow:hidden}.loading-screen{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2c2c2c);background:linear-gradient(135deg,var(--secondary-black) 0,var(--primary-gray) 100%);display:flex;height:100vh;justify-content:center}.loading-content{animation:fadeIn .5s ease;text-align:center}.logo-pulse{align-items:center;animation:pulse 1.5s ease-in-out infinite alternate;background:#ff6b35;background:var(--accent-orange);border-radius:50%;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.loading-content h2,.logo-pulse{color:#fff;color:var(--primary-white)}.loading-content h2{font-size:24px;font-weight:600;margin-bottom:20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2c2c2c;border-top:3px solid #ff6b35;border:3px solid var(--primary-gray);border-radius:50%;border-top-color:var(--accent-orange);height:30px;margin:0 auto;width:30px}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.btn-primary{background:#ff6b35;background:var(--accent-orange);color:#fff;color:var(--primary-white)}.btn-primary:hover{background:#ff8c42;background:var(--accent-orange-hover);transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #333;border:1px solid var(--border-gray);color:#fff;color:var(--primary-white)}.btn-secondary:hover{background:#2c2c2c;background:var(--primary-gray);border-color:#404040;border-color:var(--secondary-gray)}.btn-ghost{background:#0000;border:none;color:#6c6c6c;color:var(--text-gray)}.btn-ghost:hover{background:#2c2c2c;background:var(--primary-gray);color:#fff;color:var(--primary-white)}.btn-small{font-size:12px;padding:6px 12px}.btn-large{font-size:16px;padding:14px 28px}.input-group{margin-bottom:16px}.input-label{display:block;font-weight:500;margin-bottom:6px}.input,.input-label{color:#fff;color:var(--primary-white);font-size:14px}.input{background:#2c2c2c;background:var(--primary-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius);font-family:inherit;padding:12px 16px;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.input:focus{border-color:#ff6b35;border-color:var(--accent-orange);box-shadow:0 0 0 2px #ff6b3533;outline:none}.input::placeholder{color:#6c6c6c;color:var(--text-gray)}.input-error{border-color:#f44}.error-text{color:#f44;font-size:12px;margin-top:4px}.card{background:#2c2c2c;background:var(--primary-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius);padding:20px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--secondary-black)}::-webkit-scrollbar-thumb{background:#404040;background:var(--secondary-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c6c6c;background:var(--text-gray)}@media (max-width:768px){.app-container{--sidebar-width:200px}}.electron-app{-webkit-app-region:no-drag}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1}.hidden{display:none}.visible{display:block}.auth-fullscreen{min-height:100dvh;overflow:auto;width:100%}
/*# sourceMappingURL=main.72899cb5.css.map*/