nav[data-v-3e987a77]{width:100%;height:60px;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.header[data-v-3e987a77]{height:inherit;width:inherit;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box}.name[data-v-3e987a77]{font-size:20px;font-weight:700;letter-spacing:.5px}span a[data-v-3e987a77],.signout[data-v-3e987a77]{color:#334155;text-decoration:none;font-weight:600;font-size:14px}.link1 a[data-v-3e987a77]{padding:8px 16px;border-radius:8px}.single[data-v-3e987a77]{margin:0 8px;padding:8px 16px;border-radius:8px;transition:all .2s ease}.single[data-v-3e987a77]:hover{background-color:#f1f5f9;color:#0ea5e9}.signout[data-v-3e987a77]{padding:8px 16px;background:none;border:none;cursor:pointer;border-radius:8px;transition:all .2s ease;margin-left:8px}.signout[data-v-3e987a77]:hover{background-color:#fee2e2;color:#ef4444}[data-v-e1ffce61]{box-sizing:border-box}html[data-v-e1ffce61],body[data-v-e1ffce61],#app[data-v-e1ffce61]{margin:0;padding:0;width:100%;height:100vh}.login-page[data-v-bb5cc892]{background-color:#e0f2fe;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.login-tab[data-v-bb5cc892]{height:300px;background-color:#f8fafc;padding:20px;display:flex;gap:10px;align-items:center;border-radius:12px;box-shadow:0 10px 25px #0000001a;transition:all .5s ease;overflow:hidden}.login-tab.no-errors[data-v-bb5cc892]{gap:0}.login-form[data-v-bb5cc892]{display:flex;justify-content:center;align-items:center;gap:15px;width:250px;height:inherit;background-color:#0ea5e9;color:#fff;border-radius:8px;flex-direction:column;transition:all .5s ease}.no-width[data-v-bb5cc892]{width:0!important;opacity:0;margin:0;padding:0}h1[data-v-bb5cc892]{margin-top:20px}h1[data-v-bb5cc892],h5[data-v-bb5cc892]{margin:0}.error-messages[data-v-bb5cc892]{align-self:center;color:red;font-size:12px;width:200px;transition:all 1s ease;display:flex;flex-direction:column;justify-content:center;overflow:hidden;white-space:nowrap}.position[data-v-bb5cc892]{float:right}button[data-v-bb5cc892]{width:70px;padding:10px;cursor:pointer;background-color:#f1f5f9;color:#0ea5e9;border:none;font-weight:700;border-radius:6px;transition:background-color .2s}button[data-v-bb5cc892]:hover{background-color:#fff}.success-message[data-v-bb5cc892]{color:#10b981;background-color:#ecfdf5;padding:8px;border-radius:4px;font-size:13px;text-align:center;margin-top:5px;margin-bottom:5px}.display[data-v-ec5c942e]{width:75%;height:inherit;border:1px solid #cbd5e1;border-top-right-radius:12px;border-bottom-right-radius:12px;display:flex;flex-direction:column;overflow:hidden}.no-selection[data-v-ec5c942e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:1.2rem;background-color:#f1f5f9}.messenger-page[data-v-ec5c942e]{display:flex;flex-direction:column;height:100%;background:#f1f5f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.messenger-header[data-v-ec5c942e]{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background-color:#0ea5e9;color:#fff;box-shadow:0 2px 4px #0000000d;z-index:10}.header-left h2[data-v-ec5c942e]{margin:0;font-size:18px;font-weight:600;padding:10px 0}.messages-container[data-v-ec5c942e]{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:8px}.message-row[data-v-ec5c942e]{display:flex}.message-row.own[data-v-ec5c942e]{justify-content:flex-end}.message-row.other[data-v-ec5c942e]{justify-content:flex-start}.message-bubble[data-v-ec5c942e]{max-width:65%;padding:10px 16px;border-radius:18px;position:relative;word-wrap:break-word}.message-row.own .message-bubble[data-v-ec5c942e]{background:#0ea5e9;color:#fff;border-bottom-right-radius:4px}.message-row.other .message-bubble[data-v-ec5c942e]{background:#fff;color:#334155;border-bottom-left-radius:4px;box-shadow:0 1px 4px #0000000d}.message-author[data-v-ec5c942e]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;opacity:.8}.message-text[data-v-ec5c942e]{font-size:14px;line-height:1.5}.redacted-text[data-v-ec5c942e]{opacity:.5;letter-spacing:2px}.message-actions[data-v-ec5c942e]{margin-top:6px;display:flex;justify-content:flex-end}.action-btn[data-v-ec5c942e]{font-size:11px;padding:3px 10px;border-radius:10px;border:none;cursor:pointer;font-weight:600;transition:opacity .2s,transform .15s}.action-btn[data-v-ec5c942e]:hover{transform:translateY(-1px)}.redact-btn[data-v-ec5c942e],.unredact-btn[data-v-ec5c942e]{background:#ffffff40;color:#fff}.input-bar[data-v-ec5c942e]{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-top:1px solid #e2e8f0}.input-bar input[data-v-ec5c942e]{flex:1;padding:12px 18px;border:1px solid #cbd5e1;border-radius:24px;font-size:14px;color:#334155;outline:none;transition:border-color .2s,box-shadow .2s}.input-bar input[data-v-ec5c942e]:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.send-btn[data-v-ec5c942e]{padding:12px 24px;background:#0ea5e9;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.send-btn[data-v-ec5c942e]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.send-btn[data-v-ec5c942e]:disabled{opacity:.5;cursor:not-allowed}body[data-v-1a9383a5]{margin:0}.display[data-v-1a9383a5]{width:25%;height:80%;border:1px solid #cbd5e1;border-right:none;background-color:#fff;border-top-left-radius:12px;border-bottom-left-radius:12px;overflow:hidden}.friend[data-v-1a9383a5]{width:100%;height:33.33%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}.friend-user[data-v-1a9383a5]{display:flex;align-items:center;gap:14px;width:70%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;text-align:left;color:#334155;font-weight:500}.friend-user[data-v-1a9383a5]:hover{border-color:#0ea5e9;background:#e0f2fe;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.friend-request[data-v-1a9383a5]{width:100%;height:33.33%;background-color:#f8fafc;border-top:1px solid #e2e8f0;overflow-y:auto}.add-friend[data-v-1a9383a5]{width:100%;height:33.33%;background-color:#f7fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid #e2e8f0}.add-friend h3[data-v-1a9383a5]{margin:10px 0}.add-friend-form[data-v-1a9383a5]{display:flex;flex-direction:column;align-items:center;gap:8px;width:80%}.add-friend-form label[data-v-1a9383a5]{font-size:13px;font-weight:600;align-self:flex-start;color:#2d3748}.add-friend-form input[data-v-1a9383a5]{width:100%;padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:13px;box-sizing:border-box}.add-friend-form input[data-v-1a9383a5]:focus{outline:none;border-color:#667eea}.btn-send-req[data-v-1a9383a5]{width:100%;padding:8px 12px;background-color:#0ea5e9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;transition:opacity .2s}.btn-send-req[data-v-1a9383a5]:hover{opacity:.9}.error-msg[data-v-1a9383a5]{color:#e53e3e;font-size:12px;margin-top:8px;text-align:center}.friend-request h3[data-v-1a9383a5]{margin:10px 0;text-align:center}.request-item[data-v-1a9383a5]{display:flex;justify-content:space-between;align-items:center;width:80%;margin:8px auto;padding:8px 12px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-size:14px}.req-actions[data-v-1a9383a5]{display:flex;gap:8px}.btn-accept[data-v-1a9383a5],.btn-reject[data-v-1a9383a5]{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;transition:opacity .2s}.btn-accept[data-v-1a9383a5]:hover,.btn-reject[data-v-1a9383a5]:hover{opacity:.8}.btn-accept[data-v-1a9383a5]{background-color:#e2e8f0;color:#2d3748}.btn-reject[data-v-1a9383a5]{background-color:#fff;color:#4a5568;border:1px solid #e2e8f0}.home-view[data-v-82152945]{margin-top:10px;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;gap:5px}.view[data-v-f8cfe883]{height:100vh;width:100%;background-color:#e0f2fe;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.logo[data-v-f8cfe883]{width:300px;height:300px;border-radius:20px;background-color:#0ea5e9;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 25px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:-2px}.f-large[data-v-f8cfe883]{font-size:150px;font-weight:800;line-height:1}.rapp-small[data-v-f8cfe883]{font-size:60px;font-weight:600;margin-top:40px;letter-spacing:1px}.not-found-page[data-v-66335b55]{background-color:#e0f2fe;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.error-container[data-v-66335b55]{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0000001a;text-align:center;max-width:400px}h1[data-v-66335b55]{font-size:80px;color:#0ea5e9;margin:0;line-height:1}h2[data-v-66335b55]{font-size:24px;color:#334155;margin:10px 0}p[data-v-66335b55]{color:#64748b;font-size:14px;margin-bottom:30px}.btn-home[data-v-66335b55]{padding:10px 20px;background-color:#0ea5e9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.btn-home[data-v-66335b55]:hover{opacity:.9;transform:translateY(-2px)}.login-page[data-v-718f071a]{background-color:#e0f2fe;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.login-tab[data-v-718f071a]{min-height:300px;height:auto;background-color:#f8fafc;padding:20px;display:flex;gap:10px;align-items:center;border-radius:12px;box-shadow:0 10px 25px #0000001a;transition:all .5s ease;overflow:hidden}.login-tab.no-errors[data-v-718f071a]{gap:0}.login-form[data-v-718f071a]{display:flex;justify-content:center;align-items:center;gap:15px;width:250px;height:inherit;background-color:#0ea5e9;color:#fff;border-radius:8px;flex-direction:column;transition:all .5s ease}.no-width[data-v-718f071a]{width:0!important;opacity:0;margin:0;padding:0}h1[data-v-718f071a]{margin-top:20px}h1[data-v-718f071a],h5[data-v-718f071a]{margin:0}.error-messages[data-v-718f071a]{align-self:center;color:red;font-size:12px;width:200px;transition:all 1s ease;display:flex;flex-direction:column;justify-content:center;overflow:hidden;white-space:nowrap}.position[data-v-718f071a]{float:right}button[data-v-718f071a]{width:70px;padding:10px;cursor:pointer;background-color:#f1f5f9;color:#0ea5e9;border:none;font-weight:700;border-radius:6px;transition:background-color .2s}button[data-v-718f071a]:hover{background-color:#fff}