.header-popup{z-index:9999;background:#fff;border-radius:12px;flex-direction:column;width:380px;max-height:520px;animation:.18s ease-out popupSlideIn;display:flex;position:absolute;top:calc(100% + 8px);overflow:hidden;box-shadow:0 4px 24px #0000001f,0 1px 4px #0000000f}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-popup-top{border-bottom:1px solid #e7efed;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.header-popup-title{color:#274947;margin:0;font-size:18px;font-weight:800}.header-popup-action{color:#427b77;cursor:pointer;background:#eff5f4;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.header-popup-action:hover{background:#dfecea}.header-popup-back{color:#427b77;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:8px;display:flex}.header-popup-back:hover{background:#eff5f4}.header-popup-filters{gap:6px;padding:8px 16px;display:flex}.header-popup-pill{cursor:pointer;color:#366360;background:#edf3f2;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.header-popup-pill:hover{background:#e0ebe9}.header-popup-pill.active{color:#fff;background:#274947}.header-popup-pill-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.header-popup-list{overscroll-behavior:contain;flex:1;overflow-y:auto}.header-popup-list::-webkit-scrollbar{width:4px}.header-popup-list::-webkit-scrollbar-thumb{background:#d3dedd;border-radius:4px}.notif-tile{cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:10px;width:100%;padding:10px 16px;transition:background .12s;display:flex}.notif-tile:hover{background:#f6f9f8}.notif-tile.unread{background:#f1f7fd}.notif-tile.unread:hover{background:#e9f2fb}.notif-avatar{color:#427b77;background:#e9f2f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex;position:relative;overflow:visible}.notif-avatar img{object-fit:cover;border-radius:50%;width:44px;height:44px}.notif-badge{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px}.notif-content{flex:1;min-width:0}.notif-text{color:#293d3c;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.notif-time{color:#8fa3a2;margin-top:2px;font-size:11px;display:block}.notif-time.accent{color:#427b77;font-weight:600}.notif-dot{background:#29a39b;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px}.header-popup-empty{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.header-popup-empty span{color:#819896;font-size:14px;font-weight:500}.header-popup-loading{padding:8px 0}.header-popup-shimmer{align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.shimmer-circle{background:#eaf1f0;border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:1.2s infinite shimmer}.shimmer-lines{flex-direction:column;flex:1;gap:6px;padding-top:4px;display:flex}.shimmer-lines div:first-child{background:#eaf1f0;border-radius:4px;width:80%;height:12px;animation:1.2s .1s infinite shimmer}.shimmer-lines div:last-child{background:#eaf1f0;border-radius:4px;width:50%;height:10px;animation:1.2s .2s infinite shimmer}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.4}}.header-icon-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}@media (max-width:480px){.header-popup{width:calc(100vw - 24px);right:-8px!important}}
.chat-widget{z-index:9999;pointer-events:none;position:fixed;bottom:0;right:0}.chat-widget>*{pointer-events:auto}.chat-fab{color:#fff;cursor:pointer;z-index:10001;background:linear-gradient(135deg,#427b77,#174244);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #1741434d,0 0 #427a7666}.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #17414366}.chat-fab:active{transform:scale(.95)}.chat-fab-active{background:linear-gradient(135deg,#174244,#103537)}.chat-fab-badge{color:#174244;background:#f8ab77;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite pulse-glow;display:flex;position:absolute;top:-4px;right:-4px}.chat-panel{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#fffffff2;border:1px solid #427a761f;border-radius:16px;flex-direction:column;width:360px;max-height:480px;display:flex;position:fixed;bottom:92px;right:24px;overflow:hidden;box-shadow:0 12px 48px #17414326,inset 0 0 0 1px #ffffff80}.chat-panel-header{border-bottom:1px solid #427a7614;padding:16px 20px 12px}.chat-panel-title{color:#174244;margin:0;font-family:Outfit,system-ui,sans-serif;font-size:18px;font-weight:700}.chat-panel-search{padding:8px 16px 12px;position:relative}.chat-panel-search-icon{color:#427b77;opacity:.5;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.chat-panel-search-input{color:#174244;background:#f5e5e14d;border:1px solid #427a761f;border-radius:10px;outline:none;width:100%;padding:8px 12px 8px 36px;font-size:13px;transition:border-color .2s,background .2s}.chat-panel-search-input::placeholder{color:#17414366}.chat-panel-search-input:focus{background:#f5e5e180;border-color:#427b77}.chat-panel-list{flex:1;padding:4px 0;overflow-y:auto}.chat-panel-list::-webkit-scrollbar{width:4px}.chat-panel-list::-webkit-scrollbar-thumb{background:#427a7626;border-radius:2px}.chat-panel-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 16px;transition:background .15s;display:flex}.chat-panel-item:hover{background:#f5e5e180}.chat-panel-avatar{background:linear-gradient(135deg,#427b77,#f9b486);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.chat-panel-avatar-img{object-fit:cover;width:100%;height:100%}.chat-panel-avatar-initials{color:#fff;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:600}.chat-panel-item-info{flex:1;min-width:0}.chat-panel-item-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chat-panel-item-name{color:#174244;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.chat-panel-item-time{color:#17414373;flex-shrink:0;font-size:11px}.chat-panel-item-preview{color:#1741438c;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:13px;overflow:hidden}.chat-panel-unread{color:#174244;background:#f8ab77;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex}.chat-panel-empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.chat-panel-empty-icon{color:#427a7640}.chat-panel-empty-text{color:#17414373;font-size:14px}.chat-window{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#fffffff7;border:1px solid #427a761f;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;width:340px;height:440px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;position:fixed;bottom:0;box-shadow:0 -4px 32px #1741431f}.chat-window-minimized{height:auto}.chat-window-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#427b77,#174244);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.chat-window-header-left{align-items:center;gap:10px;min-width:0;display:flex}.chat-window-avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.chat-window-avatar-img{object-fit:cover;width:100%;height:100%}.chat-window-avatar-initials{color:#fff;font-size:12px;font-weight:600}.chat-window-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.chat-window-actions{gap:4px;display:flex}.chat-window-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.chat-window-btn:hover{background:#ffffff40}.chat-window-messages{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.chat-window-messages::-webkit-scrollbar{width:4px}.chat-window-messages::-webkit-scrollbar-thumb{background:#427a761f;border-radius:2px}.chat-window-loading,.chat-window-empty{color:#17414366;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.chat-bubble-row{flex-direction:column;max-width:82%;display:flex}.chat-bubble-sent{align-self:flex-end;align-items:flex-end}.chat-bubble-received{align-self:flex-start;align-items:flex-start}.chat-bubble{word-break:break-word;border-radius:16px;padding:8px 12px;font-size:14px;line-height:1.4;position:relative}.chat-bubble-mine{color:#fff;background:linear-gradient(135deg,#427b77,#4e9793);border-bottom-right-radius:4px}.chat-bubble-theirs{color:#174244;background:#f5e5e199;border-bottom-left-radius:4px}.chat-bubble-sender{color:#427b77;margin-bottom:2px;font-size:11px;font-weight:600}.chat-bubble-text{white-space:pre-wrap}.chat-bubble-time{opacity:.6;text-align:right;margin-top:3px;font-size:10px}.chat-bubble-media{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.chat-bubble-img{object-fit:cover;border-radius:8px;max-width:200px;max-height:150px}.chat-bubble-video-wrapper{background:#000;border-radius:10px;max-width:220px;position:relative;overflow:hidden}.chat-bubble-video{object-fit:cover;border-radius:10px;width:100%;max-height:180px;display:block}.chat-bubble-audio-wrapper{border-radius:20px;align-items:center;gap:8px;min-width:180px;max-width:240px;padding:4px 4px 4px 8px;display:flex}.chat-audio-sent{background:#ffffff26}.chat-audio-received{background:#427a7614}.chat-audio-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.chat-audio-sent .chat-audio-icon{color:#fff;background:#ffffff40}.chat-audio-received .chat-audio-icon{color:#fff;background:#427b77}.chat-bubble-audio{flex:1;min-width:0;height:32px}.chat-bubble-audio::-webkit-media-controls-panel{background:0 0}.chat-lightbox{z-index:99999;-webkit-backdrop-filter:blur(8px);cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.chat-lightbox-close{color:#fff;cursor:pointer;z-index:1;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.chat-lightbox-close:hover{background:#ffffff4d}.chat-lightbox-img{object-fit:contain;cursor:default;border-radius:8px;max-width:90vw;max-height:85vh;box-shadow:0 8px 40px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-reply-context{background:#f9b4871a;border-left:2px solid #f8ab77;border-radius:2px;margin-bottom:4px;padding:4px 8px;font-size:11px}.chat-reply-name{color:#d36922;font-weight:600;display:block}.chat-reply-text{color:#17414399}.chat-input-bar{background:#fffc;border-top:1px solid #427a7614;align-items:flex-end;gap:8px;padding:8px 12px;display:flex}.chat-input-textarea{resize:none;color:#174244;background:#f5e5e140;border:1px solid #427a761f;border-radius:20px;outline:none;flex:1;max-height:120px;padding:8px 14px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .2s}.chat-input-textarea::placeholder{color:#17414359}.chat-input-textarea:focus{border-color:#427b77}.chat-input-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#427b77,#174244);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s,transform .15s;display:flex}.chat-input-send:hover:not(:disabled){transform:scale(1.05)}.chat-input-send:disabled{opacity:.4;cursor:not-allowed}.chat-typing-indicator{align-self:flex-start;gap:4px;padding:8px 12px;display:flex}.chat-panel-loading{align-items:center;gap:4px;display:flex}.chat-dot-1,.chat-dot-2,.chat-dot-3{opacity:.5;background:#427b77;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typing-dots}.chat-dot-2{animation-delay:.2s}.chat-dot-3{animation-delay:.4s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-dots{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.animate-chat-slide-up{animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp}@media (max-width:768px){.chat-panel{width:calc(100vw - 32px);max-height:60vh;bottom:84px;right:16px}.chat-window{width:calc(100vw - 32px);height:60vh;right:16px!important}.chat-fab{bottom:16px;right:16px}}