.sk{position:relative;display:block;overflow:hidden;border-radius:.475rem;background:#f1f1f4}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:sk-loading 1.2s infinite}.sk-line{height:14px}.sk-sm{height:10px}.sk-circle{width:52px;height:52px;border-radius:50%;flex-shrink:0}.sk-block{width:100%}.sk-chart{height:300px;border-radius:.625rem}.sk-w-25{width:25%}.sk-w-30{width:30%}.sk-w-35{width:35%}.sk-w-40{width:40%}.sk-w-45{width:45%}.sk-w-50{width:50%}.sk-w-55{width:55%}.sk-w-60{width:60%}.sk-w-65{width:65%}.sk-w-70{width:70%}.sk-w-90{width:90%}@keyframes sk-loading{to{transform:translate(100%)}}.block-loaded{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hover-elevate-up{transition:transform .3s ease,box-shadow .3s ease}.hover-elevate-up:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001f!important}.chat-app-container{height:100vh;width:100%;display:flex;background:#fff}.chat-panel{display:flex;flex-direction:column;width:100%;max-width:450px;height:100vh;background:#fff;border-right:1px solid #eff2f5}@media (max-width: 768px){.chat-panel{max-width:100%}}.chat-header{padding:20px;border-bottom:1px solid #eff2f5;flex-shrink:0;background:#fff}.chat-header h3,.chat-header h4{color:#181c32}.chat-search{padding:15px 20px;background:#f5f8fa;flex-shrink:0}.chat-tabs{display:flex;padding:0 20px;background:#f5f8fa;border-bottom:1px solid #eff2f5;gap:5px;flex-shrink:0}.chat-tab{position:relative;padding:12px 16px;background:none;border:none;color:#7e8299;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease}.chat-tab:hover,.chat-tab.active{color:#3699ff}.chat-tab.active .tab-indicator{transform:translate(-50%) scaleX(1)}.chat-tab .tab-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:#3699ff;border-radius:1px;transition:transform .2s ease}.chat-body{flex:1;overflow-y:auto;background:#fff}.chat-loading{display:flex;align-items:center;justify-content:center;height:200px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center}.conversation-list{padding:0}.conversation-item{display:flex;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f5f8fa}.conversation-item:hover{background-color:#f5f8fa}.conversation-item.unread{background-color:#3699ff0d}.conversation-item.unread .conversation-name{font-weight:600}.conversation-content{flex:1;min-width:0;margin-left:12px}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-size:14px;font-weight:500;color:#181c32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:11px;color:#a1a5b7;flex-shrink:0;margin-left:10px}.conversation-preview{display:flex;justify-content:space-between;align-items:center}.preview-text{font-size:13px;color:#7e8299;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.preview-text .sender-name{font-weight:500;color:#5e6278}.unread-badge{background:#3699ff;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:8px;flex-shrink:0}.user-avatar{position:relative;flex-shrink:0}.user-avatar.avatar-sm{width:32px;height:32px}.user-avatar.avatar-sm .avatar-img,.user-avatar.avatar-sm .avatar-initials{width:32px;height:32px;font-size:12px}.user-avatar.avatar-sm .status-indicator{width:8px;height:8px}.user-avatar.avatar-md{width:45px;height:45px}.user-avatar.avatar-md .avatar-img,.user-avatar.avatar-md .avatar-initials{width:45px;height:45px;font-size:14px}.user-avatar.avatar-lg{width:60px;height:60px}.user-avatar.avatar-lg .avatar-img,.user-avatar.avatar-lg .avatar-initials{width:60px;height:60px;font-size:18px}.avatar-img{border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-initials{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600}.status-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.status-indicator.status-online{background-color:#1bc5bd}.status-indicator.status-offline{background-color:#b5b5c3}.avatar-placeholder{width:32px;flex-shrink:0}.message-thread{display:flex;flex-direction:column;height:100%}.messages-container{flex:1;overflow-y:auto;padding:20px;background:#f5f8fa}.date-divider{display:flex;align-items:center;justify-content:center;margin:20px 0}.date-divider span{background:#eff2f5;color:#7e8299;font-size:11px;padding:4px 12px;border-radius:12px}.message-row{display:flex;margin-bottom:8px}.message-row.mine{justify-content:flex-end}.message-row.mine .message-bubble-wrapper{align-items:flex-end}.message-row.theirs{justify-content:flex-start}.message-row.system{justify-content:center}.message-row.system .system-message{background:#eff2f5;color:#7e8299;font-size:12px;padding:6px 12px;border-radius:12px}.message-bubble-wrapper{display:flex;flex-direction:column;max-width:70%}.sender-name{font-size:11px;color:#7e8299;margin-bottom:4px;margin-left:12px}.message-bubble{padding:10px 14px;border-radius:16px;position:relative}.message-bubble.bubble-mine{background:#3699ff;color:#fff;border-bottom-right-radius:4px}.message-bubble.bubble-mine .message-time{color:#ffffffb3}.message-bubble.bubble-theirs{background:#fff;color:#181c32;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.message-text{font-size:14px;line-height:1.4;word-break:break-word;white-space:pre-wrap}.message-image img{max-width:250px;max-height:200px;border-radius:8px;cursor:pointer}.message-file a{display:flex;align-items:center;color:inherit;text-decoration:none;padding:8px 12px;background:#0000000d;border-radius:8px}.message-file a:hover{background:#0000001a}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.message-time{font-size:10px;color:#a1a5b7}.message-status{display:inline-flex;align-items:center;font-size:10px}.message-status i{font-size:10px}.message-status.status-sent,.message-status.status-delivered{color:#ffffffb3}.message-status.status-delivered i:last-child{margin-left:-4px}.message-status.status-read{color:#00d1ff}.message-status.status-read i:last-child{margin-left:-4px}.typing-indicator{display:flex;align-items:center;padding:10px 14px;background:#fff;border-radius:16px;margin-bottom:8px;width:-moz-fit-content;width:fit-content;box-shadow:0 1px 2px #0000000d}.typing-dots{display:flex;gap:3px;margin-right:8px}.typing-dots .dot{width:6px;height:6px;background:#b5b5c3;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dots .dot:nth-child(1){animation-delay:-.32s}.typing-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.typing-text{font-size:12px;color:#7e8299}.message-input-container{padding:15px 20px;background:#fff;border-top:1px solid #eff2f5;flex-shrink:0}.message-form{display:flex;align-items:flex-end;gap:10px}.attachment-btn{flex-shrink:0}.input-wrapper{flex:1}.message-textarea{width:100%;border:1px solid #e4e6ef;border-radius:20px;padding:10px 16px;font-size:14px;resize:none;max-height:120px;outline:none;transition:border-color .2s}.message-textarea:focus{border-color:#3699ff}.message-textarea::-moz-placeholder{color:#a1a5b7}.message-textarea::placeholder{color:#a1a5b7}.send-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.chat-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.chat-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eff2f5}.chat-modal .modal-body{padding:20px;overflow-y:auto;flex:1}.chat-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #eff2f5}.chat-type-toggle{display:flex;gap:10px}.chat-type-toggle .btn{flex:1}.selected-users{display:flex;flex-wrap:wrap;gap:8px}.selected-user-chip{display:inline-flex;align-items:center;gap:6px;background:#3699ff1a;color:#3699ff;padding:4px 10px;border-radius:16px;font-size:12px}.selected-user-chip button{background:none;border:none;padding:0;color:#3699ff;cursor:pointer;display:flex;align-items:center}.selected-user-chip button:hover{color:#037fff}.user-list{max-height:300px;overflow-y:auto}.user-item{display:flex;align-items:center;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .2s}.user-item:hover{background:#f5f8fa}.user-item.selected{background:#3699ff1a}.user-item .user-info{flex:1;margin-left:12px;min-width:0}.user-item .user-name{font-size:14px;font-weight:500;color:#181c32}.user-item .user-email{font-size:12px;color:#a1a5b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-primary{background-color:#3699ff!important}.bg-success{background-color:#1bc5bd!important}.bg-info{background-color:#8950fc!important}.bg-warning{background-color:#ffa800!important}.bg-danger{background-color:#f64e60!important}.message-search-panel{display:flex;flex-direction:column;height:100%;background:#fff}.message-search-panel .search-header{padding:20px;border-bottom:1px solid #eff2f5;flex-shrink:0}.message-search-panel .search-input-container{padding:15px 20px;background:#f5f8fa;border-bottom:1px solid #eff2f5;flex-shrink:0}.message-search-panel .search-input-wrapper{position:relative;display:flex;align-items:center}.message-search-panel .search-input-wrapper .search-icon{position:absolute;left:12px;color:#a1a5b7}.message-search-panel .search-input-wrapper .search-input{width:100%;padding:10px 35px 10px 38px;border:1px solid #e4e6ef;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s,box-shadow .2s}.message-search-panel .search-input-wrapper .search-input:focus{outline:none;border-color:#3699ff;box-shadow:0 0 0 3px #3699ff1a}.message-search-panel .search-input-wrapper .search-input::-moz-placeholder{color:#a1a5b7}.message-search-panel .search-input-wrapper .search-input::placeholder{color:#a1a5b7}.message-search-panel .search-input-wrapper .clear-btn{position:absolute;right:10px;background:none;border:none;color:#a1a5b7;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.message-search-panel .search-input-wrapper .clear-btn:hover{color:#5e6278}.message-search-panel .search-filters{display:flex;gap:8px;margin-top:12px}.message-search-panel .search-filters .filter-btn{padding:6px 12px;font-size:12px;border:1px solid #e4e6ef;border-radius:20px;background:#fff;color:#7e8299;cursor:pointer;transition:all .2s}.message-search-panel .search-filters .filter-btn:hover{border-color:#3699ff;color:#3699ff}.message-search-panel .search-filters .filter-btn.active{background:#3699ff;border-color:#3699ff;color:#fff}.message-search-panel .search-results{flex:1;overflow-y:auto}.message-search-panel .search-loading,.message-search-panel .search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;padding:20px}.message-search-panel .results-count{padding:10px 20px;background:#f5f8fa;border-bottom:1px solid #eff2f5}.message-search-panel .results-list{padding:0}.message-search-panel .search-result-item{display:flex;align-items:flex-start;padding:15px 20px;border-bottom:1px solid #f5f8fa;cursor:pointer;transition:background-color .2s}.message-search-panel .search-result-item:hover{background:#f5f8fa}.message-search-panel .search-result-item .result-content{flex:1;margin-left:12px;min-width:0}.message-search-panel .search-result-item .result-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-search-panel .search-result-item .result-header .result-sender{font-size:13px;font-weight:600;color:#181c32}.message-search-panel .search-result-item .result-header .result-conversation{font-size:11px}.message-search-panel .search-result-item .result-message{font-size:13px;color:#5e6278;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-search-panel .search-result-item .result-message .search-highlight{background:#ffa8004d;padding:0 2px;border-radius:2px}.message-search-panel .search-result-item .result-time{font-size:11px;color:#a1a5b7}.message-search-panel .search-result-item .file-result{display:flex;align-items:center}.group-settings-modal{max-width:450px}.group-settings-modal .modal-tabs{display:flex;padding:0 20px;background:#f5f8fa;border-bottom:1px solid #eff2f5;gap:5px}.group-settings-modal .modal-tabs .modal-tab{position:relative;padding:12px 16px;background:none;border:none;color:#7e8299;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease}.group-settings-modal .modal-tabs .modal-tab:hover,.group-settings-modal .modal-tabs .modal-tab.active{color:#3699ff}.group-settings-modal .modal-tabs .modal-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:#3699ff;border-radius:1px}.group-settings-modal .member-list{max-height:350px;overflow-y:auto}.group-settings-modal .member-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f5f8fa}.group-settings-modal .member-item:last-child{border-bottom:none}.group-settings-modal .member-item .member-info{flex:1;margin-left:12px;min-width:0}.group-settings-modal .member-item .member-name{font-size:14px;font-weight:500;color:#181c32}.group-settings-modal .member-item .member-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.group-settings-modal .member-item .member-meta .status-text{font-size:11px}.group-settings-modal .settings-form .group-info{background:#f5f8fa;border-radius:8px;padding:15px}.group-settings-modal .settings-form .group-info .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eff2f5}.group-settings-modal .settings-form .group-info .info-row:last-child{border-bottom:none}.group-settings-modal .settings-form .group-info .info-row .info-label{color:#7e8299;font-size:13px}.group-settings-modal .settings-form .group-info .info-row .info-value{font-weight:500;font-size:13px;color:#181c32}.group-settings-modal .settings-form .danger-zone{margin-top:20px;padding-top:20px;border-top:1px solid #eff2f5}.file-preview{position:relative;margin-bottom:10px}.file-preview .image-preview{position:relative;display:inline-block;max-width:200px;border-radius:8px;overflow:hidden}.file-preview .image-preview img{max-width:100%;max-height:150px;-o-object-fit:cover;object-fit:cover;display:block}.file-preview .image-preview .image-overlay{position:absolute;top:5px;right:5px;opacity:0;transition:opacity .2s}.file-preview .image-preview:hover .image-overlay{opacity:1}.file-preview .file-preview-card{display:flex;align-items:center;padding:12px;background:#f5f8fa;border-radius:8px;max-width:300px}.file-preview .file-preview-card .file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;margin-right:12px}.file-preview .file-preview-card .file-info{flex:1;min-width:0}.file-preview .file-preview-card .file-info .file-name{font-size:13px;font-weight:500;color:#181c32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview .file-preview-card .file-info .file-size{font-size:11px}.file-preview .upload-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#eff2f5;border-radius:0 0 8px 8px;overflow:hidden}.file-preview .upload-progress .progress-bar{height:100%;background:#3699ff;transition:width .3s}.file-attachment-preview{padding:10px 15px;background:#f5f8fa;border-top:1px solid #eff2f5}.cursor-pointer{cursor:pointer}.badge-light-primary{background-color:#3699ff1a;color:#3699ff}.badge-light-success{background-color:#1bc5bd1a;color:#1bc5bd}.badge-light-danger{background-color:#f64e601a;color:#f64e60}.badge-light-warning{background-color:#ffa8001a;color:#ffa800}.btn-light-primary{background-color:#3699ff1a;color:#3699ff;border:none}.btn-light-primary:hover{background-color:#3699ff;color:#fff}.btn-light-danger{background-color:#f64e601a;color:#f64e60;border:none}.btn-light-danger:hover{background-color:#f64e60;color:#fff}.chat-panel-drawer{max-width:100%;height:100%;border-right:none}.chat-panel-drawer .chat-header h3,.chat-panel-drawer .chat-header h4{font-size:16px}.emoji-picker{position:absolute;bottom:100%;left:50px;width:320px;max-height:350px;background:#fff;border-radius:12px;box-shadow:0 5px 30px #00000026;z-index:1000;display:flex;flex-direction:column;overflow:hidden;margin-bottom:10px}.emoji-picker .emoji-picker-header{padding:10px;border-bottom:1px solid #eff2f5}.emoji-picker .emoji-picker-header .emoji-search{width:100%;padding:8px 12px;border:1px solid #e4e6ef;border-radius:8px;font-size:13px;outline:none}.emoji-picker .emoji-picker-header .emoji-search:focus{border-color:#3699ff}.emoji-picker .emoji-categories{display:flex;padding:8px 10px;background:#f5f8fa;gap:4px;border-bottom:1px solid #eff2f5}.emoji-picker .emoji-categories .emoji-category-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .2s}.emoji-picker .emoji-categories .emoji-category-btn:hover{background:#eff2f5}.emoji-picker .emoji-categories .emoji-category-btn.active{background:#3699ff1a}.emoji-picker .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:10px;overflow-y:auto;max-height:220px}.emoji-picker .emoji-grid .emoji-btn{width:100%;aspect-ratio:1;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .1s}.emoji-picker .emoji-grid .emoji-btn:hover{background:#f5f8fa;transform:scale(1.1)}.message-form .emoji-btn{margin-right:5px}.image-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center}.image-lightbox .lightbox-content{max-width:90%;max-height:90%}.image-lightbox .lightbox-content img{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain}.image-lightbox .lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#ffffff1a;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;transition:background-color .2s}.image-lightbox .lightbox-close:hover{background:#fff3}.aside{transition:width .3s cubic-bezier(.4,0,.2,1)}body[data-kt-aside-minimize=on] .sidebar-search-container{display:none!important}body[data-kt-aside-minimize=on] .aside:hover .sidebar-search-container,body[data-kt-aside-minimize=on] .aside.hover .sidebar-search-container{display:block!important}.menu-icon .svg-icon>span>svg{width:1.75rem;height:1.75rem}.menu-icon .svg-icon>span{display:inline-flex;align-items:center;justify-content:center;line-height:0}.menu-icon .svg-icon{transition:transform .2s ease}.menu-link:hover .menu-icon .svg-icon{transform:scale(1.12)}#kt_aside_menu .menu-link{transition:background-color .2s ease,color .2s ease,padding-left .2s ease;border-radius:.475rem;margin:1px 0}#kt_aside_menu .menu-link.active{position:relative;background-color:#009ef714}#kt_aside_menu .menu-link.active:before{content:"";position:absolute;left:0;top:18%;height:64%;width:3px;background:#009ef7;border-radius:0 3px 3px 0}#kt_aside_menu .menu-link:not(.active):hover{background-color:#009ef70a;padding-left:calc(var(--bs-menu-link-padding-x, .75rem) + 2px)}.spa-accordion-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.spa-accordion-body.spa-accordion-open{max-height:800px;opacity:1}.menu-accordion .menu-arrow{transition:transform .3s ease}.menu-accordion.show>.menu-link>.menu-arrow,.menu-accordion.here>.menu-link>.menu-arrow{transform:rotate(90deg)}.aside-toggle{transition:all .2s ease}.aside-toggle:hover{background-color:#009ef714;border-radius:.475rem}.aside-toggle .svg-icon{transition:transform .3s ease}body[data-kt-aside-minimize=on] .aside-toggle .svg-icon{transform:rotate(180deg)}.menu-section{letter-spacing:.08em;font-weight:600}.menu-bullet .bullet-dot{transition:background-color .2s ease,transform .2s ease}.menu-link:hover .menu-bullet .bullet-dot,.menu-link.active .menu-bullet .bullet-dot{transform:scale(1.4)}.aside.drawer-on{z-index:110}.branch-select-responsive{width:175px}@media (max-width: 575.98px){.branch-select-responsive{width:120px;font-size:.75rem!important}}.navigation-progress-lock{position:fixed;z-index:10050;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#f8fafc6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .18s ease}.navigation-progress-lock.is-visible{opacity:1;pointer-events:auto}.navigation-progress{display:flex;align-items:center;gap:12px;width:min(420px,100vw - 32px);padding:18px;background:#fffffff5;border:1px solid rgba(228,232,240,.92);border-radius:8px;box-shadow:0 14px 32px #0f172a1f;transform:translateY(-10px) scale(.98);transition:transform .18s ease}.navigation-progress-lock.is-visible .navigation-progress{transform:translateY(0) scale(1)}.navigation-progress__ring{width:30px;height:30px;border:3px solid #e9f4fb;border-top-color:#009ef7;border-right-color:#50cd89;border-radius:50%;flex:0 0 auto;animation:navigation-progress-spin .78s linear infinite}.navigation-progress__content{flex:1;min-width:0}.navigation-progress__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#3f4254;font-size:12px;font-weight:600;line-height:1.1}.navigation-progress__meta strong{color:#009ef7;font-size:12px;font-weight:700;min-width:36px;text-align:right}.navigation-progress__track{position:relative;height:6px;overflow:hidden;background:#edf2f7;border-radius:999px}.navigation-progress__bar{position:absolute;inset:0 auto 0 0;min-width:8%;background:linear-gradient(90deg,#009ef7,#50cd89);border-radius:inherit;transition:width .18s ease}.navigation-progress__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);animation:navigation-progress-shimmer .95s ease-in-out infinite}@keyframes navigation-progress-spin{to{transform:rotate(360deg)}}@keyframes navigation-progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 575.98px){.navigation-progress{width:calc(100vw - 20px);padding:16px}}.chat-drawer,.notification-drawer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;z-index:9999;visibility:hidden;pointer-events:none;overflow:visible}.chat-drawer.show,.notification-drawer.show{visibility:visible;pointer-events:auto}.chat-overlay,.notification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;transition:opacity .35s ease;z-index:9998}.chat-drawer.show .chat-overlay,.notification-drawer.show .notification-overlay{opacity:1}.chat-drawer-panel,.notification-panel{position:fixed;top:0;right:0;width:420px;max-width:100%;height:100%;background:#fff;box-shadow:-5px 0 25px #00000026;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:9999;overflow:hidden}.notification-panel{width:400px}.chat-drawer.show .chat-drawer-panel,.notification-drawer.show .notification-panel{transform:translate(0)}.chat-panel-container{height:100%;display:flex;flex-direction:column}.notification-header{padding:20px 25px;border-bottom:1px solid #f1f1f4;flex-shrink:0}.notification-tabs{padding:0 25px;gap:5px;flex-shrink:0;background:#fafafa}.notification-tab{position:relative;padding:12px 16px;background:none;border:0;color:#7e8299;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease}.notification-tab:hover,.notification-tab.active{color:#3699ff}.notification-tab .tab-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:#3699ff;border-radius:1px;transition:transform .2s ease}.notification-tab.active .tab-indicator{transform:translate(-50%) scaleX(1)}.notification-body{flex:1;overflow-y:auto;padding:0}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.notification-item{display:flex;align-items:flex-start;padding:16px 25px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#f1faff}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3699ff}.notification-item .symbol{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:15px}.notification-item .symbol i{font-size:18px}.notification-item .content{flex:1;min-width:0}.notification-item .title{font-weight:600;font-size:14px;color:#181c32;margin-bottom:4px;display:flex;align-items:center}.notification-item .title .badge{margin-left:8px;font-size:10px}.notification-item .message{font-size:13px;color:#7e8299;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item .time{font-size:11px;color:#b5b5c3;display:flex;align-items:center}.notification-item .time i{margin-right:4px;font-size:10px}.notification-footer{padding:15px 25px;border-top:1px solid #f1f1f4;flex-shrink:0;background:#fafafa}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animation-blink{animation:blink 1.5s infinite}@media (max-width: 576px){.chat-drawer-panel,.notification-panel{width:100%}.notification-header{padding:15px 20px}.notification-tabs{padding:0 15px}.notification-item,.notification-footer{padding:12px 20px}}