.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0f1014;background-image:radial-gradient(at 0% 0%,rgba(88,101,242,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(235,69,158,.15) 0px,transparent 50%);font-family:Inter,sans-serif;padding:20px}.auth-box{width:100%;max-width:440px;background:#20222599;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;box-shadow:0 20px 50px #00000080;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.auth-header p{color:#949ba4;font-size:15px}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#949ba4;transition:color .2s}.auth-input{width:100%;background:#1e1f22;border:1px solid transparent;padding:14px 16px 14px 48px;border-radius:12px;color:#f2f3f5;font-size:15px;outline:none;transition:all .2s ease;box-sizing:border-box}.auth-input:focus{background:#2b2d31;border-color:#5865f2;box-shadow:0 0 0 4px #5865f226}.auth-input:focus+.input-icon{color:#5865f2}.row-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-button{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #5865f266}.auth-button:disabled{opacity:.6;cursor:not-allowed;background:#4e5058}.auth-footer{margin-top:24px;text-align:center;font-size:14px;color:#949ba4}.auth-link{color:#00a8fc;text-decoration:none;font-weight:500;margin-left:5px}.auth-link:hover{text-decoration:underline}.forgot-password{text-align:right;font-size:13px;margin-top:-10px}.forgot-link{color:#949ba4;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#dbdee1}.auth-alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.auth-alert.error{background:#f23f421a;color:#f23f42;border:1px solid rgba(242,63,66,.2)}.auth-alert.success{background:#23a5591a;color:#23a559;border:1px solid rgba(35,165,89,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-profile-modal-overlay{position:fixed;inset:0;background-color:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.user-profile-modal{width:100%;max-width:900px;max-height:85vh;background-color:#2f3136;border-radius:12px;box-shadow:0 12px 32px #0009;padding:24px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#202225 #2f3136}.user-profile-modal::-webkit-scrollbar{width:8px;height:8px}.user-profile-modal::-webkit-scrollbar-track{background-color:#2b2d31;border-radius:4px;margin-block:6px}.user-profile-modal::-webkit-scrollbar-thumb{background-color:#202225;border-radius:4px}.user-profile-modal::-webkit-scrollbar-thumb:hover{background-color:#18191c}.user-profile-modal-close{position:absolute;top:16px;right:16px;border:none;background:#0000004d;color:#dcddde;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:10}.user-profile-modal-close:hover{background-color:#ed4245;color:#fff}.user-profile-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #3f4147;padding-bottom:20px;margin-bottom:20px}.user-profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:4px solid #202225;box-shadow:0 6px 18px #00000059;flex-shrink:0;background-color:#202225}.user-profile-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.user-profile-main{flex:1;display:flex;flex-direction:column}.user-profile-name-row h2{margin:0;font-size:24px;color:#fff;font-weight:700}.user-profile-sub{font-size:14px;color:#b9bbbe;margin-top:4px}.user-profile-actions{display:flex;gap:10px;align-items:center}.btn-primary,.btn-secondary{border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s;white-space:nowrap}.btn-primary{background-color:#5865f2;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4752c4}.btn-secondary{background-color:#4f545c;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#686d73}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.user-profile-body{display:grid;grid-template-columns:1fr 1fr;gap:30px}.user-profile-section h3{margin:0 0 12px;font-size:12px;text-transform:uppercase;color:#b9bbbe;font-weight:700;letter-spacing:.5px}.empty-text{font-size:13px;color:#72767d;font-style:italic}.pill-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.pill-item{padding:6px 12px;border-radius:20px;background-color:#202225;color:#dcddde;font-size:13px;border:1px solid #202225}.friend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.friend-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background-color:#202225;border:1px solid transparent;transition:background-color .2s}.friend-item:hover{background-color:#36393f;border-color:#40444b}.friend-avatar{width:36px!important;height:36px!important;border-radius:50%;overflow:hidden;background-color:#2f3136;flex-shrink:0;border:2px solid #2f3136}.friend-avatar img{width:100%;height:100%;object-fit:cover;display:block}.friend-name{font-size:14px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-error{margin-top:8px;font-size:13px;color:#f04747}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.user-profile-body{grid-template-columns:1fr;gap:20px}.user-profile-modal{padding:16px;max-height:100vh;border-radius:0}}.member-menu-header{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:8px;border-bottom:1px solid #282a2f}.member-menu-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.menu-divider{border:none;border-top:1px solid #3f4147;margin:6px 0}.volume-control-group{padding:8px 10px;display:flex;flex-direction:column;gap:6px}.volume-label{font-size:12px;color:#b9bbbe;font-weight:600}.volume-slider{width:100%;height:4px;background:#4f545c;border-radius:2px;appearance:none;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#5865f2;border-radius:50%;cursor:pointer}.member-menu-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.menu-role-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;border:1px solid transparent;background:#ffffff0d;display:flex;align-items:center}.menu-role-badge.no-role{color:#72767d;border-color:#4f545c;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.modal-content{background-color:#36393f;border-radius:8px;padding:20px;width:90%;max-width:440px;box-shadow:0 8px 16px #0000003d;position:relative;animation:scaleIn .2s ease-out;color:#dcddde}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase}.close-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;transition:color .2s;padding:0}.close-btn:hover{color:#fff}.invite-desc{font-size:14px;color:#b9bbbe;margin-bottom:12px}.invite-input-wrapper{display:flex;gap:8px;background-color:#202225;padding:4px;border-radius:4px;border:1px solid #202225}.invite-code-input{flex:1;background:transparent;border:none;color:#dcddde;font-family:Consolas,monospace;font-size:16px;padding:8px;outline:none}.copy-btn{background-color:#5865f2;color:#fff;border:none;border-radius:3px;padding:0 16px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s;width:100px;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background-color:#4752c4}.copy-btn.copied{background-color:#3ba55c}.invite-footer-info{margin-top:12px;font-size:12px;color:#72767d}.server-view{display:flex;flex-direction:column;height:100%;background-color:#2f3136;color:#fff}.server-view-header{background-color:#2f3136;border-bottom:1px solid #202225;padding:0;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000001a}.server-header-top{padding:12px 16px;display:flex;align-items:center;transition:background-color .2s}.server-header-top:hover{background-color:#34373c}.server-avatar-chip{width:32px;height:32px;border-radius:50%;margin-right:10px;background-color:#5865f2;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;overflow:hidden}.server-name{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-header-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#36393f;border-top:1px solid #292b2f}.server-stat-badge{font-size:12px;color:#b9bbbe;display:flex;align-items:center;gap:4px}.server-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;background-color:#4f545c;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.action-btn:hover{background-color:#686d73}.action-btn.invite{background-color:#5865f2}.action-btn.invite:hover{background-color:#4752c4}.action-btn svg{width:14px;height:14px}.channels-list{flex:1;overflow-y:auto;padding:10px 8px}.channel-group{margin-bottom:24px}.channel-group h3{font-size:11px;font-weight:700;color:#8e9297;text-transform:uppercase;margin-bottom:8px;padding-left:8px}.channel-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;color:#8e9297;text-decoration:none;margin-bottom:2px;border:none;background:transparent;width:100%;cursor:pointer;text-align:left;transition:all .1s}.channel-item:hover{background-color:#34373c;color:#dcddde}.channel-item.active{background-color:#393c43;color:#fff}.channel-icon{margin-right:6px;color:#72767d}.voice-channel-users{padding-left:28px;margin-top:4px}.voice-user-item{display:flex;align-items:center;padding:4px 8px;border-radius:4px;margin-bottom:2px}.voice-user-item:hover{background-color:#34373c}.voice-user-avatar img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid transparent}.voice-user-item.is-speaking .voice-user-avatar img{border-color:#43b581;box-shadow:0 0 0 2px #43b581}.voice-user-details{margin-left:8px;display:flex;flex-direction:column}.voice-user-name{font-size:13px;color:#fff}.channel-group-item.drag-over-active .channel-item{border:1px dashed #43b581;background-color:#43b5811a}.dm-view{display:flex;flex-direction:column;height:100%;background:radial-gradient(circle at 10% 20%,rgba(88,101,242,.12),transparent 26%),radial-gradient(circle at 80% 0%,rgba(114,137,218,.16),transparent 32%),var(--color-darker)}.dm-header{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffff08,#fff0);position:sticky;top:0;z-index:5}.dm-header-title{display:flex;align-items:center;gap:12px}.dm-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 0 0 6px #5865f226}.dm-header h2{font-size:18px;margin:0;color:#fff;letter-spacing:.01em}.dm-overline{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dark);margin-bottom:2px}.dm-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}.dm-messages::-webkit-scrollbar{width:8px}.dm-messages::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.dm-messages::-webkit-scrollbar-track{background:transparent}.dm-message{max-width:72%;display:flex;flex-direction:column;gap:6px;animation:dmMessageFade .18s ease-out}.dm-message.from-me{align-self:flex-end;text-align:right}.dm-message.from-them{align-self:flex-start}.dm-message-meta{display:flex;align-items:center;gap:8px;color:var(--color-text-dark);font-size:12px}.dm-message.from-me .dm-message-meta{justify-content:flex-end}.dm-message-author{font-weight:600;color:#f1f1f5}.dm-badge{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#5865f226;color:#c8ceff;border:1px solid rgba(88,101,242,.3)}.dm-bubble{padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.04);color:#f7f7fb;line-height:1.5;box-shadow:0 10px 24px #0000004d}.dm-message.from-me .dm-bubble{background:linear-gradient(140deg,#5865f2cc,#7289dae6);border-color:#ffffff24;color:#fff;box-shadow:0 12px 28px #5865f259}.dm-message.from-them .dm-bubble{background:#ffffff08}.dm-input-area{padding:16px 20px 18px;border-top:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#202228f2,#202228eb)}.dm-input-form{display:flex;gap:10px;align-items:center}.dm-input{flex:1;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:15px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.dm-input:focus{outline:none;border-color:#5865f299;background:#ffffff0f;box-shadow:0 10px 30px #5865f233}.dm-send-btn{padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-weight:600;cursor:pointer;min-width:104px;box-shadow:0 10px 25px #5865f259;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.dm-send-btn:hover:enabled{transform:translateY(-1px);box-shadow:0 14px 30px #5865f266;filter:saturate(1.04)}.dm-send-btn:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}@keyframes dmMessageFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.voice-error-banner{background:#ff00001a;color:#a00;padding:1em;border:1px solid #f00;border-radius:5px;margin-top:1em;font-size:14px}.voice-room-controls{position:fixed;left:0;right:0;bottom:0;height:56px;background-color:#232428;border-top:1px solid #1e1f22;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box;z-index:9999}.voice-room-info{display:flex;flex-direction:column;justify-content:center;min-width:150px}.voice-connection-status{display:flex;align-items:center;gap:6px;color:#3ba55c;font-weight:700;font-size:13px;margin-bottom:2px}.voice-icon-signal{width:16px;height:16px}.voice-room-subtitle{font-size:12px;color:#b5bac1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.voice-controls-actions{display:flex;gap:12px;flex:1;justify-content:center}.voice-control-btn{width:36px;height:36px;border-radius:8px;border:none;background-color:#2b2d31;color:#b5bac1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.voice-control-btn:hover{background-color:#3f4147;color:#dbdee1;transform:translateY(-1px)}.voice-icon{width:20px;height:20px}.strike-line{position:absolute;width:80%;height:2px;background-color:#ed4245;transform:rotate(-45deg);border-radius:2px}.voice-control-btn.active-red{color:#ed4245;background-color:#2b2d31}.voice-control-btn.active-green{color:#fff;background-color:#3ba55c}.voice-control-btn.terminate{margin-left:8px}.voice-control-btn.terminate:hover{background-color:#da373c;color:#fff}.voice-user-section{display:flex;align-items:center;justify-content:flex-end;min-width:50px}.voice-user-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #202225;box-shadow:0 4px 8px #0000004d;transition:all .15s ease}.voice-user-img.speaking{border-color:#3ba55c;box-shadow:0 0 0 2px #3ba55c,0 0 10px #3ba55c99;transform:scale(1.05)}.confirm-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.confirm-modal-content{background-color:#36393f;padding:24px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 8px 16px #0000003d;animation:scaleIn .2s ease-out;border:1px solid #2f3136}.confirm-modal-title{margin:0 0 12px;color:#fff;font-size:20px;font-weight:600}.confirm-modal-message{margin:0 0 24px;color:#b9bbbe;font-size:15px;line-height:1.4}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:12px}.confirm-btn{padding:10px 24px;border-radius:4px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.confirm-btn.cancel{background-color:transparent;color:#fff}.confirm-btn.cancel:hover{text-decoration:underline}.confirm-btn.primary{background-color:#5865f2;color:#fff}.confirm-btn.primary:hover{background-color:#4752c4}.confirm-btn.danger{background-color:#ed4245;color:#fff}.confirm-btn.danger:hover{background-color:#c03537}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.server-settings-area.fancy{padding:28px;display:flex;flex-direction:column;gap:18px;color:#f5f5f7}.server-settings-loading{padding:24px;color:#f5f5f7}.server-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#ffffff0d,#5865f214);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 32px #00000059}.server-settings-heading{display:flex;align-items:center;gap:12px}.server-chip{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,#5865f2,#7289da);font-weight:800;color:#fff;box-shadow:0 12px 26px #5865f24d}.server-meta h1{margin:0;font-size:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.server-meta p{margin:2px 0 0;color:var(--color-text-dark)}.server-quick-stats{display:flex;gap:10px;flex-wrap:wrap}.stat-card{min-width:90px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;text-align:center}.stat-label{font-size:12px;color:var(--color-text-dark)}.stat-card strong{display:block;font-size:18px;margin-top:4px}.settings-tabs{display:flex;gap:10px;flex-wrap:wrap}.settings-tabs button{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.settings-tabs button:hover{transform:translateY(-1px);border-color:#ffffff29}.settings-tabs button.active{background:linear-gradient(135deg,#5865f2,#7289da);border-color:#fff3;box-shadow:0 10px 24px #5865f259}.settings-content{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff05,0 12px 28px #00000059}.pill-btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;border-radius:12px;padding:8px 12px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;font-size:14px}.pill-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#fff3;box-shadow:0 10px 22px #00000059}.pill-btn:disabled{opacity:.5;cursor:default}.pill-btn.primary{background:linear-gradient(135deg,#5865f2,#7289da);box-shadow:0 12px 26px #5865f259}.pill-btn.danger{background:linear-gradient(135deg,#f04747,#c03535);border-color:#f0474766;box-shadow:0 12px 26px #c0353559}.pill-btn.ghost{background:#ffffff08}.pill-btn.small{padding:4px 10px;font-size:12px}.pill-btn.active{border-color:#ffffff3d;background:#ffffff1a}.full-width{width:100%}.align-right{margin-left:auto}.input-row{display:flex;flex-direction:column;gap:6px}.input-row span{font-size:13px;color:var(--color-text-dark)}.input-row input,.input-row select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;font-size:14px}.manager-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.panel-card{background:#00000038;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px;box-shadow:0 10px 20px #00000059;display:flex;flex-direction:column;gap:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{padding:4px 10px;border-radius:999px;background:#ffffff14;font-size:12px;color:#fff}.channel-list,.role-list{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.channel-pill{font-size:13px}.form-grid{display:flex;flex-direction:column;gap:12px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px}.members-role-list{display:flex;flex-direction:column;gap:10px}.member-role-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.member-text{display:flex;flex-direction:column;gap:2px;min-width:0}.member-text strong{color:#fff;overflow:hidden;text-overflow:ellipsis}.member-roles{font-size:12px;color:var(--color-text-dark)}.bans-list{display:flex;flex-direction:column;gap:8px}.bans-empty{color:#b9bbbe}.ban-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#0003;margin-bottom:0;border-radius:8px;transition:background .15s ease}.ban-item:hover{background:#ffffff0d}.ban-user{display:flex;align-items:center;gap:10px}.ban-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.ban-avatar img{width:100%;height:100%;object-fit:cover}.ban-username{font-weight:700;color:#fff}.ban-reason{font-size:12px;color:#b9bbbe}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.settings-card{background:#0000002e;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:16px;box-shadow:0 10px 22px #00000059}.settings-card h2,.settings-card h3{margin:0 0 12px;color:#fff}.settings-card.highlight{background:linear-gradient(135deg,#ffffff0a,#5865f20d)}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.info-row .label{color:var(--color-text-dark);font-size:13px}.info-row .value{font-weight:700;color:#fff}.danger-zone{border:1px solid rgba(240,71,71,.35);background:#f0474714}.danger-zone p{color:#ffbaba}.danger-zone .danger{background:linear-gradient(135deg,#f04747,#c03535);border:none;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;box-shadow:0 10px 22px #c0353559;transition:transform .15s ease}.danger-zone .danger:hover{transform:translateY(-1px)}.icon-upload-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.icon-upload-title{font-size:14px;color:#b9bbbe;margin-bottom:10px}.icon-upload-row{display:flex;gap:10px;align-items:center}.icon-upload-row input[type=file]{font-size:12px}.roles-section{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:16px}.roles-sidebar{background:#0000002e;border-radius:14px;padding:14px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:10px}.roles-sidebar-head{display:flex;align-items:center;justify-content:space-between}.roles-sidebar-desc{font-size:12px;color:var(--color-text-dark)}.roles-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;padding-right:4px}.role-pill{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:10px;border:1px solid transparent;background:#ffffff05;color:#fff;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.role-pill:hover{background:#ffffff0d}.role-pill-active{border-color:#ffffff40;background:#5865f233}.role-color-dot{width:14px;height:14px;border-radius:999px;box-shadow:0 0 0 2px #0006}.role-pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roles-new-role-btn{margin-top:8px}.roles-main{background:#0000002e;border-radius:14px;padding:16px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:14px}.role-detail-card{display:flex;flex-direction:column;gap:14px}.role-detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-header-left{display:flex;align-items:center;gap:10px}.role-detail-color{width:32px;height:32px;border-radius:999px;box-shadow:0 0 0 3px #0006}.role-detail-name{margin:0}.role-detail-sub{margin:2px 0 0;font-size:12px;color:var(--color-text-dark)}.role-id-chip{font-size:11px;padding:4px 8px;border-radius:999px;background:#ffffff0f;color:#e5e7eb}.role-locked-text{font-size:13px;color:#e5e7eb}.role-permissions-title{font-size:14px;margin:4px 0}.role-permissions-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.permission-chip{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);font-size:12px;cursor:pointer}.permission-chip input[type=checkbox]{width:14px;height:14px}.permission-chip-label{white-space:nowrap}.role-create-form{display:flex;flex-direction:column;gap:12px}.role-color-input-row{display:flex;align-items:center;gap:8px}.role-color-input-row input[type=color]{width:40px;height:28px;padding:0;border-radius:8px;border:none;background:transparent}.role-color-preview-label{font-size:12px;color:#e5e7eb}.member-role-manager-title{margin:0 0 10px;font-size:14px}.member-role-manager-username{color:#fff;font-weight:600}.role-checkbox-chip{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);font-size:12px}.role-checkbox-chip input[type=checkbox]{width:14px;height:14px}.role-checkbox-color-dot{width:14px;height:14px;border-radius:999px;box-shadow:0 0 0 2px #0006}.role-checkbox-label{white-space:nowrap}@media(max-width:900px){.server-settings-hero{flex-direction:column;align-items:flex-start}.server-quick-stats{width:100%}.roles-section{grid-template-columns:1fr}}.contact-modal{width:500px;max-width:90vw;background-color:#36393f;color:#fff;padding:24px;border-radius:8px}.contact-modal h3{margin-top:0;margin-bottom:20px;text-align:center;color:#fff}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#b9bbbe;font-size:13px;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:10px;background-color:#202225;border:1px solid #202225;border-radius:4px;color:#dcddde;font-size:14px;box-sizing:border-box;outline:none;transition:border-color .2s}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn{background:transparent;color:#fff;border:none;cursor:pointer}.submit-btn{background-color:#5865f2;color:#fff;border:none;padding:10px 24px;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.submit-btn:hover:not(:disabled){background-color:#4752c4}.profile-settings-area{padding:32px;display:flex;flex-direction:column;gap:24px;width:100%;height:100%;overflow-y:auto}.profile-settings-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:#202225b3;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px 24px;box-shadow:0 20px 45px #00000059}.profile-settings-title h1{margin:0;color:#fff}.profile-settings-title p{margin-top:4px;color:#9da3af;font-size:14px}.profile-header-avatar{display:flex;gap:12px;align-items:center;background:#0003;padding:10px 16px;border-radius:999px}.profile-header-avatar img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.15)}.profile-header-avatar strong{color:#fff;font-size:16px}.profile-header-avatar span{display:block;color:#b5bac1;font-size:13px}.profile-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.profile-card{text-align:center}.profile-avatar-display{width:140px;height:140px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.08);box-shadow:0 15px 30px #00000059}.profile-avatar-display img{width:100%;height:100%;object-fit:cover}.avatar-upload-section{margin-top:18px;display:flex;flex-direction:column;gap:12px}.file-input-label{position:relative;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;padding:10px 16px;border-radius:8px;background:#ffffff14;color:#e3e5e8;cursor:pointer;transition:background .2s ease}.file-input-label:hover{background:#ffffff26}.file-input-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.btn-primary,.btn-accent{border:none;padding:12px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff}.btn-accent{background:linear-gradient(135deg,#3ba55c,#2d7d46);color:#fff;width:100%;margin-top:8px}.btn-primary:disabled,.btn-accent:disabled{cursor:not-allowed;opacity:.5}.btn-primary:not(:disabled):hover,.btn-accent:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000004d}.profile-form{display:flex;flex-direction:column;gap:12px}.profile-form-group label{display:block;font-size:13px;color:#b5bac1;margin-bottom:4px}.profile-form-group input{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0003;color:#fff;padding:12px;outline:none;transition:border .2s ease,box-shadow .2s ease}.profile-form-group input:focus{border-color:#5865f2;box-shadow:0 0 0 2px #5865f233}.profile-message{padding:10px 14px;border-radius:8px;font-size:13px;margin-top:6px}.profile-message.success{background:#3ba55c26;color:#3ba55c}.profile-message.error{background:#f0474726;color:#f04747}.profile-message.info{background:#5865f21f;color:#5865f2}.logout-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.logout-card p{margin:0;color:#9da3af;font-size:13px}.logout-button{border:none;padding:10px 16px;border-radius:8px;background:#f0474726;color:#f04747;font-weight:600;cursor:pointer;transition:background .2s ease}.logout-button:hover{background:#f0474759}@media(max-width:768px){.profile-settings-area{padding:20px}.profile-settings-header{flex-direction:column;align-items:flex-start}.profile-header-avatar{align-self:stretch;justify-content:flex-start}}.feed-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding:28px 32px;height:100%;box-sizing:border-box;background:radial-gradient(circle at 20% 10%,rgba(88,101,242,.06),transparent 28%),radial-gradient(circle at 90% 15%,rgba(114,137,218,.08),transparent 32%),var(--color-sidebar)}.feed-main{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.feed-list{display:flex;flex-direction:column;gap:16px}.feed-status{color:var(--color-text-dark);padding:10px 4px}.create-post-card{background:linear-gradient(140deg,#3a3c43f2,#26272df0);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;box-shadow:0 16px 32px #00000059}.create-post-form{display:flex;flex-direction:column;gap:12px}.create-post-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#fff;border-radius:12px;padding:12px 14px;min-height:110px;resize:vertical;font-size:14px;transition:border .2s ease,box-shadow .2s ease}.create-post-input:focus{outline:none;border-color:#5865f299;box-shadow:0 12px 28px #5865f240}.create-post-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.post-attach-btn,.post-submit-btn{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.post-attach-btn{background:#ffffff0d;color:#e6e7eb}.post-submit-btn{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;box-shadow:0 10px 24px #5865f259}.post-attach-btn:hover,.post-submit-btn:hover:enabled{transform:translateY(-1px);box-shadow:0 12px 26px #00000059}.post-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.create-post-file{font-size:12px;color:#b5bac1}.feed-rail{position:sticky;top:16px;display:flex;flex-direction:column;gap:16px;height:fit-content}.rail-card{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:14px 16px;box-shadow:0 14px 30px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rail-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.rail-card h4{margin:0;font-size:14px;color:#fff}.rail-chip{padding:4px 10px;border-radius:999px;background:#5865f21f;color:#c8ceff;font-size:11px;letter-spacing:.08em}.rail-list,.rail-form{display:flex;flex-direction:column;gap:10px}.rail-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff}.rail-feedback{font-size:12px;color:#c8ceff}.rail-user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:transform .15s ease,border-color .15s ease}.rail-user:hover{transform:translateY(-1px);border-color:#ffffff14}.rail-user-avatar img{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 8px 18px #00000059}.rail-user-meta{display:flex;flex-direction:column;gap:2px;flex:1}.rail-user-name{color:#f5f5f7;font-weight:600}.rail-user-status{font-size:12px;color:var(--color-text-dark);display:inline-flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#ffffff4d}.status-dot.online{background:#3ba55d}.status-dot.offline{background:#72767d}.rail-btn,.rail-link{border:none;background:#ffffff0d;color:#fff;border-radius:10px;padding:8px 12px;font-weight:600;cursor:pointer;transition:transform .15s ease,background .2s ease}.rail-btn:hover,.rail-link:hover{transform:translateY(-1px);background:#ffffff14}.rail-btn-primary{background:linear-gradient(135deg,#5865f2,#7289da);box-shadow:0 10px 22px #5865f24d}.rail-btn-outline{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}.rail-link{background:transparent;padding:6px 0;color:#c8ceff}.rail-empty{color:var(--color-text-dark);font-size:13px}.rail-actions{display:flex;gap:8px}.rail-profile{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.rail-profile-avatar img{width:54px;height:54px;border-radius:16px;object-fit:cover;box-shadow:0 10px 24px #00000059}.rail-profile-name{margin:0;color:#fff;font-weight:700}.rail-profile-sub{color:var(--color-text-dark);font-size:12px}.dm-list .dm-user{background:#ffffff08}.post-card{background:linear-gradient(145deg,#3a3c43f2,#26272deb);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:18px 20px;margin-bottom:0;box-shadow:0 16px 30px #00000059;color:#dbdce0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.post-card:hover{transform:translateY(-2px);border-color:#ffffff1a;box-shadow:0 22px 38px #00000073}.post-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.post-author-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.05)}.post-author-avatar img{width:100%;height:100%;object-fit:cover;display:block}.post-author-name{font-weight:600;color:#fff;font-size:15px}.post-author-details{display:flex;flex-direction:column;gap:4px}.post-date{font-size:12px;color:#9d9fa8}.post-content{margin-top:4px;display:flex;flex-direction:column;gap:12px;color:#f5f5f7;line-height:1.5}.post-media{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.04);box-shadow:0 10px 25px #00000059}.post-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.post-action-button{flex:1;min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:#ffffff0a;color:#d0d2d9;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.post-action-button:hover{background:#ffffff14;border-color:#ffffff14;transform:translateY(-1px)}.post-action-button.is-active{background:#ffffff1f;border-color:#ffffff2e;color:#fff}.comment-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-top:1px solid #3a3f45}.comment-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover;display:block}.comment-body{display:flex;flex-direction:column;font-size:14px}.comment-author{font-weight:600;margin-right:5px;color:#fff}.comment-content{color:#b9bbbe}.unread-badge{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background-color:#ed4245;border:2px solid #2f3136;z-index:10;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ed4245b3}70%{box-shadow:0 0 0 4px #ed424500}to{box-shadow:0 0 #ed424500}}@media(max-width:1100px){.feed-shell{grid-template-columns:1fr}.feed-rail{position:static}}@media(max-width:768px){.feed-shell{padding:18px}.post-action-button{min-width:120px}}.screen-share-grid-container{display:grid;gap:10px;background-color:#000;width:100%;height:400px;padding:10px;box-sizing:border-box;transition:height .3s ease;border-bottom:1px solid #2f3136}.video-player-wrapper{position:relative;width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden;border:1px solid #202225}.video-player-wrapper.fullscreen{border-radius:0;border:none}.main-video{width:100%;height:100%;display:block;background:#000}.video-overlay-name{position:absolute;top:10px;left:10px;background:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;pointer-events:none;z-index:10}.video-controls{position:absolute;bottom:0;left:0;width:100%;height:48px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:center;justify-content:space-between;padding:0 15px;box-sizing:border-box;opacity:0;transition:opacity .2s ease;z-index:20}.video-controls.visible{opacity:1}.controls-left,.controls-right{display:flex;align-items:center;gap:10px}.control-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.control-btn:hover{background:#ffffff26}.text-btn{font-size:12px;font-weight:600;background:#ffffff1a;padding:4px 8px}.volume-slider-mini{width:80px;height:4px;border-radius:2px;accent-color:#5865f2;cursor:pointer}.audio-settings-container{padding:30px;color:#fff;max-width:800px}.audio-settings-container h2{border-bottom:1px solid #3f4147;padding-bottom:15px;margin-bottom:25px}.settings-section{margin-bottom:30px}.settings-section h3{font-size:16px;color:#b9bbbe;margin-bottom:10px;text-transform:uppercase;font-weight:600}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;align-items:center;gap:15px;padding:15px;background:#2f3136;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .2s}.radio-option.selected{background:#40444b;border-color:#5865f2}.radio-content{display:flex;flex-direction:column}.radio-content span{font-weight:500;font-size:16px}.radio-content small{color:#b9bbbe;margin-top:4px}.keybind-wrapper{background:#2f3136;padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:10px}.keybind-btn{background:#202225;border:1px solid #202225;color:#fff;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;font-family:monospace;width:fit-content;min-width:150px;text-align:center;box-shadow:inset 0 0 5px #00000080}.keybind-btn.listening{border-color:#5865f2;color:#5865f2;background:#292b2f}.sensitivity-slider{width:100%;accent-color:#5865f2}.hint{color:#b9bbbe;font-size:13px;margin-top:5px}.close-settings-btn{background:transparent;border:2px solid #b9bbbe;color:#b9bbbe;border-radius:50px;padding:6px 16px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.close-settings-btn:hover{border-color:#dcddde;color:#dcddde;background:#ffffff1a}.contact-page-container{padding:40px;display:flex;justify-content:center;align-items:flex-start;height:100%;overflow-y:auto}.contact-card{background-color:#36393f;width:100%;max-width:600px;padding:30px;border-radius:12px;box-shadow:0 8px 24px #0006;color:#fff;border:1px solid rgba(255,255,255,.05)}.contact-card h2{margin-top:0;margin-bottom:8px;color:#fff}.contact-subtitle{color:#b9bbbe;font-size:14px;margin-bottom:24px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:block;margin-bottom:8px;color:#b9bbbe;font-size:13px;font-weight:600;text-transform:uppercase}.form-group input,.form-group textarea{width:100%;padding:12px;background-color:#202225;border:1px solid #202225;border-radius:6px;color:#dcddde;font-size:15px;outline:none;transition:border-color .2s;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{border-color:#5865f2}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:10px}.btn-cancel{background:transparent;color:#fff;border:none;cursor:pointer;font-weight:500}.btn-cancel:hover{text-decoration:underline}.btn-submit{background-color:#5865f2;color:#fff;border:none;padding:10px 24px;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.btn-submit:hover:not(:disabled){background-color:#4752c4}.contact-status{text-align:center;padding:40px 0}.friends-view{width:100%;max-width:1000px;margin:0 auto;padding:30px 40px;box-sizing:border-box;color:#e5e7eb;display:flex;flex-direction:column;height:100%;overflow:hidden}.friends-header{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;border-bottom:1px solid #3f4147;padding-bottom:20px;flex-shrink:0}.friends-title-row{display:flex;align-items:center;gap:15px}.friends-icon{font-size:24px;color:#9ca3af}.friends-header h2{font-size:1.4rem;font-weight:700;color:#fff;margin:0}.friends-tabs{display:flex;align-items:center;gap:10px}.tab-btn{background:transparent;border:none;color:#b9bbbe;font-size:14px;font-weight:600;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background-color:#3a3d42;color:#dcddde}.tab-btn.active{background-color:#40444b;color:#fff}.tab-btn.tab-online.active{color:#3ba55c}.tab-btn.tab-all.active{color:#5865f2}.tab-btn.tab-pending.active{color:#faa61a}.tab-btn.tab-add{background-color:#3ba55c;color:#fff;margin-left:auto}.tab-btn.tab-add.active{background-color:transparent;color:#3ba55c;border:1px solid #3ba55c}.friends-add-section{margin-bottom:20px;padding:20px;background:#0003;border-radius:8px;border:1px solid #3f4147}.friends-add-header{font-size:16px;font-weight:700;margin-bottom:8px;color:#fff}.friends-add-sub{font-size:12px;color:#b9bbbe;margin-bottom:15px}.friends-add-form{display:flex;gap:10px;background:#1e1f22;padding:10px;border-radius:8px;border:1px solid #1e1f22;transition:border-color .2s}.friends-add-form:focus-within{border-color:#5865f2}.friends-input{flex:1;background:transparent;border:none;color:#fff;font-size:15px;outline:none}.friends-input::placeholder{color:#72767d}.friends-message{margin-top:10px;font-size:13px}.friends-message.success{color:#3ba55c}.friends-message.error{color:#f04747}.friends-list-container{flex:1;overflow-y:auto;padding-right:8px}.friends-list-container::-webkit-scrollbar{width:8px;background-color:#2b2d31}.friends-list-container::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}.section-label{font-size:12px;font-weight:700;text-transform:uppercase;color:#9ca3af;margin:20px 0 10px;padding-bottom:5px;border-bottom:1px solid #3f4147}.friends-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.friend-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;background:transparent;border-top:1px solid #3f4147;transition:background-color .15s;cursor:pointer}.friend-item:hover{background-color:#393c43;border-color:transparent}.friend-item:hover .friend-actions{opacity:1}.friend-main{display:flex;align-items:center;gap:12px}.friend-avatar-wrapper{position:relative;width:40px;height:40px}.friend-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#202225}.friend-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:3px solid #2f3136}.friend-status-dot.online{background-color:#3ba55c}.friend-status-dot.offline{background-color:#747f8d}.friend-info{display:flex;flex-direction:column}.friend-username{font-weight:600;font-size:15px;color:#fff}.friend-username span{color:#b9bbbe;font-size:12px;margin-left:5px;display:none}.friend-status-text{font-size:12px;color:#b9bbbe}.friend-actions{display:flex;gap:10px;opacity:.7;transition:opacity .2s}.action-icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:#2f3136;color:#b9bbbe;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.action-icon-btn:hover{color:#fff}.action-icon-btn.msg:hover{background-color:#3ba55c}.action-icon-btn.del:hover{background-color:#ed4245}.action-icon-btn.acc:hover{background-color:#3ba55c}.friends-empty{text-align:center;margin-top:40px;color:#72767d}.empty-img{width:200px;height:auto;opacity:.5;margin-bottom:15px}@media(max-width:768px){.friends-view{padding:15px}.friend-actions{opacity:1}.friends-tabs{flex-wrap:wrap}}.app-titlebar{height:32px;background-color:#202225;display:flex;justify-content:space-between;align-items:center;-webkit-app-region:drag;border-bottom:1px solid #111214;-webkit-user-select:none;user-select:none;width:100%;position:fixed;top:0;left:0;z-index:10000}.titlebar-left{padding-left:12px;width:150px}.app-name{font-size:12px;font-weight:800;color:#72767d;letter-spacing:1px;text-transform:uppercase}.titlebar-center{display:flex;align-items:center;gap:8px;color:#dcddde;font-size:13px;font-weight:600}.title-icon{width:16px;height:16px;color:#5865f2}.window-controls{display:flex;height:100%;-webkit-app-region:no-drag}.win-btn{background:transparent;border:none;color:#b9bbbe;width:46px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;outline:none}.win-btn svg{width:16px;height:16px}.win-btn:hover{background-color:#40444b;color:#fff}.win-btn.close:hover{background-color:#ed4245;color:#fff}.members-sidebar{width:240px;padding:12px 10px;background:linear-gradient(180deg,#2f3136f0,#202228f5);color:#fff;height:100%;overflow-y:auto;border-left:1px solid rgba(255,255,255,.04)}.members-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.members-sidebar h3{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9da3af;padding:0 2px 6px;border-bottom:1px solid rgba(255,255,255,.08)}.member-item{display:flex;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background-color .15s,transform .15s,border-color .15s;background:#ffffff05;border:1px solid rgba(255,255,255,.03)}.member-item:hover{background:#ffffff0f;border-color:#ffffff14;transform:translate(2px)}.member-avatar{width:36px;height:36px;margin-right:10px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 8px 18px #00000059}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;gap:2px}.member-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f5f5f7}.member-badge{font-size:10px;color:#f5d66a;margin-left:6px;padding:2px 8px;border-radius:999px;border:1px solid rgba(245,214,106,.35);background:#f5d66a1f}.member-sub{font-size:12px;color:#9da3af}.members-sidebar::-webkit-scrollbar{width:6px}.members-sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.member-avatar-container{position:relative;width:36px;height:36px;margin-right:10px;flex-shrink:0}.member-avatar{width:100%;height:100%;margin-right:0}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:3px solid #2f3136}.status-indicator.online{background-color:#3ba55d}.status-indicator.offline{background-color:#747f8d}.member-sub-status{font-size:10px;color:#9da3af;display:block}.screen-picker-modal{width:600px;max-width:90vw;background-color:#36393f;color:#fff;padding:20px;border-radius:8px;max-height:80vh;display:flex;flex-direction:column}.sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;overflow-y:auto;margin-top:15px;padding-right:5px}.source-item{cursor:pointer;background:#2f3136;border-radius:8px;padding:10px;transition:background .2s;text-align:center}.source-item:hover{background:#40444b}.source-item img{width:100%;height:auto;border-radius:4px;margin-bottom:8px;object-fit:contain;max-height:100px}.source-item span{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dcddde}.hint{color:#b9bbbe;font-size:13px;margin-bottom:10px}.toast-container{position:fixed;top:50px;right:20px;z-index:100000;width:320px;pointer-events:none}.toast{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:10px;border-radius:8px;color:#fff;background:#202225f2;box-shadow:0 8px 24px #00000080;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-left:4px solid transparent;pointer-events:auto;animation:slideIn .3s ease-out}.toast-success{border-left-color:#3ba55c}.toast-error{border-left-color:#ed4245}.toast-info{border-left-color:#5865f2}.toast-warning{border-left-color:#faa61a}.toast-close-btn{background:none;border:none;color:#b9bbbe;font-size:20px;line-height:1;padding:0 0 0 12px;cursor:pointer;opacity:.7;transition:opacity .2s}.toast-close-btn:hover{opacity:1;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--color-dark: #202225;--color-darker: #2f3136;--color-sidebar: #2c2f33;--color-primary: #5865f2;--color-secondary: #7289da;--color-text-light: #dcddde;--color-text-dark: #99aab5;--color-success: #32a852;--color-error: #f04747}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--color-dark);color:var(--color-text-light);min-height:100vh;overflow:hidden}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-darker)}.auth-container h2{color:var(--color-text-light);margin-bottom:20px}.auth-container form{display:flex;flex-direction:column;width:350px;padding:30px;background-color:var(--color-dark);border-radius:8px;box-shadow:0 2px 10px #0006}.auth-container input{padding:12px;margin-bottom:15px;border:1px solid #4f545c;border-radius:4px;background-color:#2f3136;color:var(--color-text-light);font-size:16px}.auth-container button{padding:12px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.auth-container button:hover:not(:disabled){background-color:var(--color-secondary)}.auth-container button:disabled{background-color:#4f545c;cursor:not-allowed}.auth-container .error{color:var(--color-error);margin-top:10px;text-align:center}.dashboard-layout{display:flex;flex-direction:column;height:100vh}.dashboard-main-row{flex:1;display:flex;min-height:0}.dashboard-main-row.single-column{flex:1}.main-with-members,.dashboard-main{flex:1;display:flex;min-height:0}.server-topbar{height:82px;background-color:var(--color-dark);border-bottom:1px solid #36393f;padding:8px 12px;box-sizing:border-box;flex-shrink:0}.server-topbar-scroll{display:flex;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden}.server-topbar-scroll::-webkit-scrollbar{height:4px}.server-topbar-scroll::-webkit-scrollbar-thumb{background-color:#36393f;border-radius:999px}.sidebar-icon{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background-color:var(--color-sidebar);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--color-text-light);text-decoration:none;cursor:pointer;transition:background-color .2s,transform .1s,border-radius .2s}.sidebar-icon:hover{background-color:var(--color-primary);transform:translateY(-2px)}.sidebar-icon.active{background-color:var(--color-primary)}.server-story{padding:0;border:none;background:none}.server-story-ring{padding:2px;border-radius:50%;background:radial-gradient(circle at 0 0,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center}.server-story-initials{width:46px;height:46px;border-radius:50%;background-color:var(--color-sidebar);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.server-story.active .server-story-ring{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.dm-icon{font-size:14px}.add-icon{font-size:20px}.settings-icon{font-size:18px}.server-topbar-spacer{flex-grow:1}.divider{width:50%;border:none;border-top:2px solid #36393f;margin:5px 0 10px}.secondary-sidebar{width:240px;background-color:var(--color-darker);flex-shrink:0;padding:10px 0;overflow-y:auto;border-right:1px solid #36393f}.secondary-sidebar h3{color:var(--color-text-light);padding:10px 15px;font-size:16px;border-bottom:1px solid #36393f;margin-bottom:5px}.channel-list h4,.member-list h4,.channels-list h3,.members-sidebar h3{color:var(--color-text-dark);font-size:12px;font-weight:600;text-transform:uppercase;padding:8px 12px 4px}.channel-item,.member-item{position:relative;padding:6px 12px;margin:2px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:var(--color-text-light);text-decoration:none;background:transparent;border:none;transition:background-color .15s,color .15s}.channel-item:hover,.member-item:hover{background-color:#36393f}.channel-item.active{background-color:#4f545c;color:#fff}.channel-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:999px;background-color:var(--color-primary)}.channel-main{display:flex;align-items:center;gap:6px}.channel-icon{font-size:14px;color:var(--color-text-dark)}.channel-item.active .channel-icon{color:#fff}.channel-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-meta{font-size:11px;color:var(--color-text-dark)}.voice-channel-users{margin-left:24px;padding-left:8px;border-left:2px solid #36393f;margin-top:2px}.voice-user-item{font-size:13px;padding:2px 0;color:var(--color-text-light)}.voice-user-item.draggable{cursor:grab}.voice-user-name{font-weight:600;color:#fff}.text-muted{opacity:.6}.channel-item.voice-channel.drop-target{outline:1px dashed var(--color-primary);background-color:#3a414a}.main-content-area{flex:1;background-color:var(--color-sidebar);display:flex;flex-direction:column;overflow-y:auto;padding-bottom:64px}.members-sidebar{width:230px;background-color:var(--color-darker);flex-shrink:0;border-left:1px solid #36393f;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto}.members-sidebar h3{font-size:13px;text-transform:uppercase;color:var(--color-text-dark);margin:0 0 6px}.members-list{margin-top:4px;display:flex;flex-direction:column;gap:2px}.member-dot{margin-right:6px;font-size:10px;color:var(--color-text-dark)}.channel-item,.member-item{display:flex;align-items:center;padding:8px 10px;margin:2px 8px;border-radius:4px;color:var(--color-text-light);text-decoration:none;font-size:14px;cursor:pointer;transition:background-color .15s}.channel-item:hover,.member-item:hover{background-color:#4f545c}.chat-area{flex-grow:1;display:flex;flex-direction:column;height:100%}.chat-header{padding:15px;border-bottom:1px solid #36393f;font-size:18px;font-weight:600;color:var(--color-text-light);background-color:var(--color-darker)}.messages-container{flex-grow:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#2f3136e6,#1c1e24e6)}.message-item{display:inline-flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);max-width:680px;box-shadow:0 10px 22px #00000040}.message-item:hover{background-color:#ffffff0d}.message-author{font-weight:700;color:#fff;margin-right:10px}.message-time{font-size:12px;color:var(--color-text-dark)}.message-content{margin-top:0;line-height:1.5;color:#e7e8ec}.message-input-area{padding:16px;background-color:#1e2027;border-top:1px solid rgba(255,255,255,.04)}.message-input-area form{display:flex}.message-input-area input{flex-grow:1;padding:12px 15px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background-color:#ffffff0d;color:var(--color-text-light);margin-right:10px;font-size:16px}.message-input-area button{padding:12px 18px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background-color .2s,transform .1s,box-shadow .2s;box-shadow:0 10px 20px #5865f259}.message-input-area button:hover{transform:translateY(-1px)}.image-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:999}.image-modal{max-width:90vw;max-height:90vh;padding:12px;background:#14161ce6;border-radius:12px;box-shadow:0 20px 40px #0009}.image-modal img{max-width:100%;max-height:80vh;display:block;border-radius:10px}.friends-view{padding:20px}.friends-view h3{padding:10px 0;border-bottom:1px solid var(--color-text-dark);margin:20px 0 15px}.friends-view input{width:70%;padding:10px;background-color:#40444b;border:none;border-radius:4px;color:var(--color-text-light);margin-right:10px}.friends-view button{padding:10px 15px;background-color:var(--color-success);color:#fff;border:none;border-radius:4px;cursor:pointer}.friends-view ul{list-style:none}.friends-view ul li{padding:10px;background-color:#36393f;border-radius:4px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--color-darker);padding:30px;border-radius:8px;width:400px;box-shadow:0 5px 15px #00000080;position:relative}.modal-content h3{border:none;margin-bottom:20px;text-align:center}.modal-content form{display:flex;flex-direction:column}.modal-content input{padding:10px;margin-bottom:15px;border:1px solid #4f545c;border-radius:4px;background-color:#2f3136;color:var(--color-text-light)}.create-server-form{display:flex;flex-direction:column;gap:10px}.create-server-form input{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.create-server-form .danger{background:linear-gradient(135deg,#f04747,#c03535);border:none;color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.modal-content button[type=submit]{padding:10px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-content .close-button{position:absolute;top:10px;right:10px;background:none;color:var(--color-text-dark);font-size:18px;cursor:pointer}.member-menu-overlay{position:fixed;inset:0;z-index:300}.member-menu-panel{position:absolute;min-width:240px;max-width:320px;background-color:#2f3136;border-radius:8px;box-shadow:0 8px 24px #0009;padding:10px;transform:translate(8px);animation:memberMenuSlideIn .15s ease-out}@keyframes memberMenuSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(8px)}}.member-menu-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;border-bottom:1px solid #202225;padding-bottom:6px}.member-menu-avatar{width:32px;height:32px;border-radius:50%;background-color:#36393f;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.member-menu-info{display:flex;flex-direction:column}.member-menu-name{font-size:14px;font-weight:600}.member-menu-name.clickable{cursor:pointer}.member-menu-name.clickable:hover{text-decoration:underline}.member-menu-sub{font-size:11px;color:var(--color-text-dark)}.member-menu-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}.member-menu-btn{width:100%;padding:6px 10px;border-radius:4px;border:none;cursor:pointer;background-color:#40444b;color:var(--color-text-light);font-size:13px;text-align:left;transition:background-color .15s}.member-menu-btn:hover{background-color:#4f545c}.member-menu-btn.danger{background-color:#f04747}.member-menu-btn.danger:hover{background-color:#c03535}.member-menu-empty{padding:4px 2px;font-size:12px;color:#aaa}.stream-settings-container,.server-settings-area{padding:30px;width:100%;overflow-y:auto}.stream-settings-container h2,.server-settings-area h1{color:var(--color-primary);margin-bottom:20px;border-bottom:2px solid #36393f;padding-bottom:10px}.settings-card{background-color:var(--color-darker);padding:20px;border-radius:8px;margin-bottom:20px}.settings-card h3{color:var(--color-text-light);margin-bottom:15px}.settings-card label{display:block;color:var(--color-text-dark);font-size:14px;margin-top:10px}.settings-card input[type=text]{width:100%;padding:10px;border:1px solid #4f545c;border-radius:4px;background-color:#2f3136;color:var(--color-success);margin-bottom:5px}.settings-card .hint{font-size:12px;color:#4f545c;margin-bottom:15px}.message-item img{max-width:260px;max-height:180px;border-radius:10px;border:1px solid rgba(255,255,255,.08);object-fit:contain;box-shadow:0 8px 16px #00000059}.server-topbar button,.server-topbar a,.server-topbar .sidebar-icon{-webkit-app-region:no-drag}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#2b2d31;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#111214}*{scrollbar-width:thin;scrollbar-color:#1a1b1e #2b2d31}