*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;overflow:hidden;padding:16px;background-color:#fff}.navbar[data-v-cdc91b3b]{display:flex;justify-content:flex-end;padding:12px 32px;background-color:#eaeaea;border-bottom:1px solid #025269;box-shadow:0 4px 9px #00000014}.nav-links[data-v-cdc91b3b]{display:flex;gap:10px}.nav-links a[data-v-cdc91b3b]{text-decoration:none;color:#025269;font-weight:500;font-size:15px;padding:8px 20px;font-family:Georgia,Times New Roman,Times,serif;transition:all .2s}.nav-links a[data-v-cdc91b3b]:hover{text-decoration:underline}.landing[data-v-684c5630]{height:100vh;background-color:#f6f6f6}main[data-v-684c5630]{display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;height:calc(100vh - 70px)}h4[data-v-684c5630]{font-family:Georgia,Times New Roman,Times,serif;color:#025269;font-weight:600}.logo[data-v-684c5630]{width:350px;height:350px}.container[data-v-8b62c20d]{display:flex;flex-direction:row;gap:40px;justify-content:center;align-items:center;height:calc(100vh - 70px)}form[data-v-8b62c20d]{display:flex;flex-direction:column;gap:16px;width:320px;background:#fff;padding:32px;border-radius:10px;box-shadow:0 2px 12px #00000014}h2[data-v-8b62c20d]{font-family:Georgia,Times New Roman,Times,serif;color:#025269;font-weight:500;display:flex;justify-content:center}label[data-v-8b62c20d]{display:block;font-family:Georgia,Times New Roman,Times,serif;color:#025269;font-size:14px}.label-row[data-v-8b62c20d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}input[type=text][data-v-8b62c20d],input[type=email][data-v-8b62c20d],input[type=password][data-v-8b62c20d]{width:100%;padding:9px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:Georgia,Times New Roman,Times,serif;box-sizing:border-box}input[type=text][data-v-8b62c20d]:focus,input[type=email][data-v-8b62c20d]:focus,input[type=password][data-v-8b62c20d]:focus{outline:none;border-color:#025269}.toggle input[data-v-8b62c20d]{display:none}.toggle .slider[data-v-8b62c20d]{display:block;width:34px;height:20px;background-color:#ccc;border-radius:20px;cursor:pointer;position:relative;transition:background-color .2s}.toggle .slider[data-v-8b62c20d]:before{content:"";position:absolute;width:14px;height:14px;background-color:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle input:checked+.slider[data-v-8b62c20d]{background-color:#025269}.toggle input:checked+.slider[data-v-8b62c20d]:before{transform:translate(14px)}button[type=submit][data-v-8b62c20d]{padding:10px;background-color:#025269;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-family:Georgia,Times New Roman,Times,serif;font-weight:500;transition:background .2s;box-shadow:0 5px 5px #0003}button[type=submit][data-v-8b62c20d]:hover:not(:disabled){background-color:#2a8f8f}button[type=submit][data-v-8b62c20d]:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.switch-link[data-v-8b62c20d]{font-size:13px;color:#555;font-family:Georgia,Times New Roman,Times,serif;display:flex;align-items:center;justify-content:center}.switch-link a[data-v-8b62c20d]{color:#025269;font-weight:500}.errors[data-v-8b62c20d]{list-style:disc;padding-left:18px;color:red;font-size:12px;font-family:Georgia,Times New Roman,Times,serif}.rules[data-v-8b62c20d]{display:flex;flex-direction:column;gap:12px}.rule-title[data-v-8b62c20d]{color:red;font-size:13px;font-weight:500;margin-bottom:4px;font-family:Georgia,Times New Roman,Times,serif}.rules ul[data-v-8b62c20d]{list-style:disc;padding-left:18px;color:red;font-size:12px;font-family:Georgia,Times New Roman,Times,serif}.error[data-v-c8351d26]{color:red;font-family:Georgia,Times New Roman,Times,serif;font-size:13px}.success[data-v-c8351d26]{color:green;font-family:Georgia,Times New Roman,Times,serif}.form-container[data-v-c8351d26]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 70px);background-color:#f6f6f6;gap:30px}h2[data-v-c8351d26]{font-family:Georgia,Times New Roman,Times,serif;color:#025269;font-weight:500;margin-bottom:20px}form[data-v-c8351d26]{display:flex;flex-direction:column;gap:16px;width:320px;background:#fff;padding:32px;border-radius:10px;box-shadow:0 2px 12px #00000014}label[data-v-c8351d26]{display:block;font-family:Georgia,Times New Roman,Times,serif;color:#025269;font-size:14px}.label-row[data-v-c8351d26]{display:flex;justify-content:space-between}input[type=text][data-v-c8351d26],input[type=password][data-v-c8351d26]{width:100%;padding:9px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:Georgia,Times New Roman,Times,serif;box-sizing:border-box}input[type=text][data-v-c8351d26]:focus,input[type=password][data-v-c8351d26]:focus{outline:none;border-color:#025269}.toggle input[data-v-c8351d26]{display:none}.toggle .slider[data-v-c8351d26]{display:block;width:34px;height:20px;background-color:#ccc;border-radius:20px;cursor:pointer;position:relative;transition:background-color .2s}.toggle .slider[data-v-c8351d26]:before{content:"";position:absolute;width:14px;height:14px;background-color:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle input:checked+.slider[data-v-c8351d26]{background-color:#025269}.toggle input:checked+.slider[data-v-c8351d26]:before{transform:translate(14px)}button[type=submit][data-v-c8351d26]{padding:10px;background-color:#025269;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-family:Georgia,Times New Roman,Times,serif;font-weight:500;transition:background .2s;box-shadow:0 5px 5px #0003}button[type=submit][data-v-c8351d26]:hover:not(:disabled){background-color:#2a8f8f}button[type=submit][data-v-c8351d26]:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.switch-link[data-v-c8351d26]{font-size:14px;color:#555;font-family:Georgia,Times New Roman,Times,serif;display:flex;justify-content:center;align-items:center}.switch-link a[data-v-c8351d26]{color:#025269;font-weight:500}.sidebar[data-v-842100ea]{width:240px;min-width:240px;height:100%;background:#f6f6f6;border-right:2px solid #025269;overflow-y:auto;display:flex;flex-direction:column;gap:25px;padding:16px;font-family:Georgia,Times New Roman,Times,serif}.profile-btn[data-v-842100ea]{background:none;border:none;color:#025269;font-family:Georgia,Times New Roman,Times,serif;font-size:13px;font-weight:500;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;padding:0}.profile-btn[data-v-842100ea]:hover{text-decoration:underline}.section h3[data-v-842100ea]{color:#025269;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:500;text-decoration:underline}ul[data-v-842100ea]{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}li[data-v-842100ea]{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .15s}li[data-v-842100ea]:hover{background:#d6eaea}li.active[data-v-842100ea]{background:#025269;color:#fff}.friend-item[data-v-842100ea]{display:flex;align-items:center;justify-content:space-between}.decline-btn[data-v-842100ea]:hover{background:#e61111}.accept-btn[data-v-842100ea]:hover{background-color:green}.remove-btn[data-v-842100ea]{background:none;border:none;color:#888;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;box-shadow:0 2px 5px #0003}.remove-btn[data-v-842100ea]:hover{background:#e61111;color:#fff}.request-item[data-v-842100ea]{display:flex;align-items:center;justify-content:space-between}.request-item button[data-v-842100ea]{padding:4px 10px;border-radius:4px;border:none;cursor:pointer;font-size:12px;margin-left:4px;background:#025269;color:#fff;font-family:Georgia,Times New Roman,Times,serif;box-shadow:0 5px 5px #0003}.add-btn[data-v-842100ea]:hover{background-color:#2a8f8f}.add-row[data-v-842100ea]{display:flex;gap:8px}.add-row input[data-v-842100ea]{flex:1;padding:7px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px;font-family:Georgia,Times New Roman,Times,serif}.add-row input[data-v-842100ea]:focus{outline:none;border-color:#025269}.add-row button[data-v-842100ea]{padding:7px 14px;background:#025269;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-family:Georgia,Times New Roman,Times,serif;box-shadow:0 5px 5px #0003}.error[data-v-842100ea]{color:red;font-size:12px;margin-top:4px}.success[data-v-842100ea]{color:green;font-size:12px;margin-top:4px}.empty[data-v-842100ea]{color:#888;font-style:italic}.user-section[data-v-842100ea]{margin-bottom:8px}.modal-overlay[data-v-842100ea]{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box[data-v-842100ea]{background:#fff;border-radius:14px;padding:32px;width:300px;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:Georgia,Times New Roman,Times,serif;box-shadow:0 8px 30px #00000026}.close-btn[data-v-842100ea]{align-self:flex-end;background:none;border:none;font-size:16px;cursor:pointer;color:#888}.close-btn[data-v-842100ea]:hover{color:#025269}.profile-avatar[data-v-842100ea]{width:60px;height:60px;border-radius:50%;background:#025269;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;font-weight:500}.profile-name[data-v-842100ea]{font-size:18px;color:#025269;font-weight:500;margin:0}.profile-detail[data-v-842100ea]{font-size:13px;color:#555}.create-btn[data-v-842100ea]{margin-top:8px;padding:6px 12px;background:#025269;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-family:Georgia,Times New Roman,Times,serif}.create-btn[data-v-842100ea]:hover{background:#2a8f8f}.create-form[data-v-842100ea]{display:flex;flex-direction:column;gap:8px;margin-top:8px}.create-form input[data-v-842100ea]{padding:7px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px;font-family:Georgia,Times New Roman,Times,serif}.create-form input[data-v-842100ea]:focus{outline:none;border-color:#025269}.create-actions[data-v-842100ea]{display:flex;gap:6px}.create-actions button[data-v-842100ea]{flex:1;padding:6px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-family:Georgia,Times New Roman,Times,serif;background:#025269;color:#fff}.cancel-btn[data-v-842100ea]{background:#888!important}.admin-wrapper[data-v-f8f33c3d]{position:relative;display:inline-block}.tooltip[data-v-f8f33c3d]{display:none;position:absolute;bottom:130%;right:0;background:#025269;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;white-space:nowrap;box-shadow:0 2px 8px #00000026}.admin-wrapper:hover .tooltip[data-v-f8f33c3d]{display:block}.chat[data-v-f8f33c3d]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff;font-family:Georgia,Times New Roman,Times,serif}.empty-state[data-v-f8f33c3d]{flex:1;display:flex;align-items:center;justify-content:center;color:#888;font-size:15px;font-style:italic}.chat-header[data-v-f8f33c3d]{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #025269;background:#f6f6f6;flex-shrink:0}.header-left[data-v-f8f33c3d]{display:flex;flex-direction:column;gap:6px}.chat-header h3[data-v-f8f33c3d]{color:#025269;margin:0;font-weight:500;font-size:16px}.members-count[data-v-f8f33c3d]{font-size:11px;color:#888}.members-bar[data-v-f8f33c3d]{display:flex;flex-wrap:wrap;gap:5px}.member-chip[data-v-f8f33c3d]{display:flex;align-items:center;gap:5px;background:#e0f0f0;color:#025269;padding:4px 10px;border-radius:99px;font-size:12px}.member-initial[data-v-f8f33c3d]{width:20px;height:20px;border-radius:50%;background:#025269;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.header-actions[data-v-f8f33c3d]{display:flex;align-items:center;gap:8px;flex-shrink:0}.invite-wrapper[data-v-f8f33c3d]{position:relative}.invite-btn[data-v-f8f33c3d]{width:30px;height:30px;border-radius:50%;background:#025269;color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.invite-btn[data-v-f8f33c3d]:hover{background:#2a8f8f}.invite-popup[data-v-f8f33c3d]{position:absolute;top:38px;right:0;background:#fff;border:1px solid #ccc;border-radius:10px;padding:14px;width:220px;box-shadow:0 4px 16px #0000001f;z-index:10;display:flex;flex-direction:column;gap:8px}.popup-title[data-v-f8f33c3d]{font-size:12px;color:#025269;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0}.invite-row[data-v-f8f33c3d]{display:flex;gap:6px}.invite-row input[data-v-f8f33c3d]{flex:1;padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px;font-family:Georgia,Times New Roman,Times,serif}.invite-row input[data-v-f8f33c3d]:focus{outline:none;border-color:#025269}.invite-row button[data-v-f8f33c3d]{padding:6px 12px;background:#025269;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-family:Georgia,Times New Roman,Times,serif}.invite-row button[data-v-f8f33c3d]:hover{background:#2a8f8f}.leave-btn[data-v-f8f33c3d]{padding:6px 14px;background:#e61111;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-family:Georgia,Times New Roman,Times,serif}.leave-btn[data-v-f8f33c3d]:hover{background:#c00}.delete-btn[data-v-f8f33c3d]{padding:6px 10px;background:#e61111;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.delete-btn[data-v-f8f33c3d]:hover{background:#c00}.admin-tag[data-v-f8f33c3d]{font-size:11px;color:#025269;background:#e0f0f0;padding:4px 10px;border-radius:99px}.messages[data-v-f8f33c3d]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.no-messages[data-v-f8f33c3d]{text-align:center;color:#888;font-style:italic;font-size:13px;margin:auto}.message-row[data-v-f8f33c3d]{display:flex;align-items:flex-end;gap:8px}.message-row.mine[data-v-f8f33c3d]{justify-content:flex-end}.avatar[data-v-f8f33c3d]{width:32px;height:32px;border-radius:50%;background:#025269;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.bubble-wrapper[data-v-f8f33c3d]{display:flex;flex-direction:column;gap:3px;max-width:60%}.bubble-wrapper.mine[data-v-f8f33c3d]{align-items:flex-end}.sender-label[data-v-f8f33c3d]{font-size:11px;color:#888;padding-left:4px}.bubble[data-v-f8f33c3d]{background:#e8f4f4;padding:10px 14px;border-radius:16px 16px 16px 4px;font-size:14px;color:#333;line-height:1.4}.bubble.mine[data-v-f8f33c3d]{background:#025269;color:#fff;border-radius:16px 16px 4px}.composer[data-v-f8f33c3d]{display:flex;gap:10px;padding:25px 23px;border-top:1px solid #025269;background:#f6f6f6;flex-shrink:0}.composer input[data-v-f8f33c3d]{flex:1;padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:Georgia,Times New Roman,Times,serif}.composer input[data-v-f8f33c3d]:focus{outline:none;border-color:#025269}.composer button[data-v-f8f33c3d]{padding:10px 20px;background:#025269;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;font-family:Georgia,Times New Roman,Times,serif}.composer button[data-v-f8f33c3d]:hover{background:#2a8f8f}.error[data-v-f8f33c3d]{color:red;font-size:12px}.success[data-v-f8f33c3d]{color:green;font-size:12px}.home[data-v-2b994fa3]{height:100vh;display:flex;flex-direction:column;background-color:#f6f6f6}.content[data-v-2b994fa3]{display:flex;flex:1;overflow:hidden}