.modal-overlay{background:#00000040}.modal-box{animation:popin .18s cubic-bezier(.4,2,.6,1) 1;background:#fff;border:1px solid #1f7bff26;border-radius:18px;box-shadow:0 25px 55px #05112459;min-width:320px;padding:32px 28px 24px}.modal-message{color:#0f2244;font-size:1.05rem;line-height:1.4;margin-bottom:22px}.modal-btn{border-radius:10px;font-size:.95rem;padding:10px 22px;transition:transform .18s,box-shadow .18s}.modal-btn.confirm{background:linear-gradient(135deg,#1f7bff,#20b2ff);box-shadow:0 12px 24px #2084ff4d}.modal-btn.confirm:hover{box-shadow:0 18px 30px #2084ff59;transform:translateY(-1px)}.modal-btn.cancel{background:#eef2fb;color:#2c3954}.modal-btn.cancel:hover{box-shadow:inset 0 0 0 1px #2f3b5c26}.splash-bg{align-items:center;animation:fadein-bg .7s;background:linear-gradient(135deg,#25d366,#075e54);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadein-bg{0%{opacity:0}to{opacity:1}}.splash-content{align-items:center;animation:popin .5s cubic-bezier(.4,2,.6,1) 1;display:flex;flex-direction:column}.splash-logo{animation:bounce 1.2s infinite alternate;margin-bottom:24px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.splash-title{animation:fadein-title 1.2s;font-size:2.2rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 12px #00000021}.splash-title span{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000012;color:#25d366;margin-left:6px;padding:0 10px}@keyframes fadein-title{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.splash-title{font-size:1.3rem;padding:0 4px}.splash-logo svg{height:38px;width:38px}}.welcome-chatapp-msg{animation:fadein-welcome .7s;color:#075e54;min-height:320px}@keyframes fadein-welcome{0%{opacity:0;transform:scale(.97)}to{opacity:.92;transform:scale(1)}}.welcome-chatapp-logo{animation:bounce 1.2s infinite alternate;display:flex;justify-content:center;margin-bottom:18px}.welcome-chatapp-title{color:#075e54;display:inline-block;font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:center}.welcome-chatapp-title span{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000012;color:#25d366;margin-left:4px;padding:0 8px}.welcome-chatapp-desc{color:#555;font-size:1.05rem;margin-top:2px;text-align:center}.attachment-menu{animation:slideUp .2s ease-out;background:#fff;border-radius:12px;bottom:100%;box-shadow:0 4px 20px #00000026;left:24px;margin-bottom:8px;min-width:200px;padding:8px;position:absolute;z-index:1000}.attachment-option{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 16px;transition:background .2s}.attachment-option:hover{background:#f5f5f5}.attachment-icon{align-items:center;color:#54656f;display:flex;height:24px;justify-content:center;width:24px}.attachment-icon svg{stroke:currentColor;height:20px;width:20px}@media (max-width:768px){.attachment-menu{left:16px;min-width:auto;right:16px}}.giphy-search-box{background:#fff;border:1px solid #e5e5e5;border-radius:12px;bottom:100%;box-shadow:0 4px 20px #00000026;left:0;margin-bottom:8px;max-height:400px;overflow:hidden;position:absolute;right:0;z-index:1000}.giphy-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:12px 16px}.giphy-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.giphy-header .close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;transition:all .2s}.giphy-header .close-btn:hover{background:#e5e5e5;color:#333}.giphy-content{height:350px;overflow-y:auto;padding:8px}.giphy-search-input-container{margin-bottom:12px;position:relative}.giphy-search-input{border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none;padding:8px 40px 8px 16px;transition:border-color .2s;width:100%}.giphy-search-input:focus{border-color:#409eff}.search-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#409eff;height:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.giphy-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:280px;overflow-y:auto}.giphy-item{aspect-ratio:1;background:#f8f8f8;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s}.giphy-item:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.giphy-image{display:block;height:100%;object-fit:cover;width:100%}.giphy-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:8px 4px 4px;position:absolute;right:0}.giphy-title{font-size:10px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.giphy-loading{align-items:center;color:#666;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner{border:3px solid #f3f3f3}.giphy-error{align-items:center;color:#666;display:flex;flex-direction:column;height:200px;justify-content:center;padding:20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.giphy-error h3{color:#333;font-size:18px;margin:0 0 8px}.giphy-error p{font-size:14px;line-height:1.4;margin:4px 0}.giphy-error a{color:#409eff;text-decoration:none}.giphy-error a:hover{text-decoration:underline}.giphy-error .close-btn{background:#409eff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px;transition:background .2s}.giphy-error .close-btn:hover{background:#337ecc}.giphy-content::-webkit-scrollbar{width:6px}.giphy-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.giphy-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.giphy-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.giphy-search-box{left:16px;max-height:350px;right:16px}.giphy-content{height:300px}.giphy-wrapper .giphy-searchbox .giphy-searchbox .giphy-searchbox-list{height:calc(100% - 45px)!important}}@media (max-width:480px){.giphy-search-box{left:8px;max-height:300px;right:8px}.giphy-content{height:250px}.giphy-header{padding:8px 12px}.giphy-header h3{font-size:14px}}.emoji-picker{animation:slideUp .2s ease-out;background:#fff;border-radius:12px;bottom:100%;box-shadow:0 4px 20px #00000026;left:24px;margin-bottom:8px;max-width:320px;padding:16px;position:absolute;z-index:1000}.emoji-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr);max-height:200px;overflow-y:auto}.emoji-item{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;min-width:32px;padding:8px;transition:background .2s}.emoji-item:hover{background:#f0f0f0}.picker-tabs{border-bottom:1px solid #e5e5e5;display:flex;margin-bottom:12px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.tab-btn.active,.tab-btn:hover{background:#409eff0d;color:#409eff}.tab-btn.active{border-bottom-color:#409eff}.gif-picker-content{display:flex;flex-direction:column;height:280px}.gif-search{margin-bottom:12px}.gif-search-input{border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.gif-search-input:focus{border-color:#409eff}.gif-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding-right:4px}.gif-grid::-webkit-scrollbar{width:4px}.gif-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.gif-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.gif-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.gif-item{aspect-ratio:1;background:#f8f8f8;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s}.gif-item:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.gif-image{display:block;height:100%;object-fit:cover;width:100%}.emoji-motion-container{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;width:100%}.gif-name{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;font-size:10px;font-weight:500;left:0;padding:8px 4px 4px;position:absolute;right:0;text-align:center}.no-gifs{align-items:center;color:#999;display:flex;font-size:14px;height:100px;justify-content:center}@media (max-width:768px){.emoji-picker{left:16px;max-width:none;right:16px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.gif-grid{grid-template-columns:repeat(2,1fr)}.tab-btn{font-size:12px;padding:8px 12px}}.search-tab-content{height:350px;overflow:hidden}.search-tab-content .giphy-search-box{border:none;border-radius:0;bottom:auto;box-shadow:none;left:auto;margin:0;max-height:none;position:relative;right:auto}.media-picker-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.media-picker-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.media-picker-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.media-picker-header h3{color:#075e54;font-size:1.2rem;font-weight:600;margin:0}.close-btn{align-items:center;display:flex;justify-content:center}.close-btn:hover{background:#f0f0f0}.media-picker-content{flex:1 1;overflow-y:auto;padding:20px}.no-media{justify-content:center;min-height:200px}.no-media,.upload-area{align-items:center;display:flex}.upload-area{border:2px dashed #ccc;border-radius:12px;color:#666;cursor:pointer;flex-direction:column;gap:12px;padding:40px;text-align:center;transition:all .2s}.upload-area:hover{background:#f8f9fa;border-color:#075e54}.upload-area svg{color:#999}.upload-area p{color:#333;font-size:1.1rem;font-weight:500;margin:0}.upload-area span{color:#666;font-size:.9rem;line-height:1.4}.media-previews{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-preview{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;position:relative;transition:all .2s}.media-preview:hover{border-color:#075e54;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.media-container{height:120px;overflow:hidden;position:relative;width:100%}.media-container img,.media-container video{height:100%;object-fit:cover;width:100%}.video-preview{height:100%;position:relative;width:100%}.video-overlay{background:linear-gradient(180deg,#0000 0,#0000004d 70%,#000000b3);bottom:0;flex-direction:column;left:0;position:absolute;right:0;top:0}.play-icon,.video-overlay{align-items:center;display:flex;justify-content:center}.play-icon{background:#ffffffe6;border-radius:50%;color:#075e54;height:32px;margin-bottom:auto;margin-top:auto;width:32px}.video-duration{background:#000000b3;border-radius:4px;bottom:6px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 6px;position:absolute;right:6px}.file-info{align-items:center;background:#fff;gap:8px;justify-content:space-between;padding:8px 10px}.file-type-badge{background:#075e54;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.file-size{color:#666;font-size:.75rem;font-weight:500}.remove-file-btn{background:#ffffffe6;border-radius:50%;color:#e74c3c;height:24px;position:absolute;right:6px;top:6px;width:24px}.remove-file-btn:hover{background:#e74c3c}.add-more-btn{align-items:center;background:#f8f9fa;border:2px dashed #ccc;border-radius:12px;color:#666;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:160px;transition:all .2s}.add-more-btn:hover{background:#f0f0f0;border-color:#075e54;color:#075e54}.add-more-btn span{font-size:.9rem;font-weight:500}.media-picker-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px}.media-picker-footer .cancel-btn,.media-picker-footer .send-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;text-align:center;transition:all .2s}.media-picker-footer .cancel-btn{background:#f0f0f0;color:#666}.media-picker-footer .cancel-btn:hover{background:#e0e0e0;color:#333}.media-picker-footer .send-btn{background:#075e54;color:#fff}.media-picker-footer .send-btn:hover:not(:disabled){background:#128c7e}.media-picker-footer .send-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.7}@media (max-width:768px){.media-picker-overlay{padding:10px}.media-picker-modal{max-height:90vh}.media-previews{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.media-container{height:100px}.upload-area{padding:30px 20px}.media-picker-footer{flex-direction:column;padding:15px}.media-picker-footer .cancel-btn,.media-picker-footer .send-btn{justify-content:center;width:100%}}@media (max-width:480px){.media-previews{grid-template-columns:repeat(2,1fr)}.media-picker-content,.media-picker-header{padding:15px}}.camera-capture-overlay{align-items:center;background-color:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.camera-capture-container{background-color:#000;border-radius:8px;display:flex;flex-direction:column;height:100%;max-width:500px;overflow:hidden;width:100%}.camera-header{background-color:#1a1a1a;border-bottom:1px solid #333;padding:15px 20px}.camera-header h3{color:#fff;font-weight:500}.camera-close-btn,.camera-switch-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s}.camera-close-btn:hover,.camera-switch-btn:hover{background-color:#ffffff1a}.camera-content{align-items:center;flex:1 1;justify-content:center;position:relative}.camera-viewport{position:relative}.camera-viewport,.photo-preview{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.photo-preview img{max-height:100%;max-width:100%;object-fit:contain}.camera-error{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.camera-error p{font-size:16px;line-height:1.5;margin-bottom:20px}.retry-btn{background-color:#4ecdc4;border-radius:25px;font-size:16px;padding:12px 24px;transition:background-color .2s}.retry-btn:hover{background-color:#45b7d1}.capture-overlay{align-items:center;display:flex;justify-content:center;z-index:10}.capture-flash,.capture-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.capture-flash{animation:flashAnimation .3s ease-out;background-color:#fff;opacity:0}@keyframes flashAnimation{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.camera-controls{background-color:#1a1a1a;justify-content:center;padding:30px 20px;position:-webkit-sticky;position:sticky}.capture-controls{width:100%}.capture-btn,.capture-controls{align-items:center;display:flex;justify-content:center}.capture-btn{background:none;border:3px solid #fff;border-radius:50%;cursor:pointer;height:80px;position:relative;transition:all .2s;width:80px}.capture-btn:hover{transform:scale(1.1)}.capture-btn:active{transform:scale(.95)}.capture-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.capture-btn-inner{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;height:60px;justify-content:center;width:60px}.capture-spinner{animation:spin 1s linear infinite;border:3px solid #ccc;border-radius:50%;border-top-color:#000;height:30px;width:30px}.photo-controls{align-items:center;display:flex;gap:20px;justify-content:center;width:100%}.photo-controls .retake-btn,.photo-controls .send-btn{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:500;min-width:140px;padding:12px 30px;transition:all .2s}.photo-controls .retake-btn{background-color:initial;border:2px solid #ccc;color:#ccc}.photo-controls .retake-btn:hover{background-color:#ccc;color:#000}.photo-controls .send-btn{background-color:#4ecdc4;color:#fff}.photo-controls .send-btn:hover{background-color:#45b7d1;transform:translateY(-2px)}.photo-controls .retake-btn,.photo-controls .send-btn{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;width:auto}@media (max-width:480px){.camera-capture-container{border-radius:0;max-width:none}.camera-header{padding:10px 15px}.camera-controls{padding:20px 15px}.capture-btn{height:70px;width:70px}.capture-btn-inner{height:50px;width:50px}.photo-controls{gap:15px}.photo-controls .retake-btn,.photo-controls .send-btn{font-size:14px;min-width:100px;padding:10px 20px}}.document-picker-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.document-picker-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.document-picker-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 24px}.document-picker-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.close-btn{transition:all .2s}.document-picker-content{flex:1 1;overflow-y:auto;padding:24px}.drop-zone{border:2px dashed #d1d5db;padding:40px 20px}.drop-zone:hover{background-color:#f0fdfc;border-color:#4ecdc4}.drop-zone.drag-over{background-color:#e6fffa;border-color:#4ecdc4;transform:scale(1.02)}.drop-zone-content svg{color:#9ca3af}.drop-zone-content p{color:#374151;font-size:18px}.drop-zone-content .file-types{color:#6b7280;font-size:14px}.drop-zone-content .file-limit{color:#9ca3af}.selected-files{margin-top:24px}.selected-files h4{font-size:16px;margin:0 0 16px}.file-list{display:flex;flex-direction:column;gap:12px;max-height:300px}.file-item{background-color:#f8f9fa;border:1px solid #e9ecef;padding:12px 16px;transition:all .2s}.file-item:hover{background-color:#e9ecef;border-color:#dee2e6}.file-icon{flex-shrink:0}.file-info{min-width:0}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{color:#dc3545;padding:6px;transition:all .2s}.remove-file-btn:hover{background-color:#dc3545;color:#fff}.document-picker-footer{background-color:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.document-picker-footer .cancel-btn,.document-picker-footer .send-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;text-align:center;transition:all .2s}.document-picker-footer .cancel-btn{background-color:initial;border:1px solid #ddd;color:#666}.document-picker-footer .cancel-btn:hover{background-color:#f0f0f0;border-color:#ccc}.document-picker-footer .send-btn{background-color:#4ecdc4;color:#fff;min-width:80px}.document-picker-footer .send-btn:hover:not(:disabled){background-color:#45b7d1;transform:translateY(-1px)}.document-picker-footer .send-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.upload-spinner{animation:spin 1s ease-in-out infinite;display:inline-block;margin-right:8px}.document-picker-content::-webkit-scrollbar,.file-list::-webkit-scrollbar{width:6px}.document-picker-content::-webkit-scrollbar-track,.file-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.document-picker-content::-webkit-scrollbar-thumb,.file-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.document-picker-content::-webkit-scrollbar-thumb:hover,.file-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.document-picker-overlay{padding:10px}.document-picker-container{max-height:90vh;max-width:none}.document-picker-content,.document-picker-footer,.document-picker-header{padding:16px}.drop-zone{padding:30px 15px}.drop-zone-content p{font-size:16px}.file-item{padding:10px 12px}.file-name{font-size:13px}.file-details{font-size:11px}}@media (max-width:480px){.document-picker-header h3{font-size:18px}.drop-zone{padding:20px 10px}.drop-zone-content p{font-size:14px}.drop-zone-content .file-types{font-size:12px}.drop-zone-content .file-limit{font-size:11px}.document-picker-footer{flex-direction:column}.document-picker-footer .cancel-btn,.document-picker-footer .send-btn{padding:12px;width:100%}}.audio-picker-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.audio-picker-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.audio-picker-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.audio-picker-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.audio-picker-content{flex:1 1;overflow-y:auto;padding:20px}.drop-zone{background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.drop-zone.drag-over,.drop-zone:hover{background-color:#fff5f5;border-color:#e74c3c}.drop-zone-content svg{color:#666;margin-bottom:16px}.drop-zone-content p{color:#333;font-size:16px;font-weight:500;margin:0 0 8px}.drop-zone-content .file-types{color:#666;display:block;font-size:12px;margin-bottom:4px}.drop-zone-content .file-limit{color:#999;display:block;font-size:12px}.selected-files{margin-top:20px}.selected-files h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.file-list{max-height:200px;overflow-y:auto}.file-item{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:8px;display:flex;margin-bottom:8px;padding:12px;transition:all .2s ease}.file-item:hover{background-color:#f8f9fa;border-color:#ddd}.file-icon{align-items:center;background-color:#fff0f0;border-radius:6px;display:flex;height:32px;justify-content:center;margin-right:12px;width:32px}.file-info{display:flex;flex:1 1;flex-direction:column}.file-name{color:#333;font-size:14px;font-weight:500;margin-bottom:2px;word-break:break-all}.file-details{color:#666;font-size:12px}.remove-file-btn{color:#999;margin-left:8px;transition:all .2s ease}.remove-file-btn:hover{background-color:#f5f5f5;color:#e74c3c}.audio-picker-footer{background-color:#f8f9fa;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.audio-picker-footer .cancel-btn,.audio-picker-footer .send-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 24px;text-align:center;transition:all .2s ease}.audio-picker-footer .cancel-btn{background-color:#f8f9fa;border:1px solid #ddd;color:#666}.audio-picker-footer .cancel-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.audio-picker-footer .send-btn{background-color:#e74c3c;color:#fff}.audio-picker-footer .send-btn:hover:not(:disabled){background-color:#c0392b}.audio-picker-footer .cancel-btn:disabled,.audio-picker-footer .send-btn:disabled{cursor:not-allowed;opacity:.5}.close-btn{color:#999;padding:4px}.close-btn:hover{color:#666}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@media (max-width:768px){.audio-picker-overlay{padding:10px}.audio-picker-container{max-height:90vh;max-width:100%}.drop-zone{padding:20px}.file-item{padding:10px}.file-name{font-size:13px}.file-details{font-size:11px}}.contact-picker-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.contact-picker{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:400px;width:90%}.contact-picker-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.contact-picker-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-btn:hover{background-color:#f5f5f5}.close-btn svg{color:#666}.contact-picker-content{flex:1 1;min-height:200px;overflow-y:auto;padding:20px}.empty-state,.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-state svg.spinning{animation:spin 1s linear infinite;margin-bottom:10px}.empty-state svg{color:#ccc;margin-bottom:15px}.contact-item{border:2px solid #0000}.contact-item:hover{background-color:#f8f9fa}.contact-item.selected{background-color:#e3f2fd;border-color:#2196f3}.contact-status{color:#666;font-size:12px}.selected-indicator{color:#2196f3;margin-left:8px}.contact-picker-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:space-between;padding:20px}.contact-picker-footer .cancel-btn,.contact-picker-footer .send-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:10px 20px;text-align:center;transition:all .2s}.contact-picker-footer .cancel-btn{background-color:#f5f5f5;color:#666}.contact-picker-footer .cancel-btn:hover{background-color:#e0e0e0}.contact-picker-footer .send-btn{background-color:#2196f3;color:#fff}.contact-picker-footer .send-btn:hover{background-color:#1976d2}@media (max-width:768px){.contact-picker{max-height:85vh;width:95%}.contact-picker-content,.contact-picker-footer,.contact-picker-header{padding:15px}}.location-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.location-picker{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.location-picker-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.location-picker-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-btn{border-radius:50%;transition:all .2s ease}.close-btn:hover{background-color:#e0e0e0;color:#333}.location-picker-content{max-height:calc(90vh - 140px);overflow-y:auto;padding:20px}.location-controls{margin-bottom:16px}.current-location-btn{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:background-color .2s ease;width:100%}.current-location-btn:hover:not(:disabled){background:#0056b3}.current-location-btn:disabled{background:#6c757d;cursor:not-allowed}.map-container{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;overflow:hidden;position:relative}.map-loading{align-items:center;background:#f8f9fa;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{border:3px solid #e0e0e0;border-top-color:#007bff;margin-bottom:12px}.location-info{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.address-display{align-items:center;color:#333;display:flex;font-weight:500;gap:8px;margin-bottom:8px}.address-display svg{color:#007bff;flex-shrink:0}.coordinates{color:#666;font-size:12px}.location-error{color:#dc3545;padding:20px;text-align:center}.retry-btn{background:#dc3545;margin-top:12px}.retry-btn:hover:not(:disabled){background:#c82333}.location-picker-footer{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:#6c757d;border-radius:6px;font-size:14px;font-weight:500;min-width:90px;padding:8px 14px;transition:background-color .2s ease}.cancel-btn:hover{background:#545b62}.send-location-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:160px;padding:10px 28px;transition:background-color .2s ease}.send-location-btn:hover:not(:disabled){background:#218838}.send-location-btn:disabled{background:#6c757d;cursor:not-allowed}@media (max-width:768px){.location-picker{height:90vh;width:95%}.location-picker-content{padding:16px}.location-picker-header{padding:12px 16px}.location-picker-footer{flex-direction:column}.cancel-btn,.send-location-btn{width:100%}}.voice-record-btn,.voice-recorder{align-items:center;display:flex;position:relative}.voice-record-btn{background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;height:40px;justify-content:center;min-width:40px;padding:8px;transition:all .2s}.voice-record-btn svg{stroke:currentColor;height:20px;transition:all .2s;width:20px}.voice-record-btn:hover:not(.disabled){background:#f5f6f6;color:#54656f}.voice-record-btn.recording{animation:pulse 1.5s infinite;background:#e53935;color:#fff}.voice-record-btn.recording:hover{background:#d32f2f}.voice-record-btn.disabled{cursor:not-allowed;opacity:.5}.voice-record-btn.disabled:hover{background:none;color:#8696a0}.recording-time{background:#e53935;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;left:50%;padding:2px 6px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap;z-index:10}.recording-indicator{align-items:center;color:#e53935;display:flex;font-size:.8rem;font-weight:500;gap:8px;margin-left:8px}.pulse-dot{animation:pulse-dot 1s infinite;background:#e53935;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.voice-error{background:#e53935;border-radius:6px;bottom:100%;box-shadow:0 2px 8px #0003;color:#fff;font-size:.8rem;margin-bottom:8px;padding:8px 12px;white-space:nowrap;z-index:1000}.voice-error,.voice-error:after{left:50%;position:absolute;transform:translateX(-50%)}.voice-error:after{border:4px solid #0000;border-top-color:#e53935;content:"";top:100%}.voice-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.voice-modal{animation:modalIn .15s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:420px;overflow:hidden;width:90%}.voice-modal-header{background:#f7f7f7;border-bottom:1px solid #eee;font-weight:600;padding:14px 16px}.voice-modal-body{padding:20px 16px}.voice-modal-status{align-items:center;display:flex;font-weight:500;gap:10px}.voice-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}.voice-cancel-btn,.voice-stop-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 14px}.voice-cancel-btn{background:#f3f4f6;color:#374151}.voice-stop-btn{background:#00a884;color:#fff}@keyframes modalIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.voice-record-btn{height:36px;min-width:36px}.voice-record-btn svg{height:18px;width:18px}.recording-time{font-size:.65rem;top:-22px}.recording-indicator{font-size:.75rem}}.input-area{border-top:1px solid var(--color-border);display:flex;flex-direction:column;padding:12px 16px;position:relative}.input-area,.input-area.disabled{background:var(--color-surface-alt)}.input-area.disabled{opacity:.7}.block-message{background:#fff2e8;border:1px solid #ffd3c0;border-radius:8px;color:#b54708;font-size:14px;margin-bottom:8px;padding:8px 16px;text-align:center}.input-container{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:25px;box-shadow:none;display:flex;gap:8px;min-height:48px;padding:8px 48px 8px 12px;position:relative;transition:box-shadow .2s}.input-container.has-send{padding-right:54px}.input-container:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.18)}.attachment-btn,.emoji-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-soft);cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;padding:8px;transition:background .2s}.attachment-btn svg,.emoji-btn svg{stroke:currentColor;height:20px;width:20px}.attachment-btn:hover,.emoji-btn:hover{background:var(--color-surface-alt);color:var(--color-accent)}.attachment-btn.active{background:var(--color-accent-soft);color:var(--color-accent)}.message-input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:1rem;line-height:1.4;max-height:100px;min-height:24px;outline:none;padding:10px 8px;resize:none}.message-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.input-area.disabled button:disabled{cursor:not-allowed;opacity:.5}.input-container .send-btn{align-items:center;background:var(--color-bubble-outgoing);border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s;width:36px;z-index:2}.input-container .send-btn svg{stroke:currentColor;stroke-width:1.6;fill:none;height:16px;width:16px}.input-container .send-btn:hover:not(:disabled){background:var(--color-bubble-outgoing-hover);transform:translateY(-50%) scale(1.05)}.input-container .send-btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-bubble-outgoing-rgb),.45);outline:none}.input-container .send-btn:disabled{background:var(--color-bubble-outgoing);cursor:not-allowed;opacity:.45;transform:translateY(-50%)}.reply-preview{background:var(--color-surface-alt);border-left:4px solid var(--color-accent)}.reply-text{color:var(--color-text-soft)}.reply-close{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:4px}.reply-close svg{stroke:currentColor;height:16px;width:16px}.reply-close:hover{color:var(--color-danger)}@media (max-width:768px){.input-area{bottom:0;box-shadow:0 -4px 10px #0000000d;padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px));position:-webkit-sticky;position:sticky;z-index:3}.input-container{min-height:44px;padding:6px 44px 6px 10px}.attachment-btn,.emoji-btn{height:32px;min-width:32px;padding:6px}.message-input{flex:1 1;font-size:.95rem;padding:8px 6px}.input-container .send-btn{height:36px;right:4px;width:36px}.input-container.has-send{padding-right:48px}}@media (max-width:480px){.input-area{padding:8px 10px calc(10px + env(safe-area-inset-bottom, 0px))}.attachment-btn,.emoji-btn{height:30px;min-width:30px;padding:6px}.message-input{font-size:.92rem}}.typing-indicator{align-items:flex-end;animation:fadeIn .3s ease-in;display:flex;margin:4px 0;padding:8px 16px}.typing-user-info{align-items:flex-end;display:flex;gap:8px;max-width:70%}.typing-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.typing-avatar-img{height:100%;object-fit:cover;width:100%}.typing-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.typing-content{align-items:center;background:#e5e5ea;border-radius:18px;display:flex;min-height:20px;padding:12px 16px;position:relative}.typing-content:before{border-color:#0000 #e5e5ea #0000 #0000;border-style:solid;border-width:0 8px 8px 0;bottom:8px;content:"";height:0;left:-8px;position:absolute;width:0}.typing-dots{align-items:center;display:flex;gap:4px}.typing-dot{animation:typingAnimation 1.4s ease-in-out infinite;background-color:#999;border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.typing-indicator.group-chat .typing-content{background:#f0f0f0}.typing-indicator.group-chat .typing-content:before{border-color:#0000 #f0f0f0 #0000 #0000}.location-message{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:8px 0;max-width:300px;overflow:hidden}.location-message.own{background:#dcf8c6;margin-left:auto}.location-message.error{background:#f8d7da;border-color:#f5c6cb;color:#721c24;padding:12px;text-align:center}.location-message-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;gap:8px;padding:12px 16px 8px}.location-icon{color:#007bff;flex-shrink:0}.location-title{color:#333;flex:1 1;font-size:14px;font-weight:600}.location-distance{background:#007bff1a;border-radius:10px;color:#666;font-size:12px;padding:2px 6px}.location-map-container{background:#f8f9fa;position:relative}.map-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:150px;justify-content:center}.map-placeholder-content{text-align:center}.map-placeholder-content p{font-weight:500;margin:8px 0 0}.location-info{background:#f8f9fa80;padding:12px 16px}.location-address{color:#333;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:4px}.location-coordinates{color:#666;font-size:12px}.location-actions{display:flex;gap:8px;justify-content:flex-end;padding:8px 16px 12px}.open-maps-btn,.toggle-map-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.open-maps-btn:hover,.toggle-map-btn:hover{background:#f8f9fa;border-color:#adb5bd}.open-maps-btn{border-color:#007bff;color:#007bff}.open-maps-btn:hover{background:#e7f3ff;border-color:#0056b3}.location-timestamp{padding:0 16px 12px;text-align:right}.location-timestamp small{color:#666;font-size:11px}.location-message.own .location-actions{justify-content:flex-start}.location-message.own .location-timestamp{text-align:left}@media (max-width:768px){.location-message{max-width:280px}.location-actions{align-items:stretch;flex-direction:column}.open-maps-btn,.toggle-map-btn{justify-content:center}.location-message-header{flex-wrap:wrap;gap:4px}.location-distance{flex-basis:100%;margin-top:4px;order:3;text-align:left}}.location-map-container{transition:height .3s ease}.location-map-container.loading:after{align-items:center;background:#fffc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.side-navbar{align-items:center;background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-alt) 100%);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;padding:16px 0;position:relative;width:70px;z-index:100}.nav-profile{cursor:pointer;margin-bottom:24px;transition:transform .2s}.nav-profile:hover{transform:scale(1.05)}.nav-profile-avatar{border:2px solid var(--color-accent);border-radius:50%;height:40px;overflow:hidden;position:relative;width:40px}.nav-profile-image{height:100%;object-fit:cover;width:100%}.nav-profile-placeholder{background:linear-gradient(135deg,#00a884,#25d366);color:#fff;font-size:1.1rem;font-weight:700;height:100%;justify-content:center}.nav-main,.nav-profile-placeholder{align-items:center;display:flex;width:100%}.nav-main{flex:1 1}.nav-bottom,.nav-main{flex-direction:column;gap:8px}.nav-bottom{margin-top:auto;width:100%}.nav-bottom,.nav-item{align-items:center;display:flex}.nav-item{background:#0000;border:none;border-radius:12px;color:var(--color-text-soft);cursor:pointer;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.nav-item:hover{background:var(--color-accent-soft);color:var(--color-accent);transform:translateY(-2px)}.nav-item.active{background:var(--color-accent);box-shadow:0 6px 14px -4px rgba(var(--color-accent-rgb),.4);color:#fff}.nav-item.active:before{background:var(--color-accent);border-radius:2px;content:"";height:30px;left:-16px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-item svg{stroke:currentColor;height:24px;width:24px}.nav-item-content{position:relative}.nav-item-content,.notification-badge{align-items:center;display:flex;justify-content:center}.notification-badge{animation:pulse 2s infinite;background:var(--color-danger);border-radius:10px;box-shadow:0 2px 4px #ff33334d;color:#fff;font-size:10px;font-weight:700;height:16px;min-width:16px;padding:2px 6px;position:absolute;right:-8px;top:-8px}.desktop-only{display:flex}@media (max-width:768px){.side-navbar{padding:12px 0;width:60px}.nav-profile-avatar{height:35px;width:35px}.nav-item{height:45px;width:45px}.nav-item svg{height:20px;width:20px}}@media (max-width:480px){.side-navbar{background:var(--color-surface);border-right:none;border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -4px 12px -2px #10182814;flex-direction:row;height:60px;left:0;padding:6px 20px;position:fixed;right:0;transition:transform .3s ease;width:100%;z-index:1000}.side-navbar.mobile-hidden{pointer-events:none;transform:translateY(100%)}.nav-item.desktop-only{display:none!important}.nav-profile{margin-bottom:0;margin-right:12px;order:-1}.nav-profile-avatar{border:2px solid var(--color-accent);height:36px;width:36px}.nav-main{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:0;justify-content:space-between;margin:0}.nav-bottom{display:none}.nav-item{border-radius:14px;flex-direction:column;flex-shrink:0;gap:0;height:48px;min-width:48px;width:48px}.nav-item.active:before{display:none}.nav-item.active{background:var(--color-accent);border-radius:14px;transform:scale(1.05)}.nav-item svg{height:24px;width:24px}.notification-badge{font-size:9px;height:14px;min-width:14px;padding:1px 4px;right:-6px;top:-6px}}@media (max-width:360px){.side-navbar{padding:6px 16px}.nav-main{gap:35px}.nav-item{height:44px;width:44px}.nav-item svg{height:22px;width:22px}.nav-profile-avatar{height:32px;width:32px}}@media (max-width:768px) and (orientation:landscape){.side-navbar{height:50px;padding:4px 20px}.nav-profile-avatar{height:32px;width:32px}.nav-item{height:40px;width:40px}.nav-item svg{height:18px;width:18px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.nav-item svg{stroke-width:1.5}.nav-profile-avatar{border-width:1.5px}}@media (prefers-reduced-motion:reduce){.nav-item{transition:none}.nav-item:hover{transform:none}.notification-badge{animation:none}}.video-call-overlay{background:#0009;height:100vh;width:100vw;z-index:9999}.video-call-modal{background:#111;border-radius:12px;box-shadow:0 10px 30px #0006;color:#fff;padding:20px;width:320px}.video-call-modal.incoming .call-header h3{margin:0 0 8px}.video-call-modal .call-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.video-call-modal .accept-btn,.video-call-modal .end-call-btn,.video-call-modal .reject-btn{align-items:center;background:#1f2937;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:10px 14px}.video-call-modal .accept-btn{background:#10b981}.video-call-modal .end-call-btn,.video-call-modal .reject-btn{background:#ef4444}.video-call-modal .call-error{color:#f87171;font-size:14px;margin-top:8px;text-align:center}.video-call-modal.calling .calling-animation{display:flex;gap:8px;justify-content:center;margin-top:12px}.video-call-modal.calling .pulse{animation:pulse 1.2s ease-in-out infinite;background:#34d399;border-radius:999px;height:10px;width:10px}.video-call-modal.calling .pulse:nth-child(2){animation-delay:.2s}.video-call-modal.calling .pulse:nth-child(3){animation-delay:.4s}.video-call-container{background:#0b1220;border-radius:12px;box-shadow:0 10px 30px #0006;color:#fff;padding:16px;width:min(92vw,380px)}.video-call-controls{gap:10px;justify-content:center;margin-top:12px}.control-btn{background:#111827;border-radius:999px;display:inline-flex;height:44px;width:44px}.control-btn.active{background:#374151}.control-btn.end-call{background:#ef4444}.call-info{margin-top:8px;text-align:center}.call-duration{font-size:13px}.video-call-container .video-call-btn{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;justify-content:center}.video-call-container .video-call-btn.disabled{cursor:not-allowed;opacity:.5}body .video-call-overlay{pointer-events:auto}.audio-call-container{display:inline-block}.audio-call-btn{align-items:center;background:none;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:background-color .2s;width:36px}.audio-call-btn:hover{background-color:#f5f6f6}.audio-call-btn.disabled{cursor:not-allowed;opacity:.5}.audio-call-btn.disabled:hover{background-color:initial}.audio-call-btn svg{stroke:currentColor;height:20px;width:20px}.audio-call-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.audio-call-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;min-width:320px;padding:32px;text-align:center}.call-duration{color:#00a884;display:block;font-weight:500;margin-top:8px}.connected-indicator{animation:connectedPulse 2s infinite;color:#00a884}@keyframes connectedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:480px){.audio-call-modal{margin:20px;min-width:auto;padding:24px}.call-actions{flex-direction:column;gap:12px}.call-actions button{flex-direction:row;justify-content:center;width:100%}}.audio-call-container audio{height:1px;left:-9999px;opacity:0;pointer-events:none;position:absolute;width:1px;z-index:-1}.video-call-container{display:inline-block;position:relative}.video-call-btn{align-items:center;background:none;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:background-color .2s;width:36px}.video-call-btn:hover{background-color:#f5f6f6}.video-call-btn.disabled{cursor:not-allowed;opacity:.5}.video-call-btn.disabled:hover{background-color:initial}.video-call-btn svg{stroke:currentColor;height:20px;width:20px}.call-error{word-wrap:break-word;background:#ffebee;border-left:4px solid #e53935;border-radius:8px;color:#c62828;font-size:.9rem;margin:16px 0;max-width:100%;padding:12px 16px;text-align:left}.call-error:empty{display:none}.video-call-overlay{align-items:center;background:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.video-call-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;min-width:320px;padding:32px;text-align:center}.call-header{margin-bottom:24px}.call-header h3{color:#111b21;font-size:1.5rem;font-weight:600;margin:0 0 8px}.call-header p{color:#54656f;font-size:1.1rem;margin:0}.call-status{display:flex;justify-content:center;margin:24px 0}.calling-animation{align-items:center;display:flex;gap:8px}.pulse{animation:pulse 1.5s infinite;background:#00a884;border-radius:50%;height:12px;width:12px}.pulse:nth-child(2){animation-delay:.2s}.pulse:nth-child(3){animation-delay:.4s}.call-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.call-actions button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:8px;min-width:80px;padding:16px 24px;transition:all .2s}.accept-btn{background:#00a884;color:#fff}.accept-btn:hover{background:#008f72;transform:scale(1.05)}.reject-btn{background:#e53935;color:#fff}.reject-btn:hover{background:#c62828;transform:scale(1.05)}.end-call-btn{background:#e53935;color:#fff}.end-call-btn:hover{background:#c62828;transform:scale(1.05)}.call-actions button svg{stroke:currentColor;height:24px;width:24px}.video-call-overlay .video-call-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.remote-video{background:#000;height:100%;object-fit:cover;width:100%}.local-video-container{border:2px solid #fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;height:90px;overflow:hidden;position:absolute;right:20px;top:20px;width:120px}.local-video{height:100%;object-fit:cover;width:100%}.video-call-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:50px;bottom:40px;display:flex;gap:16px;left:50%;padding:16px 24px;position:absolute;transform:translateX(-50%)}.control-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;padding:12px;transition:all .2s;width:48px}.control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.control-btn.active,.control-btn.end-call{background:#e53935}.control-btn.end-call:hover{background:#c62828}.control-btn svg{stroke:currentColor;height:20px;width:20px}.call-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;color:#fff;left:20px;padding:12px 16px;position:absolute;top:20px}.call-info h3{font-size:1.1rem;font-weight:500;margin:0}.call-duration{font-size:.9rem;opacity:.8}@media (max-width:768px){.local-video-container{height:75px;right:10px;top:10px;width:100px}.video-call-controls{bottom:20px;gap:12px;padding:12px 20px}.control-btn{height:44px;padding:10px;width:44px}.call-info{left:10px;padding:8px 12px;top:10px}.call-info h3{font-size:1rem}}@media (max-width:480px){.video-call-modal{margin:20px;min-width:auto;padding:24px}.call-actions{flex-direction:column;gap:12px}.call-actions button{flex-direction:row;justify-content:center;width:100%}.local-video-container{height:60px;width:80px}.video-call-controls{bottom:10px;gap:8px;padding:8px 16px}.control-btn{height:40px;padding:8px;width:40px}}.voice-message{background:#0000000d;border-radius:12px;max-width:300px;min-width:200px;padding:8px 12px;position:relative}.voice-play-btn{background:none;border:none;color:#00a884;height:32px;min-width:32px;padding:8px;transition:all .2s}.voice-play-btn:hover{background:#00a8841a}.voice-play-btn.playing{background:#00a884}.voice-play-btn svg{height:16px;width:16px}.voice-content{gap:4px}.voice-waveform{background:#0000001a;border-radius:10px;height:18px;overflow:hidden;position:relative}.voice-waveform .voice-bars{background-repeat:repeat-x;background-size:4px 100%;height:100%;left:0;pointer-events:none;position:absolute;top:0}.voice-waveform .voice-bars.base{background-image:repeating-linear-gradient(90deg,#fffffff2 0 2px,#0000 2px 4px);opacity:.35;right:0}.message.voice.them .voice-waveform .voice-bars.base{background-image:repeating-linear-gradient(90deg,#0009 0 2px,#0000 2px 4px);opacity:.4}.voice-waveform .voice-bars.fill{background-image:repeating-linear-gradient(90deg,#fff 0 2px,#0000 2px 4px);border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;mix-blend-mode:overlay;transition:width .15s linear}.message.voice.them .voice-waveform .voice-bars.fill{background-image:repeating-linear-gradient(90deg,var(--color-accent) 0 2px,#0000 2px 4px);mix-blend-mode:normal}.voice-progress{background:#00a884;border-radius:10px;height:100%;position:relative;transition:width .1s ease}.voice-progress:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.voice-duration{color:#8696a0;font-size:.75rem}.voice-icon{align-items:center;color:#8696a0;display:flex;flex-shrink:0;justify-content:center}.voice-icon svg{stroke:currentColor;fill:none;height:16px;width:16px}.message.voice{align-items:center;background:var(--color-bubble-incoming);border:1px solid var(--color-bubble-incoming-border);border-radius:22px;display:flex;gap:12px;max-width:420px;padding:8px 14px 14px;position:relative}.message.voice.me{background:var(--color-bubble-outgoing);border:1px solid rgba(var(--color-bubble-outgoing-rgb),.35);box-shadow:0 6px 12px -4px rgba(var(--color-bubble-outgoing-rgb),.35)}.message.voice:before{background:inherit;bottom:0;content:"";height:16px;position:absolute;width:16px}.message.voice.me:before{border-bottom-left-radius:5px;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);margin-bottom:10px;right:-8px}.message.voice.them:before{border-bottom-right-radius:5px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%);left:-7px}.voice-message{background:#0000;flex:1 1;gap:12px;margin:0;padding:0}.voice-message,.voice-play-btn{align-items:center;display:flex}.voice-play-btn{background:#ffffff26;border:2px solid #ffffff59;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;height:38px;justify-content:center;transition:background .2s,transform .2s;width:38px}.message.voice.them .voice-play-btn{background:#00000012;border:2px solid #0000001f;color:var(--color-accent)}.voice-play-btn:hover{background:#ffffff40}.message.voice.them .voice-play-btn:hover{background:#0000001f}.voice-play-btn.playing{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.voice-play-btn svg{stroke:currentColor;fill:none;height:18px;width:18px}.voice-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.voice-waveform{align-items:center;display:flex;gap:2px;height:14px}.voice-waveform:before{background:repeating-linear-gradient(90deg,#ffffffe6,#ffffffe6 2px,#0000 0,#0000 4px);border-radius:7px;content:"";flex:1 1;height:100%;opacity:.65}.message.voice.them .voice-waveform:before{background:repeating-linear-gradient(90deg,#0000008c,#0000008c 2px,#0000 0,#0000 4px);opacity:.55}.voice-progress{display:none}.voice-duration{color:#ffffffd9;font-size:.65rem;font-weight:500;letter-spacing:.5px}.message.voice.them .voice-duration{color:#0009}.voice-icon{display:none}@media (max-width:480px){.message.voice{max-width:90%;padding:8px 12px 14px}.voice-play-btn{height:34px;width:34px}.voice-duration{font-size:.6rem}}.message-context-menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.message-context-menu{animation:contextMenuSlideIn .2s ease-out;background:#fff;border:1px solid #e9edef;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:280px;min-width:200px;overflow:hidden;position:fixed;z-index:1001}.reactions-row{background:#fafafa;display:flex;gap:6px;padding:8px 8px 6px}.reaction-btn{background:#f1f3f4;border:none;border-radius:16px;cursor:pointer;font-size:16px;padding:6px 8px}.reaction-btn:hover{background:#e6eaed}.divider{background:#e9edef;height:1px}.reaction-btn.more{font-weight:700}.full-emoji-picker{background:#fff;border-top:1px solid #e9edef;max-height:360px;overflow:hidden;padding:6px 8px 8px}.full-emoji-picker .EmojiPickerReact{border:none!important;box-shadow:none!important;max-width:100%!important;width:100%!important}.full-emoji-picker .EmojiPickerReact .epr-body{max-height:260px!important}.full-emoji-picker .EmojiPickerReact .epr-search-container input{border-radius:10px!important}@media (max-width:768px){.message-context-menu{max-width:none;width:100%}.full-emoji-picker{padding:6px 8px}.full-emoji-picker .EmojiPickerReact .epr-body{max-height:220px!important}}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{align-items:center;background:none;border:none;border-bottom:1px solid #f7f8fa;color:#3b4a54;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background-color:#f5f6f6}.context-menu-item svg{stroke:currentColor;fill:none;flex-shrink:0;height:16px;width:16px}.context-menu-item.delete{color:#dc3545!important}.context-menu-item.delete svg{stroke:#dc3545!important}.context-menu-item.delete:hover{background-color:#ffebee!important;color:#c82333!important}.context-menu-item.delete:hover svg{stroke:#c82333!important}.context-menu-item.copy,.context-menu-item.star{color:#54656f}.context-menu-item.star.starred{color:#ffc107}.context-menu-item.star.starred svg{fill:currentColor}.context-menu-item.info,.context-menu-item.reply,.context-menu-item.share{color:#54656f}.delete-options{padding:0}.delete-options-header{background:#f8f9fa;border-bottom:1px solid #e9edef;color:#3b4a54;font-size:.9rem;font-weight:600;padding:16px 16px 8px}.delete-options-content{padding:8px 0}.delete-option-btn{align-items:center;background:none;border:none;border-bottom:1px solid #f7f8fa;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.delete-option-btn:last-child{border-bottom:none}.delete-option-btn:hover{background-color:#f5f6f6}.delete-option-btn svg{stroke:currentColor;fill:none;flex-shrink:0;height:16px;width:16px}.delete-option-btn.delete-for-me{color:#dc3545!important}.delete-option-btn.delete-for-me svg{stroke:#dc3545!important}.delete-option-btn.delete-for-me:hover{background-color:#ffebee!important;color:#c82333!important}.delete-option-btn.delete-for-me:hover svg{stroke:#c82333!important}.delete-option-btn.delete-for-everyone{color:#dc3545!important}.delete-option-btn.delete-for-everyone svg{stroke:#dc3545!important}.delete-option-btn.delete-for-everyone:hover{background-color:#ffebee!important;color:#c82333!important}.delete-option-btn.delete-for-everyone:hover svg{stroke:#c82333!important}.delete-option-btn.cancel{color:#8696a0}.delete-option-btn.cancel:hover{background-color:#f5f6f6}@media (max-width:768px){.message-context-menu{animation:contextMenuSlideUp .3s ease-out;border-radius:12px 12px 0 0;bottom:0;left:0;max-width:none;min-width:auto;position:fixed;right:0;top:auto}@keyframes contextMenuSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.context-menu-item{font-size:1rem;padding:16px 20px}.context-menu-item svg{height:18px;width:18px}.delete-options-header{font-size:1rem;padding:20px 20px 12px}.delete-option-btn{font-size:1rem;padding:16px 20px}.delete-option-btn svg{height:18px;width:18px}}@media (hover:none) and (pointer:coarse){.context-menu-item,.delete-option-btn{min-height:48px}}.contact-message{align-items:center;background:#f8f9fa;border:1px solid #e3e4e6;border-radius:12px;display:flex;margin:8px 0;max-width:300px;padding:12px;transition:all .2s}.contact-message:hover{background:#f0f2f5;border-color:#d1d3d5}.contact-message.own{background:#dcf8c6;border-color:#c3e9b4;margin-left:auto}.contact-message.own:hover{background:#d4f1bb;border-color:#b8e2a4}.contact-message.error{background:#ffebee;border-color:#e57373}.contact-message.error .contact-icon{color:#e57373;margin-right:12px}.contact-profile-image{border:2px solid #fff}.contact-avatar-placeholder{border:2px solid #fff;font-size:16px}.contact-details{flex:1 1;margin-right:8px;min-width:0}.contact-name{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info{align-items:center;color:#666;display:flex;font-size:12px;gap:4px}.contact-info svg{flex-shrink:0}.contact-actions{display:flex;flex-direction:column;gap:4px}.contact-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s;white-space:nowrap}.contact-action-btn:disabled{cursor:not-allowed;opacity:.6}.add-btn{background-color:#2196f3;color:#fff}.add-btn:hover:not(:disabled){background-color:#1976d2}.chat-btn{background-color:#4caf50;color:#fff}.chat-btn:hover:not(:disabled){background-color:#45a049}.pending-btn{background-color:#ff9800;color:#fff}.loading-btn{background-color:#9e9e9e;color:#fff}.contact-action-btn svg.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.contact-message{max-width:280px;padding:10px}.contact-avatar{height:36px;margin-right:10px;width:36px}.contact-name{font-size:13px}.contact-info{font-size:11px}.contact-action-btn{font-size:11px;padding:5px 8px}}.contacts-container{background:var(--color-bg);border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.contacts-header{background:#409eff;border-bottom:1px solid #e0e0e0;padding:20px}.contacts-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 15px}.contacts-tabs{background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:10px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.tab:hover{background:#f0f0f0;color:#1a1a1a}.tab.active{background:#f0f8ff;border-bottom-color:#0084ff;color:#0084ff}.message{font-size:14px;margin:10px 20px;padding:10px 15px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.contacts-list,.requests-list{background:none;flex:1 1;margin:0;overflow-y:auto;padding:0}.contact-item,.request-item,.search-result-item{background:none;border-bottom:1px solid #f0f0f0;padding:0 20px;transition:background-color .2s ease}.contact-item:hover,.request-item:hover,.search-result-item:hover{background:#f5f6f6}.contact-avatar,.request-avatar,.result-avatar{background:#e6e6e6;border-radius:50%;flex-shrink:0;height:40px;margin-right:15px;overflow:hidden;width:40px}.contact-profile-image,.request-profile-image,.result-profile-image{height:100%;object-fit:cover;width:100%}.contact-avatar-placeholder,.request-avatar-placeholder,.result-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.contact-item,.request-item,.search-result-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #409eff0f;cursor:pointer;display:flex;height:60px;margin-bottom:16px;overflow:visible;padding:0 8px 0 16px;transition:box-shadow .2s,background .2s}.contact-name,.request-name,.result-name{color:#222;flex:1 1;font-size:15px;font-weight:600;margin-bottom:2px;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-status,.request-status,.result-status{color:#8696a0;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-time{color:#999;font-size:12px;margin-top:2px}.contact-actions,.request-actions,.result-actions{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;margin-left:auto;padding-right:4px}.action-btn{border-radius:50%;box-shadow:0 1px 4px #409eff14;flex-shrink:0;font-size:20px;height:40px;transition:background .2s,box-shadow .2s;width:40px}.action-btn svg{height:20px;width:20px}.profile-btn{background:#eaf3ff;color:#6c63ff}.profile-btn:hover{background:#d6e6ff}.chat-btn{background:#25d366!important;color:#fff!important}.chat-btn:hover{background:#1da851!important;color:#fff!important}.remove-btn{background:#dc3545!important;color:#fff!important}.remove-btn svg{stroke:#fff!important;fill:none!important}.remove-btn:hover{background:#c82333!important;color:#fff!important}.remove-btn:hover svg{stroke:#fff!important}.accept-btn{background:#25d366!important;color:#fff!important}.accept-btn svg{stroke:#fff!important}.accept-btn:hover{background:#1da851!important;color:#fff!important}.accept-btn:hover svg{stroke:#fff!important}.reject-btn{background:#dc3545!important;color:#fff!important}.reject-btn svg{stroke:#fff!important}.reject-btn:hover{background:#c82333!important;color:#fff!important}.reject-btn:hover svg{stroke:#fff!important}.add-btn{background:#17a2b8}.add-btn:hover{background:#138496}.add-btn:disabled{background:#f0f0f0;color:#b0b0b0;cursor:not-allowed}.status-text{color:#666;font-size:12px;font-style:italic}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.status-badge.accepted{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.rejected{background:#f8d7da;color:#721c24}.add-contact{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;padding:20px}.search-container{flex-shrink:0;margin-bottom:20px}.search-input{border:1px solid #ddd;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.search-input:focus{border-color:#0084ff;box-shadow:0 0 0 2px #0084ff1a}.search-results{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.empty-state{color:#666;padding:40px 20px}.loading-state{color:#666}.loading-state p{margin:10px 0 0}.spinning{animation:spin 1s linear infinite}.action-btn:disabled{cursor:not-allowed!important;opacity:.6}@media (max-width:768px){.contacts-header{padding:15px}.contacts-tabs{gap:5px}.tab{font-size:13px;padding:8px 12px}.contact-item,.request-item,.search-result-item{padding:12px 15px}.contact-avatar,.request-avatar,.result-avatar{height:40px;margin-right:12px;width:40px}.contact-name,.request-name,.result-name{font-size:15px}.action-btn{height:48px;width:48px}.action-btn svg{height:22px;width:22px}}.confirmation-modal{align-items:center;background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{max-width:400px;padding:24px;text-align:center}.modal-content h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 16px}.modal-content p{color:#666;font-size:16px;line-height:1.5;margin:0 0 24px}.modal-actions .action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.modal-actions .cancel-btn{background:#f0f0f0;color:#666}.modal-actions .cancel-btn:hover{background:#e0e0e0;color:#333}.modal-actions .confirm-btn{background:#dc3545;color:#fff}.modal-actions .confirm-btn:hover{background:#c82333}.image-viewer-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.image-viewer-container{background:#0000;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.image-viewer-header{align-items:center;background:linear-gradient(180deg,#000c,#0000);display:flex;justify-content:space-between;left:0;padding:16px 20px;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.image-viewer-controls{align-items:center;display:flex;gap:12px}.viewer-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.viewer-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.viewer-btn:disabled{cursor:not-allowed;opacity:.5}.viewer-btn.close{padding:6px}.zoom-level{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:4px;color:#fff;font-size:14px;font-weight:500;min-width:45px;padding:4px 8px;text-align:center}.image-viewer-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.fullscreen-image{max-height:70%;max-width:70%;object-fit:contain;transform-origin:center;transition:transform .1s ease-out}@media (max-width:768px){.fullscreen-image{max-height:85%;max-width:85%}}.image-viewer-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center}.loading-spinner svg{color:#fff}.image-viewer-loading p{font-size:16px;margin:0;opacity:.8}.image-viewer-error{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;text-align:center}.image-viewer-error svg{color:#ff6b6b}.image-viewer-error p{font-size:16px;margin:0;opacity:.8}.retry-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.retry-btn:hover{background:#0056b3}.image-viewer-footer{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:16px 20px;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.keyboard-shortcuts{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.keyboard-shortcuts span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:4px;color:#ffffffb3;font-size:12px;padding:4px 8px}@media (max-width:768px){.image-viewer-header{padding:12px 16px}.image-viewer-controls{gap:8px}.viewer-btn{padding:6px}.zoom-level{font-size:12px;min-width:40px;padding:3px 6px}.keyboard-shortcuts{gap:12px}.keyboard-shortcuts span{font-size:11px;padding:3px 6px}.image-viewer-footer{padding:12px 16px}}@media (max-width:480px){.keyboard-shortcuts{display:none}.image-viewer-controls{gap:6px}.viewer-btn{padding:4px}.zoom-level{font-size:11px;min-width:35px;padding:2px 4px}}.image-viewer-container:not(:hover) .image-viewer-footer,.image-viewer-container:not(:hover) .image-viewer-header{opacity:0;pointer-events:none}.image-viewer-container:hover .image-viewer-footer,.image-viewer-container:hover .image-viewer-header{opacity:1;pointer-events:auto}@media (max-width:768px){.image-viewer-container:not(:hover) .image-viewer-footer,.image-viewer-container:not(:hover) .image-viewer-header{opacity:1;pointer-events:auto}}.user-profile-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.user-profile-modal{animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#e8f4fd,#f5f9fc 30%,#fff);border-radius:20px;box-shadow:0 20px 60px #00000026;cursor:default;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.profile-header{align-items:center;background:#0000;display:flex;justify-content:flex-end;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.profile-header h2{display:none}.close-button{background:#ffffffe6;box-shadow:0 2px 8px #0000001a;color:#666;transition:all .2s ease}.close-button:hover{background:#fff;box-shadow:0 4px 12px #00000026;color:#333;transform:scale(1.1)}.profile-content{padding:0 32px 32px;position:relative;z-index:1}.profile-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 24px}.profile-error{color:#e74c3c;padding:40px 24px;text-align:center}.retry-button{background:linear-gradient(135deg,#409eff,#2d8cff);border-radius:12px;box-shadow:0 4px 12px #409eff4d;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.retry-button:hover{box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}.profile-picture-section{align-items:center;display:flex;flex-direction:column;margin-bottom:40px;padding-top:20px;text-align:center}.profile-picture-container{margin-bottom:20px;position:relative}.profile-picture{border-radius:50%;box-shadow:0 8px 24px #409eff33;height:160px;object-fit:cover;transition:all .3s ease;width:160px}.profile-picture:hover{box-shadow:0 12px 32px #409eff4d;transform:scale(1.05)}.profile-picture-placeholder{align-items:center;background:linear-gradient(135deg,#5eb3f6,#409eff);border-radius:50%;box-shadow:0 8px 24px #409eff33;color:#fff;display:flex;font-size:64px;font-weight:700;height:160px;justify-content:center;transition:all .3s ease;width:160px}.profile-picture-placeholder:hover{box-shadow:0 12px 32px #409eff4d;transform:scale(1.05)}.profile-basic-info{margin-bottom:8px}.profile-name{color:#000;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.profile-status{color:#2d3748;font-size:16px;font-weight:500;margin:0}.profile-section{animation:fadeInUp .4s ease-out backwards;margin-bottom:32px}.profile-section:first-child{animation-delay:.1s}.profile-section:nth-child(2){animation-delay:.2s}.profile-section:nth-child(3){animation-delay:.3s}.profile-section:nth-child(4){animation-delay:.4s}.profile-section:nth-child(5){animation-delay:.5s}.section-title{color:#1a202c;font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.profile-bio{background:#f7fafc;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#1a202c;font-size:16px;font-weight:500;line-height:1.6;margin:0;padding:20px 24px;transition:all .2s ease}.profile-bio:hover{background:#edf2f7;box-shadow:0 2px 6px #00000014}.profile-joined{background:#f7fafc;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#1a202c;font-size:16px;font-weight:500;margin:0;padding:20px 24px;transition:all .2s ease}.profile-joined:hover{background:#edf2f7;box-shadow:0 2px 6px #00000014}.profile-statuses-single{align-items:center;background:#f7fafc;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.profile-statuses-single:hover{background:#edf2f7;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.profile-statuses-thumb-single{align-items:center;background:linear-gradient(135deg,#5eb3f6,#409eff);border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;position:relative;width:56px}.profile-statuses-thumb-single img{height:100%;object-fit:cover;width:100%}.profile-status-text-thumb{color:#fff;font-size:20px;font-weight:700}.status-count-badge{background:#409eff;border:2px solid #fff;border-radius:10px;bottom:-2px;box-shadow:0 2px 6px #00000026;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;position:absolute;right:-2px}.profile-status-meta-center{flex:1 1;text-align:left}.profile-status-meta-center .type{color:#1a202c;font-size:15px;font-weight:600;margin-bottom:4px}.profile-status-meta-center .time{color:#4a5568;font-size:13px}.archived-statuses-single{align-items:center;background:#f7fafc;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.archived-statuses-single:hover{background:#edf2f7;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.archived-statuses-thumb-single{align-items:center;background:linear-gradient(135deg,#5eb3f6,#409eff);border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;position:relative;width:56px}.archived-statuses-thumb-single img{height:100%;object-fit:cover;width:100%}.archived-generic-thumb,.archived-video-thumb{color:#fff;font-size:24px}.archived-text-thumb{color:#fff;font-size:20px;font-weight:700}.archive-count-badge{background:#409eff;border:2px solid #fff;border-radius:10px;bottom:-2px;box-shadow:0 2px 6px #00000026;font-size:11px;padding:2px 6px;right:-2px}.archived-status-meta-center{flex:1 1;text-align:left}.archived-status-meta-center .archived-status-type{color:#1a202c;font-size:15px;font-weight:600;margin-bottom:4px}.archived-status-meta-center .archived-status-time{color:#4a5568;font-size:13px}.profile-actions{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px}.action-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.action-button:disabled{cursor:not-allowed;opacity:.6}.block-button{background:#ff4757;box-shadow:0 4px 12px #ff47574d;color:#fff}.block-button:hover:not(:disabled){background:#ff3838;box-shadow:0 6px 16px #ff475766;transform:translateY(-2px)}.unblock-button{background:#409eff;box-shadow:0 4px 12px #409eff4d}.unblock-button:hover:not(:disabled){background:#2d8cff;box-shadow:0 6px 16px #409eff66;transform:translateY(-2px)}.block-status-warning{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-left:4px solid #ffc107;border-radius:12px;color:#b8860b;display:flex;gap:12px;margin-top:24px;padding:16px 20px}.block-status-warning svg{color:#ffc107;flex-shrink:0}.block-status-warning p{font-size:14px;font-weight:500;margin:0}.confirmation-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:20px;z-index:1100}.confirmation-modal{animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:600px;padding:28px;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirmation-modal h3{color:#000;font-size:20px;font-weight:700;margin:0 0 16px}.confirmation-modal p{color:#4a5568;font-size:15px;line-height:1.5;margin:0 0 24px}.confirmation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.confirmation-body{margin-bottom:24px}.confirmation-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#4a5568;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.confirm-button{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.confirm-button:disabled{cursor:not-allowed;opacity:.6}.block-confirm{background:#ff4757;box-shadow:0 4px 12px #ff47574d}.block-confirm:hover:not(:disabled){background:#ff3838;box-shadow:0 6px 16px #ff475766;transform:translateY(-2px)}.unblock-confirm{background:#409eff;box-shadow:0 4px 12px #409eff4d}.unblock-confirm:hover:not(:disabled){background:#2d8cff;box-shadow:0 6px 16px #409eff66;transform:translateY(-2px)}.profile-status-viewer{margin:0 auto;max-height:85vh;max-width:600px}@media (min-width:769px){.confirmation-overlay{align-items:center;justify-content:center}.confirmation-modal{margin:0 auto;max-width:600px}}.confirmation-overlay{overflow-y:auto}.confirmation-modal{display:flex;flex-direction:column;margin:0 auto;max-height:85vh;overflow-y:auto}.confirmation-body{flex:1 1;max-height:calc(85vh - 200px);overflow-y:auto}.confirmation-body img{display:block;height:auto;margin:0 auto;max-width:100%}.confirmation-body img,.confirmation-body video{border-radius:8px;box-shadow:0 2px 8px #0000001a}.confirmation-body video{max-height:400px;width:100%}.confirmation-actions button{min-width:80px}@media (max-width:480px){.user-profile-overlay{align-items:flex-end;padding:0}.user-profile-modal{border-radius:20px 20px 0 0;max-height:95vh;max-width:none;width:100%}.profile-content{padding:0 24px 24px}.profile-picture,.profile-picture-placeholder{font-size:56px;height:140px;width:140px}.profile-name{font-size:28px}.confirmation-overlay{align-items:center!important;justify-content:center!important;padding:16px}.confirmation-modal{border-radius:16px;margin:auto;max-height:85vh;max-width:95%;width:95%}.confirmation-body{max-height:calc(85vh - 180px);padding:16px}.confirmation-body img{max-height:50vh;object-fit:contain}.confirmation-body video{max-height:40vh}.confirmation-actions{flex-direction:row!important;gap:8px}.cancel-button,.confirm-button{flex:1 1;font-size:13px;padding:10px 16px}.confirmation-header h3{font-size:18px}}.user-profile-modal::-webkit-scrollbar{width:8px}.user-profile-modal::-webkit-scrollbar-track{background:#0000}.user-profile-modal::-webkit-scrollbar-thumb{background:#409eff4d;border-radius:4px}.user-profile-modal::-webkit-scrollbar-thumb:hover{background:#409eff80}@media (max-width:768px){.user-profile-overlay{padding:10px}.user-profile-modal{max-height:95vh;max-width:100%}.profile-content{padding:0 24px 24px}.profile-picture,.profile-picture-placeholder{font-size:56px;height:140px;width:140px}.profile-name{font-size:28px}.confirmation-overlay{align-items:center!important;justify-content:center!important;padding:20px}.confirmation-modal{margin:auto;max-height:85vh;max-width:85%}.confirmation-body{max-height:calc(85vh - 160px)}.confirmation-body img{max-height:55vh;object-fit:contain}.confirmation-body video{max-height:45vh}}@media (max-width:480px){.user-profile-modal{border-radius:16px}.profile-content{padding:0 20px 20px}.profile-picture,.profile-picture-placeholder{font-size:48px;height:120px;width:120px}.profile-name{font-size:24px}.section-title{font-size:12px}}.status-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100%}.status-header{background-color:#409eff;border-bottom:1px solid #e0e0e0;padding:16px}.status-header-content{align-items:center;display:flex;justify-content:space-between}.status-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.status-header-buttons{align-items:center;display:flex;gap:8px}.refresh-status-btn{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.refresh-status-btn:hover{background-color:#ffffff4d}.add-status-btn{align-items:center;background-color:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.add-status-btn:hover{background-color:#128c7e}.new-status-notification{align-items:center;animation:slideDown .3s ease-out,fadeOut .5s ease-in 2.5s forwards;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:20px;box-shadow:0 2px 8px #25d3664d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding:8px 12px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.my-status-section{background-color:#fff;margin:8px 0;padding:16px}.my-status-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.my-status-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 0;transition:background-color .2s}.my-status-item:last-child{border-bottom:none}.my-status-item:hover{background-color:#f8f9fa}.my-status-item.clickable{cursor:pointer}.status-avatar{align-items:center;border-radius:50%;display:flex;height:48px;justify-content:center;margin-right:12px;overflow:hidden;width:48px}.status-avatar.add-status{background-color:#e3f2fd;border:2px dashed #2196f3;color:#2196f3}.status-avatar-placeholder{align-items:center;background-color:#2196f3;color:#fff;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;width:100%}.status-avatar img{height:100%;object-fit:cover;width:100%}.status-avatar.unviewed{border:3px solid #25d366;padding:2px}.status-avatar.viewed{border:3px solid #e0e0e0;padding:2px}.status-avatar.unviewed img,.status-avatar.viewed img{border-radius:50%;height:calc(100% - 4px);width:calc(100% - 4px)}.status-info{display:flex;flex:1 1;flex-direction:column}.status-name{color:#333;font-weight:600;margin-bottom:4px}.status-time{color:#666;font-size:14px}.delete-status-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:8px;transition:background-color .2s}.delete-status-btn:hover{background-color:#f0f0f0;color:#d32f2f}.recent-updates-section{background-color:#fff;flex:1 1;margin:8px 0;padding:16px}.recent-updates-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.status-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 0;transition:background-color .2s}.status-item:last-child{border-bottom:none}.status-item:hover{background-color:#f8f9fa}.no-statuses{color:#666;font-style:italic;padding:20px;text-align:center}.status-upload-modal{background-color:#00000080}.modal-content{background-color:#fff;box-shadow:0 10px 25px #0003;overflow-y:auto}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px}.modal-header h3{color:#333}.close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:8px;transition:background-color .2s}.close-btn:hover{background-color:#f0f0f0}.modal-body{padding:20px}.upload-type-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;flex:1 1;padding:12px;transition:all .2s}.upload-type-btn.active{background-color:#e8f5e8;border-color:#25d366;color:#25d366}.upload-type-btn:hover{border-color:#25d366}.status-text-input{margin-bottom:20px}.status-text-input textarea{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;min-height:100px;padding:12px}.status-text-input textarea:focus{border-color:#25d366;outline:none}.file-upload-section{margin-bottom:20px}.file-upload-btn{background:#fff;border:2px dashed #e0e0e0;border-radius:8px;color:#666;padding:12px;transition:all .2s}.file-upload-btn:hover{border-color:#25d366;color:#25d366}.selected-file{background-color:#f8f9fa;border-radius:8px;margin-top:12px;padding:12px}.remove-file-btn{background:none;border-radius:4px;color:#d32f2f;padding:4px}.remove-file-btn:hover{background-color:#ffebee}.upload-btn{background-color:#25d366;border-radius:8px;font-size:16px;padding:12px 24px;transition:background-color .2s}.upload-btn:hover:not(:disabled){background-color:#128c7e}.upload-btn:disabled{background-color:#ccc}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fff3;box-shadow:0 20px 40px #00000026}.modal-header{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:16px 16px 0 0;color:#fff;margin:0}.modal-header h3{font-size:20px;font-weight:700;text-shadow:0 1px 2px #0000001a}.modal-body{padding:32px 24px 24px}.modal-body p{color:#2c3e50;font-size:16px;font-weight:500;line-height:1.6;margin:0 0 32px;text-align:center}.modal-actions{margin:0}.cancel-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;box-shadow:0 2px 8px #0000001a;color:#495057;font-size:16px;overflow:hidden;padding:14px 28px;position:relative}.cancel-btn:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cancel-btn:hover:before{left:100%}.cancel-btn:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;box-shadow:0 4px 16px #00000026}.cancel-btn:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 16px #ee5a524d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.delete-btn:hover:before{left:100%}.delete-btn:hover{background:linear-gradient(135deg,#ee5a52,#dc3545);box-shadow:0 6px 20px #ee5a5266;transform:translateY(-2px)}.delete-btn:active{box-shadow:0 4px 16px #ee5a524d;transform:translateY(0)}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);transform-origin:center bottom}.camera-modal{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.camera-content{background-color:#000;border-radius:12px;display:flex;flex-direction:column;height:100%;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.camera-header{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.camera-header h3{font-size:18px;font-weight:600;margin:0}.camera-body{flex:1 1;flex-direction:column}.camera-body,.camera-preview{background-color:#000;display:flex}.camera-preview{align-items:center;flex:1 1;justify-content:center;position:relative}.camera-video{border-radius:0;height:100%;object-fit:cover;width:100%}.camera-controls{align-items:center;background:linear-gradient(0deg,#000c 0,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:20px;position:absolute;right:0}.camera-switch-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.camera-switch-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.camera-capture-btn{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.camera-capture-btn:hover{transform:scale(1.1)}.camera-capture-btn:active{transform:scale(.95)}.capture-ring{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:4px solid #fff;border-radius:50%;display:flex;height:70px;justify-content:center;width:70px}.capture-circle{background:#fff;border-radius:50%;height:50px;transition:all .2s ease;width:50px}.camera-capture-btn:active .capture-circle{transform:scale(.8)}.camera-placeholder{height:50px;width:50px}@media (max-width:768px){.camera-content{border-radius:0;max-height:100vh;max-width:100%}.camera-controls{padding:16px}.camera-switch-btn{height:45px;width:45px}.capture-ring{height:65px;width:65px}.capture-circle{height:45px;width:45px}}.status-viewer-modal{align-items:center;background-color:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.status-viewer-content{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.status-viewer-header{align-items:center;background:linear-gradient(180deg,#000000b3 0,#0000);display:flex;justify-content:space-between;left:0;padding:20px;position:absolute;right:0;top:0;z-index:10}.status-viewer-user-info{align-items:center;display:flex;gap:12px}.status-viewer-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.status-viewer-avatar img{height:100%;object-fit:cover;width:100%}.status-viewer-avatar-placeholder{align-items:center;background-color:#2196f3;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.status-viewer-details{display:flex;flex-direction:column}.status-viewer-name{color:#fff;font-size:16px;font-weight:600}.status-viewer-time{color:#ccc;font-size:14px}.status-viewer-actions{display:flex;gap:12px}.status-viewer-actions .delete-status-btn{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.status-viewer-actions .delete-status-btn:hover{background-color:#fff3}.status-viewer-actions .close-btn{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.status-viewer-actions .close-btn:hover{background-color:#fff3}.viewers-btn{align-items:center;background-color:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.viewers-btn:hover{background-color:#fff3;transform:scale(1.05)}.viewers-count{min-width:16px;text-align:center}.likes-btn{align-items:center;background-color:#ff304033;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.likes-btn:hover{background-color:#ff30404d;transform:scale(1.05)}.likes-count{min-width:16px;text-align:center}.viewers-btn.new-view-pulse{animation:viewPulse .6s ease-in-out}@keyframes viewPulse{0%{background-color:#ffffff1a;transform:scale(1)}50%{background-color:#25d3664d;transform:scale(1.1)}to{background-color:#ffffff1a;transform:scale(1)}}.viewers-modal{max-height:600px;max-width:400px}.viewers-modal .modal-header{background:linear-gradient(135deg,#25d366,#128c7e)}.viewers-list{max-height:400px;overflow-y:auto;padding:0}.viewer-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:12px 20px;transition:background-color .2s ease}.viewer-item:last-child{border-bottom:none}.viewer-item:hover{background-color:#f8f9fa}.viewer-avatar{align-items:center;border-radius:50%;display:flex;height:48px;justify-content:center;margin-right:12px;overflow:hidden;width:48px}.viewer-avatar img{height:100%;object-fit:cover;width:100%}.viewer-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;width:100%}.viewer-info{display:flex;flex:1 1;flex-direction:column}.viewer-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.viewer-time{color:#666;font-size:14px}.no-viewers{color:#666;padding:40px 20px;text-align:center}.no-viewers svg{margin-bottom:16px;opacity:.5}.no-viewers p{font-size:16px;font-style:italic;margin:0}.comment-btn{align-items:center;background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.comment-btn:hover{background-color:#fff3;transform:scale(1.1)}.comment-count{background-color:#25d366;border-radius:50%;font-size:10px;font-weight:600;height:18px;position:absolute;right:-5px;top:-5px;width:18px}.comment-count,.status-like-btn{align-items:center;color:#fff;display:flex;justify-content:center}.status-like-btn{background-color:#ffffff1a;border:none;border-radius:50%;cursor:pointer;height:40px;position:relative;transition:all .3s ease;width:40px}.status-like-btn:hover{background-color:#fff3;transform:scale(1.1)}.status-like-btn.liked{color:#ff3040}.status-like-btn.liked svg{fill:#ff3040}.status-like-count{align-items:center;background-color:#ff3040;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.status-like-count.clickable{cursor:pointer;transition:all .2s ease}.status-like-count.clickable:hover{background-color:#e02d3a;transform:scale(1.1)}.like-indicator{align-items:center;display:flex;justify-content:center;margin-left:auto}.comments-modal{max-height:70vh;max-width:500px}.comments-modal .modal-header{background:linear-gradient(135deg,#25d366,#128c7e)}.comments-body{display:flex;flex-direction:column;height:100%;padding:0}.comments-list{flex:1 1;max-height:400px;overflow-y:auto;padding:20px}.comment-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;margin-bottom:16px;padding-bottom:16px}.comment-item:last-child{border-bottom:none;margin-bottom:0}.comment-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;overflow:hidden;width:40px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.comment-username{color:#333;font-size:14px;font-weight:600}.comment-time{color:#666;font-size:12px}.comment-text{word-wrap:break-word;color:#333;font-size:14px;line-height:1.4;margin-bottom:8px}.comment-actions{align-items:center;display:flex;gap:8px}.comment-like-btn{align-items:center;background:none;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s ease}.comment-like-btn:hover{background-color:#f0f0f0;color:#ff3040}.comment-like-btn.liked{color:#ff3040}.comment-like-btn.liked svg{fill:#ff3040}.like-count{font-weight:600;min-width:12px;text-align:center}.like-count.clickable{border-radius:8px;cursor:pointer;padding:2px 4px;transition:all .2s ease}.like-count.clickable:hover{background-color:#ff30401a;color:#ff3040;transform:scale(1.1)}.no-comments{color:#666;padding:40px 20px;text-align:center}.no-comments svg{margin-bottom:16px;opacity:.5}.no-comments p{font-size:16px;font-weight:600;margin:0 0 4px}.no-comments span{color:#999;font-size:14px}.loading-comments{color:#666;padding:40px 20px;text-align:center}.comment-input-section{background-color:#fafafa;border-top:1px solid #e0e0e0;padding:16px 20px;position:relative}.comment-input-section .emoji-picker{bottom:100%;left:auto;margin-bottom:8px;position:absolute;right:0}@media (max-width:768px){.comment-input-section .emoji-picker{left:16px;max-width:320px;right:16px;width:calc(100vw - 32px)}}.comment-input-container{align-items:center;display:flex;gap:12px;position:relative}.comment-input-container input{border:1px solid #e0e0e0;border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s}.comment-input-container input:focus{border-color:#25d366}.emoji-picker-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.emoji-picker-btn:hover{background-color:#f0f0f0;color:#333;transform:scale(1.1)}.emoji-picker-btn:active{transform:scale(.95)}.send-comment-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.send-comment-btn:hover:not(:disabled){box-shadow:0 4px 12px #25d3664d;transform:scale(1.1)}.send-comment-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.status-viewer-body{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.status-text-content{color:#fff;max-width:80%;text-align:center}.status-text-content p{font-size:24px;line-height:1.5;margin:0}.status-media-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.status-image{object-fit:contain}.status-image,.status-video{max-height:100%;max-width:100%}.status-viewer-navigation{align-items:center;background:linear-gradient(0deg,#000000b3 0,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:20px;position:absolute;right:0;z-index:10}.nav-btn{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background-color .2s;width:48px}.nav-btn:hover:not(:disabled){background-color:#ffffff4d}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.status-progress{display:flex;gap:8px}.progress-dot{background-color:#ffffff4d;border-radius:50%;cursor:pointer;height:8px;transition:background-color .2s;width:8px}.progress-dot.active{background-color:#fff}.progress-dot:hover{background-color:#fff9}@media (max-width:768px){.modal-content{margin:20px;width:95%}.upload-type-buttons{flex-direction:column}.status-viewer-header,.status-viewer-navigation{padding:16px}.nav-btn{height:40px;width:40px}.status-text-content p{font-size:20px}}.status-upload-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.status-upload-modal .modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #409eff1a;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:85vh;max-width:480px;overflow-y:auto;transform-origin:center bottom;width:100%}.status-upload-modal .modal-header{background:linear-gradient(135deg,#409eff,#2f9bff);border-radius:20px 20px 0 0;color:#fff;margin:0;overflow:hidden;padding:24px 28px 20px;position:relative}.status-upload-modal .modal-header:before{background:linear-gradient(45deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.status-upload-modal .modal-header h3{font-size:22px;font-weight:700;margin:0;position:relative;text-shadow:0 2px 4px #0000001a;z-index:1}.status-upload-modal .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:2}.status-upload-modal .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.status-upload-modal .close-btn:active{transform:scale(.95)}.status-upload-modal .modal-body{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px 28px 20px}.upload-type-buttons{grid-gap:12px;display:grid;flex-shrink:0;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.upload-type-btn{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:16px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-type-btn:before{background:linear-gradient(90deg,#0000,#409eff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.upload-type-btn:hover:before{left:100%}.upload-type-btn:hover{box-shadow:0 8px 25px #409eff26}.upload-type-btn.active,.upload-type-btn:hover{border-color:#409eff;transform:translateY(-2px)}.upload-type-btn.active{background:linear-gradient(135deg,#e1f2ff,#f0f9ff);box-shadow:0 8px 25px #409eff33;color:#409eff}.upload-type-btn.active:before{background:linear-gradient(90deg,#0000,#409eff33,#0000)}.upload-type-btn svg{height:24px;transition:all .3s ease;width:24px}.upload-type-btn.active svg{transform:scale(1.1)}.upload-type-btn span{color:#1a2b3c;font-size:14px;font-weight:600;transition:color .3s ease}.upload-type-btn.active span{color:#409eff}.status-text-input{flex-shrink:0;margin-bottom:16px}.status-text-input textarea{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#1a2b3c;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;max-height:80px;min-height:45px;outline:none;padding:10px 16px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.status-text-input textarea:focus{background:#fff;border-color:#409eff;box-shadow:0 0 0 4px #409eff1a,0 8px 25px #409eff26}.status-text-input textarea::placeholder{color:#94a3b8;font-weight:400}.file-upload-section{flex-shrink:0;margin-bottom:16px}.file-upload-btn{align-items:center;background:linear-gradient(135deg,#e1f2ff,#f0f9ff);border:2px dashed #409eff;border-radius:12px;box-shadow:0 2px 8px #409eff26;color:#409eff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.file-upload-btn:before{background:linear-gradient(90deg,#0000,#409eff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.file-upload-btn:hover:before{left:100%}.file-upload-btn:hover{background:linear-gradient(135deg,#d1e7ff,#e6f3ff);border-color:#2f9bff;box-shadow:0 6px 20px #409eff40;color:#2f9bff;transform:translateY(-2px)}.file-upload-btn svg{height:20px;transition:transform .3s ease;width:20px}.file-upload-btn:hover svg{transform:scale(1.1)}.selected-file{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#e1f2ff,#f0f9ff);border:1px solid #409eff33;border-radius:12px;display:flex;justify-content:space-between;margin-top:16px;padding:16px 20px}.selected-file span{color:#1a2b3c;flex:1 1;font-size:14px;font-weight:500;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.remove-file-btn:hover{background:#ef444433;transform:scale(1.1)}.remove-file-btn:active{transform:scale(.95)}.remove-file-btn svg{height:16px;width:16px}.modal-actions{margin-top:8px;padding-top:16px;text-align:center}.upload-btn{background:linear-gradient(135deg,#409eff,#2f9bff);border:none;border-radius:12px;box-shadow:0 4px 15px #409eff4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;min-width:180px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.upload-btn:hover:before{left:100%}.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#2f9bff,#1d79ec);box-shadow:0 8px 25px #409eff66;transform:translateY(-2px)}.upload-btn:active:not(:disabled){box-shadow:0 4px 15px #409eff4d;transform:translateY(0)}.upload-btn:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 2px 8px #0000001a;cursor:not-allowed;transform:none}.upload-btn:disabled:before{display:none}.upload-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:768px){.status-upload-modal{padding:12px}.status-upload-modal .modal-content{border-radius:16px;max-height:90vh;max-width:100%}.status-upload-modal .modal-header{border-radius:16px 16px 0 0;padding:18px 20px 14px}.status-upload-modal .modal-header h3{font-size:18px}.status-upload-modal .modal-body{padding:20px 16px 16px}.upload-type-buttons{gap:10px;margin-bottom:16px}.upload-type-btn{border-radius:10px;padding:14px 10px}.upload-type-btn svg{height:18px;width:18px}.upload-type-btn span{font-size:12px}.status-text-input textarea{border-radius:10px;font-size:14px;max-height:60px;min-height:35px;padding:8px 14px}.file-upload-btn{border-radius:10px;font-size:14px;padding:12px 14px}.selected-file{border-radius:8px;padding:12px 14px}.upload-btn{border-radius:10px;font-size:14px;min-width:160px;padding:12px 24px}}@media (max-width:480px){.status-upload-modal{padding:8px}.status-upload-modal .modal-content{max-height:95vh}.status-upload-modal .modal-header{padding:16px 18px 12px}.status-upload-modal .modal-header h3{font-size:16px}.status-upload-modal .modal-body{padding:16px 14px 12px}.upload-type-buttons{gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.upload-type-btn{border-radius:8px;gap:6px;padding:12px 8px}.upload-type-btn svg{height:16px;width:16px}.upload-type-btn span{font-size:11px}.status-text-input textarea{border-radius:8px;font-size:13px;max-height:45px;min-height:30px;padding:6px 12px}.file-upload-btn{border-radius:8px;font-size:13px;padding:10px 12px}.selected-file{border-radius:6px;padding:10px 12px}.upload-btn{border-radius:8px;font-size:13px;min-width:140px;padding:10px 20px}}@media (prefers-reduced-motion:reduce){.file-upload-btn,.selected-file,.status-upload-modal,.status-upload-modal .modal-content,.upload-btn,.upload-type-btn{animation:none;transition:none}.file-upload-btn:before,.upload-btn:before,.upload-type-btn:before{display:none}}.file-upload-btn:focus-visible,.status-text-input textarea:focus-visible,.upload-btn:focus-visible,.upload-type-btn:focus-visible{outline:2px solid #409eff;outline-offset:2px}.preview-modal{height:auto;max-height:90vh;max-width:90vw;width:auto}.preview-body{display:flex;flex-direction:column;overflow:hidden;padding:0}.preview-container{align-items:center;background:#000;border-radius:0 0 20px 20px;display:flex;justify-content:center;max-height:80vh;min-height:300px;overflow:auto;position:relative;width:100%}.preview-image{cursor:zoom-in;display:block;height:auto;image-rendering:auto;max-height:none;max-width:100%;min-height:200px;min-width:200px;object-fit:contain;object-position:center;width:auto}.preview-image:hover{cursor:zoom-in}.preview-video{display:block;height:auto;image-rendering:auto;max-height:none;max-width:100%;min-height:200px;min-width:200px;object-fit:contain;object-position:center;width:auto}.preview-info{background:#fff;border-top:1px solid #e2e8f0;padding:20px 28px}.preview-info p{align-items:center;color:#1a2b3c;display:flex;font-size:14px;gap:8px;margin:8px 0}.preview-info strong{color:#409eff;font-weight:600;min-width:60px}.preview-modal .modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:center;margin-top:0;padding:20px 28px}.preview-modal .cancel-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-modal .cancel-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;color:#475569;transform:translateY(-2px)}.preview-modal .confirm-btn{background:linear-gradient(135deg,#409eff,#2f9bff);border:none;border-radius:12px;box-shadow:0 4px 15px #409eff4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-modal .confirm-btn:hover{background:linear-gradient(135deg,#2f9bff,#1d79ec);box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}@media (max-width:768px){.preview-modal{max-height:85vh;max-width:95vw}.preview-container{border-radius:0 0 16px 16px;max-height:70vh;min-height:250px}.preview-image,.preview-video{min-height:150px;min-width:150px}.preview-info{padding:16px 20px}.preview-info p{font-size:13px}.preview-modal .modal-actions{gap:10px;padding:16px 20px}.preview-modal .cancel-btn,.preview-modal .confirm-btn{font-size:14px;min-width:100px;padding:10px 20px}}@media (max-width:480px){.preview-modal{max-height:90vh;max-width:98vw}.preview-container{border-radius:0 0 12px 12px;max-height:75vh;min-height:200px}.preview-image,.preview-video{min-height:120px;min-width:120px}.preview-info{padding:12px 16px}.preview-info p{font-size:12px;margin:6px 0}.preview-modal .modal-actions{gap:8px;padding:12px 16px}.preview-modal .cancel-btn,.preview-modal .confirm-btn{font-size:13px;min-width:80px;padding:8px 16px}}.preview-container.large-image{align-items:flex-start;justify-content:flex-start;max-height:85vh;overflow:auto}.preview-container.large-image .preview-image,.preview-container.large-image .preview-video{height:auto;max-height:none;max-width:none;min-height:auto;min-width:auto;width:auto}@media (prefers-contrast:high){.status-upload-modal .modal-content{border:2px solid #000}.file-upload-btn,.status-text-input textarea,.upload-type-btn{border-width:2px}.file-upload-btn:hover,.upload-type-btn.active{border-width:3px}.preview-container{border:2px solid #000}.preview-modal .cancel-btn,.preview-modal .confirm-btn{border-width:2px}}.modal-overlay{background-color:#00000080;overflow-y:auto;padding:20px}.modal-content{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.close-button{border-radius:6px;color:#6b7280}.close-button:hover{background-color:#f3f4f6;color:#374151}.modal-form{flex:1 1;min-height:0;overflow-y:auto;padding:24px 24px 0}.form-group{margin-bottom:20px}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.avatar-upload-label:hover{background-color:#f0f9ff;border-color:#3b82f6}.avatar-preview img{border:3px solid #3b82f6}.checkbox-group{display:flex;flex-direction:column;gap:4px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:18px;margin-right:12px;width:18px}.checkbox-label small{color:#6b7280;font-size:.75rem;margin-left:30px;margin-top:2px}.search-container{margin-bottom:16px}.search-input{background-color:#f9fafb;border:1px solid #d1d5db;font-size:.875rem;padding:10px 16px}.search-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.contacts-list{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow-y:auto}.contact-item{border-bottom:1px solid #e5e7eb;padding:12px 16px;transition:background-color .2s}.contact-item:last-child{border-bottom:none}.contact-item:hover{background-color:#f3f4f6}.contact-item.selected{background-color:#dbeafe;border-left:3px solid #3b82f6}.contact-profile-image{height:40px;width:40px}.contact-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);height:40px;width:40px}.contact-name{color:#111827}.contact-checkbox{color:#3b82f6}.no-contacts{color:#6b7280;font-size:.875rem;padding:24px}.error-message{margin-bottom:20px}.modal-actions{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:24px}.cancel-button,.create-button{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-button{background-color:#f3f4f6;color:#374151}.cancel-button:hover{background-color:#e5e7eb}.create-button{background-color:#3b82f6;color:#fff}.create-button:hover:not(:disabled){background-color:#2563eb}.create-button:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width:640px){.modal-content{margin:10px;max-height:95vh}.modal-header{padding:16px 20px 12px}.modal-form{padding:20px 20px 0}.modal-actions{flex-direction:column;padding:20px}.cancel-button,.create-button{width:100%}}.groups-container{background:#fff;display:flex;flex-direction:column;height:100%}.groups-header{align-items:center;background:#409eff;border-bottom:1px solid #e0e6ed;display:flex;justify-content:space-between;min-height:75px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.groups-title h2{color:#111827;font-size:1.25rem;font-weight:600;margin:-13px 0 0}.groups-title p{color:#6b7280;font-size:.875rem;margin:0}.create-group-button{align-items:center;background-color:#00a884;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001f;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.create-group-button:hover{background-color:#00906f;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.create-group-button svg{height:16px;width:16px}.groups-content{flex:1 1;overflow-y:auto;padding:0}.groups-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6}.error-message{margin:16px 24px;padding:16px 24px}.retry-button{background-color:#dc2626;font-size:.75rem;padding:6px 12px}.retry-button:hover{background-color:#b91c1c}.no-groups{align-items:center;color:#54656f;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 24px;text-align:center}.no-groups-icon{color:#aebac1;margin-bottom:24px}.no-groups h3{color:#41525d;font-size:1.25rem;font-weight:400;margin:0 0 8px}.no-groups p{color:#667781;font-size:.875rem;line-height:1.5;margin:0 0 24px;max-width:300px}.create-first-group-button{background-color:#00a884;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.create-first-group-button:hover{background-color:#00906f}.groups-list{padding:0}.group-item{align-items:center;border-bottom:1px solid #e9edef;cursor:pointer;display:flex;min-height:56px;padding:16px 20px;transition:background-color .2s ease}.group-item:hover{background-color:#f5f6f6}.group-item:last-child{border-bottom:none}.group-avatar{flex-shrink:0;margin-right:16px}.group-profile-image{border-radius:50%;height:48px;object-fit:cover;width:48px}.group-avatar-placeholder{background:linear-gradient(135deg,#00a884,#008069);border-radius:50%;font-size:1.25rem;font-weight:600;height:48px;width:48px}.group-info{flex:1 1;justify-content:space-between;min-width:0}.group-badge.readonly{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;color:#92400e;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.group-name{word-wrap:break-word;color:#111b21;flex:1 1;font-size:.9375rem;font-weight:400;line-height:1.3;max-width:calc(100% - 32px);overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap}.group-notification-count{align-items:center;background:#00a884;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:20px;justify-content:center;margin-left:8px;min-width:20px;padding:2px 8px}@media (max-width:768px){.groups-header{min-height:56px;padding:12px 16px}.groups-title h2{font-size:1.125rem}.create-group-button{justify-content:center;margin-top:-20px}.group-item{padding:12px 16px}.group-avatar{margin-right:12px}.group-avatar-placeholder,.group-profile-image{height:42px;width:42px}.group-avatar-placeholder{font-size:1.125rem}.group-name{font-size:.875rem;font-weight:400}.no-groups{padding:32px 20px}.no-groups h3{font-size:1.125rem}}@media (max-width:480px){.groups-header{min-height:52px;padding:calc(10px + env(safe-area-inset-top, 0px)) 12px 10px}.groups-title h2{font-size:1rem}.create-group-button{border-radius:50%;font-size:0;height:36px;padding:8px;width:36px}.create-group-button svg{height:18px;width:18px}.group-item{min-height:52px;padding:10px 12px}.group-avatar-placeholder,.group-profile-image{height:38px;width:38px}.group-avatar-placeholder{font-size:1rem}.group-name{max-width:100%}.group-notification-count{font-size:11px;height:18px;min-width:18px;padding:0 6px}.group-badge.readonly{display:none}}.group-members-page{background:linear-gradient(135deg,#f5f7fb,#e8f4fd);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;position:relative}.group-members-page:before{background:radial-gradient(circle at 20% 80%,#409eff0d 0,#0000 50%),radial-gradient(circle at 80% 20%,#2f9bff08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.members-page-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 3px 15px #0000001a;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button{background:#409eff1a;box-shadow:0 2px 8px #409eff33;color:#409eff;margin-bottom:16px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#409eff33;box-shadow:0 4px 12px #409eff4d;transform:translateX(-2px) scale(1.05)}.header-content{justify-content:space-between;width:100%}.group-info,.header-content{align-items:center;display:flex;gap:20px}.group-avatar{border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 15px #00000026;height:50px;overflow:hidden;width:45px}.group-avatar img{height:95%;object-fit:cover;width:95%}.group-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#409eff,#2d8cff 50%,#1d79ec);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.group-details{flex:1 1}.group-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#409eff,#2d8cff);-webkit-background-clip:text;background-clip:text;color:#000;font-size:1.4rem;font-weight:700;letter-spacing:-.1px;margin:0 0 6px}.group-description{color:#666;font-size:.9rem;font-style:italic;font-weight:500;line-height:1.4;margin:0 0 8px;max-width:400px}.group-meta{background:#409eff1a;border-radius:20px;color:#666;display:inline-block;font-size:.9rem;font-weight:600;margin:0;padding:4px 12px}.edit-group-button{align-items:center;background:linear-gradient(135deg,#409eff,#2d8cff);border:none;border-radius:12px;box-shadow:0 4px 15px #409eff4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-group-button:hover{box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}.edit-group-button svg{height:16px;width:16px}.page-message{border-radius:8px;font-size:.875rem;font-weight:500;margin:16px 20px;padding:12px 16px}.page-message.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.page-message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-members-button{align-items:center;background:linear-gradient(135deg,#409eff,#2d8cff);border:none;border-radius:10px;box-shadow:0 4px 15px #409eff4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-members-button:hover{box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}.add-members-button svg{height:14px;width:14px}.add-members-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.close-button{color:#64748b}.close-button:hover{background:#e2e8f0;color:#475569}.modal-body{max-height:400px;overflow-y:auto;padding:24px}.message{border-radius:8px;font-size:.875rem;font-weight:500;margin-bottom:16px;padding:12px 16px}.message.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.loading-state{color:#64748b;padding:40px 20px}.loading-spinner{border:3px solid #409eff33;height:36px;width:36px}.contacts-list{display:flex;flex-direction:column;gap:8px}.contact-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.contact-item:hover:not(.disabled){background:#f1f5f9;border-color:#cbd5e1}.contact-item.selected{background:#dbeafe;border-color:#3b82f6}.contact-item.disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.contact-avatar{flex-shrink:0;height:40px;margin-right:12px;width:40px}.contact-avatar-placeholder{background:linear-gradient(135deg,#409eff,#2d8cff 50%,#1d79ec);font-size:1rem}.contact-info{min-width:0}.contact-name{color:#1e293b;font-size:.875rem}.contact-status{color:#64748b;font-size:.75rem;font-style:italic}.contact-checkbox{align-items:center;color:#409eff;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.disabled-icon{color:#94a3b8;font-weight:700}.no-contacts{color:#64748b;padding:40px 20px;text-align:center}.modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;gap:12px;margin-top:auto;padding:20px 24px}.cancel-button{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-button:hover{background:#e2e8f0;color:#334155}.add-button{background:linear-gradient(135deg,#409eff,#2d8cff);border:none;border-radius:10px;box-shadow:0 4px 15px #409eff4d;color:#fff;cursor:pointer;flex:2 1;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-button:hover:not(:disabled){box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}.add-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.members-content{margin:0 auto;max-width:700px;padding:24px 20px}.members-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 30px #0000001a;padding:24px}.section-title{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 24px;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#409eff,#2d8cff);border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.members-list{display:flex;flex-direction:column;gap:16px}.member-card{align-items:center;background:#ffffffb3;border:1px solid #ffffff4d;border-radius:12px;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.member-card:before{background:linear-gradient(135deg,#409eff,#2d8cff);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.member-card:hover{background:#ffffffe6;box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.member-card:hover:before{transform:scaleX(1)}.member-avatar{border:2px solid #ffffff80;border-radius:10px;box-shadow:0 2px 8px #0000001a;height:40px;width:40px}.member-avatar img{height:100%;object-fit:cover;width:100%}.member-avatar-placeholder{background:linear-gradient(135deg,#409eff,#2d8cff 50%,#1d79ec);font-size:1rem;font-weight:700}.member-info{gap:8px}.member-name{color:#2d3748;margin:0}.member-role{align-self:flex-start;border-radius:16px;box-shadow:0 1px 4px #00000026;color:#fff;font-size:.7rem;letter-spacing:.3px;padding:4px 12px}.member-actions{display:flex;gap:8px}.action-btn{align-items:center;background:#409eff1a;border:none;border-radius:12px;box-shadow:0 2px 8px #409eff33;color:#409eff;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{background:#409eff33;box-shadow:0 4px 12px #409eff4d;transform:scale(1.1)}@media (max-width:768px){.members-page-header{padding:16px 20px}.group-avatar{height:45px;width:45px}.group-name{font-size:1.2rem}.group-meta{font-size:1rem}.members-content{padding:24px 20px}.members-section{border-radius:20px;padding:24px}.section-title{font-size:1.5rem}.member-card{gap:16px;padding:16px}.member-avatar{height:35px;width:35px}.member-name{font-size:1.1rem}}@media (max-width:480px){.group-info{flex-direction:column;gap:16px;text-align:center}.group-name{font-size:1.1rem}.members-section{padding:20px}.member-card{flex-direction:column;gap:12px;text-align:center}.member-info{align-items:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.member-card{animation:fadeInUp .6s ease forwards}.member-card:first-child{animation-delay:.1s}.member-card:nth-child(2){animation-delay:.2s}.member-card:nth-child(3){animation-delay:.3s}.member-card:nth-child(4){animation-delay:.4s}.member-card:nth-child(5){animation-delay:.5s}.member-card:nth-child(6){animation-delay:.6s}.member-card:nth-child(7){animation-delay:.7s}.member-card:nth-child(8){animation-delay:.8s}.members-page-header,.members-section{animation:fadeInUp .8s ease forwards}.group-avatar:hover{transform:scale(1.05);transition:transform .3s ease}.member-avatar:hover{transform:scale(1.1);transition:transform .3s ease}.gm-confirmation-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1100}.gm-confirmation-modal{animation:gmConfirmIn .22s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 20px 40px #00000040;max-width:380px;padding:22px 22px 18px;width:100%}@keyframes gmConfirmIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gm-confirmation-title{color:#111827;font-size:18px;font-weight:700;margin:0 0 12px}.gm-confirmation-message{color:#374151;font-size:14px;line-height:1.5;margin:0 0 18px}.gm-confirmation-actions{display:flex;gap:10px;justify-content:flex-end}.gm-cancel-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:background .2s,border-color .2s,transform .1s}.gm-cancel-button:hover{background:#f3f4f6;border-color:#cbd5e1}.gm-confirm-button{background:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 8px #ef444459;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px;transition:background .2s,transform .1s,box-shadow .2s}.gm-confirm-button:hover{background:#dc2626}@media (max-width:480px){.gm-confirmation-modal{border-radius:12px;max-width:none;width:100%}.gm-confirmation-actions{flex-direction:column}.gm-cancel-button,.gm-confirm-button{width:100%}}.edit-group-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-group-form{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding:24px}.form-group{gap:8px}.form-group label{color:#374151;font-size:.875rem}.form-group input[type=text],.form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:.875rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group textarea{min-height:80px}.form-group small{color:#6b7280;font-size:.75rem}.avatar-upload-container{position:relative}.avatar-input{height:0;opacity:0;position:absolute;width:0}.avatar-upload-label{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:block;padding:20px;text-align:center;transition:all .2s}.avatar-upload-label:hover{background-color:#f0fdf4;border-color:#10b981}.avatar-placeholder{flex-direction:column;gap:8px}.avatar-placeholder svg{color:#9ca3af}.avatar-placeholder span{font-size:.875rem;font-weight:500}.avatar-preview{display:inline-block;position:relative}.avatar-preview img{border:3px solid #10b981;border-radius:50%;height:80px;object-fit:cover;width:80px}.remove-avatar{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:background-color .2s;width:24px}.remove-avatar:hover{background:#dc2626}.remove-avatar svg{height:12px;width:12px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:.875rem}.update-button{background:linear-gradient(135deg,#409eff,#2d8cff);border:none;border-radius:10px;box-shadow:0 4px 15px #409eff4d;color:#fff;cursor:pointer;flex:2 1;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.update-button:hover:not(:disabled){box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}.update-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.edit-group-modal .modal-content{margin:10px;max-height:95vh;width:95%}.edit-group-form{gap:16px;padding:20px}.modal-actions{gap:10px;padding:16px 20px}.modal-actions button{font-size:.875rem}}@media (max-width:480px){.edit-group-modal .modal-content{border-radius:0;height:100%;max-height:100vh;width:100%}.edit-group-form,.modal-header{padding:16px}.modal-actions{flex-direction:column;padding:16px}.modal-actions button{width:100%}}.blocked-contacts{background:#fff;display:flex;flex-direction:column;height:100%}.blocked-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.blocked-header .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#25d366;cursor:pointer;display:flex;justify-content:center;margin-right:12px;padding:8px;transition:background-color .2s}.blocked-header .back-button:hover{background-color:#25d3661a}.blocked-header h2{color:#111b21;font-size:20px;font-weight:600;margin:0}.blocked-content{flex:1 1;overflow-y:auto}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:3px solid #f0f2f5;border-top-color:#25d366;height:32px;width:32px}.loading-state p{color:#667781;font-size:14px;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:#8696a0;margin-bottom:24px;opacity:.6}.empty-state h3{color:#111b21;font-size:20px;font-weight:500;margin:0 0 12px}.empty-state p{color:#667781;font-size:14px;line-height:1.4;margin:0;max-width:300px}.blocked-info{background:#fff3cd;border-bottom:1px solid #e0e0e0;padding:16px 20px}.blocked-info p{color:#856404;font-size:14px;line-height:1.4;margin:0}.blocked-list{background:#fff}.blocked-contact-item{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;padding:16px 20px;transition:background-color .2s}.blocked-contact-item:hover{background-color:#f8f9fa}.blocked-contact-item:last-child{border-bottom:none}.contact-avatar{border-radius:50%;height:48px;margin-right:16px;overflow:hidden;position:relative;width:48px}.contact-profile-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.contact-avatar-placeholder{align-items:center;background:#8696a0;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.contact-info{flex:1 1}.contact-name{color:#111b21;font-size:16px;font-weight:500;margin-bottom:2px}.contact-blocked-date{color:#667781;font-size:13px}.unblock-button{background:#25d366;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.unblock-button:hover{background:#128c7e}.unblock-button:active{background:#075e54}@media (max-width:768px){.blocked-header{padding:12px 16px}.blocked-header h2{font-size:18px}.blocked-info{padding:12px 16px}.blocked-contact-item{padding:14px 16px}.contact-avatar{height:44px;margin-right:12px;width:44px}.contact-avatar-placeholder{font-size:16px}.contact-name{font-size:15px}.contact-blocked-date{font-size:12px}.unblock-button{font-size:13px;padding:6px 12px}.empty-state{padding:40px 16px}.empty-state h3{font-size:18px}.empty-state p{font-size:13px}}.confirmation-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:24px;width:90%}.confirmation-dialog h3{color:#111b21;font-size:18px;font-weight:600;margin:0 0 12px}.confirmation-dialog p{color:#667781;font-size:14px;line-height:1.4;margin:0 0 24px}.confirmation-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.confirm-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.cancel-button{background:#f0f2f5;color:#111b21}.cancel-button:hover:not(:disabled){background:#e4e6ea}.confirm-button{background:#dc3545;color:#fff}.confirm-button:hover:not(:disabled){background:#c82333}.cancel-button:disabled,.confirm-button:disabled,.unblock-button:disabled{cursor:not-allowed;opacity:.6}.unblock-button:disabled{background:#8696a0}.privacy-settings{background:#fff;display:flex;flex-direction:column;height:100%}.privacy-header{align-items:center;background:#409eff;border-bottom:1px solid #e0e0e0;display:flex;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.privacy-header .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#409eff;cursor:pointer;display:flex;justify-content:center;margin-right:12px;padding:8px;transition:background-color .2s}.privacy-header .back-button:hover{background-color:#25d3661a}.privacy-header h2{color:#111b21;font-size:20px;font-weight:600;margin:0}.privacy-content{flex:1 1;overflow-y:auto;padding:0 0 20px}.privacy-section{background:#fff;margin-bottom:30px}.privacy-section h3{color:#409eff;font-size:16px;font-weight:600;margin:0 0 8px;padding:20px 20px 0}.section-description{color:#667781;font-size:14px;line-height:1.4;margin:0 0 16px;padding:0 20px}.setting-item{border-bottom:1px solid #f0f2f5;min-height:60px;padding:16px 20px}.setting-item:last-child{border-bottom:none}.setting-item.clickable{cursor:pointer;transition:background-color .2s}.setting-item.clickable:hover{background-color:#f8f9fa}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-label{color:#111b21;font-size:16px;font-weight:500}.setting-description{color:#667781;font-size:13px;line-height:1.3}.setting-select{background:#fff;border:1px solid #d1d7db;border-radius:6px;color:#111b21;cursor:pointer;font-size:14px;min-width:120px;outline:none;padding:8px 12px;transition:border-color .2s}.setting-select:focus{border-color:#5ba9f7}.setting-select:hover{border-color:#125699}.setting-arrow{align-items:center;color:#8696a0;display:flex}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#409eff}input:checked+.slider:before{transform:translateX(20px)}.privacy-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;bottom:0;padding:20px;position:-webkit-sticky;position:sticky}.save-button{background:#409eff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:background-color .2s;width:100%}.save-button:hover{background:#65adf6}.save-button:active{background:#2675c4}@media (max-width:768px){.privacy-header{padding:12px 16px}.privacy-header h2{font-size:18px}.setting-item{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.setting-item .setting-select,.setting-item .toggle-switch{align-self:flex-end}.setting-item.clickable{align-items:center;flex-direction:row}.privacy-section h3{font-size:15px;padding:16px 16px 0}.section-description{font-size:13px;padding:0 16px}.privacy-actions{padding:16px}}.invite-friend-container{background:#f5f5f5;background:var(--background-color,#f5f5f5);display:flex;flex-direction:column;height:100vh}.invite-friend-header{align-items:center;background:#2f9bff;background:var(--primary-color,#2f9bff);box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;padding:16px 20px}.invite-friend-header h2{font-size:1.2rem;font-weight:500;margin:0 0 0 16px}.back-button{color:#fff}.back-button:hover{background-color:#ffffff1a}.invite-friend-content{background:#fff;flex:1 1;overflow-y:auto;padding:24px 20px}.invite-illustration{display:flex;justify-content:center;margin-bottom:24px}.invite-illustration svg{color:#2f9bff;color:var(--primary-color,#2f9bff)}.invite-message{margin-bottom:32px;text-align:center}.invite-message h3{color:#333;color:var(--text-color,#333);font-size:1.5rem;font-weight:600;margin:0 0 8px}.invite-message p{color:#666;color:var(--text-secondary,#666);font-size:.95rem;line-height:1.4;margin:0}.app-link-section{margin-bottom:32px}.app-link-section h4{color:#333;color:var(--text-color,#333);font-size:1rem;font-weight:600;margin:0 0 12px}.link-container{align-items:center;display:flex;gap:8px;margin-bottom:12px}.app-link-input{background:#f8f9fa;background:var(--input-background,#f8f9fa);border:2px solid #e1e1e1;border:2px solid var(--border-color,#e1e1e1);border-radius:12px;color:#333;color:var(--text-color,#333);flex:1 1;font-size:.9rem;outline:none;padding:12px 16px;transition:border-color .2s}.app-link-input:focus{border-color:#2f9bff;border-color:var(--primary-color,#2f9bff)}.copy-link-btn{align-items:center;background:#2f9bff;background:var(--primary-color,#2f9bff);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;min-width:90px;padding:12px 16px;transition:all .2s}.copy-link-btn:hover:not(:disabled){background:#2f9bff;background:var(--primary-color-dark,#2f9bff);transform:translateY(-1px)}.copy-link-btn:disabled{background:#2f9bff;background:var(--success-color,#2f9bff);cursor:default}.share-options h4{font-weight:600;margin:0 0 16px}.share-option-btn,.share-options h4{color:#333;color:var(--text-color,#333);font-size:1rem}.share-option-btn{align-items:center;background:#fff;border:2px solid #e1e1e1;border:2px solid var(--border-color,#e1e1e1);border-radius:16px;cursor:pointer;display:flex;font-weight:500;gap:12px;margin-bottom:12px;padding:16px 20px;transition:all .2s;width:100%}.share-option-btn:hover{background:#f8f9fa;background:var(--hover-background,#f8f9fa);border-color:#2f9bff;border-color:var(--primary-color,#2f9bff);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.email-btn svg{color:#2f9bff;color:var(--primary-color,#2f9bff)}.success-message{background:#d4edda;background:var(--success-background,#d4edda);border:1px solid #c3e6cb;border:1px solid var(--success-border,#c3e6cb);color:#2f9bff;color:var(--success-color,#2f9bff);gap:8px}.error-message,.success-message{font-size:.9rem;font-weight:500;margin-top:8px;padding:8px 12px}.error-message{background:#f8d7da;background:var(--error-background,#f8d7da);border:1px solid var(--error-border,#f5c6cb);color:#dc3545;color:var(--error-color,#dc3545)}.invite-tip{background:#e8f4fd;background:var(--tip-background,#e8f4fd);border-left:4px solid #2f9bff;border-left:4px solid var(--primary-color,#2f9bff);border-radius:12px;display:flex;gap:12px;margin-top:24px;padding:16px}.tip-icon{color:#2f9bff;color:var(--primary-color,#2f9bff);flex-shrink:0}.invite-tip p{color:#666;color:var(--text-secondary,#666);font-size:.9rem;line-height:1.4;margin:0}@media (max-width:480px){.invite-friend-content{padding:20px 16px}.link-container{flex-direction:column;gap:12px}.copy-link-btn{width:100%}.invite-message h3{font-size:1.3rem}.invite-illustration svg{height:100px;width:100px}}.language-settings-container{background:#fff;display:flex;flex-direction:column;height:100%}.language-settings-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.language-settings-header .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#25d366;cursor:pointer;display:flex;justify-content:center;margin-right:12px;padding:8px;transition:background-color .2s}.language-settings-header .back-button:hover{background-color:#25d3661a}.language-settings-header h2{color:#111b21;font-size:20px;font-weight:600;margin:0}.coming-soon-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 20px #667eea4d;margin:20px;padding:40px 20px}.coming-soon-content{color:#fff;text-align:center}.coming-soon-content svg{display:block;margin:0 auto 20px;opacity:.9}.coming-soon-content h3{font-size:28px;font-weight:700;letter-spacing:.5px;margin:0 0 12px}.coming-soon-content p{font-size:16px;line-height:1.5;margin:0 auto;max-width:400px;opacity:.95}.language-settings-content{flex:1 1;overflow-y:auto}.language-info{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.language-description{color:#667781;font-size:14px;line-height:1.4;margin:0}.language-list{background:#fff}.language-item{align-items:center;border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:16px 20px;transition:background-color .2s}.language-item:hover{background-color:#f8f9fa}.language-item:last-child{border-bottom:none}.language-item.selected{background-color:#25d3661a}.language-item.selected:hover{background-color:#25d36626}.language-info-content{flex:1 1}.language-name{color:#111b21;font-size:16px;font-weight:500;margin-bottom:2px}.language-native-name{color:#667781;font-size:13px;line-height:1.3}.language-item.selected .language-name{color:#25d366}.language-item.selected .language-native-name{color:#25d366;opacity:.8}.language-radio{height:24px;width:24px}.language-radio,.radio-circle{align-items:center;display:flex;justify-content:center}.radio-circle{border:2px solid #d1d7db;border-radius:50%;height:20px;transition:border-color .2s;width:20px}.radio-circle.selected{border-color:#25d366}.radio-inner{background-color:#25d366;border-radius:50%;height:10px;width:10px}.language-note{background:#fff3cd;border-top:1px solid #ffeaa7;margin-top:auto;padding:20px}.language-note p{color:#856404;font-size:13px;line-height:1.4;margin:0}.language-note strong{color:#533f03}@media (max-width:768px){.language-settings-header{padding:12px 16px}.language-settings-header h2{font-size:18px}.language-info{padding:16px}.language-description{font-size:13px}.language-item{padding:14px 16px}.language-name{font-size:15px}.language-native-name{font-size:12px}.language-note{padding:16px}.language-note p{font-size:12px}}.loading-spinner{align-items:center;display:flex;margin-left:auto}.spinner,.spinner-small{animation:spin 1s linear infinite}.notification{animation:slideDown .3s ease-out;border-bottom:1px solid #e0e0e0;margin:0;padding:12px 20px}.notification.success{background-color:#d4edda;border-left:4px solid #25d366;color:#155724}.notification.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.notification.warning{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404}.notification.info{background-color:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.notification-content{align-items:center;display:flex;justify-content:space-between}.notification-message{flex:1 1;font-size:14px}.notification-close{background:none;border:none;cursor:pointer;font-size:18px;font-weight:700;margin-left:12px;opacity:.7;padding:0;transition:opacity .2s}.notification-close:hover{opacity:1}.service-status{align-items:center;border-radius:4px;display:flex;font-size:13px;margin-top:8px;padding:8px 12px}.service-status.loading{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.service-status.ready{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-message{align-items:flex-start;background-color:#f8d7da;border:1px solid #f5c6cb;justify-content:space-between;margin:16px 20px}.error-content{align-items:flex-start;color:#721c24;display:flex;flex:1 1}.error-content svg{color:#dc3545;flex-shrink:0;margin-right:12px;margin-top:2px}.retry-button{background-color:#dc3545;border-radius:4px;flex-shrink:0;font-size:14px;margin-left:16px;padding:8px 16px}.retry-button:hover{background-color:#c82333}.language-list.disabled{opacity:.6;pointer-events:none}.language-item.disabled{opacity:.6}.radio-loading{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.offline-warning{color:#dc3545;font-weight:700}.back-button:disabled{cursor:not-allowed;opacity:.6}.fallback-info{background-color:#f8f9fa;border-left:3px solid #6c757d;border-radius:6px;margin-top:16px;padding:12px}.fallback-info p{color:#495057;font-weight:600;margin:0 0 8px}.fallback-info ul{color:#6c757d;margin:0;padding-left:20px}.fallback-info li{font-size:13px;line-height:1.4;margin-bottom:4px}.help-center-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh}.help-center-header{align-items:center;background-color:#409eff;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;padding:11px}.help-center-header .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:16px;padding:8px;transition:background-color .2s}.help-center-header .back-button:hover{background-color:#ffffff1a}.help-center-header h2{font-size:20px;font-weight:500;margin:0}.help-center-content{flex:1 1;overflow-y:auto;padding:20px}.help-center-intro{background:linear-gradient(135deg,#69b0f7,#409eff);border-radius:8px;box-shadow:0 4px 12px #00897b33;color:#fff;margin-bottom:24px;padding:40px 20px;text-align:center}.help-center-icon{margin-bottom:16px}.help-center-intro h3{font-size:24px;font-weight:600;margin:0 0 12px}.help-center-intro p{font-size:16px;margin:0;opacity:.9}.faq-list{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.faq-item{border-bottom:1px solid #f0f2f5;cursor:pointer;transition:background-color .2s}.faq-item:last-child{border-bottom:none}.faq-item:hover{background-color:#fafafa}.faq-question{align-items:center;display:flex;justify-content:space-between;padding:20px}.faq-question h4{color:#1e1e1e;flex:1 1;font-size:16px;font-weight:500;margin:0;padding-right:16px}.faq-toggle-icon{color:#8696a0;flex-shrink:0;transition:transform .3s ease}.faq-toggle-icon.rotated{transform:rotate(180deg)}.faq-answer{animation:fadeIn .3s ease;padding:0 20px 20px}.faq-answer p{color:#667781;font-size:15px;line-height:1.6;margin:0}.help-center-footer{padding:32px 20px;text-align:center}.help-center-footer p{color:#667781;font-size:16px;margin:0 0 16px}.contact-support-btn{border:none;border-radius:24px;box-shadow:0 2px 8px #00897b4d;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 32px;transition:background-color .2s,transform .1s}.contact-support-btn,.contact-support-btn:hover{background-color:#409eff}.contact-support-btn:active{transform:scale(.98)}@media (max-width:768px){.help-center-content{padding:16px}.help-center-intro{padding:32px 16px}.help-center-intro h3{font-size:20px}.help-center-intro p{font-size:14px}.faq-question{padding:16px}.faq-question h4{font-size:15px}.faq-answer{padding:0 16px 16px}.faq-answer p{font-size:14px}.help-center-footer{padding:24px 16px}}.contact-us-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh}.contact-us-header{align-items:center;background-color:#409eff;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;padding:11px}.contact-us-header .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:16px;padding:8px;transition:background-color .2s}.contact-us-header .back-button:hover{background-color:#ffffff1a}.contact-us-header h2{font-size:20px;font-weight:500;margin:0}.contact-us-content{flex:1 1;overflow-y:auto;padding:20px}.contact-intro{background:linear-gradient(135deg,#5dabf9,#409eff);border-radius:8px;box-shadow:0 4px 12px #00897b33;color:#fff;margin-bottom:24px;padding:40px 20px;text-align:center}.contact-icon{margin-bottom:16px}.contact-intro h3{font-size:24px;font-weight:600;margin:0 0 12px}.contact-intro p{font-size:16px;margin:0 auto;max-width:600px;opacity:.9}.contact-form{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:32px}.contact-form,.form-group{margin-bottom:24px}.form-group:last-of-type{margin-bottom:32px}.form-group label{color:#1e1e1e;display:block;font-size:15px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1e1e1e;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#409eff;box-shadow:0 0 0 3px #00897b1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-button{border:none;border-radius:8px;box-shadow:0 2px 8px #00897b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 32px;transition:background-color .2s,transform .1s;width:100%}.submit-button,.submit-button:hover:not(:disabled){background-color:#409eff}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{background-color:#b0bec5;box-shadow:none;cursor:not-allowed}.success-message{align-items:center;animation:slideDown .3s ease;background-color:#e8f5e9;border-radius:8px;color:#409eff;display:flex;gap:12px;margin-top:16px;padding:16px}.success-message svg{flex-shrink:0}.success-message span{font-size:14px;font-weight:500}.error-message{animation:slideDown .3s ease;background-color:#ffebee;gap:12px;margin-top:16px;padding:16px}.error-message svg{flex-shrink:0}.error-message span{font-size:14px;font-weight:500}.contact-info{background-color:#fff;box-shadow:0 1px 3px #0000001a;padding:32px}.contact-info h4{color:#1e1e1e;font-size:18px;font-weight:600;margin:0 0 20px}.contact-methods{display:flex;flex-direction:column;gap:16px}.contact-method{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;gap:16px;padding:12px}.contact-method svg{color:#409eff;flex-shrink:0}.contact-method span{color:#1e1e1e;font-size:15px}@media (max-width:768px){.contact-us-content{padding:16px}.contact-intro{padding:32px 16px}.contact-intro h3{font-size:20px}.contact-intro p{font-size:14px}.contact-form,.contact-info{padding:24px 20px}.form-group{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px 14px}.submit-button{font-size:15px;padding:12px 24px}.contact-info h4{font-size:16px}.contact-method{padding:10px}.contact-method span{font-size:14px}}.privacy-policy-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh}.privacy-policy-header{align-items:center;background-color:#409eff;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;padding:11px}.privacy-policy-header .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:16px;padding:8px;transition:background-color .2s}.privacy-policy-header .back-button:hover{background-color:#ffffff1a}.privacy-policy-header h2{font-size:20px;font-weight:500;margin:0}.privacy-policy-content{flex:1 1;margin:0 auto;max-width:900px;overflow-y:auto;padding:20px;width:100%}.policy-intro{background:linear-gradient(135deg,#5baaf8,#409eff);border-radius:8px;box-shadow:0 4px 12px #00897b33;color:#fff;margin-bottom:24px;padding:40px 20px;text-align:center}.policy-icon,.policy-section{margin-bottom:16px}.policy-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:32px}.policy-section h3{color:#409eff;font-size:20px;font-weight:600;margin:0 0 16px}.policy-section h4{color:#1e1e1e;font-size:16px;font-weight:600;margin:20px 0 12px}.policy-section p{color:#4a4a4a;font-size:15px;line-height:1.7;margin:0 0 16px}.policy-section p:last-child{margin-bottom:0}.policy-section ul{margin:12px 0;padding-left:24px}.policy-section li{color:#4a4a4a;font-size:15px;line-height:1.6;margin-bottom:10px}.policy-section li:last-child{margin-bottom:0}.policy-section strong{color:#1e1e1e;font-weight:600}.policy-footer{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:32px;text-align:center}.policy-footer p{color:#4a4a4a;font-size:15px;font-style:italic;line-height:1.7;margin:0}@media (max-width:768px){.privacy-policy-content{padding:16px}.policy-intro{padding:32px 16px}.policy-section{padding:24px 20px}.policy-section h3{font-size:18px}.policy-section h4{font-size:15px}.policy-section li,.policy-section p{font-size:14px}.contact-info{padding:16px}.contact-info p{font-size:13px}.policy-footer{padding:24px 20px}.policy-footer p{font-size:14px}}.error-state,.loading-state{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#409eff;height:40px;margin-bottom:16px;width:40px}.error-state p,.loading-state p{color:#4a4a4a;font-size:16px;margin:0}.error-state svg{color:#f44;margin-bottom:16px}.retry-button{background-color:#409eff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:20px;padding:10px 24px;transition:background-color .2s}.retry-button:hover{background-color:#3a8ee6}.version-info{font-size:13px;margin:8px 0 0;opacity:.85}.dynamic-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:32px}.dynamic-content h2{color:#409eff;font-size:22px;font-weight:600;margin:24px 0 16px}.dynamic-content h2:first-child{margin-top:0}.dynamic-content h3{color:#1e1e1e;font-size:18px;font-weight:600;margin:20px 0 12px}.dynamic-content p{color:#4a4a4a;font-size:15px;line-height:1.7;margin:0 0 16px}.dynamic-content p:last-child{margin-bottom:0}.dynamic-content ol,.dynamic-content ul{margin:12px 0;padding-left:24px}.dynamic-content li{color:#4a4a4a;font-size:15px;line-height:1.6;margin-bottom:10px}.dynamic-content li:last-child{margin-bottom:0}.dynamic-content strong{color:#1e1e1e;font-weight:600}.dynamic-content em{font-style:italic}@media print{.privacy-policy-header{display:none}.privacy-policy-content{max-width:100%;padding:0}.dynamic-content,.policy-section{box-shadow:none;page-break-inside:avoid}}.terms-conditions-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh}.terms-conditions-header{align-items:center;background-color:#409eff;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;padding:11px}.terms-conditions-header .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:16px;padding:8px;transition:background-color .2s}.terms-conditions-header .back-button:hover{background-color:#ffffff1a}.terms-conditions-header h2{font-size:20px;font-weight:500;margin:0}.terms-conditions-content{flex:1 1;margin:0 auto;max-width:900px;overflow-y:auto;padding:20px;width:100%}.terms-intro{background:linear-gradient(135deg,#61aefa,#409eff);border-radius:8px;box-shadow:0 4px 12px #00897b33;color:#fff;margin-bottom:24px;padding:40px 20px;text-align:center}.terms-icon{margin-bottom:16px}.last-updated{font-size:14px;margin:0;opacity:.9}.terms-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:32px}.terms-section h3{color:#409eff;font-size:20px;font-weight:600;margin:0 0 16px}.terms-section h4{color:#1e1e1e;font-size:16px;font-weight:600;margin:20px 0 12px}.terms-section p{color:#4a4a4a;font-size:15px;line-height:1.7;margin:0 0 16px}.terms-section p:last-child{margin-bottom:0}.terms-section ul{margin:12px 0;padding-left:24px}.terms-section li{color:#4a4a4a;font-size:15px;line-height:1.6;margin-bottom:10px}.terms-section li:last-child{margin-bottom:0}.terms-section strong{color:#1e1e1e;font-weight:600}.contact-info{background-color:#f5f5f5;border-radius:8px;margin-top:16px;padding:20px}.contact-info p{color:#4a4a4a;font-size:14px;margin:8px 0}.contact-info p:first-child{margin-top:0}.contact-info p:last-child{margin-bottom:0}.terms-footer{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:32px;text-align:center}.terms-footer p{color:#4a4a4a;font-size:15px;font-style:italic;line-height:1.7;margin:0}@media (max-width:768px){.terms-conditions-content{padding:16px}.terms-intro{padding:32px 16px}.terms-section{padding:24px 20px}.terms-section h3{font-size:18px}.terms-section h4{font-size:15px}.terms-section li,.terms-section p{font-size:14px}.contact-info{padding:16px}.contact-info p{font-size:13px}.terms-footer{padding:24px 20px}.terms-footer p{font-size:14px}}.terms-container .error-state,.terms-container .loading-state{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.terms-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#409eff;height:40px;margin-bottom:16px;width:40px}.terms-container .error-state p,.terms-container .loading-state p{color:#4a4a4a;font-size:16px;margin:0}.terms-container .error-state svg{color:#f44;margin-bottom:16px}.terms-container .retry-button{background-color:#409eff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:20px;padding:10px 24px;transition:background-color .2s}.terms-container .retry-button:hover{background-color:#3a8ee6}.terms-intro .version-info{font-size:13px;margin:8px 0 0;opacity:.85}.terms-content .dynamic-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:32px}.terms-content .dynamic-content h2{color:#409eff;font-size:22px;font-weight:600;margin:24px 0 16px}.terms-content .dynamic-content h2:first-child{margin-top:0}.terms-content .dynamic-content h3{color:#1e1e1e;font-size:18px;font-weight:600;margin:20px 0 12px}.terms-content .dynamic-content p{color:#4a4a4a;font-size:15px;line-height:1.7;margin:0 0 16px}.terms-content .dynamic-content p:last-child{margin-bottom:0}.terms-content .dynamic-content ol,.terms-content .dynamic-content ul{margin:12px 0;padding-left:24px}.terms-content .dynamic-content li{color:#4a4a4a;font-size:15px;line-height:1.6;margin-bottom:10px}.terms-content .dynamic-content li:last-child{margin-bottom:0}.terms-content .dynamic-content strong{color:#1e1e1e;font-weight:600}.terms-content .dynamic-content em{font-style:italic}@media print{.terms-header{display:none}.terms-content{max-width:100%;padding:0}.dynamic-content,.terms-section{box-shadow:none;page-break-inside:avoid}}.about-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh}.about-header{background-color:#409eff;box-shadow:0 2px 4px #0000001a;padding:11px}.about-header,.about-header .back-button{align-items:center;color:#fff;display:flex}.about-header .back-button{background:none;border:none;border-radius:50%;cursor:pointer;justify-content:center;margin-right:16px;padding:8px;transition:background-color .2s}.about-header .back-button:hover{background-color:#ffffff1a}.about-header h2{font-size:20px;font-weight:500;margin:0}.about-content{flex:1 1;margin:0 auto;max-width:1000px;overflow-y:auto;padding:20px;width:100%}.about-logo-section{background:linear-gradient(135deg,#69b1fa,#409eff);border-radius:8px;box-shadow:0 4px 12px #00897b33;color:#fff;margin-bottom:24px;padding:48px 20px;text-align:center}.about-logo{align-items:center;background-color:#fff3;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 20px;width:120px}.app-name{font-size:32px;margin:0 0 8px}.app-version{font-size:14px;margin:0 0 16px;opacity:.8}.app-tagline{font-size:18px;font-style:italic;margin:0;opacity:.95}.about-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:32px}.about-section h3{color:#409eff;font-size:22px;font-weight:600;margin:0 0 16px}.about-section h4{color:#1e1e1e;font-size:16px;font-weight:600;margin:12px 0 8px}.about-section p{color:#4a4a4a;font-size:15px;line-height:1.7;margin:0 0 16px}.about-section p:last-child{margin-bottom:0}.about-section ul{margin:12px 0;padding-left:24px}.about-section li{color:#4a4a4a;font-size:15px;line-height:1.6;margin-bottom:10px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:24px}.feature-item{background-color:#f9f9f9;border-radius:8px;padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}.feature-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.feature-item svg{color:#409eff;margin-bottom:12px}.feature-item h4{color:#1e1e1e;font-size:16px;font-weight:600;margin:0 0 8px}.feature-item p{color:#667781;font-size:14px;line-height:1.5;margin:0}.values-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.value-item{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;display:flex;gap:16px;padding:16px}.value-icon{flex-shrink:0;font-size:32px}.value-item h4{color:#1e1e1e;font-size:16px;font-weight:600;margin:0 0 6px}.value-item p{color:#667781;font-size:14px;line-height:1.5;margin:0}.tech-stack{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.tech-badge{background-color:#e0f2f1;border-radius:20px;color:#409eff;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px}.social-links{gap:16px;margin-top:20px}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background-color:#e0f2f1;border-radius:50%;color:#409eff;height:48px;transition:background-color .2s,transform .2s;width:48px}.social-link:hover{background-color:#409eff;color:#fff;transform:scale(1.1)}.legal-links{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:20px 32px}.legal-link{color:#409eff;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.legal-link:hover{color:#409eff;text-decoration:underline}.separator{color:#8696a0;font-size:14px}.about-footer{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:32px;text-align:center}.about-footer p{color:#667781;font-size:14px;margin:8px 0}.about-footer p:first-child{color:#1e1e1e;font-weight:500;margin-top:0}.footer-note{color:#8696a0;font-style:italic}@media (max-width:768px){.about-content{padding:16px}.about-logo-section{padding:40px 16px}.about-logo{height:100px;width:100px}.app-name{font-size:28px}.app-tagline{font-size:16px}.about-section{padding:24px 20px}.about-section h3{font-size:20px}.features-grid{gap:16px;grid-template-columns:1fr}.feature-item{padding:20px}.value-item{padding:12px}.social-links{gap:12px}.social-link{height:44px;width:44px}.legal-links{padding:16px 20px}.about-footer{padding:24px 20px}}.help-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh}.help-header{background-color:#409eff;box-shadow:0 2px 4px #0000001a;padding:11px}.help-header,.help-header .back-button{align-items:center;color:#fff;display:flex}.help-header .back-button{background:none;border:none;border-radius:50%;cursor:pointer;justify-content:center;margin-right:16px;padding:8px;transition:background-color .2s}.help-header .back-button:hover{background-color:#ffffff1a}.help-header h2{font-size:20px;font-weight:500;margin:0}.help-content{flex:1 1;overflow-y:auto;padding:20px}.help-options{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.help-option-item{align-items:center;border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:16px 20px;transition:background-color .2s}.help-option-item:last-child{border-bottom:none}.help-option-item:hover{background-color:#f5f5f5}.help-option-item:active{background-color:#eee}.help-option-icon{align-items:center;background-color:#e0f2f1;border-radius:50%;color:#409eff;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:16px;width:40px}.help-option-content{flex:1 1;min-width:0}.help-option-title{color:#1e1e1e;font-size:16px;font-weight:500;margin-bottom:4px}.help-option-description{color:#667781;font-size:14px}.help-option-arrow{align-items:center;color:#8696a0;display:flex;margin-left:8px}.help-footer{padding:24px;text-align:center}.help-footer-text{color:#667781;font-size:13px;margin:0}@media (max-width:768px){.help-content{padding:16px}.help-option-item{padding:14px 16px}.help-option-icon{height:36px;width:36px}.help-option-title{font-size:15px}.help-option-description{font-size:13px}}.push-settings{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:20px 0;max-width:600px;padding:20px}.push-settings-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.push-settings-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.permission-status{align-items:center;display:flex}.permission-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.push-settings-content{display:flex;flex-direction:column;gap:20px}.setting-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.setting-info{flex:1 1;margin-right:20px}.setting-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.setting-info p{color:#666;font-size:14px;line-height:1.4;margin:0}.setting-control,.toggle-btn{align-items:center;display:flex}.toggle-btn{background:#ccc;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:30px;justify-content:center;transition:all .3s ease;width:60px}.toggle-btn.enabled{background:linear-gradient(135deg,#25d366,#128c7e)}.toggle-btn.disabled{background:#ccc}.toggle-btn:hover:not(:disabled){transform:scale(1.05)}.toggle-btn:disabled{cursor:not-allowed;opacity:.7}.test-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.test-btn:hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.debug-btn{background:linear-gradient(135deg,#9c27b0,#673ab7);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.debug-btn:hover{box-shadow:0 4px 12px #9c27b04d;transform:translateY(-2px)}.error-message{align-items:center;background:#ffebee;border-left:4px solid #f44336;border-radius:8px;color:#c62828;display:flex;font-size:14px;gap:8px;padding:12px 16px}.error-icon{font-size:16px}.help-section{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:16px}.help-section h4{color:#1976d2;font-size:16px;font-weight:600;margin:0 0 12px}.help-section ol{margin:0;padding-left:20px}.help-section li{color:#333;line-height:1.4;margin:8px 0}.notification-info{background:#f1f8e9;border-left:4px solid #4caf50;border-radius:8px;padding:16px}.notification-info h4{color:#2e7d32;font-size:16px;font-weight:600;margin:0 0 12px}.notification-info ul{margin:0;padding-left:20px}.notification-info li{color:#333;line-height:1.4;margin:8px 0}.not-supported{color:#666;padding:40px 20px;text-align:center}.not-supported p{font-size:16px;font-weight:600;margin:0 0 8px}.not-supported small{color:#999;font-size:14px}@media (max-width:768px){.push-settings{margin:10px;padding:16px}.setting-item{align-items:flex-start;flex-direction:column;gap:12px}.setting-info{margin-right:0}.setting-control{align-self:flex-end}.push-settings-header{align-items:flex-start;flex-direction:column;gap:10px}}.settings-container{background:#fff;display:flex;flex-direction:column;height:100%}.settings-header{align-items:center;background:#409eff;border-bottom:1px solid #e0e0e0;display:flex;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.settings-header .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#25d366;cursor:pointer;display:flex;justify-content:center;margin-right:12px;padding:8px;transition:background-color .2s}.settings-header .back-button:hover{background-color:#25d3661a}.settings-header h2{color:#111b21;font-size:20px;font-weight:600;margin:0}.settings-content{flex:1 1;overflow-y:auto}.settings-detail-section{display:flex;justify-content:center;padding:20px}.settings-detail-section>*{width:100%}.user-profile-section{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;padding:24px 20px;position:relative}.user-profile-info{align-items:center;display:flex;flex:1 1}.user-avatar-large{border-radius:50%;height:60px;margin-right:16px;overflow:hidden;position:relative;width:60px}.user-profile-image-large{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-avatar-placeholder-large{align-items:center;background:#25d366;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:100%;justify-content:center;width:100%}.user-details{flex:1 1}.user-name-large{color:#111b21;font-size:18px;font-weight:600;margin-bottom:4px}.user-status-text{color:#667781;font-size:14px;line-height:1.3}.edit-profile-btn{align-items:center;background:none;border:none;border-radius:50%;color:#25d366;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:background-color .2s}.edit-profile-btn:hover{background-color:#25d3661a}.settings-sections{background:#fff}.settings-item{align-items:center;border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:16px 20px;transition:background-color .2s}.settings-item:hover{background-color:#f8f9fa}.settings-item:last-child{border-bottom:none}.settings-item-icon{align-items:center;color:#667781;display:flex;height:24px;justify-content:center;margin-right:16px;width:24px}.settings-item-content{flex:1 1}.settings-item-title{color:#111b21;font-size:16px;font-weight:500;margin-bottom:2px}.settings-item-description{color:#667781;font-size:13px;line-height:1.3}.settings-item-arrow{align-items:center;color:#8696a0;display:flex}@media (max-width:768px){.settings-header{padding:12px 16px}.settings-header h2{font-size:18px}.user-profile-section{padding:20px 16px}.user-avatar-large{height:50px;margin-right:12px;width:50px}.user-avatar-placeholder-large{font-size:20px}.user-name-large{font-size:16px}.user-status-text{font-size:13px}.settings-item{padding:14px 16px}.settings-item-icon{margin-right:12px}.settings-item-title{font-size:15px}.settings-item-description{font-size:12px}}.wallpaper-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;background-repeat:no-repeat;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.wallpaper-picker-modal{animation:slideIn .3s ease-out;background:#fff;background-repeat:no-repeat;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.wallpaper-picker-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 24px}.wallpaper-picker-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.close-button:hover{background-color:#e9ecef;color:#495057}.wallpaper-picker-content{max-height:60vh;overflow-y:auto;padding:24px}.wallpaper-section{margin-bottom:32px}.wallpaper-section:last-child{margin-bottom:0}.wallpaper-section h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 16px}.wallpaper-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.wallpaper-option{border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.wallpaper-option:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.wallpaper-option.selected{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.wallpaper-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;height:80px;position:relative;width:100%}.wallpaper-preview:after{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.wallpaper-option:hover .wallpaper-preview:after{opacity:1}.wallpaper-name{background:#f8f9fa;color:#495057;display:block;font-size:12px;font-weight:500;padding:8px 12px;text-align:center}.gallery-option{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.gallery-option:hover{background:#e3f2fd;border-color:#007bff;transform:translateY(-1px)}.gallery-icon{align-items:center;background:#007bff;border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.gallery-option span{color:#495057;font-size:14px;font-weight:500}.wallpaper-picker-footer{background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;justify-content:flex-end;padding:20px 24px}.apply-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.apply-button:hover{background:#0056b3;transform:translateY(-1px)}.apply-button:active{transform:translateY(0)}@media (max-width:768px){.wallpaper-picker-modal{margin:20px;max-height:90vh;width:95%}.wallpaper-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.wallpaper-preview{height:60px}.wallpaper-picker-content{max-height:70vh;padding:16px}.wallpaper-picker-footer,.wallpaper-picker-header{padding:16px 20px}.preview-box{height:100px}.display-options{gap:12px}.option-group select{font-size:16px;padding:10px 12px}}@media (max-width:480px){.wallpaper-picker-modal{margin:10px;max-height:95vh;width:98%}.wallpaper-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.wallpaper-preview{height:50px}.wallpaper-picker-content{padding:12px}.wallpaper-picker-footer,.wallpaper-picker-header{padding:12px 16px}.preview-box{height:80px}.gallery-option{padding:12px}.gallery-icon{height:36px;width:36px}}.preview-section{margin-bottom:20px}.preview-section label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.preview-box{background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;height:120px;overflow:hidden;position:relative;width:100%}.preview-content{background:#ffffffe6;border-radius:4px;color:#495057;font-size:12px;font-weight:500;left:50%;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.display-options{gap:16px;margin-top:16px}.display-options,.option-group{display:flex;flex-direction:column}.option-group{gap:8px}.option-group label{color:#495057;font-size:14px;font-weight:500}.option-group select{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.option-group select:hover{border-color:#007bff}.option-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}@media (max-width:768px){.display-options{gap:12px}.option-group select{font-size:16px;padding:10px 12px}}.app-container{background:var(--color-bg);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;max-width:100%;overflow:hidden;position:relative;width:100vw}.sidebar{background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-alt) 100%);border-right:1px solid var(--color-border);transition:all var(--transition-fast);width:340px}.sidebar,.tab-content{display:flex;flex-direction:column}.tab-content{height:100%}.calls-content,.groups-content,.settings-content,.status-content{color:#8696a0;font-size:.95rem;padding:40px 20px;text-align:center}.sidebar-header{background:#409eff;border-bottom:1px solid var(--color-border)}.app-header{display:flex;flex-direction:column;gap:2px;height:74px}.app-name{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 0 20px}.sidebar-header h3{color:#3b4a54;font-size:1.4rem;font-weight:600;margin:0 0 0 20px}.header-actions{display:flex;gap:16px}.action-icon{align-items:center;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:background-color .2s;width:36px}.action-icon svg{stroke:currentColor;height:20px;width:20px}.action-icon:hover{background-color:#f5f6f6}.avatar-image-wrapper{align-items:center;display:flex;height:40px;justify-content:center;position:relative;width:40px}.chat-user-avatar .avatar-image-wrapper,.user-avatar .avatar-image-wrapper{height:48px;width:48px}.chat-profile-image.loading,.user-profile-image.loading{opacity:0}.chat-profile-image.loaded,.user-profile-image.loaded{opacity:1;transition:opacity .25s ease-in}.avatar-loading-spinner{animation:avatarSpin .8s linear infinite;border:3px solid #fff6;border-radius:50%;border-top-color:#409eff;height:24px;position:absolute;width:24px}@keyframes avatarSpin{to{transform:rotate(1turn)}}.dropdown-container,.dropdown-trigger{position:relative}.dropdown-menu{background:#fff;border:1px solid #e9edef;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:120px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;color:#3b4a54;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 16px;transition:background-color .2s}.dropdown-item:hover{background-color:#f5f6f6}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item svg{stroke:currentColor;height:16px;width:16px}.search-container{background:#0000;border-bottom:1px solid var(--color-border);padding:12px 16px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{align-items:center;color:#8696a0;display:flex;justify-content:center;left:12px;position:absolute;z-index:1}.search-icon svg{stroke:currentColor;height:16px;width:16px}.search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:none;color:#3b4a54;font-size:.95rem;outline:none;padding:10px 16px 10px 40px;transition:all .2s;width:100%}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.25)}.search-input::placeholder{color:#8696a0;font-weight:400}.user-list{background:#fff;flex:1 1;overflow-y:auto}.user-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .2s}.user-item:hover{background:var(--color-surface-alt)}.user-item.active{background:var(--color-accent-soft)}.user-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.user-profile-image{height:100%;object-fit:cover;width:100%}.user-avatar-placeholder{align-items:center;background:#409eff;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:100%;justify-content:center;position:relative;width:100%}.online-indicator{background-color:#25d366;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.user-details{align-items:center;display:flex;justify-content:space-between}.user-name{color:var(--color-text);font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name.clickable-username{border-radius:4px;cursor:pointer;margin:-2px -4px;padding:2px 4px;transition:color .2s ease}.user-name.clickable-username:hover{background-color:#2c3e501a;color:#2c3e50}.user-item.active .user-name,.user-item.active .user-name.clickable-username,.user-item.active .user-name.clickable-username:hover,.user-item.active .user-name:hover{background-color:initial!important;color:#2c3e50!important}.block-status-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;display:flex;justify-content:center;margin:20px auto;max-width:80%;padding:16px 20px}.block-status-message.blocked-by{background:#f8d7da;border-color:#f5c6cb}.block-status-content{align-items:center;color:#856404;display:flex;font-size:14px;gap:8px;text-align:center}.block-status-message.blocked-by .block-status-content{color:#721c24}.block-status-content svg{flex-shrink:0}.message-time{color:#000;font-size:.75rem;white-space:nowrap}.user-last-message{align-items:center;display:flex;justify-content:space-between}.last-message{color:var(--color-text-soft);flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-prefix{color:#8696a0;font-weight:500}.voice-indicator{align-items:center;color:#8696a0;display:flex;font-size:.85rem;gap:4px}.voice-indicator svg{stroke:currentColor;fill:none;height:12px;width:12px}.message-indicators{align-items:center;display:flex;gap:4px}.unread-count{align-items:center;background:var(--color-accent);border-radius:12px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 6px}.main{background:radial-gradient(circle at 30% 30%,#f0f6ff 0,var(--color-bg) 60%);display:flex;flex:1 1;flex-direction:column}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#409eff;border-bottom:1px solid var(--color-border);color:var(--color-text);min-height:75px;padding:16px 20px}.chat-header,.header{align-items:center;display:flex}.chat-header{gap:12px;width:100%}.back-button{align-items:center;background:none;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:8px;padding:8px;transition:background-color .2s;width:36px}.back-button svg{stroke:#000;height:20px;width:20px}.back-button:hover{background-color:#f5f6f6}.chat-user-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:visible;position:relative;width:40px}.chat-profile-image{height:100%;object-fit:cover;width:100%}.chat-user-avatar.editable{cursor:pointer}.chat-user-avatar.editable:after{background:#0000;border-radius:50%;content:"";inset:0;position:absolute;transition:background .15s ease}.chat-user-avatar.editable:hover:after{background:#00000014}.avatar-edit-menu{background:#fff;border:1px solid #e9edef;border-radius:8px;box-shadow:0 4px 12px #0000001f;left:0;min-width:140px;padding:6px;position:absolute;top:46px;z-index:20}.avatar-edit-button{background:#0000;border:none;border-radius:6px;color:#111b21;cursor:pointer;font-size:.9rem;padding:8px 10px;text-align:left;width:100%}.avatar-edit-button:hover{background:#f5f6f6}.avatar-edit-button.cancel{color:#54656f}.chat-avatar-placeholder{align-items:center;background:#00a884;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:100%;justify-content:center;width:100%}.chat-user-info{flex:1 1;min-width:0}.chat-user-name{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-name.clickable{cursor:pointer;transition:color .2s ease}.chat-user-name.clickable:hover{color:#2c3e50}.chat-user-description{color:#283428;font-size:.75rem;font-style:italic;line-height:1.2;margin-bottom:2px}.chat-user-description,.chat-user-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-status{color:#000;font-size:.8rem}.typing-status{animation:typingPulse 1.5s ease-in-out infinite;color:#000!important;font-weight:500}@keyframes typingPulse{0%,to{opacity:1}50%{opacity:.6}}.chat-actions{display:flex;gap:16px;margin-left:auto}.chat-window{background:none;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:28px 56px}.date-divider{align-self:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-soft);font-size:.8rem;margin:16px 0 8px;padding:6px 12px;position:relative;text-align:center}.message{align-self:flex-start;background:var(--color-bubble-incoming);border:1px solid var(--color-bubble-incoming-border);border-radius:18px;box-shadow:var(--shadow-sm);box-shadow:0 2px 4px rgba(0,0,0,.035);display:flex;flex-direction:column;font-size:.95rem;max-width:60%;padding:10px 14px 14px;position:relative;width:auto;word-break:break-word}.message.me{align-self:flex-end;background:#e2f3f2;box-shadow:0 6px 12px -4px rgba(var(--color-bubble-outgoing-rgb),.35);margin-left:0}.message.them{background:var(--color-bubble-incoming)}.message.me:before,.message.them:before{background:inherit;bottom:0;content:"";height:14px;position:absolute;width:14px}.message.me:before{border-bottom-left-radius:4px;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);right:-6px}.message.them:before{border-bottom-right-radius:4px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%);left:-6px}.msg-text.deleted{color:#6b7280;font-style:italic}.msg-link{color:#409eff;text-decoration:underline;transition:color .2s ease;word-break:break-all}.msg-link:hover{color:#66b3ff;text-decoration:underline}.message.me .msg-link{color:#06c}.message.me .msg-link:hover{color:#0080ff}.link-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;margin-top:8px;max-width:400px;overflow:hidden;transition:all .2s ease}.link-preview:hover{border-color:#409eff;box-shadow:0 2px 8px #409eff1a}.link-preview.own{background:#ffffffe6;border-color:#ffffff4d}.link-preview.own:hover{border-color:#fff9;box-shadow:0 2px 8px #ffffff1a}.link-preview-image{background:#f5f5f5;height:200px;overflow:hidden;width:100%}.link-preview-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.link-preview:hover .link-preview-image img{transform:scale(1.02)}.link-preview-content{padding:12px}.link-preview-title{color:var(--color-text);font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:4px}.link-preview-description,.link-preview-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-preview-description{color:var(--color-text-secondary);font-size:.8rem;line-height:1.4;margin-bottom:6px}.link-preview-url{color:#409eff;font-size:.75rem;font-weight:500}.link-preview.own .link-preview-url{color:#06c}.link-preview-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:20px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top:2px solid #409eff;height:16px;width:16px}.message.seen{background:#d1f4cc}.msg-meta{align-items:center;align-self:flex-end;color:#8696a0;display:flex;font-size:.7rem;gap:4px;margin-top:4px}.message{margin-bottom:28px}.message .msg-meta{background:#0000;bottom:-16px;font-size:.65rem;margin:0;opacity:.8;padding:0;position:absolute;right:10px}.message.them .msg-meta{left:10px;right:auto}.message:has(.msg-image,.msg-video,.msg-audio,.msg-document) .msg-meta{bottom:-14px}.msg-meta{line-height:1;white-space:nowrap}.message .msg-meta{display:flex;gap:4px;right:12px;white-space:nowrap;width:-webkit-max-content;width:max-content}.message.them .msg-meta{left:12px}.message .msg-meta .reactions-summary{white-space:nowrap}@media (max-width:480px){.message .msg-meta{font-size:.62rem}.message{margin-bottom:24px}}.reactions-summary{display:inline-flex;gap:4px;margin-left:6px}.reaction-chip{background:#f1f3f4;border-radius:10px;font-size:11px;padding:0 6px}.message-status{font-size:.95em;font-weight:500;margin-left:4px;opacity:.8;text-transform:capitalize;vertical-align:middle}.message-status.delivered,.message-status.read,.message-status.sent{color:#fff}.message.them .message-status.read{color:var(--color-accent)}.message:has(.msg-image,.msg-video,.msg-audio,.msg-document){background:#0000;border:none;box-shadow:none;max-width:80%;padding:0}.message:has(.msg-image,.msg-video,.msg-audio,.msg-document):before{display:none}.message .audio-info,.message .chat-audio,.message .document-info{background:#0000;border:none;box-shadow:none}.message .msg-image,.message .msg-video{border-radius:12px}.message:has(.msg-image,.msg-video,.msg-audio,.msg-document) .msg-meta{margin-top:6px}.message .audio-info,.message .document-info{background:#fff9;border:1px solid var(--color-border)}.message.me .audio-info,.message.me .document-info{background:#fff3;border:1px solid #fff6}.reply-preview{align-items:center;background:#f0f2f5;border-left:4px solid #00a884;border-radius:8px;display:flex;font-size:.9rem;margin-bottom:8px;padding:8px 12px;position:relative}.reply-author{color:var(--color-accent);font-size:.85rem;font-weight:500;margin-right:8px}.reply-text{color:#3b4a54;flex:1 1;font-size:.85rem;margin-right:16px;white-space:pre-line}.reply-close{background:none;border:none;color:#8696a0;cursor:pointer;font-size:1.2em;padding:0 4px;transition:color .2s}.reply-close:hover{color:#e53935}.reply-preview-in-msg{background:rgba(var(--color-accent-rgb),.12);border-left:3px solid var(--color-accent);border-radius:4px;font-size:.85rem;margin-bottom:6px;padding:6px 8px}.reply-preview-in-msg .reply-author{color:var(--color-accent);font-size:.8rem;font-weight:500}.reply-preview-in-msg .reply-text{color:#3b4a54;font-size:.8rem}.msg-image{margin:2px 0}.chat-image{border-radius:8px;cursor:pointer;max-height:300px;max-width:100%;object-fit:cover;transition:all .2s ease}.chat-image:hover{box-shadow:0 4px 12px #00000026;opacity:.9;transform:scale(1.02)}.message .msg-image{border-radius:8px;overflow:hidden;padding:0}.message.me .chat-image,.message.them .chat-image{border-radius:8px;height:auto;max-width:250px;width:100%}.msg-video{margin:2px 0}.chat-video{background:#000;border-radius:8px;max-height:300px;max-width:100%;transition:all .2s ease}.chat-video:hover{box-shadow:0 4px 12px #00000026}.message .msg-video{border-radius:8px;overflow:hidden;padding:0}.msg-document{margin:2px 0;max-width:300px}.document-info{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.document-info:hover{background:#ffffff26;box-shadow:0 2px 8px #0000001a}.message.me .document-info{background:#ffffff26;border-color:#ffffff4d}.message.them .document-info{background:#0000000d;border-color:#0000001a}.document-icon{flex-shrink:0;font-size:24px}.document-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.document-name{color:inherit;font-size:.9rem;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-size{font-size:.75rem;opacity:.7}.document-download-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.document-download-btn:hover{background:#ffffff4d;transform:scale(1.1)}.msg-audio{margin:2px 0;max-width:400px;min-width:320px}.audio-info{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-bottom:none;border-radius:8px 8px 0 0;display:flex;gap:12px;padding:12px}.message.me .audio-info{background:#ffffff26;border-color:#ffffff4d}.message.them .audio-info{background:#0000000d;border-color:#0000001a}.audio-icon{align-items:center;background:#e74c3c1a;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;width:32px}.audio-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.audio-name{color:inherit;font-size:.9rem;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-size{font-size:.75rem;opacity:.7}.chat-audio{background:#ffffff1a;border:1px solid #fff3;border-radius:0 0 8px 8px;border-top:none;height:50px;width:100%}.message.me .chat-audio{background:#ffffff26;border-color:#ffffff4d}.message.them .chat-audio{background:#0000000d;border-color:#0000001a}.chat-audio::-webkit-media-controls-panel{background-color:initial}.chat-audio::-webkit-media-controls-current-time-display,.chat-audio::-webkit-media-controls-pause-button,.chat-audio::-webkit-media-controls-play-button,.chat-audio::-webkit-media-controls-time-remaining-display{color:inherit;opacity:.8}.chat-audio::-webkit-media-controls-mute-button,.chat-audio::-webkit-media-controls-volume-slider{display:none}.chat-audio::-webkit-media-controls-timeline{background-color:#fff3;border-radius:2px}.chat-audio::-webkit-media-controls-timeline::-webkit-slider-thumb{background-color:#e74c3c}.message.me .document-download-btn{background:#ffffff40}.message.me .document-download-btn:hover{background:#fff6}.message.them .document-download-btn{background:#0000001a}.message.them .document-download-btn:hover{background:#0003}.message.me .chat-video,.message.them .chat-video{border-radius:8px;height:auto;max-width:250px;width:100%}.welcome-chatapp-msg{align-items:center;color:#3b4a54;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;padding:40px;text-align:center}.welcome-chatapp-title{color:#41525d;font-size:2rem;font-weight:300;margin-bottom:16px}.welcome-chatapp-desc{color:#8696a0;font-size:.9rem;line-height:1.5}@media (max-width:1100px){.chat-window{padding:24px 32px}}@media (max-width:900px){.chat-window{padding:20px 24px}.message{max-width:70%}}@media (max-width:768px){.app-container{position:relative}.sidebar{background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-alt) 100%);z-index:10}.main,.sidebar{bottom:60px;left:0;position:absolute;right:0;top:0;transform:translateX(0);transition:transform var(--transition-fast);width:100%}.main{z-index:5}.sidebar.hidden{transform:translateX(-100%)}.main.hidden{transform:translateX(100%)}.chat-window{padding:18px 18px 88px}.message{max-width:78%}.app-name{display:block;text-align:center;width:100%}.sidebar-header{justify-content:center}.chat-header{gap:8px}.back-button{height:32px;margin-right:4px;padding:6px;width:32px}.back-button svg{height:18px;width:18px}.chat-user-avatar{height:36px;width:36px}.header{padding:12px 16px}}@media (max-width:480px){.app-container{background:var(--color-bg)}.main,.sidebar{bottom:60px}.chat-window{padding:16px 3px calc(100px + env(safe-area-inset-bottom, 0px))}.message{border-radius:16px;max-width:85%}.chat-header{gap:6px}.back-button{height:30px;margin-right:2px;padding:4px;width:30px}.back-button svg{height:16px;width:16px}.chat-user-avatar{height:34px;width:34px}.header{min-height:65px;padding:10px 12px}.chat-user-name{font-size:1rem}.chat-user-status{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.main,.message,.sidebar{transition:none}.message-status.read{animation:none}}@media (hover:none) and (pointer:coarse){.user-item:hover{background:#0000}.action-icon:hover,.back-button:hover,.dropdown-item:hover{background-color:initial}}@supports (padding:max(0px)){.app-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}@media (max-width:480px){.app-container{padding-bottom:max(10px,env(safe-area-inset-bottom) + 10px)}.main,.sidebar{bottom:max(60px,env(safe-area-inset-bottom) + 60px)}}}.group-messages{display:flex;flex-direction:column;height:100%;padding:0}.group-welcome{color:#8696a0;padding:40px 20px;text-align:center}.group-welcome h3{color:#3b4a54;font-size:1.5rem;font-weight:600;margin:0 0 10px}.group-welcome p{color:#8696a0;font-size:1rem;margin:0}.message-sender-name{color:#00a884;font-size:.8rem;font-weight:500;margin-bottom:4px;opacity:.8}.message.me .message-sender-name{display:none}.group-messages .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e1e5e9;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.group-messages .error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin:20px;padding:15px;text-align:center}.group-messages .retry-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px}.group-messages .retry-button:hover{background:#c82333}.group-members-header{background:#fff;border:1px solid #e9edef;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:20px;position:relative;z-index:10}.group-members-title{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9edef;display:flex;justify-content:space-between;padding:16px 20px}.group-members-title h4{color:#3b4a54;font-size:1.1rem;font-weight:600;margin:0}.close-members-button{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.close-members-button:hover{background:#e9edef;color:#54656f}.group-members-list{background:#fff;max-height:400px;overflow-y:auto;padding:0}.group-member-item{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;gap:16px;padding:16px 20px;position:relative;transition:all .2s ease}.group-member-item:hover{background:#f8f9fa}.group-member-item:last-child{border-bottom:none}.member-avatar{align-items:center;border:2px solid #f0f2f5;border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.member-profile-image{height:100%;object-fit:cover;width:100%}.member-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#00a884,#25d366);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:100%;justify-content:center;width:100%}.member-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.member-name{color:#111b21;font-size:1rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{border-radius:20px;box-shadow:0 1px 3px #0000001a;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.member-role.creator{background:linear-gradient(135deg,#ffc107,#ffb300);color:#856404}.member-role.admin{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.member-role.member{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.group-members-list::-webkit-scrollbar{width:6px}.group-members-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.group-members-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.group-members-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app-header-row{align-items:center;display:flex;gap:135px}.main{position:relative}.main:before{background:#ffffff0d;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.main>*{position:relative;z-index:1}.main.custom-wallpaper:before{display:none}@media (max-width:768px){.main{background-attachment:scroll!important}}@media (max-width:480px){.main{background-attachment:scroll!important}}.chat-menu-trigger{border-radius:50%;color:#8696a0;cursor:pointer;padding:8px;transition:background-color .2s ease}.chat-menu-trigger:hover{background-color:#8696a01a;color:#409eff}.contact-menu-overlay{align-items:flex-start;background:#0000001a;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:999}.contact-menu{animation:slideIn .2s ease-out;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;overflow:hidden}.contact-menu-item{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:background-color .2s ease}.contact-menu-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.contact-menu-item:hover{background-color:#f5f5f5}.contact-menu-item.danger{color:#dc3545}.contact-menu-item.danger:hover{background-color:#fef2f2}.contact-menu-item.unblock{color:#28a745}.contact-menu-item.unblock:hover{background-color:#f0fff4}.contact-menu-item svg{flex-shrink:0}@media (max-width:768px){.contact-menu{box-shadow:0 2px 16px #0003;max-width:200px;min-width:200px}.contact-menu-item{font-size:14px;padding:14px 16px}}.chat-search-bar{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:12px 16px;position:relative;z-index:10}.chat-search-input-wrapper{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:20px;display:flex;gap:8px;padding:8px 12px;transition:border-color .2s ease}.chat-search-input-wrapper:focus-within{border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.chat-search-icon{color:#8696a0;flex-shrink:0}.chat-search-input{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-size:14px;outline:none}.chat-search-input::placeholder{color:#8696a0}.chat-search-close{background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s ease}.chat-search-close:hover{background-color:#f5f5f5;color:#dc3545}.chat-search-results-info{color:#8696a0;font-size:12px;margin-top:8px;text-align:center}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:400px;overflow:hidden;width:90%}.confirm-modal-header{border-bottom:1px solid #f0f0f0;padding:20px 24px 16px}.confirm-modal-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.confirm-modal-body{padding:20px 24px}.confirm-modal-body p{color:#666;font-size:14px;line-height:1.5;margin:0}.confirm-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.confirm-modal-cancel,.confirm-modal-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirm-modal-cancel{background:#f5f5f5;border:1px solid #e1e5e9;color:#666}.confirm-modal-cancel:hover{background:#e8e8e8;color:#555}.confirm-modal-confirm{background:#dc3545;color:#fff}.confirm-modal-confirm:hover{background:#c82333}@media (max-width:768px){.confirm-modal{margin:20px;width:calc(100% - 40px)}.confirm-modal-body,.confirm-modal-header{padding:16px 20px}.confirm-modal-footer{flex-direction:column-reverse;padding:16px 20px}.confirm-modal-cancel,.confirm-modal-confirm{margin:4px 0;width:100%}.confirm-modal-header h3{font-size:16px}.confirm-modal-body p{font-size:14px}}.edited-indicator{color:#8696a0;font-size:.7rem;font-style:italic;margin-right:6px;opacity:.8}.message.me .edited-indicator{color:#ffffffb3}.global-search-overlay{align-items:flex-start;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding-top:60px;position:fixed;right:0;top:0;z-index:2000}.global-search-modal{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.global-search-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px}.global-search-input-wrapper{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex:1 1;gap:12px;padding:10px 14px}.global-search-icon{color:#6b7280;flex-shrink:0}.global-search-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:15px;outline:none}.global-search-input::placeholder{color:#9ca3af}.global-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.global-search-clear:hover{background:#e5e7eb}.global-search-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.global-search-close:hover{background:#f3f4f6}.global-search-results{flex:1 1;overflow-y:auto;padding:8px}.global-search-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.global-search-empty svg{margin-bottom:16px;opacity:.5}.global-search-empty p{font-size:15px;margin:0}.global-search-result-item{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background-color .2s}.global-search-result-item:hover{background:#f3f4f6}.search-result-avatar{align-items:center;background:#e5e7eb;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.search-result-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#6b7280;color:#fff;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;width:100%}.search-result-content{flex:1 1;min-width:0}.search-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.search-result-name{color:#111827;font-size:15px;font-weight:600}.search-result-time{color:#9ca3af;font-size:12px}.search-result-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.search-result-you{color:#409eff;font-weight:500}.search-highlight{background:#fef3c7;border-radius:3px;color:#92400e;font-weight:500;padding:2px 4px}.highlight-flash{animation:flashHighlight 2s ease}@keyframes flashHighlight{0%,to{background:#0000}50%{background:#fef3c7}}@media (max-width:768px){.global-search-overlay{padding-top:20px}.global-search-modal{max-height:90vh;width:95%}.global-search-header{padding:12px}.search-result-avatar{height:40px;width:40px}}.chat-search-navigation{align-items:center;border-left:1px solid #e5e7eb;display:flex;gap:8px;margin-left:8px;padding-left:8px}.search-match-count{color:#6b7280;font-size:13px;min-width:60px;text-align:center;white-space:nowrap}.search-nav-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.search-nav-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.search-nav-btn:disabled{cursor:not-allowed;opacity:.3}.search-nav-btn svg{height:16px;width:16px}.search-highlight-active{animation:searchPulse 2s ease;position:relative}@keyframes searchPulse{0%,to{background:#0000;transform:scale(1)}25%{background:#fbbf244d;transform:scale(1.02)}75%{background:#fbbf244d;transform:scale(1.02)}}.message .search-highlight{background:#fef3c7;border-radius:3px;box-shadow:0 0 0 2px #fbbf2433;color:#92400e;font-weight:600;padding:2px 4px}.message.me .search-highlight{background:#ffffff4d;box-shadow:0 0 0 2px #fff3;color:#fff;font-weight:600}.chat-window{scroll-behavior:smooth}@media (max-width:768px){.chat-search-navigation{gap:4px;margin-left:6px;padding-left:6px}.search-match-count{font-size:12px;min-width:50px}.search-nav-btn{padding:3px}.search-nav-btn svg{height:14px;width:14px}}.calls-content{padding:0}.empty-calls{align-items:center;color:#666;justify-content:center;padding:60px 20px}.call-history-list,.empty-calls{display:flex;flex-direction:column}.call-history-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.call-history-item:hover{background-color:#f5f5f5}.call-avatar{border-radius:50%;flex-shrink:0;height:48px;margin-right:12px;overflow:hidden;width:48px}.call-avatar img{height:100%;object-fit:cover;width:100%}.call-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;width:100%}.call-details{align-items:center;color:#666;display:flex;font-size:13px}.call-direction{margin-left:2px}.call-direction.outgoing{color:#25d366}.call-direction.incoming{color:#007bff}@media (max-width:768px){.call-history-item{padding:10px 12px}.call-avatar{height:42px;width:42px}.call-user-name{font-size:14px}.call-details{font-size:12px}.call-time{font-size:11px}}.call-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.call-user-name{color:#000;font-size:15px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-type-label{color:#666;font-size:13px}.call-time{color:#999;flex-shrink:0;font-size:12px;margin-left:8px;white-space:nowrap}.profile-container{background:linear-gradient(135deg,#fff,#f8fafc 50%,#e8f4fd);border:1px solid #409eff4d;border-radius:24px;box-shadow:0 30px 60px #409eff33,0 0 0 1px #409eff1a,inset 0 1px 0 #fffc;margin:40px auto;max-width:600px;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.profile-container:before{background:linear-gradient(90deg,#409eff,#2d8cff 50%,#1d79ec);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-container:after{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#409eff08 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}.profile-info{color:#000;font-size:1.3em;font-weight:600;margin:30px 0 40px;position:relative;z-index:1}.logout-btn{background:linear-gradient(135deg,#ff4757,#ff3838);border:none;border-radius:12px;box-shadow:0 4px 15px #ff47574d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.logout-btn:hover{background:linear-gradient(135deg,#ff3838,#ff2f2f);box-shadow:0 6px 20px #ff475766;transform:translateY(-2px)}.profile-btn{background:linear-gradient(135deg,#409eff,#2d8cff);border:none;border-radius:10px;box-shadow:0 4px 12px #409eff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-btn:hover{background:linear-gradient(135deg,#2d8cff,#1d79ec);box-shadow:0 6px 18px #409eff66;transform:translateY(-2px)}.profile-image-container{display:flex;justify-content:center;margin:30px 0;position:relative;z-index:1}.profile-image-container:before{animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#409eff1a,#2f9bff0d);border-radius:50%;content:"";height:180px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:180px;z-index:-1}@keyframes pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}}.profile-image{border:5px solid #409eff4d;border-radius:50%;box-shadow:0 12px 30px #409eff40,0 0 0 1px #409eff26,inset 0 2px 4px #fffc;height:160px;object-fit:cover;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:160px}.profile-image:hover{box-shadow:0 20px 40px #409eff59,0 0 0 1px #409eff40,inset 0 2px 4px #ffffffe6;transform:scale(1.08) rotate(2deg)}.profile-image-placeholder{align-items:center;background:linear-gradient(135deg,#409eff,#2d8cff 50%,#1d79ec);border:5px solid #409eff4d;border-radius:50%;box-shadow:0 12px 30px #409eff40,0 0 0 1px #409eff26,inset 0 2px 4px #fffc;color:#fff;display:flex;font-size:4rem;font-weight:700;height:160px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:160px}.profile-image-placeholder:hover{box-shadow:0 20px 40px #409eff59,0 0 0 1px #409eff40,inset 0 2px 4px #ffffffe6;transform:scale(1.08) rotate(2deg)}.image-upload-container{align-items:center;gap:15px;margin-top:20px;position:relative;z-index:1}.image-upload-label{background:linear-gradient(135deg,#409eff14,#2f9bff08);border:2px dashed #409eff66;border-radius:16px;color:#409eff;font-size:1rem;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.image-upload-label:before{background:linear-gradient(90deg,#0000,#409eff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.image-upload-label:hover:before{left:100%}.image-upload-label:hover{background:linear-gradient(135deg,#409eff26,#2f9bff14);border-color:#409eff;box-shadow:0 8px 20px #409eff40;transform:translateY(-2px)}.edit-form{gap:20px;position:relative;z-index:1}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.edit-input{background:linear-gradient(135deg,#409eff08,#2f9bff03);border:2px solid #409eff4d;border-radius:14px;color:#000;font-size:1.1rem;font-weight:500;outline:none;padding:16px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.edit-input:focus{background:#fff;border-color:#409eff;box-shadow:0 0 0 4px #409eff26,0 4px 12px #409eff1a;transform:translateY(-1px)}.readonly-field{background:linear-gradient(135deg,#409eff14,#2f9bff08);border:2px solid #409eff40;border-radius:14px;color:#000;font-size:1.1rem;font-style:italic;font-weight:600;padding:16px 20px;position:relative}.char-count{color:#666;font-size:.85rem;font-weight:500;margin-top:5px;text-align:right}.edit-input[name=bio]{font-family:inherit;min-height:60px;resize:vertical}.profile-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px;position:relative;z-index:1}.edit-btn{background:linear-gradient(135deg,#409eff,#2d8cff);border:none;border-radius:12px;box-shadow:0 4px 15px #409eff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-btn:hover{background:linear-gradient(135deg,#2d8cff,#1d79ec);box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#409eff,#2d8cff);border:none;border-radius:12px;box-shadow:0 4px 15px #409eff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d8cff,#1d79ec);box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}.save-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.cancel-btn{background:linear-gradient(135deg,#ff4757,#ff3838);border:none;border-radius:12px;box-shadow:0 4px 15px #ff47574d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{background:linear-gradient(135deg,#ff3838,#ff2f2f);box-shadow:0 6px 20px #ff475766;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0009,#409eff1a);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-box{animation:popin .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #409eff33;border-radius:20px;box-shadow:0 25px 50px #409eff33,0 0 0 1px #409eff1a;min-width:360px;padding:36px 32px 28px;text-align:center}@keyframes popin{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-message{color:#000;font-size:1.2rem;font-weight:600;margin-bottom:28px}.modal-actions{display:flex;gap:16px;justify-content:center}.modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-btn.confirm{background:linear-gradient(135deg,#409eff,#2d8cff);box-shadow:0 4px 15px #409eff4d;color:#fff}.modal-btn.confirm:hover{background:linear-gradient(135deg,#2d8cff,#1d79ec);box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}.modal-btn.cancel{background:#409eff1a;border:1px solid #409eff4d;color:#409eff}.modal-btn.cancel:hover{background:#409eff33;transform:translateY(-1px)}.image-modal-content{animation:popin .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #409eff33;border-radius:20px;box-shadow:0 25px 50px #409eff4d,0 0 0 1px #409eff1a;max-height:90vh;max-width:90vw;padding:20px;position:relative}.image-modal-close{align-items:center;background:linear-gradient(135deg,#ff4757,#ff3838);border:none;border-radius:50%;box-shadow:0 4px 15px #ff47574d;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1001}.image-modal-close:hover{background:linear-gradient(135deg,#ff3838,#ff2f2f);box-shadow:0 6px 20px #ff475766;transform:scale(1.1)}.image-modal-img{height:auto;max-height:70vh;max-width:600px;object-fit:contain;width:100%}.image-modal-img,.image-modal-placeholder{border-radius:16px;box-shadow:0 12px 30px #409eff40}.image-modal-placeholder{align-items:center;background:linear-gradient(135deg,#409eff,#2d8cff 50%,#1d79ec);color:#fff;display:flex;font-size:8rem;font-weight:700;height:300px;justify-content:center;margin:0 auto;width:300px}@media (max-width:768px){.image-modal-content{max-height:95vh;max-width:95vw;padding:15px}.image-modal-img{max-height:60vh}.image-modal-placeholder{font-size:6rem;height:250px;width:250px}}.profile-archive-single{align-items:center;background:linear-gradient(135deg,#409eff0d,#2f9bff05);border:2px solid #409eff26;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-archive-single:hover{background:linear-gradient(135deg,#409eff14,#2f9bff0a);border-color:#409eff59;box-shadow:0 12px 24px #409eff2e;transform:translateY(-3px)}.profile-archive-thumb-single{align-items:center;background:linear-gradient(135deg,#f6fbff,#eef6ff);border:4px solid #409eff40;border-radius:50%;box-shadow:inset 0 0 0 6px #fff,0 10px 20px #409eff2e;display:flex;height:120px;justify-content:center;margin:0 auto 16px;overflow:hidden;position:relative;width:120px}.profile-archive-thumb-single img{height:100%;object-fit:cover;width:100%}.archive-count-badge{background:linear-gradient(135deg,#409eff,#2d8cff);border:3px solid #fff;border-radius:20px;bottom:5px;box-shadow:0 4px 12px #409eff66;color:#fff;font-size:14px;font-weight:700;padding:4px 10px;position:absolute;right:5px}.profile-archive-icon{color:#2d8cff;font-size:24px}.profile-archive-text{color:#2d8cff;font-weight:700}.profile-archive-meta{display:flex;flex-direction:column;gap:2px;margin-top:8px}.profile-archive-type{color:#0a66c2;font-size:11px;font-weight:700;letter-spacing:.6px}.profile-archive-time{color:#667085;font-size:11px}@media (max-width:480px){.profile-archive-thumb-single{height:100px;width:100px}}.profile-edit-icon{align-items:center;background:linear-gradient(135deg,#409eff,#2d8cff);border:3px solid #fff;border-radius:50%;bottom:10px;box-shadow:0 4px 12px #409eff4d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:10px;right:175px;transition:all .3s ease;width:44px;z-index:10}.profile-edit-icon:hover{background:linear-gradient(135deg,#2d8cff,#1d79ec);box-shadow:0 6px 20px #409eff80;transform:scale(1.1)}.profile-edit-icon:active{transform:scale(.95)}.profile-logout-section{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:24px}.logout-btn-bottom{align-items:center;background:linear-gradient(135deg,#ff4757,#ff3838);border:none;border-radius:12px;box-shadow:0 4px 15px #ff47574d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.logout-btn-bottom:hover{background:linear-gradient(135deg,#ff3838,#ff2f2f);box-shadow:0 6px 20px #ff475766;transform:translateY(-2px)}.logout-btn-bottom:active{transform:translateY(0)}.logout-btn-bottom svg{flex-shrink:0}.profile-info>div{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;padding:0 10px;word-break:break-word}.archive-viewer-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.archive-viewer-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;margin:0 auto;max-height:85vh;max-width:600px;overflow-y:auto;width:100%}@media (min-width:769px){.archive-viewer-overlay{align-items:center;justify-content:center}.archive-viewer-modal{margin:0 auto;max-width:600px}}.archive-viewer-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.archive-viewer-body{flex:1 1;max-height:calc(85vh - 160px);overflow-y:auto;padding:24px}.archive-viewer-body img{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;margin:0 auto;max-height:60vh;max-width:100%;object-fit:contain}.archive-viewer-body video{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:450px;width:100%}.archive-viewer-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding:16px 24px}.profile-info b{display:inline-block;margin-right:5px}@media (max-width:768px){.profile-container{margin:20px;padding:30px 20px}.profile-info{font-size:1.1em;margin:20px 0 30px}.profile-info>div{line-height:1.6;padding:8px 5px}.archive-viewer-modal{max-height:85vh;max-width:90%}.archive-viewer-body{max-height:calc(85vh - 150px)}.archive-viewer-body img{max-height:55vh}.archive-viewer-body video{max-height:45vh}}@media (max-width:480px){.profile-container{border-radius:16px;margin:10px;padding:25px 15px}.profile-info{font-size:1em}.profile-info>div{font-size:.95em;padding:6px 0}.archive-viewer-overlay{padding:10px}.archive-viewer-modal{border-radius:12px;max-height:90vh;max-width:100%;width:calc(100% - 20px)}.archive-viewer-footer,.archive-viewer-header{padding:16px}.archive-viewer-body{max-height:calc(90vh - 140px);padding:16px}.archive-viewer-body img{max-height:50vh}.archive-viewer-body video{max-height:40vh}.archive-viewer-header h3{font-size:18px}.profile-edit-icon{align-items:center;background:linear-gradient(135deg,#409eff,#2d8cff);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #409eff4d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:100px;transition:all .3s ease;width:44px;z-index:10}}.profile-setup-email{margin-bottom:16px}.profile-setup-email label{color:#5f6b7f;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.email-display{background:#f0f4f9;border:1px solid #d7deea;border-radius:12px;color:#3d4b63;font-size:1rem;padding:12px 14px}.loading-message{align-items:center;color:#fff;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.image-upload-container{display:flex;flex-direction:column;gap:10px;margin:10px 0}.image-upload-label{background:#f4f7ff;border:2px dashed #1f7bff4d;border-radius:8px;color:#1f4f82;cursor:pointer;font-size:.9rem;padding:12px;text-align:center;transition:all .2s}.image-upload-label:hover{background:#e6f0ff;border-color:#1f7bff}.image-preview{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.image-preview img{border:2px solid #1f7bff8c;border-radius:50%;box-shadow:0 10px 18px #1f7bff26;height:80px;object-fit:cover;width:80px}.image-remove-pill{align-items:center;background:#0000008c;border:none;border-radius:999px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;height:26px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;transition:background .2s ease;width:26px}.image-remove-pill:hover{background:#000000bf}.pwa-install-prompt{animation:slideUp .3s ease-out;bottom:20px;left:50%;max-width:90%;position:fixed;transform:translateX(-50%);width:500px;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pwa-install-content{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;gap:16px;padding:20px;position:relative}.pwa-dismiss{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:30px}.pwa-dismiss:hover{background:#f0f0f0;color:#333}.pwa-icon{flex-shrink:0}.pwa-icon img{border-radius:12px;height:60px;object-fit:cover;width:60px}.pwa-text{flex:1 1;min-width:0}.pwa-text h3{color:#075e54;font-size:18px;font-weight:600;margin:0 0 4px}.pwa-text p{color:#666;font-size:14px;line-height:1.4;margin:0}.pwa-install-button{background:#075e54;border:none;border-radius:24px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.pwa-install-button:hover{background:#128c7e;transform:scale(1.05)}.pwa-install-button:active{transform:scale(.95)}@media (max-width:600px){.pwa-install-prompt{bottom:10px;width:calc(100% - 20px)}.pwa-install-content{gap:12px;padding:16px}.pwa-icon img{height:48px;width:48px}.pwa-text h3{font-size:16px}.pwa-text p{font-size:13px}.pwa-install-button{font-size:13px;padding:10px 20px}}.pwa-update-notification{animation:slideIn .3s ease-out;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.pwa-update-content{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;gap:12px;max-width:400px;min-width:320px;padding:16px}.pwa-update-icon{flex-shrink:0;font-size:32px}.pwa-update-text{flex:1 1;min-width:0}.pwa-update-text h4{color:#075e54;font-size:16px;font-weight:600;margin:0 0 4px}.pwa-update-text p{color:#666;font-size:14px;margin:0}.pwa-update-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.pwa-update-button{background:#075e54;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.pwa-update-button:hover{background:#128c7e;transform:scale(1.02)}.pwa-update-button:active{transform:scale(.98)}.pwa-dismiss-button{background:#0000;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.pwa-dismiss-button:hover{background:#f5f5f5;border-color:#ccc}@media (max-width:600px){.pwa-update-notification{left:10px;right:10px;top:10px}.pwa-update-content{flex-wrap:wrap;max-width:100%;min-width:auto}.pwa-update-actions{flex-direction:row;width:100%}.pwa-dismiss-button,.pwa-update-button{flex:1 1}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{background:#f5f7fb;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}#root,body{height:100vh;position:relative;width:100%}.auth-page{align-items:center;background:radial-gradient(circle at 20% 20%,#549dff40,#0000 45%),radial-gradient(circle at 80% 0,#1cc1c54d,#0000 40%),linear-gradient(135deg,#030918,#061a36 30%,#0a2c55 65%,#04162f);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:clamp(24px,5vw,70px) 24px;position:relative}.auth-page:after,.auth-page:before{background:#2d8cff26;border-radius:50%;content:"";filter:blur(90px);height:360px;position:absolute;width:360px;z-index:0}.auth-page:before{left:-80px;top:-120px}.auth-page:after{background:#18a5a72e;bottom:-140px;right:-60px}.auth-card-grid{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border:1px solid #fff6;border-radius:28px;box-shadow:0 30px 70px #030b1a59;display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,420px);max-width:1080px;overflow:hidden;position:relative;width:100%;z-index:1}.auth-card-grid--compact{height:560px;max-height:560px}.auth-card-grid--compact .auth-card-info,.auth-card-grid--compact .auth-container{height:100%}.auth-card-grid--compact .auth-container{overflow-y:auto;padding-right:calc(clamp(28px, 4vw, 54px))}.auth-card-grid--compact .auth-container::-webkit-scrollbar{width:6px}.auth-card-grid--compact .auth-container::-webkit-scrollbar-track{background:#0000}.auth-card-grid--compact .auth-container::-webkit-scrollbar-thumb{background:#0f224226;border-radius:999px}.auth-card-info{background:radial-gradient(circle at top,#ffffff14,#0000 60%),linear-gradient(145deg,#0d3f79,#0e5dac 60%,#0b7ac3);color:#e9f4ff;display:flex;flex-direction:column;gap:18px;justify-content:center;padding:clamp(32px,5vw,60px)}.auth-logo-chip{align-items:center;background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:600;gap:8px;letter-spacing:.05em;padding:8px 18px;text-transform:uppercase}.auth-card-info h1{color:#fff;font-size:clamp(1.8rem,3vw,2.5rem);margin:0}.auth-card-info p{color:#ffffffd1;font-size:1rem;line-height:1.6;margin:0}.auth-benefits{display:flex;flex-direction:column;gap:10px;list-style:none;margin:12px 0 0;padding:0}.auth-benefits li{align-items:center;color:#ffffffeb;display:flex;font-size:.95rem;gap:10px}.auth-benefits li:before{background:#7ee0ff;border-radius:50%;box-shadow:0 0 12px #7ee0ffe6;content:"";height:10px;width:10px}.auth-container{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;margin:0;padding:clamp(28px,4vw,54px)}.auth-container h2{color:#0e2242;font-size:1.6rem;font-weight:700;margin-bottom:20px}.auth-container form{display:flex;flex-direction:column;gap:14px}.auth-container input,.auth-container select,.auth-container textarea{background:#f9fbff;border:1px solid #d7deea;border-radius:12px;font-family:inherit;font-size:1rem;padding:12px 14px;transition:border .2s ease,box-shadow .2s ease,background .2s ease}.auth-container textarea{min-height:90px;resize:vertical}.otp-input-wrapper{display:flex;gap:12px;margin:12px 0 16px}.otp-input-box{background:#fbfcff;border:1px solid #d7deea;border-radius:16px;box-shadow:inset 0 1px 2px #0f224414;color:#0f2244;font-size:1.35rem;font-weight:600;height:64px;text-align:center;transition:border .2s ease,box-shadow .2s ease;width:56px}.otp-input-box:focus{background:#fff;border-color:#2d8cffcc;box-shadow:0 0 0 3px #2d8cff26;outline:none}.otp-input-box:disabled{cursor:not-allowed;opacity:.6}.auth-container input:focus,.auth-container select:focus,.auth-container textarea:focus{background:#fff;border-color:#2d8cffb3;box-shadow:0 0 0 3px #2d8cff26;outline:none}.auth-container button{background:linear-gradient(135deg,#1f7bff,#20b2ff);border:none;border-radius:12px;box-shadow:0 12px 25px #2084ff40;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:4px;padding:12px 0;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.auth-container button:hover:not(:disabled){box-shadow:0 18px 30px #2084ff4d;transform:translateY(-1px)}.auth-container button:disabled{cursor:not-allowed;opacity:.7}.auth-secondary-btn{background:linear-gradient(135deg,#ff8f5a,#ffb347);box-shadow:0 12px 24px #ffa05c4d}.auth-ghost-btn{background:#0000;border:1px solid #0c356e40;box-shadow:none;color:#1c4a7f}.auth-ghost-btn:hover:not(:disabled){background:#1c4a7f12}.auth-helper-text{background:#f3f6fb;border-radius:10px;color:#3d4b63;font-size:.9rem;padding:10px 12px}.auth-switch{align-items:center;color:#5f6b7f;display:flex;font-size:.95rem;gap:8px;justify-content:center;margin-top:20px}.auth-switch a{color:#1f7bff;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-error-banner{background:#ffe8e8;border:1px solid #b4231833;border-radius:12px;color:#b42318;font-size:.95rem;margin-top:16px;padding:12px 16px}.auth-legal-text{color:#607385;font-size:.85rem;line-height:1.4;margin-top:16px;text-align:center}.auth-legal-text a{color:#2d8cff;font-weight:600;text-decoration:none}.auth-legal-text a:hover{text-decoration:underline}.auth-divider{align-items:center;color:#9fb3c5;display:flex;font-size:.85rem;font-weight:500;gap:12px;margin:16px 0}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#d7deea 20%,#d7deea 80%,#0000);content:"";flex:1 1;height:1px}.google-btn{align-items:center;background:#fff!important;border:1px solid #dadce0!important;border-radius:12px;box-shadow:0 2px 4px #00000014!important;color:#3c4043!important;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;justify-content:center;margin-top:4px;padding:12px 20px;transition:all .2s ease}.google-btn:hover:not(:disabled){background:#f8f9fa!important;border-color:#d2d2d2!important;box-shadow:0 4px 8px #0000001f!important;transform:translateY(-1px)}.google-btn:active{box-shadow:0 1px 2px #00000014!important;transform:translateY(0)}.google-btn:disabled{cursor:not-allowed;opacity:.6}.google-icon{flex-shrink:0}@media (max-width:960px){.auth-card-grid{grid-template-columns:1fr}.auth-card-grid--compact{height:auto;max-height:none}.auth-card-info{min-height:280px}}@media (max-width:640px){.auth-page{padding:16px}.auth-container{padding:26px 20px 34px}.auth-card-info{padding:28px 24px 36px}.auth-switch{flex-direction:column;gap:2px}}:root{--color-bg:#f5f7fb;--color-surface:#fff;--color-surface-alt:#f0f4f9;--color-border:#e2e8f0;--color-border-strong:#d2dbe5;--color-accent:#2f9bff;--color-accent-hover:#1f88eb;--color-accent-soft:#e1f2ff;--color-accent-rgb:47,155,255;--color-bubble-outgoing:#35b7ff;--color-bubble-outgoing-hover:#1da9fa;--color-bubble-outgoing-rgb:53,183,255;--color-bubble-incoming:#e6edf2;--color-bubble-incoming-border:#d2dbe1;--color-incoming:#eef3f8;--color-incoming-border:#dbe3eb;--color-text:#1a2b3c;--color-text-soft:#607385;--color-danger:#ff4d4f;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px -2px #10182814,0 2px 4px -2px #1018280a;--transition-fast:120ms cubic-bezier(.4,0,.2,1)}.splash-bg{background:#fff!important}.splash-title span{color:#2f9bff;color:var(--color-accent)}.splash-title{color:#fff}
/*# sourceMappingURL=main.d3bc32f4.css.map*/