:root{--sidebar-width:320px;--header-height:60px;--border-radius-lg:16px;--transition-speed:0.2s;--primary:#2ecc71;--primary-dark:#27ae60;--primary-light:#2ecc711a;--primary-gradient:linear-gradient(135deg,#2ecc71,#27ae60);--secondary-green:#219a52;--accent-green:#3ddc84;--group-primary:#1abc9c;--group-primary-dark:#16a085;--group-primary-light:#1abc9c1a;--group-gradient:linear-gradient(135deg,#1abc9c,#16a085);--group-accent:#48c9b0;--shadow-sidebar:2px 0 10px #0000000d;--shadow-header:0 2px 10px #0000000d;--shadow-input:0 -2px 10px #0000000d;--shadow-card:0 2px 8px #00000014}[data-theme=dark]{--primary:#2ecc71;--primary-dark:#27ae60;--primary-light:#2ecc7126;--group-primary:#1abc9c;--group-primary-dark:#16a085;--group-primary-light:#1abc9c26;--shadow-sidebar:2px 0 10px #0003;--shadow-header:0 2px 10px #0003;--shadow-input:0 -2px 10px #0003;--shadow-card:0 2px 8px #00000026}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,transform .2s ease,box-shadow .2s ease}body{background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;height:100vh;overflow:hidden}.messenger-container{height:100vh;width:100%}.messenger-container,.sidebar{display:flex;position:relative}.sidebar{background:var(--bg-secondary);border-right:2px solid #2ecc711a;border-right:2px solid var(--primary-light);box-shadow:2px 0 10px #0000000d;box-shadow:var(--shadow-sidebar);flex-direction:column;overflow:hidden;width:320px;width:var(--sidebar-width);z-index:2}.sidebar:before{background:linear-gradient(135deg,#2ecc71,#27ae60);background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.sidebar-header{background:var(--bg-primary);border-bottom:2px solid #2ecc711a;border-bottom:2px solid var(--primary-light);padding:1rem;position:relative}.chat-tabs{border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-top:.75rem}.tab-btn{background:none;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem;position:relative;transition:all .2s}.tab-btn.active{background:#2ecc711a;background:var(--primary-light);border-bottom:2px solid #2ecc71;border-bottom:2px solid var(--primary);color:#2ecc71;color:var(--primary)}.tab-btn.active:before{background:linear-gradient(135deg,#2ecc71,#27ae60);background:var(--primary-gradient);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab-btn:hover{background:var(--bg-hover)}.chats-list,.groups-list{flex:1 1;overflow-y:auto;padding:.5rem;scrollbar-width:thin}.chats-list.hidden,.groups-list.hidden{display:none}.chat-item,.group-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;margin-bottom:.5rem;padding:.75rem;position:relative;transition:all .2s;transition:all var(--transition-speed)}.chat-item:hover{background:var(--bg-hover);border-color:#2ecc711a;border-color:var(--primary-light);transform:translateX(4px)}.chat-item.active,.chat-item:hover{box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card)}.chat-item.active{background:#2ecc711a;background:var(--primary-light);border-left:3px solid;border-color:#2ecc71;border-color:var(--primary)}.group-item{border-left:3px solid}.group-item,.group-item:hover{background:#1abc9c1a;background:var(--group-primary-light);border-color:#1abc9c;border-color:var(--group-primary)}.group-item:hover{box-shadow:0 4px 12px #1abc9c33;transform:translateX(4px)}.group-item.active{background:#1abc9c33;border-left:3px solid;border-color:#1abc9c;border-color:var(--group-primary);box-shadow:0 2px 12px #1abc9c4d}.chat-avatar{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);background:var(--primary-gradient);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;margin-right:.75rem;width:48px}.group-avatar{background:linear-gradient(135deg,#1abc9c,#16a085);background:var(--group-gradient);position:relative}.group-avatar:after{background:#1abc9c;background:var(--group-primary);border:2px solid var(--bg-primary);border-radius:50%;bottom:-2px;content:"\f0c0";font-family:Font Awesome\ 6 Free;font-size:10px;font-weight:900;padding:2px;position:absolute;right:-2px}.chat-info{flex:1 1;min-width:0}.chat-name{align-items:center;display:flex;font-weight:600;gap:.5rem;margin-bottom:.25rem}.group-badge{align-items:center;background:linear-gradient(135deg,#1abc9c,#16a085);background:var(--group-gradient);border-radius:12px;color:#fff;display:inline-flex;font-size:.7rem;gap:.3rem;padding:.2rem .5rem}.chat-last-message{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:var(--text-secondary);flex-shrink:0;font-size:.7rem}.chat-area{background:var(--bg-primary);flex:1 1;flex-direction:column;z-index:1}.chat-area,.chat-header{display:flex;position:relative}.chat-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid #2ecc711a;border-bottom:2px solid var(--primary-light);box-shadow:0 2px 10px #0000000d;box-shadow:var(--shadow-header);justify-content:space-between;padding:1rem 1.5rem;z-index:2}.chat-header:after{background:linear-gradient(135deg,#2ecc71,#27ae60);background:var(--primary-gradient);bottom:-2px;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.contact-info{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .2s}.contact-info:hover{background:var(--bg-hover)}.messages-area{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1.5rem;position:relative;scrollbar-width:thin}.messages-area:before{background-image:radial-gradient(#2ecc711a 1px,#0000 0);background-image:radial-gradient(var(--primary-light) 1px,#0000 1px);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.message{animation:fadeIn .3s ease;display:flex;max-width:70%;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.outgoing{align-self:flex-end}.message.incoming{align-self:flex-start}.message-bubble{border-radius:18px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);padding:.75rem 1rem;position:relative}.message.outgoing .message-bubble{background:linear-gradient(135deg,#2ecc71,#27ae60);background:var(--primary-gradient);border-bottom-right-radius:4px;color:#fff}.message.incoming .message-bubble{background:var(--bg-secondary);border:1px solid var(--border);border-bottom-left-radius:4px}.message-sender{color:#1abc9c;color:var(--group-primary);font-size:.7rem;font-weight:700;margin-bottom:.25rem}.message-text{font-size:.95rem;line-height:1.4}.message-time{font-size:.7rem;margin-top:.25rem;opacity:.7;text-align:right}.message-input-area{align-items:center;background:var(--bg-secondary);border-top:2px solid #2ecc711a;border-top:2px solid var(--primary-light);box-shadow:0 -2px 10px #0000000d;box-shadow:var(--shadow-input);display:flex;gap:.75rem;padding:1rem 1.5rem;position:relative;z-index:2}.message-input-area:before{background:linear-gradient(135deg,#2ecc71,#27ae60);background:var(--primary-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:-2px}.message-input{background:var(--bg-primary);border:2px solid var(--border);border-radius:24px;color:var(--text-primary);flex:1 1;font-size:.95rem;padding:.75rem 1rem;transition:all .2s}.message-input:focus{border-color:#2ecc71;border-color:var(--primary);box-shadow:0 0 0 3px #2ecc711a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.group-actions{display:flex;gap:.5rem}.modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal.active{display:flex}.modal-content{background:var(--bg-primary);border:1px solid #2ecc711a;border:1px solid var(--primary-light);border-radius:16px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:500px;overflow-y:auto;padding:1.5rem;width:90%}.modal-header{align-items:center;border-bottom:2px solid #2ecc711a;border-bottom:2px solid var(--primary-light);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.members-list{margin-top:1rem}.member-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem}@media (max-width:768px){.sidebar{left:-100%;position:absolute;transition:left .3s ease;z-index:1000}.sidebar.mobile-open{left:0}.chat-area{width:100%}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:#2ecc71;background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#27ae60;background:var(--primary-dark)}.unread-badge{background:linear-gradient(135deg,#2ecc71,#27ae60);background:var(--primary-gradient);border-radius:12px;box-shadow:0 1px 2px #0000001a;color:#fff;font-size:.7rem;font-weight:700;margin-left:.5rem;padding:.2rem .5rem}.btn-icon{background:var(--bg-hover);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;padding:.5rem;transition:all .2s}.btn-icon:hover{background:#2ecc711a;background:var(--primary-light);color:#2ecc71;color:var(--primary);transform:translateY(-1px)}.group-action-btn{background:#1abc9c1a;background:var(--group-primary-light);color:#1abc9c;color:var(--group-primary)}.group-action-btn:hover{background:#1abc9c;background:var(--group-primary);color:#fff}.btn-primary{background:linear-gradient(135deg,#2ecc71,#27ae60);background:var(--primary-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #2ecc714d;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #2ecc71;border:1px solid var(--primary);border-radius:8px;color:#2ecc71;color:var(--primary);cursor:pointer;padding:.5rem 1rem;transition:all .2s}.btn-outline:hover{background:#2ecc711a;background:var(--primary-light);transform:translateY(-1px)}@keyframes groupPulse{0%{box-shadow:0 0 0 0 #1abc9c66}70%{box-shadow:0 0 0 10px #1abc9c00}to{box-shadow:0 0 0 0 #1abc9c00}}.group-item.new-message{animation:groupPulse 1s ease}
/*# sourceMappingURL=main.4937dc45.css.map*/