pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{background:#fff;color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{background-color:#f0fff4;color:#22863a}.hljs-deletion{background-color:#ffeef0;color:#b31d28}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{overflow-x:hidden;padding:0}.app-container{display:flex;height:100vh;overflow:hidden}.form-container{background-color:#f3f3f3;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 7rem}.logo-container{align-items:center;display:flex;margin-bottom:1rem}.logo-image{height:60px;width:auto}.heading{font-size:3rem;font-weight:700;margin-bottom:1.5rem}form{width:100%}.form-group{margin-bottom:.7rem}label{display:block;font-size:1.25rem;font-weight:500;margin-bottom:.5rem}input{border:1px solid #ddd;border-radius:.375rem;font-size:1rem}.signup-button,input{padding:.75rem;width:100%}.signup-button{background-color:#2196f3;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:500;margin-top:1rem;transition:background-color .2s}.signup-button:hover{background-color:#1976d2}.background-container{display:none}.background-image{height:100vh;object-fit:cover;width:100%}.signup-link{align-items:center;display:flex;font-size:.9rem;gap:.3rem;justify-content:center;margin-top:1rem}.signup-link a{color:#2196f3;font-weight:500;text-decoration:none}.signup-link a:hover{text-decoration:underline}.app{background-color:#f9fafb;min-height:100vh}.main-content{margin:0 auto;max-width:1280px;padding:24px 16px}@media (min-width:768px){.background-container{display:block;flex:1 1;overflow:hidden;position:relative}.form-container{max-width:50%}}.oauth-separator{border:none;border-top:1px solid #ddd;margin:1.5rem 0}.oauth-button{align-items:center;background-color:#fff;border:2px solid #24292e;border-radius:.375rem;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:1rem;transition:background-color .2s;width:100%}.oauth-button.github{border-color:#e1e4e8;color:#24292e}.oauth-button:hover{background-color:#f5f5f5}.oauth-icon{height:20px;margin-right:8px;width:20px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#e0e0e0;font-family:Arial,sans-serif}.profile-page_app-container__FVBSz{display:flex;flex-direction:column;height:100%;overflow:hidden}.profile-page_content-wrapper__EHo4w{display:flex;flex:1 1;overflow:hidden}.profile-page_main-content__2GMWV{background-color:#f5f5f5;flex:1 1;overflow-y:auto;padding:20px}.profile-page_page-title__MaF1P{color:#333;font-size:1.875rem;font-weight:700;margin-bottom:20px}.profile-page_profile-container__WWV9y{display:flex;gap:20px;height:calc(100% - 60px)}@media (max-width:768px){.profile-page_profile-container__WWV9y{flex-direction:column}}.profile-page_profile-section__G9Rq6{min-width:300px;width:350px}.profile-page_profile-card__mJneW{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:24px}.profile-page_profile-image-container__qZPfm{margin-bottom:16px;position:relative}.profile-page_profile-image-in-page__QgctU{align-items:center;border:.5px solid #e0e0e0;border-radius:50%;display:flex;height:12vw;justify-content:center;overflow:hidden;width:12vw}.profile-page_profile-image__em8SW{max-height:100%;max-width:100%;object-fit:contain}.profile-page_edit-image-button__raixu{background-color:#3b82f6;border:none;border-radius:50%;bottom:0;color:#fff;cursor:pointer;padding:8px;position:absolute;right:0}.profile-page_edit-image-button__raixu:hover{background-color:#2563eb}.profile-page_profile-username__CLoru{font-size:20px;font-weight:lighter;margin-bottom:4px}.profile-page_profile-name__0yzZH{font-size:24px;font-weight:700;margin-bottom:4px}.profile-page_profile-email__Je1ZN{color:#6b7280;margin-bottom:24px;margin-top:6px}.profile-page_edit-profile-button__VCbjy{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;width:100%}.profile-page_edit-profile-button__VCbjy:hover{background-color:#2563eb}.profile-page_rooms-section__QqJsV{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.profile-page_rooms-title__qhUYo{background-color:#fff;border-bottom:1px solid #e5e7eb;font-size:20px;font-weight:700;padding:16px}.profile-page_rooms-list__doYp8{flex:1 1;overflow-y:auto;padding:16px}.profile-page_room-item__\+UGqh{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 0}.profile-page_room-item__\+UGqh:last-child{border-bottom:none}.profile-page_room-icon__Fl53V,.profile-page_room-info__yILqS{align-items:center;display:flex}.profile-page_room-icon__Fl53V{background-color:#dbeafe;border-radius:50%;height:48px;justify-content:center;margin-right:16px;width:48px}.profile-page_room-icon__Fl53V svg{color:#3b82f6}.profile-page_room-title__5wxpR{font-weight:500;margin-bottom:4px}.profile-page_room-members__0wAmF{align-items:center;color:#6b7280;display:flex;font-size:14px}.profile-page_room-members__0wAmF svg{margin-right:4px}.profile-page_join-button__QOu5T{background-color:initial;border:1px solid #3b82f6;border-radius:4px;color:#3b82f6;cursor:pointer;padding:4px 16px}.profile-page_join-button__QOu5T:hover{background-color:#eff6ff}.profile-page_empty-rooms__5NrVX{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:20px;height:160px;justify-content:center}.PasswordChangeModal_overlay__Va1HJ{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.PasswordChangeModal_modal__FgxEI{background-color:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;margin:1rem;max-width:425px;position:relative;width:100%}.PasswordChangeModal_header__xQO-n{padding:1.5rem 1.5rem 0;position:relative}.PasswordChangeModal_title__Qr9cq{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.PasswordChangeModal_description__o5DXb{color:#6b7280;font-size:.875rem;line-height:1.4}.PasswordChangeModal_closeButton__-BqN3{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.PasswordChangeModal_closeButton__-BqN3:hover{color:#374151}.PasswordChangeModal_form__Wq9NL{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.PasswordChangeModal_formGroup__Q\+22V{display:flex;flex-direction:column;gap:.5rem}.PasswordChangeModal_label__WzKb3{color:#374151;font-size:.875rem;font-weight:500}.PasswordChangeModal_input__tamCP{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.PasswordChangeModal_input__tamCP:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.PasswordChangeModal_inputError__ArxU6{border-color:#ef4444}.PasswordChangeModal_inputError__ArxU6:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.PasswordChangeModal_errorText__ySvd6{color:#ef4444;font-size:.75rem;margin:0}.PasswordChangeModal_footer__s\+Rkl{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.PasswordChangeModal_cancelButton__4CKah{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:background-color .2s,border-color .2s}.PasswordChangeModal_cancelButton__4CKah:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.PasswordChangeModal_cancelButton__4CKah:disabled{cursor:not-allowed;opacity:.5}.PasswordChangeModal_submitButton__goXZz{align-items:center;background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s}.PasswordChangeModal_submitButton__goXZz:hover:not(:disabled){background-color:#2563eb}.PasswordChangeModal_submitButton__goXZz:disabled{cursor:not-allowed;opacity:.5}.PasswordChangeModal_spinner__6\+1d9{animation:PasswordChangeModal_spin__yvF4H 1s linear infinite;height:1rem;width:1rem}@keyframes PasswordChangeModal_spin__yvF4H{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.edit-profile-page_appContainer__GKpvw{background-color:#fff;display:flex;flex:1 1;flex-direction:column;height:100%}.edit-profile-page_mainContent__LJ7yT{display:flex;flex:1 1;overflow:hidden}.edit-profile-page_profileMain__IBYyf{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:2rem;scrollbar-width:none}.edit-profile-page_profileMain__IBYyf::-webkit-scrollbar{display:none}.edit-profile-page_profileContainer__pyRnX{margin:0 auto;max-width:90%}.edit-profile-page_pageTitle__Cp2JH{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.edit-profile-page_tabs__dU5fw{width:100%}.edit-profile-page_tabsList__dCt9n{grid-gap:.5rem;background-color:#f3f4f6;border-radius:.375rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 auto 1.5rem;max-width:24rem;padding:.25rem;width:100%;width:fit-content}.edit-profile-page_tabTrigger__s4sqU{align-items:center;background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.edit-profile-page_tabTrigger__s4sqU:hover{color:#374151}.edit-profile-page_tabActive__uXhJ8{background-color:#fff;box-shadow:0 1px 3px 0 #0000001a;color:#111827}.edit-profile-page_tabIcon__nBtR7{height:1rem;width:1rem}.edit-profile-page_tabContent__LKF4l{margin-top:.5rem}.edit-profile-page_profileCard__oquav{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;padding:2rem}.edit-profile-page_avatarSection__\+3BdZ{display:flex;justify-content:center;margin-bottom:1rem}.edit-profile-page_avatarContainer__ML3t6{position:relative}.edit-profile-page_avatarImage__xug1A{background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;height:12vw;max-height:150px;max-width:150px;min-height:80px;min-width:80px;object-fit:cover;width:12vw}.edit-profile-page_editIcon__to09P{align-items:center;background-color:#3b82f6;border:2px solid #fff;border-radius:50%;bottom:4px;box-shadow:0 1px 4px #0003;color:#fff;cursor:pointer;display:flex;height:2.2rem;justify-content:center;position:absolute;right:4px;transition:background-color .2s;width:2.2rem}.edit-profile-page_editIcon__to09P:hover{background-color:#2563eb}.edit-profile-page_fileInput__Zs03D{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.edit-profile-page_formSection__0wtPl{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:24rem}.edit-profile-page_formGroup__offzX{display:flex;flex-direction:column;gap:.1rem}.edit-profile-page_label__aKUeb{color:#374151;font-size:1rem;font-weight:500}.edit-profile-page_input__sEeBF{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;height:3rem;padding:0 .75rem;transition:border-color .2s,box-shadow .2s}.edit-profile-page_input__sEeBF:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-profile-page_buttonSection__rqfua{display:flex;justify-content:center;margin-top:3rem}.edit-profile-page_saveButton__ddO0c{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-width:7.5rem;padding:.75rem 2rem;transition:background-color .2s}.edit-profile-page_saveButton__ddO0c:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.edit-profile-page_saveButton__ddO0c:not(:disabled):hover{background-color:#2563eb}.edit-profile-page_securitySection__IrDnj{margin:0 auto;max-width:24rem}.edit-profile-page_securityTitle__xrlcd{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.edit-profile-page_securityContent__NWkxM{display:flex;flex-direction:column;gap:1rem}.edit-profile-page_securityDescription__UGqVN{color:#4b5563;line-height:1.5}.edit-profile-page_changePasswordButton__oL6Gq{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s}.edit-profile-page_changePasswordButton__oL6Gq:hover{background-color:#2563eb}.edit-profile-page_sessionsSection__vyoO7{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.edit-profile-page_sessionsTitle__T1agp{font-size:1.125rem;font-weight:500;margin-bottom:1rem}.edit-profile-page_sessionsDescription__2dsDo{color:#4b5563;line-height:1.5;margin-bottom:1rem}.edit-profile-page_manageSessionsButton__FPId0{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:background-color .2s,border-color .2s}.edit-profile-page_manageSessionsButton__FPId0:hover{background-color:#f9fafb;border-color:#9ca3af}.edit-profile-page_loadingContainer__gCtdG{align-items:center;display:flex;flex:1 1;justify-content:center}.edit-profile-page_loading__0tDzG{color:#4b5563;font-size:1.25rem}.header_header__Xrmhv{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;border-bottom:1px solid #e1e5e9;width:100%;z-index:9999}.header_container__mRq96{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:100%;padding:12px 30px}.header_headerLogoImage__-U1GR{height:auto;width:120px}.header_profileContainer__GdjHN{align-items:center;display:flex;gap:20px}.header_profileSection__AEIRp{align-items:center;display:flex;gap:16px}.header_profileImage__aeSDO{border:2px solid #f0f2f5;border-radius:50%;height:36px;object-fit:cover;transition:border-color .2s ease;width:36px}.header_profileImage__aeSDO:hover{border-color:#3b82f6}.header_logoutButton__0fYw0{background:none;border:none;color:#6b7280;cursor:pointer;font-weight:500;margin:0;padding:0;transition:color .2s ease}.header_logoutButton__0fYw0:hover{color:#374151}.header_notificationContainer__Bt9NS{position:relative}.header_notificationBell__WlLls{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:10px;position:relative;transition:all .3s ease}.header_notificationBell__WlLls:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;color:#475569;transform:translateY(-1px)}.header_notificationCount__7l17S{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:10px;box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:4px 6px;position:absolute;right:-6px;top:-6px}.header_shake__Ou8\+H{animation:header_enhancedShake__\+Vloa 2s ease-in-out}@keyframes header_enhancedShake__\+Vloa{0%,to{transform:translateX(0) rotate(0deg)}10%{transform:translateX(-4px) rotate(-2deg)}20%{transform:translateX(4px) rotate(2deg)}30%{transform:translateX(-4px) rotate(-2deg)}40%{transform:translateX(4px) rotate(2deg)}50%{transform:translateX(-3px) rotate(-1deg)}60%{transform:translateX(3px) rotate(1deg)}70%{transform:translateX(-2px) rotate(-1deg)}80%{transform:translateX(2px) rotate(1deg)}90%{transform:translateX(-1px) rotate(0deg)}}.header_notificationDropdown__vxn6Y{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d;max-width:95vw;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:420px}.header_notificationDropdownHeader__bqXCS{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:24px 28px 20px}.header_headerLeft__GtT8o{align-items:center;display:flex;gap:12px}.header_notificationDropdownHeader__bqXCS h3{color:#1f2937;font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0}.header_totalCount__43pod{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 2px 8px #3b82f640;color:#fff;font-size:11px;font-weight:600;min-width:28px;padding:6px 10px;text-align:center}.header_toggleContainer__4B2ib{align-items:center;display:flex;gap:8px}.header_toggleLabel__a56LB{color:#6b7280;font-size:13px;font-weight:500;white-space:nowrap}.header_toggleSwitch__WaUah{background:#e5e7eb;border:none;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;height:24px;outline:none;position:relative;transition:all .3s ease;width:44px}.header_toggleSwitch__WaUah:hover{background:#d1d5db}.header_toggleSwitchActive__buZvH{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:inset 0 2px 4px #0000001a,0 0 0 2px #3b82f633}.header_toggleSwitchActive__buZvH:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.header_toggleSlider__r7Nlv{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.header_toggleSwitchActive__buZvH .header_toggleSlider__r7Nlv{box-shadow:0 2px 8px #0000004d;transform:translateX(20px)}.header_notificationList__1tI3c{max-height:420px;overflow-y:auto;scroll-behavior:smooth}.header_notificationList__1tI3c::-webkit-scrollbar{width:6px}.header_notificationList__1tI3c::-webkit-scrollbar-track{background:#f8fafc}.header_notificationList__1tI3c::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.header_notificationList__1tI3c::-webkit-scrollbar-thumb:hover{background:#94a3b8}.header_emptyState__2nybv{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);display:flex;flex-direction:column;justify-content:center;padding:48px 28px;text-align:center}.header_emptyState__2nybv h4{color:#374151;font-size:18px;font-weight:600;letter-spacing:-.025em;margin:20px 0 8px}.header_emptyState__2nybv p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.header_emptyIcon__thWyJ{color:#cbd5e1;opacity:.8}.header_notificationItem__wyodG{border-bottom:1px solid #f8fafc;position:relative;transition:all .2s ease}.header_notificationItem__wyodG:hover{background:linear-gradient(135deg,#fafbfc,#f8fafc)}.header_notificationItem__wyodG:last-child{border-bottom:none}.header_notificationContent__6KX7I{align-items:flex-start;display:flex;gap:16px;padding:20px 24px}.header_notificationAvatar__x4Mae{flex-shrink:0;position:relative}.header_avatarImage__-u\+TS{border:2px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #00000014;height:44px;object-fit:cover;width:44px}.header_newIndicator__nT\+Ij{background:linear-gradient(135deg,#3b82f6,#2563eb);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;height:14px;position:absolute;right:-3px;top:-3px;width:14px}.header_notificationBody__C0CZW{flex:1 1;min-width:0}.header_notificationHeader__p06fK{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.header_badgeContainer__\+6zGh{flex-shrink:0}.header_notificationBadge__QCvBV{align-items:center;border:1px solid #0000001a;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.025em;overflow:hidden;padding:5px 10px;position:relative;text-transform:uppercase;transition:all .2s ease}.header_badgeText__uZwRj{font-size:10px;font-weight:700;line-height:1}.header_timestampContainer__TFH9u{align-items:center;background:#6b728014;border:1px solid #6b72801f;border-radius:6px;display:flex;flex-shrink:0;gap:4px;padding:4px 8px}.header_clockIcon__X5pSr{color:#9ca3af;flex-shrink:0}.header_notificationTime__07DnI{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.025em;white-space:nowrap}.header_notificationMessage__x69kp{display:flex;flex-direction:column;gap:2px}.header_senderName__dcNxs{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3}.header_messageText__glXbN{color:#6b7280;font-size:13px;line-height:1.4}.header_notificationActions__rnhjm{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:center}.header_actionButton__KeWxe{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:0;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:32px}.header_acceptButton__\+iT4N{background:linear-gradient(135deg,#10b981,#059669)}.header_acceptButton__\+iT4N:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.header_rejectButton__\+Mwn5{background:linear-gradient(135deg,#ef4444,#dc2626)}.header_rejectButton__\+Mwn5:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.header_markAsReadButton__aDqUQ{background:linear-gradient(135deg,#3b82f6,#2563eb)}.header_markAsReadButton__aDqUQ:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.header_actionButton__KeWxe:active:not(:disabled){transform:translateY(0)}.header_actionButton__KeWxe:disabled{cursor:not-allowed;opacity:.7;transform:none}.header_buttonSpinner__4EfMS{animation:header_spin__L5NbH 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.header_navigationButton__eqYF0{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.header_navigationButton__eqYF0:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a;color:#475569;transform:translateX(2px)}.header_notificationItem__wyodG:hover .header_notificationBadge__QCvBV{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.header_notificationItem__wyodG:hover .header_timestampContainer__TFH9u{background:#6b72801f;border-color:#6b728033}@media (max-width:640px){.header_notificationDropdown__vxn6Y{right:-12px;width:calc(100vw - 24px)}.header_container__mRq96{padding:10px 20px}.header_profileContainer__GdjHN{gap:15px}.header_notificationContent__6KX7I{padding:16px 20px}.header_notificationDropdownHeader__bqXCS{padding:20px 24px 16px}.header_headerLeft__GtT8o{gap:8px}.header_toggleLabel__a56LB{font-size:12px}.header_toggleSwitch__WaUah{height:22px;width:40px}.header_toggleSlider__r7Nlv{height:18px;width:18px}.header_toggleSwitchActive__buZvH .header_toggleSlider__r7Nlv{transform:translateX(18px)}.header_notificationHeader__p06fK{align-items:flex-start;flex-direction:column;gap:8px}.header_timestampContainer__TFH9u{align-self:flex-end}}.header_endMessage__1lVuV{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-top:1px solid #f1f3f4;display:flex;justify-content:center;padding:24px 28px;text-align:center}.header_endMessage__1lVuV span{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.025em}.header_loadingMore__ZjNdA,.header_loadingState__VTBXN{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);display:flex;gap:12px;justify-content:center;padding:24px 28px}.header_loadingMore__ZjNdA span,.header_loadingState__VTBXN span{color:#6b7280;font-size:14px;font-weight:500}.header_loadingSpinner__7l7W7{animation:header_spin__L5NbH 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.header_profileImageLoading__mrTdL{animation:header_pulse__InmoY 2s ease-in-out infinite;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;height:36px;width:36px}.header_profileImageError__WTWQ7{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;height:36px;justify-content:center;width:36px}@keyframes header_pulse__InmoY{0%,to{opacity:1}50%{opacity:.5}}@keyframes header_spin__L5NbH{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-slide-in{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#fff;border:1px solid #e5e7ebcc;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;color:#1f2937;display:flex;flex-direction:column;height:85vh;max-width:520px;overflow:hidden;width:90%}.results-container{flex:1 1;height:450px;min-height:450px;overflow-y:auto;padding:0 28px 28px}.user-item{align-items:center;background-color:#fafbfc;border:1px solid #f3f4f6;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:12px;padding:20px;transition:all .2s ease}.user-item:hover{background-color:#f8fafc;border-color:#e2e8f0;box-shadow:0 4px 12px -4px #0000001a;transform:translateY(-1px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#374151;display:flex;height:48px;justify-content:center;margin-right:16px;position:relative;width:48px}.status-indicator{border:3px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0000001a;height:14px;position:absolute;right:2px;width:14px}.status-online{background-color:#10b981}.status-away{background-color:#f59e0b}.status-offline{background-color:#6b7280}.user-info{flex:1 1}.user-name{color:#111827;font-size:17px;font-weight:600;letter-spacing:-.025em;margin-bottom:4px}.user-username{color:#6b7280;font-size:14px;font-weight:500}.status-badge{border:1px solid;border-radius:20px;font-size:12px;font-weight:600;margin-right:16px;padding:4px 12px;text-transform:capitalize}.status-badge.online{background-color:#10b9811a;border-color:#10b98133;color:#10b981}.status-badge.away{background-color:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.status-badge.offline{background-color:#6b72801a;border-color:#6b728033;color:#6b7280}.friend-status{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;color:#059669}.add-friend-btn,.friend-status{font-size:14px;font-weight:600;padding:10px 20px}.add-friend-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 2px 8px 0 #10b9814d;color:#fff;cursor:pointer;display:flex;gap:8px;transition:all .2s ease}.add-friend-btn:hover:not(:disabled){box-shadow:0 4px 12px 0 #10b98166;transform:translateY(-1px)}.add-friend-btn:disabled{background:#f3f4f6;box-shadow:none;color:#6b7280;cursor:not-allowed}.search-input{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;color:#111827;font-size:16px;font-weight:500;outline:none;padding:16px 20px 16px 48px;transition:all .3s ease;width:100%}.search-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-btn{align-items:center;border:none;border-radius:16px;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:120px;padding:16px 24px;transition:all .2s ease}.search-btn:enabled{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px 0 #3b82f64d;color:#fff;cursor:pointer}.search-btn:enabled:hover{box-shadow:0 4px 12px 0 #3b82f666;transform:translateY(-1px)}.search-btn:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed}.close-btn{align-items:center;background:none;border:none;border-radius:12px;color:#9ca3af;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .2s ease;width:40px}.close-btn:hover{background-color:#f3f4f6;color:#374151;transform:scale(1.05)}.loading-overlay{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:20px}.scroll-loading{background:linear-gradient(0deg,#fffffff2,#0000);bottom:0;margin:0 -28px;padding:16px 28px;position:sticky}.scroll-loading-content{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:12px 20px}.empty-state,.scroll-loading-content{align-items:center;color:#6b7280;display:flex;justify-content:center}.empty-state{flex-direction:column;height:100%;padding:60px 20px;text-align:center}.empty-state-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.empty-state-icon.search{background-color:#f3f4f6}.empty-state-icon.no-results{background-color:#fef3f2}.empty-state h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.chat-modal_modal__oUzUQ{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;width:400px;will-change:transform;z-index:10001}.chat-modal_modal__oUzUQ.chat-modal_minimized__Xjudj{height:60px}.chat-modal_modal__oUzUQ.chat-modal_dragging__G\+Nhr{box-shadow:0 35px 60px -12px #00000059;transform-origin:center;-webkit-user-select:none;user-select:none}.chat-modal_header__4wTDj{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.chat-modal_header__4wTDj:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.chat-modal_headerLeft__4xK-K{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.chat-modal_friendAvatar__44nqB{flex-shrink:0;position:relative}.chat-modal_friendAvatar__44nqB img{border:2px solid #fff3;border-radius:10px;height:36px;object-fit:cover;width:36px}.chat-modal_statusIndicator__qHuEc{border:2px solid #fff;border-radius:50%;bottom:-2px;height:10px;position:absolute;right:-2px;width:10px}.chat-modal_friendInfo__itmg7{flex:1 1;min-width:0}.chat-modal_friendName__LtTyT{font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-modal_friendStatus__pPW1E{font-size:11px;opacity:.9;text-transform:capitalize}.chat-modal_headerActions__oI5kZ{align-items:center;display:flex;gap:4px}.chat-modal_actionButton__TyHXc{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.chat-modal_actionButton__TyHXc:hover{background:#fff3;transform:scale(1.05)}.chat-modal_closeButton__pqzSj{align-items:center;background:#ef444433;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.chat-modal_closeButton__pqzSj:hover{background:#ef444466;transform:scale(1.05)}.chat-modal_messagesContainer__D0i8\+{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;scroll-behavior:smooth}.chat-modal_messagesContainer__D0i8\+::-webkit-scrollbar{width:6px}.chat-modal_messagesContainer__D0i8\+::-webkit-scrollbar-track{background:#0000}.chat-modal_messagesContainer__D0i8\+::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-modal_message__buZjn{align-items:flex-end;animation:chat-modal_messageSlideIn__UwMvj .3s ease-out;display:flex;gap:8px}.chat-modal_message__buZjn.chat-modal_ownMessage__kOozC{flex-direction:row-reverse}.chat-modal_messageContent__naCQi{display:flex;flex-direction:column;gap:4px;max-width:70%}.chat-modal_messageText__77fXe{word-wrap:break-word;background:#fff;border-radius:18px;box-shadow:0 1px 3px #0000001a;font-size:14px;line-height:1.4;padding:12px 16px}.chat-modal_ownMessage__kOozC .chat-modal_messageText__77fXe{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.chat-modal_messageTime__4B7hD{align-self:flex-end;color:#6b7280;font-size:11px;padding:0 8px}.chat-modal_ownMessage__kOozC .chat-modal_messageTime__4B7hD{align-self:flex-start}.chat-modal_inputContainer__Nfyky{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:16px}.chat-modal_messageInput__JoYEQ{border:1px solid #e5e7eb;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.chat-modal_messageInput__JoYEQ:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-modal_sendButton__dn09Q{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-modal_sendButton__dn09Q:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px) scale(1.05)}.chat-modal_sendButton__dn09Q:disabled{cursor:not-allowed;opacity:.5;transform:none}.chat-modal_loading__jzQiR{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.chat-modal_spinner__fY7B5{animation:chat-modal_spin__zF\+ug 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}@keyframes chat-modal_messageSlideIn__UwMvj{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-modal_spin__zF\+ug{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.chat-modal_modal__oUzUQ{height:calc(100vh - 100px);left:10px;position:fixed;top:50px;transform:none!important;width:calc(100vw - 20px)}.chat-modal_modal__oUzUQ.chat-modal_minimized__Xjudj{height:60px;width:300px}}
/*# sourceMappingURL=main.d4093904.css.map*/