[data-v-224e0c8c]{box-sizing:border-box;margin:0;padding:0}body[data-v-224e0c8c],html[data-v-224e0c8c]{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0}#app[data-v-224e0c8c]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a472a,#2d5a3b);position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.auth[data-v-224e0c8c]{background:#f5f7f0;padding:2rem;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);width:320px;border:1px solid #6b8c5c}.auth h2[data-v-224e0c8c]{color:#2c5e2e;text-align:center;margin-bottom:1.5rem;font-weight:600}.auth input[data-v-224e0c8c]{display:block;width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid #b8c9a5;border-radius:6px;font-size:14px;transition:all .3s ease;background:#fff}.auth input[data-v-224e0c8c]:focus{outline:none;border-color:#3d6b3f;box-shadow:0 0 0 3px rgba(61,107,63,.1)}.auth button[data-v-224e0c8c]{width:48%;margin-right:4%;padding:10px;background:#2d5a2c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.auth button[data-v-224e0c8c]:last-child{margin-right:0;background:#5a7c4a}.auth button[data-v-224e0c8c]:hover{background:#1e3a1e;transform:translateY(-1px)}.auth button[data-v-224e0c8c]:last-child:hover{background:#456a36}.error[data-v-224e0c8c]{color:#c65d5d;margin-top:12px;font-size:.85em;text-align:center}.app[data-v-224e0c8c]{display:flex;width:100%;height:100%;background:#f0f4ea;box-shadow:0 0 20px rgba(0,0,0,.1);overflow:hidden;padding-top:64px}.topbar[data-v-224e0c8c]{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#eef3e7;border-bottom:2px solid #6b8c5c;z-index:1000}.brand[data-v-224e0c8c]{display:flex;align-items:center;gap:10px}.brand-name[data-v-224e0c8c]{font-size:1rem;font-weight:600;color:#1e4a1e;line-height:1}.brand-slogan[data-v-224e0c8c]{font-size:.75rem;color:#6f8f62;line-height:1}.hamburger[data-v-224e0c8c]{background:none;border:none;font-size:1.4rem;color:#4a6b3a;cursor:default;opacity:.7;padding:8px}.sidebar[data-v-224e0c8c]{width:320px;border-right:1px solid #9bb87a;display:flex;flex-direction:column;background:#eef3e7;overflow:hidden}.user-info[data-v-224e0c8c]{padding:16px 20px;border-bottom:2px solid #6b8c5c;display:flex;justify-content:space-between;align-items:center;background:#d9e6c3;color:#2c5e2e;flex-shrink:0}.user-info strong[data-v-224e0c8c]{color:#1e4a1e}.user-info button[data-v-224e0c8c]{padding:6px 14px;background:#4a6b3a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.user-info button[data-v-224e0c8c]:hover{background:#2c4a2a;transform:scale(.98)}.search[data-v-224e0c8c]{padding:15px;border-bottom:1px solid #b8c9a5;background:#eef3e7;flex-shrink:0}.search input[data-v-224e0c8c]{width:100%;padding:10px 12px;border:1px solid #b8c9a5;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.search input[data-v-224e0c8c]:focus{outline:none;border-color:#4a6b3a;box-shadow:0 0 0 3px rgba(74,107,58,.1)}.search-results[data-v-224e0c8c]{background:#fff;border:1px solid #b8c9a5;border-radius:6px;margin-top:8px;max-height:150px;overflow-y:auto}.search-results div[data-v-224e0c8c]{padding:10px 12px;cursor:pointer;transition:background .2s ease;color:#2c5e2e}.search-results div[data-v-224e0c8c]:hover{background:#d9e6c3;color:#1e4a1e}.chats[data-v-224e0c8c]{flex:1;overflow-y:auto;background:#f5f7f0}.chat-item[data-v-224e0c8c]{padding:14px 20px;border-bottom:1px solid #d4e2c4;cursor:pointer;transition:all .2s ease;position:relative}.chat-item[data-v-224e0c8c]:hover{background:#e4efd9;transform:translateX(4px)}.chat-item strong[data-v-224e0c8c]{color:#2c5e2e;font-size:15px}.last-message[data-v-224e0c8c]{font-size:.8em;color:#6f8f62;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge[data-v-224e0c8c]{background:#4a6b3a;color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block;margin-top:4px}.main[data-v-224e0c8c]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff;min-width:0}.chat-header[data-v-224e0c8c]{padding:16px 20px;border-bottom:2px solid #6b8c5c;background:#eef3e7;font-weight:600;display:flex;align-items:center;color:#2c5e2e;flex-shrink:0}.chat-name[data-v-224e0c8c]{flex:1;text-align:center;font-size:18px;color:#1e4a1e}.back-button[data-v-224e0c8c]{background:none;border:none;font-size:1.5em;cursor:pointer;padding:0 12px;margin-right:10px;color:#4a6b3a;transition:color .3s ease}.back-button[data-v-224e0c8c]:hover{color:#2c5e2e}.messages[data-v-224e0c8c]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;background:#fafcf7;min-height:0}.message[data-v-224e0c8c]{max-width:70%;margin-bottom:12px;padding:10px 14px;border-radius:18px;align-self:flex-start;background:#e4efd9;color:#2c3e2a;word-wrap:break-word;box-shadow:0 1px 2px rgba(0,0,0,.05)}.message.own[data-v-224e0c8c]{align-self:flex-end;background:#6b8c5c;color:#fff}.sender[data-v-224e0c8c]{font-size:.7em;font-weight:700;margin-bottom:5px;opacity:.8}.text[data-v-224e0c8c]{word-wrap:break-word;line-height:1.4}.time[data-v-224e0c8c]{font-size:.6em;text-align:right;margin-top:5px;opacity:.7}.compose[data-v-224e0c8c]{padding:16px 20px;border-top:1px solid #d4e2c4;display:flex;gap:8px;background:#f5f7f0;flex-shrink:0}.compose input[data-v-224e0c8c]{flex:1;padding:12px 16px;border:1px solid #b8c9a5;border-radius:24px;font-size:14px;transition:all .3s ease;background:#fff}.compose input[data-v-224e0c8c]:focus{outline:none;border-color:#6b8c5c;box-shadow:0 0 0 3px rgba(107,140,92,.1)}.compose button[data-v-224e0c8c]{padding:0 24px;border-radius:24px;background:#4a6b3a;color:#fff;border:none;cursor:pointer;font-weight:600;transition:all .3s ease}.compose button[data-v-224e0c8c]:hover{background:#2c5e2e;transform:translateY(-1px)}.compose button[data-v-224e0c8c]:active{transform:translateY(0)}.compose button.attach-btn[data-v-224e0c8c]{background:none;color:#dedddd;cursor:pointer;font-size:12px;margin-left:-70px}.compose button.attach-btn[data-v-224e0c8c]:hover{color:#bcbbbb;transform:scale(1.05)}.no-chat[data-v-224e0c8c]{display:flex;justify-content:center;align-items:center;height:100%;color:#9bb87a;font-size:16px;background:#fafcf7}.chat-item-header[data-v-224e0c8c]{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px}.last-seen[data-v-224e0c8c]{font-size:.7em;color:#8faa7a;white-space:nowrap}.chat-last-seen[data-v-224e0c8c]{font-size:.7em;color:#8faa7a;margin-top:4px}.image-message[data-v-224e0c8c]{max-width:100%;margin:4px 0}.message-image[data-v-224e0c8c]{max-width:200px;max-height:200px;border-radius:12px;cursor:pointer;transition:transform .2s}.message-image[data-v-224e0c8c]:hover{transform:scale(1.05)}[data-v-224e0c8c]::-webkit-scrollbar{width:8px;height:8px}[data-v-224e0c8c]::-webkit-scrollbar-track{background:#eef3e7;border-radius:4px}[data-v-224e0c8c]::-webkit-scrollbar-thumb{background:#9bb87a;border-radius:4px}[data-v-224e0c8c]::-webkit-scrollbar-thumb:hover{background:#6b8c5c}@media (max-width:768px){.app[data-v-224e0c8c]{flex-direction:row;padding-top:52px}.topbar[data-v-224e0c8c]{height:52px;padding:6px 12px}.brand-name[data-v-224e0c8c]{font-size:.95rem}.brand-slogan[data-v-224e0c8c]{font-size:.65rem}.sidebar[data-v-224e0c8c]{width:100%}.app.mobile .main[data-v-224e0c8c],.app.mobile .sidebar[data-v-224e0c8c]{display:block;width:100%}.app.mobile.sidebar-open .sidebar[data-v-224e0c8c]{display:block}.app.mobile.sidebar-open .main[data-v-224e0c8c],.app.mobile:not(.sidebar-open) .sidebar[data-v-224e0c8c]{display:none}.app.mobile:not(.sidebar-open) .main[data-v-224e0c8c]{display:flex}.chat-header[data-v-224e0c8c]{padding:12px 16px}.back-button[data-v-224e0c8c]{font-size:1.2em;padding:0 8px}.chat-name[data-v-224e0c8c]{font-size:16px}.message[data-v-224e0c8c]{max-width:85%}.message-image[data-v-224e0c8c]{max-width:150px;max-height:150px}.last-seen[data-v-224e0c8c]{font-size:.6em}}