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