@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);:root{--primary-color:#007bff;--primary-color-hover:#0056b3;--secondary-color:#6c757d;--text-color:#050505;--text-color-light:#65676b;--text-on-primary:#fff;--background-color:#f0f2f5;--surface-color:#fff;--border-color:#d1d7e0;--divider-color:#e0e0e0;--chat-bg:#e5ddd5;--header-chat-bg:#006054;--sent-bubble-bg:#dcf8c6;--sent-bubble-text:#111b21;--received-bubble-bg:var(--surface-color);--received-bubble-text:var(--text-color);--input-bar-bg:#f0f0f0;--font-family:"Roboto",sans-serif;--border-radius:8px;--border-radius-lg:12px;--border-radius-pill:25px;--box-shadow-light:0 1px 3px rgba(0,0,0,.08);--box-shadow-medium:0 4px 8px rgba(0,0,0,.1);--unread-badge-color:var(--primary-color);--message-status-sent-color:#8e8e93;--message-status-read-color:#34b7f1}html{box-sizing:border-box;height:100%}*,
*:after,
*:before{box-sizing:inherit}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);line-height:1.5;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container,body{height:100%;padding:0}.app-container{background-color:var(--surface-color);display:flex;flex-direction:column;margin:0 auto;max-width:900px}.app-header{background-image:url("https://media0.giphy.com/media/tQHtASL5mC8cKPyfSU/giphy.webp?cid=6c09b95211e5b0c38fc5144204259c57200929a6585f7cf5&ep=v1_internal_gifs_gifId&rid=giphy.webp&ct=g");background-position:50%;background-size:cover;border-radius:0;box-shadow:var(--box-shadow-light);color:var(--text-on-primary);flex-shrink:0;margin-bottom:0;padding:7px;text-align:center}.app-header h1{font-size:1.25em;font-weight:500;margin:0}.chat-home-container{background-color:var(--surface-color);display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:15px}
.existing-chats-section h2,.new-chat-section h2{border-bottom:1px solid var(--divider-color);color:var(--text-color);font-size:1.1em;font-weight:500;margin-bottom:12px;margin-top:0;padding-bottom:8px}.search-bar-container{align-items:center;display:flex;margin-bottom:15px;position:relative}.search-bar-container .search-icon{color:var(--text-color-light);font-size:.9em;left:12px;position:absolute;top:50%;transform:translateY(-50%)}#user-search-input{background-color:#f0f2f5;border:1px solid var(--border-color);border-radius:var(--border-radius-pill);flex-grow:1;font-size:.9em;padding:9px 15px 9px 38px}#user-search-input:focus{background-color:var(--surface-color);border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,123,255,.2);outline:none}.search-results-section h3{color:var(--text-color-light);font-size:.9em;font-weight:500;margin-bottom:8px;margin-top:10px}.search-results-container{min-height:80px;padding:5px 0}#search-results-placeholder,
.placeholder-text{color:var(--text-color-light);font-size:.85em;font-style:italic;padding:10px;text-align:center}.horizontal-list{display:flex;flex-direction:row;list-style-type:none;margin-bottom:15px;overflow-x:auto;padding:8px 2px;scrollbar-color:var(--primary-color) var(--background-color);scrollbar-width:thin}.horizontal-list::-webkit-scrollbar{height:5px}.horizontal-list::-webkit-scrollbar-track{background:#efefef;border-radius:10px}.horizontal-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.horizontal-list li{align-items:center;background-color:var(--surface-color);border:1px solid transparent;border-radius:var(--border-radius);box-shadow:0 1px 2px rgba(0,0,0,.07);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-right:10px;max-width:100px;min-width:85px;padding:10px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.horizontal-list li:hover{border-color:var(--primary-color);box-shadow:0 3px 6px rgba(0,0,0,.1);transform:translateY(-2px)}.horizontal-list li:last-child{margin-right:0}.horizontal-list li img{background-color:#eee;border-radius:50%;height:40px;margin-bottom:6px;object-fit:cover;width:40px}.horizontal-list li .user-name{color:var(--text-color);font-size:.75em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.section-divider{background-color:var(--divider-color);border:0;height:1px;margin:20px 0}.vertical-chat-list{flex-grow:1;list-style-type:none;margin:0;overflow-y:auto;padding:0}.chat-list-item:last-child{border-bottom:none}.chat-list-avatar{background-color:#eee;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.chat-list-info{flex-grow:1;overflow:hidden}.chat-list-name{color:var(--text-color);display:block;font-size:.95em;font-weight:500;margin-bottom:3px}.chat-list-last-message,.chat-list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-last-message{color:var(--text-color-light);font-size:.8em;margin:0}.chat-list-meta{align-items:flex-end;color:var(--text-color-light);display:flex;flex-direction:column;flex-shrink:0;font-size:.7em;margin-left:10px}.chat-list-timestamp{margin-bottom:5px}.chat-list-unread-count{background-color:var(--unread-badge-color);border-radius:12px;color:var(--text-on-primary);font-size:.7em;font-weight:700;line-height:1;min-width:20px;padding:3px 7px;text-align:center}.chat-list-unread-count:empty{display:none}.chat-app-container{background-color:var(--chat-bg);box-shadow:0 0 15px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;height:100svh;margin:0 auto;max-width:700px;overflow:hidden;width:100%}.chat-header-bar{align-items:center;background-color:var(--header-chat-bg);box-shadow:0 1px 2px rgba(0,0,0,.15);color:var(--text-on-primary);display:flex;flex-shrink:0;padding:10px 12px;z-index:10}.chat-header-bar .back-button{background:none;border:none;color:var(--text-on-primary);cursor:pointer;font-size:1.2em;margin-right:8px;padding:5px 8px}.chat-header-bar .avatar{background-color:hsla(0,0%,100%,.2);border-radius:50%;height:38px;margin-right:10px;object-fit:cover;width:38px}.chat-partner-info{flex-grow:1;overflow:hidden}.chat-partner-info h2{font-size:1em;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-partner-info .status{color:hsla(0,0%,100%,.8);font-size:.75em;margin:2px 0 0}.chat-partner-info .status.online{color:#b9f6ca}.messages-area{flex-grow:1;overflow-y:auto;padding:10px}.message-bubble,.messages-area{display:flex;flex-direction:column}.message-bubble{margin-bottom:8px;max-width:78%;position:relative}.message-sender-name{color:var(--primary-color);display:block;font-size:.75em;font-weight:700;margin-bottom:2px;padding-left:12px}.message-bubble.sent .message-sender-name{display:none}.message-bubble.received .message-sender-name{color:#005c4b}.message-content-wrapper{align-items:flex-end;display:flex;flex-wrap:wrap}.message-bubble .message-content{border-radius:var(--border-radius-lg);line-height:1.4;padding:7px 12px;word-wrap:break-word;box-shadow:var(--box-shadow-light);font-size:.92em;overflow-wrap:break-word;position:relative}.message-bubble .message-content p{margin:0;padding:0}.message-bubble.sent{align-self:flex-end}.message-bubble.sent .message-content-wrapper{justify-content:flex-end}.message-bubble.sent .message-content{background-color:var(--sent-bubble-bg);border-bottom-right-radius:5px;color:var(--sent-bubble-text)}.message-bubble.received{align-self:flex-start}.message-bubble.received .message-content-wrapper{justify-content:flex-start}.message-bubble.received .message-content{background-color:var(--received-bubble-bg);border-bottom-left-radius:5px;color:var(--received-bubble-text)}.message-bubble.sent .message-content::after{border-color:transparent transparent transparent var(--sent-bubble-bg);border-style:solid;border-width:0 0 8px 8px;bottom:0;content:"";height:0;position:absolute;right:-6px;width:0}.message-bubble.received .message-content::before{border-color:transparent var(--received-bubble-bg) transparent transparent;border-style:solid;border-width:0 8px 8px 0;bottom:0;content:"";height:0;left:-6px;position:absolute;width:0}.message-meta{align-items:center;align-self:flex-end;display:flex;margin-left:8px;margin-right:8px;white-space:nowrap}.message-bubble.received .message-meta{margin-left:8px;margin-right:0}.message-bubble.sent .message-meta{margin-left:0;margin-right:8px}.message-bubble .timestamp{color:rgba(0,0,0,.45);font-size:.68em;margin-right:3px}.message-status-icon{font-size:.8em;line-height:1}.message-status-icon.sent-check{color:var(--message-status-sent-color)}.message-status-icon.read-check{color:var(--message-status-read-color)}.message-input-bar{align-items:flex-end;background-color:var(--input-bar-bg);border-top:1px solid #d1d1d1;display:flex;flex-shrink:0;padding:7px 10px}#message-input-field{background-color:var(--surface-color);border:none;border-radius:18px;flex-grow:1;font-size:.95em;line-height:1.4;margin-right:8px;max-height:100px;outline:none;overflow-y:auto;padding:9px 12px;resize:none}.message-input-bar .send-button{align-items:center;align-self:flex-end;background-color:var(--header-chat-bg);border:none;border-radius:50%;color:var(--text-on-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1em;height:40px;justify-content:center;margin-bottom:1px;transition:background-color .2s ease;width:40px}.message-input-bar .send-button:hover{background-color:#004d40}#messages-area{scroll-behavior:smooth}.message-options{background-color:rgba(0,0,0,.6);border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.7em;opacity:0;padding:3px 5px;position:absolute;top:-5px;transition:opacity .2s ease;z-index:1}.message-bubble.sent:hover .message-options,.message-bubble:hover .message-options{opacity:1}.message-bubble.sent .message-options{right:5px}.message-bubble.received .message-options{display:none}.message-options i{cursor:pointer;margin:0 3px;transition:transform .2s ease}.message-options i:hover{transform:scale(1.2)}.message-options .fa-edit{color:#4caf50}.message-options .fa-trash-alt{color:#f44336}.edited-indicator{color:var(--text-color-light);font-style:italic}@media (max-width:700px){body,
    html{overflow:hidden}.app-container{padding:0}.chat-home-container{border-radius:0;box-shadow:none;height:calc(100% - 48px);padding:10px}.app-header{height:48px;padding:10px 12px}.app-header h1{font-size:1.2em}.chat-header-bar{padding:8px 10px}.chat-header-bar .avatar{height:32px;width:32px}.chat-partner-info h2{font-size:.95em}.message-input-bar{padding:6px 8px}#message-input-field{font-size:.9em;padding:8px 12px}.message-input-bar .send-button{height:38px;width:38px}}#super-error-debug-div,
#super-error-debug-div-list,
#super-error-debug-div-msg{border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.3);box-sizing:border-box!important;color:#fff!important;font-family:monospace!important;font-size:12px!important;left:10px;line-height:1.3;max-height:40vh;min-height:80px;opacity:.95;overflow-y:auto!important;padding:12px!important;position:fixed;width:calc(100% - 20px);z-index:999999!important}#super-error-debug-div{background-color:#c62828!important;top:10px}#super-error-debug-div-list{background-color:#ef6c00!important;top:10px}#super-error-debug-div-msg{background-color:#d32f2f!important;bottom:60px}#super-error-debug-div h2,
#super-error-debug-div-list h2,
#super-error-debug-div-msg h2{border-bottom:1px solid hsla(0,0%,100%,.3);font-size:14px;margin-bottom:8px;margin-top:0;padding-bottom:5px}#super-error-debug-div pre,
#super-error-debug-div-list pre,
#super-error-debug-div-msg pre{white-space:pre-wrap;word-wrap:break-word;margin:4px 0}#super-error-debug-div a,
#super-error-debug-div-list a,
#super-error-debug-div-msg a{color:#ffeb3b!important;text-decoration:underline!important}#delete-chat-confirm-modal .modal-content{max-width:400px}.chat-list-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:10px 8px;position:relative}.chat-list-item:hover{background-color:#f5f5f5}.chat-list-meta .delete-chat-btn{background:none;border:none;color:var(--text-color-light);cursor:pointer;font-size:1.1em;margin-left:10px;opacity:0;padding:5px;pointer-events:none;transition:color .2s ease,transform .2s ease}.chat-list-item:hover .chat-list-meta .delete-chat-btn{color:var(--secondary-color);opacity:1;pointer-events:auto}.delete-chat-btn:hover{color:#dc3545;transform:scale(1.1)}.horizontal-list li img.search-result-avatar{background-color:#eee;border-radius:50%;height:40px;margin-bottom:6px;object-fit:cover;width:40px}.horizontal-list li span.search-result-name{color:var(--text-color);font-size:.75em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.modal-content{background-color:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-medium);padding:25px 30px}#open-chat-modal h3#modal-user-name{color:var(--text-color);font-size:1.25em;margin-bottom:15px}#modal-message.modal-text-message{color:var(--text-color-light);font-size:.95em;line-height:1.6;margin-bottom:25px;text-align:center}#open-chat-modal .modal-actions{background-color:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-medium);padding:25px 30px}.modal-button.secondary{background:rgba(92,92,92,.534)}#confirm-delete-chat-button,.modal-button.secondary{border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}#confirm-delete-chat-button{background:rgba(241,26,26,.473)}#confirm-open-chat-button{background:rgba(85,139,255,.445);border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.modal{align-items:center;backdrop-filter:blur(4px);background-color:rgba(24,161,224,.719);display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1050}.notification-bell-container{display:inline-block;position:relative;z-index:100}.notification-bell{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color,#333);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;position:relative;transition:all .3s ease;width:40px}.notification-bell:hover{background-color:rgba(0,0,0,.1);transform:scale(1.05)}.notification-bell i{font-size:1.2rem;transition:all .3s ease}.notification-bell.has-new{animation:bellShake .8s ease-in-out infinite}.notification-bell.has-new i{color:#ff9800;filter:drop-shadow(0 0 8px rgba(255,152,0,.6))}@keyframes bellShake{0%, 100%{transform:rotate(0deg)}10%, 30%, 50%, 70%, 90%{transform:rotate(-10deg)}20%, 40%, 60%, 80%{transform:rotate(10deg)}}.notification-badge{align-items:center;animation:badgePulse 2s infinite;background:linear-gradient(135deg,#f44,#ff6b6b);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(255,68,68,.4);color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-5px;top:-5px}@keyframes badgePulse{0%, 100%{box-shadow:0 2px 8px rgba(255,68,68,.4);transform:scale(1)}50%{box-shadow:0 4px 16px rgba(255,68,68,.6);transform:scale(1.1)}}.notification-overlay{animation:fadeIn .3s ease-out;background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.notification-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);left:50%;max-height:80vh;max-width:500px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}@keyframes modalSlideIn{from{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.notification-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h4{font-size:1.2rem;font-weight:600;margin:0}.notification-actions{align-items:center;display:flex;gap:8px}.notification-actions button{background:hsla(0,0%,100%,.2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 10px;transition:all .2s ease}.notification-actions button:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.close-modal{background:none!important;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s ease}.close-modal:hover{background:hsla(0,0%,100%,.2)!important;transform:scale(1.1)}.notification-list{max-height:60vh;overflow-y:auto;padding:8px 0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.no-notifications{color:#666;font-style:italic;padding:40px 20px;text-align:center}.no-notifications i{color:#ddd;font-size:3rem;margin-bottom:16px}.notification-item{align-items:stretch;background:#fff;border-left:4px solid transparent;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;flex-direction:column;margin:0 8px 8px;padding:12px 12px 0;position:relative;transition:all .3s ease}.notification-item > .notification-avatar,
.notification-item > .notification-content{cursor:default}.notification-item:hover{background:linear-gradient(135deg,#f8f9ff,#e3f2fd);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.notification-actions-row{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px;padding:8px 0 12px}
.notification-actions-row .notification-delete,.notification-actions-row .notification-open{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:10px 12px;transition:filter .15s ease,transform .05s ease;width:100%}.notification-actions-row .notification-open{background:#16a34a}.notification-actions-row .notification-delete{background:#dc2626}
.notification-actions-row .notification-delete:hover,.notification-actions-row .notification-open:hover{filter:brightness(1.05)}
.notification-actions-row .notification-delete:active,.notification-actions-row .notification-open:active{transform:translateY(1px)}.notification-item.unread{background:linear-gradient(135deg,#fff3e0,#e8f5e8);border-left-color:#ff9800}.notification-item.unread::before{animation:newNotificationPulse 2s infinite;color:#ff9800;content:"●";font-size:12px;position:absolute;right:16px;top:16px}@keyframes newNotificationPulse{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.notification-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;display:flex;flex-shrink:0;font-weight:700;height:48px;justify-content:center;margin-right:16px;overflow:hidden;width:48px}.notification-avatar img{height:100%;object-fit:cover;width:100%}.notification-avatar i{color:#fff;font-size:1.4rem}.notification-content{flex:1;min-width:0}.notification-title{color:#2c3e50;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:6px}.notification-body{color:#5a6c7d;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:8px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notification-time{align-items:center;color:#95a5a6;display:flex;font-size:.8rem;gap:4px}.notification-time i{font-size:.7rem}@media (max-width:768px){.notification-modal{margin:0 auto;max-height:85vh;max-width:none;width:95vw}.notification-header{align-items:stretch;flex-direction:column;gap:8px;padding:12px 16px}.notification-header h4{font-size:1.1rem;text-align:center}.notification-actions{gap:12px;justify-content:center}.notification-actions button{font-size:.8rem;padding:8px 12px}.notification-item{margin:0 4px 6px;padding:12px 16px}.notification-avatar{height:40px;margin-right:12px;width:40px}.notification-title{font-size:.9rem}.notification-body{font-size:.8rem}.notification-time{font-size:.7rem}}@media (max-width:480px){.notification-modal{max-height:90vh;width:98vw}.notification-header{padding:10px 12px}.notification-item{margin:0 2px 4px;padding:10px 12px}.notification-avatar{height:36px;margin-right:10px;width:36px}.notification-avatar i{font-size:1.2rem}}@media (prefers-color-scheme:dark){.notification-modal{background:#2c3e50;color:#fff}.notification-item{background:#34495e;color:#fff}.notification-item:hover{background:linear-gradient(135deg,#3a4a5c,#2c3e50)}.notification-title{color:#fff}.notification-body{color:#bdc3c7}.notification-time{color:#95a5a6}.no-notifications{color:#bdc3c7}}
/*# sourceMappingURL=482.3be24815.css.map*/