:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{height:100dvh;min-height:100dvh;color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s;display:flex;position:sticky;overflow:hidden}:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-raised:#fff;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--hover:#f0f4ff;--hover-expanded:#eef2ff;--hover-bg:#fafbff;--accent:#6366f1;--accent-hover:#4f46e5;--accent-soft:#eef2ff;--danger:#ef4444;--danger-bg:#fee2e2;--success:#10b981;--card-shadow:0 1px 3px #0000000f;--modal-overlay:#0006;--input-bg:#fff;--input-border:#d1d5db;--toolbar-bg:#f9fafb;--header-border:#808080a9;--table-header-bg:#f3f4f6;--table-border:#e5e7eb;--expand-bg:#fafbff;--msg-bg:#fff;--msg-border:#e5e7eb;--msg-hover-border:#a5b4fc;--scrollbar-thumb:#d1d5db;--scrollbar-track:#f3f4f6}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-raised:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-light:#475569;--border:#334155;--border-light:#1e293b;--hover:#1e3a5f;--hover-expanded:#1e3a5f;--hover-bg:#1e293b;--accent:#818cf8;--accent-hover:#6366f1;--accent-soft:#1e293b;--danger:#f87171;--danger-bg:#7f1d1d;--success:#34d399;--card-shadow:0 1px 3px #0000004d;--modal-overlay:#0009;--input-bg:#1e293b;--input-border:#475569;--toolbar-bg:#1e293b;--header-border:#334155;--table-header-bg:#1e293b;--table-border:#334155;--expand-bg:#1e293b;--msg-bg:#0f172a;--msg-border:#334155;--msg-hover-border:#6366f1;--scrollbar-thumb:#475569;--scrollbar-track:#1e293b}#app{width:100%;height:100%;margin:0 auto;font-weight:400;overflow:hidden}.app{width:100%;height:100%;margin:0 auto;font-weight:400}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@media (width>=800px){body{place-items:center;display:flex}#app{border:1px solid green;flex-direction:column;display:flex}.app{flex:0 2 auto;grid-template-columns:80px 2fr;grid-auto-rows:1fr;gap:.3rem;width:100%;height:100%;display:grid}}.tile[data-v-66a8326f]{border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.body[data-v-66a8326f]{flex-direction:column;gap:.5rem;line-height:1rem;display:flex}.head[data-v-66a8326f]{align-items:center;gap:.4rem;width:100%;display:flex}.title[data-v-66a8326f]{color:#000}.sub-title[data-v-66a8326f]{color:gray}.value[data-v-66a8326f]{color:#000;background-color:#b6b6b6a1;border-radius:.5rem;width:100%;padding:.5rem}.menu[data-v-5a0d535f]{background:var(--bg-raised);border:1px solid var(--border);box-shadow:var(--card-shadow);z-index:100;border-radius:.75rem;min-width:170px;padding:.6rem .8rem;position:absolute;top:calc(100% + 8px);right:0}.header[data-v-4096ef26]{border-bottom:1px solid var(--header-border);justify-content:space-between;align-items:center;gap:1rem;width:100%;height:fit-content;margin-top:10px;padding:.5rem .5rem 1rem;display:flex}.search-input[data-v-4096ef26]{border:1px solid var(--input-border);background:var(--input-bg);width:40%;height:40px;color:var(--text-primary);border-radius:1rem;outline:none;padding:1rem;transition:border-color .15s;display:flex}.search-input[data-v-4096ef26]::placeholder{color:var(--text-light)}.search-input[data-v-4096ef26]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.profile-img[data-v-4096ef26]{color:#7f7a7a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.profile-img svg[data-v-4096ef26]{width:100%;height:100%}.profile-div[data-v-4096ef26]{align-items:center;gap:.5rem;display:flex}.profile-div .inner[data-v-4096ef26]{color:var(--text-primary);flex-direction:column;gap:.1rem;display:flex}.bell[data-v-4096ef26]{margin-inline-end:1rem}.inner strong[data-v-4096ef26]{color:var(--text-primary)}.inner span[data-v-4096ef26]{color:var(--text-muted)}.settings-wrapper[data-v-4096ef26]{margin-inline-end:.5rem;position:relative}.settings-btn[data-v-4096ef26]{border:1px solid var(--border);background:var(--bg-primary);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.settings-btn[data-v-4096ef26]:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (width<=800px){.header[data-v-4096ef26]{flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;display:none}.search-input[data-v-4096ef26]{order:1;width:100%}.profile-div .inner[data-v-4096ef26],.bell[data-v-4096ef26]{display:none}}@media (width<=480px){.search-input[data-v-4096ef26]{padding:.75rem;font-size:.85rem}}.settings-item[data-v-4096ef26]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-label[data-v-4096ef26]{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:500}.toggle[data-v-4096ef26]{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle input[data-v-4096ef26]{opacity:0;width:0;height:0}.slider[data-v-4096ef26]{cursor:pointer;background:var(--border);border-radius:22px;transition:all .2s;position:absolute;inset:0}.slider[data-v-4096ef26]:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.slider[data-v-4096ef26]{background:var(--accent)}.toggle input:checked+.slider[data-v-4096ef26]:before{transform:translate(18px)}.side_gutter[data-v-562a053d]{background:var(--sidebar-bg,linear-gradient(180deg, #fff 0%, #f8faff 100%));border:1px solid var(--sidebar-border,#6366f126);border-radius:1rem;flex-direction:column;align-items:center;gap:2.5rem;width:100%;height:98%;margin-block:10px;padding:1.25rem .75rem;display:flex;position:relative;box-shadow:0 0 20px #6366f10f,inset 0 0 0 1px #fffc}@media (width<=800px){.side_gutter[data-v-562a053d]{display:none}}.logo-wrapper[data-v-562a053d]{position:relative}.logo-wrapper[data-v-562a053d]:after{content:"";opacity:.2;z-index:-1;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;position:absolute;inset:-4px}.profile-img[data-v-562a053d]{z-index:1;border-radius:4rem;display:block;position:relative;box-shadow:0 2px 8px #6366f133}.list-container[data-v-562a053d]{flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:0;display:flex}.list[data-v-562a053d]{cursor:pointer;justify-content:center;align-items:center;list-style:none;transition:transform .15s;display:flex;position:relative}.list[data-v-562a053d]:hover{transform:scale(1.05)}.list:hover .tooltip[data-v-562a053d]{opacity:1;visibility:visible}.tooltip[data-v-562a053d]{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;letter-spacing:.02em;background:#1f2937;border-radius:.35rem;padding:.3rem .6rem;font-size:.7rem;font-weight:500;transition:all .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.tooltip[data-v-562a053d]:before{content:"";border:5px solid #0000;border-right-color:#1f2937;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.home_ic[data-v-562a053d]{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #6366f14d;border-radius:.85rem;width:42px;height:42px;padding:10px;transition:all .2s;box-shadow:0 2px 6px #6366f126,inset 0 1px #fff9}.list.active .home_ic[data-v-562a053d]{background:linear-gradient(135deg,#6366f1,#818cf8);border-color:#6366f1;box-shadow:0 4px 12px #6366f14d,inset 0 1px #fff3}.nav-icon[data-v-562a053d]{background:var(--bg-tertiary,#f9fafb);border:1px solid var(--border,#e5e7eb);opacity:.5;border-radius:.85rem;width:42px;height:42px;padding:10px;transition:all .2s}.nav-icon[data-v-562a053d]:hover{opacity:.8;background:var(--bg-tertiary,#f3f4f6);border-color:var(--input-border,#d1d5db)}footer[data-v-c0d19eea]{background:var(--bg-primary);border-top:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;width:100%;padding:.35rem .5rem;display:flex;position:fixed;bottom:0;box-shadow:0 -2px 12px #0000000a}nav[data-v-c0d19eea]{justify-content:space-evenly;align-items:center;width:100%;display:flex}.nav-item[data-v-c0d19eea]{color:var(--text-light);border-radius:.75rem;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .75rem;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item[data-v-c0d19eea]:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.nav-item.active[data-v-c0d19eea]{color:var(--accent)}.nav-item.active .nav-icon[data-v-c0d19eea]{stroke:var(--accent);filter:drop-shadow(0 0 4px #6366f14d)}.nav-item.active[data-v-c0d19eea]:after{content:"";background:var(--accent);border-radius:3px;width:20px;height:3px;position:absolute;top:-.35rem}.nav-label[data-v-c0d19eea]{letter-spacing:.02em;font-size:.65rem;font-weight:600}.nav-icon[data-v-c0d19eea]{display:block}@media (width>=800px){footer[data-v-c0d19eea]{display:none}}.app[data-v-984df9df]{flex:0 2 auto;grid-template-columns:80px 2fr;grid-auto-rows:1fr;gap:.3rem;width:100%;height:100%;display:grid}.home-wrapper[data-v-984df9df]{flex-direction:column;width:100%;height:100%;padding:.5rem 0;display:flex}@media (width<=800px){.app[data-v-984df9df]{flex-direction:column;display:flex}}.auth-overlay[data-v-217577a0]{justify-content:center;align-items:center;width:100%;height:100dvh;min-height:60vh;margin-block:auto;display:flex}.auth-card[data-v-217577a0]{background:var(--bg-primary);border:1px solid var(--border);text-align:center;border-radius:1rem;width:90%;max-width:400px;padding:2.5rem 2rem;box-shadow:0 4px 24px #00000014}.auth-icon[data-v-217577a0]{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.auth-title[data-v-217577a0]{color:var(--text-primary);margin-bottom:.35rem;font-size:1.25rem;font-weight:700}.auth-subtitle[data-v-217577a0]{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.auth-form[data-v-217577a0]{flex-direction:column;gap:.75rem;display:flex}.auth-input[data-v-217577a0]{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);text-align:center;border-radius:.5rem;outline:none;padding:.7rem 1rem;font-size:.9rem;transition:border-color .15s}.auth-input[data-v-217577a0]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}.auth-error[data-v-217577a0]{color:var(--danger);margin:0;font-size:.8rem}.auth-submit[data-v-217577a0]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.7rem;font-size:.9rem;font-weight:600;transition:background .15s}.auth-submit[data-v-217577a0]:hover{background:var(--accent-hover)}.auth-submit[data-v-217577a0]:disabled{opacity:.5;cursor:not-allowed}.auth-toggle[data-v-217577a0]{color:var(--text-muted);margin-top:.75rem;font-size:.8rem}.link-btn[data-v-217577a0]{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}@media (width<=800px){.auth-card[data-v-217577a0]{max-width:400px;padding:1.5rem 1rem}}@media (width<=480px){.auth-card[data-v-217577a0]{padding:1.25rem .85rem}}.send_button[data-v-2f5fb38a]{color:#fff;background:#7575ff;border:none;border-radius:.4rem;justify-content:center;align-items:center;padding:.5rem .9rem;display:flex}.invoices-section[data-v-2f5fb38a]{background:var(--bg-secondary);box-shadow:var(--card-shadow);border-radius:1rem;flex-direction:column;width:100%;height:100%;margin:1rem;display:flex}.section-header[data-v-2f5fb38a]{justify-content:space-between;align-items:center;padding:0 0 .5rem;display:flex}.page_name[data-v-2f5fb38a]{display:none}.header-actions[data-v-2f5fb38a]{align-items:center;gap:.5rem;display:flex}.compose-btn[data-v-2f5fb38a]{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.compose-btn[data-v-2f5fb38a]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.lock-btn[data-v-2f5fb38a]{border:1px solid var(--input-border);background:var(--bg-primary);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.lock-btn[data-v-2f5fb38a]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.refresh-btn[data-v-2f5fb38a]{border:1px solid var(--input-border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:500;transition:all .15s}.refresh-btn[data-v-2f5fb38a]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-light)}.refresh-btn[data-v-2f5fb38a]:disabled{opacity:.5;cursor:not-allowed}.table-wrapper[data-v-2f5fb38a]{border:1px solid var(--table-border);background:var(--bg-primary);border-radius:.75rem;width:100%;overflow-x:auto}.user-table[data-v-2f5fb38a]{border-collapse:collapse;width:100%;font-size:.875rem}thead[data-v-2f5fb38a]{background:var(--table-header-bg)}th[data-v-2f5fb38a]{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--table-border);padding:.85rem 1rem;font-size:.8rem;font-weight:600}td[data-v-2f5fb38a]{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:.85rem 1rem}.user-row[data-v-2f5fb38a]{cursor:pointer;transition:background .15s}.user-row[data-v-2f5fb38a]:hover{background:var(--hover)}.user-row.expanded[data-v-2f5fb38a]{background:var(--hover-expanded);border-bottom:none}.user-row.expanded td[data-v-2f5fb38a]{border-bottom:none}.expand-row td[data-v-2f5fb38a]{border-bottom:1px solid var(--table-border);background:var(--expand-bg);padding:0}.messages-container[data-v-2f5fb38a]{flex-direction:column;gap:.6rem;padding:1rem 1rem 1rem 3.5rem;display:flex}.message-item[data-v-2f5fb38a]{background:var(--msg-bg);border:1px solid var(--msg-border);border-radius:.5rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.6rem .85rem;transition:border-color .15s;display:flex}.message-item[data-v-2f5fb38a]:hover{border-color:var(--msg-hover-border)}.msg-content[data-v-2f5fb38a]{color:var(--text-primary);flex:1;font-size:.85rem;line-height:1.4}.msg-time[data-v-2f5fb38a]{white-space:nowrap;color:var(--text-light);flex-shrink:0;padding-top:.1rem;font-size:.75rem}.name-cell[data-v-2f5fb38a]{color:var(--text-primary);align-items:center;gap:.65rem;font-weight:500;display:flex}.avatar[data-v-2f5fb38a]{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:600;display:inline-flex}.email-cell[data-v-2f5fb38a]{color:var(--text-muted)}.id-cell[data-v-2f5fb38a]{color:var(--text-light);font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.message-cell[data-v-2f5fb38a]{white-space:nowrap;text-overflow:ellipsis;max-width:260px;color:var(--text-muted);font-style:italic;overflow:hidden}.time-cell[data-v-2f5fb38a]{white-space:nowrap;color:var(--text-muted);font-size:.8rem}.action-cell[data-v-2f5fb38a]{text-align:center;gap:.5rem;width:48px;display:flex}.delete-btn[data-v-2f5fb38a]{width:34px;height:34px;color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.delete-btn[data-v-2f5fb38a]:hover{background:var(--danger-bg);color:var(--danger)}.empty-state[data-v-2f5fb38a]{text-align:center;color:var(--text-light);padding:2rem;font-size:.9rem}@media (width<=800px){.invoices-section[data-v-2f5fb38a]{border-radius:.75rem;margin:.5rem}.section-header[data-v-2f5fb38a]{flex-wrap:wrap;gap:.5rem}.header-actions[data-v-2f5fb38a]{margin-left:auto}.refresh-btn[data-v-2f5fb38a]{padding:.4rem .8rem;font-size:.75rem}.compose-btn[data-v-2f5fb38a]{padding:.4rem .7rem;font-size:.75rem}.lock-btn[data-v-2f5fb38a]{width:32px;height:32px}.page_name[data-v-2f5fb38a]{color:var(--text-primary);font-size:1.2rem;display:flex}.user-table[data-v-2f5fb38a],.user-table thead[data-v-2f5fb38a],.user-table tbody[data-v-2f5fb38a],.user-table tr[data-v-2f5fb38a],.user-table th[data-v-2f5fb38a],.user-table td[data-v-2f5fb38a]{display:block}.user-table thead[data-v-2f5fb38a]{display:none}.user-table .user-row[data-v-2f5fb38a]{border:1px solid var(--border);background:var(--bg-primary);border-radius:.75rem;margin-bottom:.75rem;padding:.75rem}.user-table .user-row.expanded[data-v-2f5fb38a]{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.user-table .user-row td[data-v-2f5fb38a]{border:none;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.user-table .user-row td[data-v-2f5fb38a]:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:70px;font-size:.75rem;font-weight:600}.user-table .user-row .name-cell[data-v-2f5fb38a]:before{content:"";display:none}.user-table .user-row .action-cell[data-v-2f5fb38a]{padding:0;position:absolute;top:.5rem;right:.5rem}.user-table .user-row[data-v-2f5fb38a]{position:relative}.user-table .user-row .message-cell[data-v-2f5fb38a]{max-width:none;font-style:normal}.user-table .expand-row td[data-v-2f5fb38a]{padding:0}.messages-container[data-v-2f5fb38a]{gap:.5rem;padding:.75rem}}@media (width<=480px){.invoices-section[data-v-2f5fb38a]{border-radius:.5rem;margin:.25rem}.section-header[data-v-2f5fb38a]{padding:.4rem}.user-table .user-row[data-v-2f5fb38a]{margin-bottom:.5rem;padding:.6rem}.user-table .user-row td[data-v-2f5fb38a]{padding:.25rem 0;font-size:.8rem}.messages-container[data-v-2f5fb38a]{padding:.5rem}.message-item[data-v-2f5fb38a]{flex-direction:column;gap:.3rem}}.modal-overlay[data-v-d57e0109]{background:var(--modal-overlay);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card[data-v-d57e0109]{background:var(--bg-primary);border-radius:1rem;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header[data-v-d57e0109]{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 0;display:flex}.modal-header h2[data-v-d57e0109]{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.modal-close[data-v-d57e0109]{width:32px;height:32px;color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.modal-close[data-v-d57e0109]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.compose-form[data-v-d57e0109]{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.form-group[data-v-d57e0109]{flex-direction:column;gap:.35rem;display:flex}.form-group label[data-v-d57e0109]{color:var(--text-secondary);font-size:.8rem;font-weight:600}.optional[data-v-d57e0109]{color:var(--text-light);font-weight:400}.form-input[data-v-d57e0109]{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);border-radius:.5rem;outline:none;padding:.65rem .85rem;font-size:.875rem;transition:border-color .15s}.form-input[data-v-d57e0109]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.toolbar[data-v-d57e0109]{background:var(--toolbar-bg);border:1px solid var(--input-border);border-bottom:none;border-radius:.5rem .5rem 0 0;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.4rem .5rem;display:flex}.toolbar-btn[data-v-d57e0109]{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;justify-content:center;align-items:center;gap:.2rem;padding:.25rem .55rem;font-size:.8rem;transition:all .15s;display:inline-flex}.toolbar-btn[data-v-d57e0109]:hover{background:var(--bg-tertiary);border-color:var(--input-border)}.toolbar-hint[data-v-d57e0109]{color:var(--text-light);margin-left:auto;font-size:.7rem}.form-textarea[data-v-d57e0109]{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);resize:vertical;border-top:none;border-radius:0 0 .5rem .5rem;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.875rem;line-height:1.5;transition:border-color .15s}.form-textarea[data-v-d57e0109]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.form-error[data-v-d57e0109]{color:var(--danger);margin:0;font-size:.8rem}.form-success[data-v-d57e0109]{color:var(--success);margin:0;font-size:.8rem}.form-actions[data-v-d57e0109]{justify-content:flex-end;gap:.6rem;padding-top:.5rem;display:flex}.cancel-btn[data-v-d57e0109]{border:1px solid var(--input-border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .15s}.cancel-btn[data-v-d57e0109]:hover{background:var(--bg-tertiary)}.send-btn[data-v-d57e0109]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.55rem 1.3rem;font-size:.85rem;font-weight:600;transition:all .15s}.send-btn[data-v-d57e0109]:hover:not(:disabled){background:var(--accent-hover)}.send-btn[data-v-d57e0109]:disabled{opacity:.5;cursor:not-allowed}@media (width<=800px){.modal-card[data-v-d57e0109]{border-radius:0;max-width:100%;min-height:100dvh;max-height:100vh}.modal-overlay[data-v-d57e0109]{padding:0}.toolbar-hint[data-v-d57e0109]{display:none}}@media (width<=480px){.compose-form[data-v-d57e0109]{padding:1rem}}main[data-v-5af9222b]{flex-direction:column;width:100%;height:100%;display:flex}.tab-bar[data-v-5af9222b]{background:var(--bg-tertiary);border-radius:.5rem;gap:.25rem;width:fit-content;margin:0 1rem .5rem;padding:.2rem;display:flex}.tab[data-v-5af9222b]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.35rem;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.tab.active[data-v-5af9222b]{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #00000014}@media (width<=800px){.tab-bar[data-v-5af9222b]{display:none}main[data-v-5af9222b]{padding-block:1rem}}.home-wrapper[data-v-6bfc59c8]{flex-direction:column;width:100%;height:100%;padding:.5rem;display:flex}@media (width<=800px){.app[data-v-6bfc59c8]{flex-direction:column;display:flex}}@media (width<=480px){.home-wrapper[data-v-6bfc59c8]{padding:.25rem}}.page-view[data-v-80d7572f]{flex-direction:column;width:100%;height:100%;display:flex}.chat-section[data-v-6d159ef7]{background:var(--bg-secondary);box-shadow:var(--card-shadow);border-radius:1rem;flex-direction:column;width:100%;height:100%;margin:1rem;display:flex}.section-header[data-v-6d159ef7]{justify-content:space-between;align-items:center;padding:0 0 .5rem;display:flex}.page_name[data-v-6d159ef7]{display:none}.header-actions[data-v-6d159ef7]{align-items:center;gap:.5rem;display:flex}.connect-btn[data-v-6d159ef7]{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.connect-btn[data-v-6d159ef7]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.connected-badge[data-v-6d159ef7]{color:#065f46;background:#d1fae5;border-radius:.5rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600}.lock-btn[data-v-6d159ef7]{border:1px solid var(--input-border);background:var(--bg-primary);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.lock-btn[data-v-6d159ef7]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-join[data-v-6d159ef7]{border-radius:.75rem;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.join-card[data-v-6d159ef7]{text-align:center;max-width:320px}.join-icon[data-v-6d159ef7]{background:var(--accent-soft);width:60px;height:60px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.join-card h3[data-v-6d159ef7]{color:var(--text-primary);margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.join-sub[data-v-6d159ef7]{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem}.ws-error[data-v-6d159ef7]{color:#ef4444;margin-bottom:1.25rem;font-size:.85rem}.join-btn[data-v-6d159ef7]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.6rem 1.6rem;font-size:.85rem;font-weight:600}.join-btn[data-v-6d159ef7]:hover{background:var(--accent-hover)}.mobile-peer-list[data-v-6d159ef7]{border-radius:.75rem;flex-direction:column;flex:1;display:flex;overflow:hidden}.peer-list-header[data-v-6d159ef7]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.peer-list-user[data-v-6d159ef7]{color:var(--text-primary);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.status-dot[data-v-6d159ef7]{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block}.peer-list-actions[data-v-6d159ef7]{gap:.3rem;display:flex}.icon-btn[data-v-6d159ef7]{width:34px;height:34px;color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn[data-v-6d159ef7]:hover{background:var(--accent-soft);color:var(--accent)}.icon-btn.danger[data-v-6d159ef7]:hover{background:var(--danger-bg);color:var(--danger)}.new-chat-box[data-v-6d159ef7]{border-bottom:1px solid var(--border);align-items:center;gap:.3rem;padding:.5rem 1rem;display:flex}.new-chat-input[data-v-6d159ef7]{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);border-radius:.5rem;outline:none;flex:1;padding:.5rem .75rem;font-size:.85rem}.new-chat-input[data-v-6d159ef7]:focus{border-color:var(--accent)}.new-chat-go[data-v-6d159ef7]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.new-chat-go[data-v-6d159ef7]:hover{background:var(--accent-hover)}.peer-list-scroll[data-v-6d159ef7]{flex-direction:column;flex:1;gap:.3rem;padding:.5rem;display:flex;overflow-y:auto}.peer-card[data-v-6d159ef7]{cursor:pointer;border:1px solid var(--border-light);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;transition:background .1s;display:flex}.peer-card[data-v-6d159ef7]:hover{background:var(--hover)}.peer-card[data-v-6d159ef7]:active{background:var(--hover-expanded)}.peer-avatar[data-v-6d159ef7]{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:600;display:inline-flex}.peer-info[data-v-6d159ef7]{flex-direction:column;flex:1;gap:.15rem;display:flex}.peer-name[data-v-6d159ef7]{color:var(--text-primary);font-size:.9rem}.peer-status[data-v-6d159ef7]{color:#10b981;font-size:.75rem}.peer-chevron[data-v-6d159ef7]{color:var(--text-light);flex-shrink:0}.empty-peers[data-v-6d159ef7]{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:.9rem;display:flex}.empty-icon[data-v-6d159ef7]{color:var(--text-light);margin-bottom:.5rem}.empty-hint[data-v-6d159ef7]{color:var(--text-light);font-size:.8rem}.peer-avatar.sm[data-v-6d159ef7]{width:32px;height:32px;font-size:.8rem}.chat-messages[data-v-6d159ef7]{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.chat-bubble[data-v-6d159ef7]{background:var(--bg-tertiary);border-radius:.85rem;align-self:flex-start;max-width:80%;padding:.6rem .85rem}.chat-bubble.mine[data-v-6d159ef7]{background:var(--accent);color:#fff;align-self:flex-end}.bubble-text[data-v-6d159ef7]{word-wrap:break-word;font-size:.85rem;line-height:1.4}.bubble-time[data-v-6d159ef7]{opacity:.7;margin-top:.2rem;font-size:.65rem}.chat-bubble.mine .bubble-time[data-v-6d159ef7]{text-align:right}.empty-chat[data-v-6d159ef7]{text-align:center;color:var(--text-light);padding:2rem;font-size:.85rem}.chat-input-bar[data-v-6d159ef7]{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.chat-field[data-v-6d159ef7]{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);border-radius:1.5rem;outline:none;flex:1;padding:.6rem .85rem;font-size:.85rem}.chat-field[data-v-6d159ef7]:focus{border-color:var(--accent)}.chat-send-btn[data-v-6d159ef7]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:inline-flex}.chat-send-btn[data-v-6d159ef7]:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn[data-v-6d159ef7]:disabled{opacity:.4;cursor:not-allowed}@media (width<=800px){.chat-section[data-v-6d159ef7]{border-radius:.75rem;margin:.5rem}.section-header[data-v-6d159ef7]{flex-wrap:wrap;gap:.5rem}.header-actions[data-v-6d159ef7]{margin-left:auto}.page_name[data-v-6d159ef7]{color:var(--text-primary);font-size:1.2rem;display:flex}.connect-btn[data-v-6d159ef7],.connected-badge[data-v-6d159ef7]{padding:.35rem .65rem;font-size:.75rem}.lock-btn[data-v-6d159ef7]{width:32px;height:32px}.chat-main[data-v-6d159ef7]{border-radius:.75rem;min-height:300px}.chat-bubble[data-v-6d159ef7]{max-width:85%}.peer-card[data-v-6d159ef7]{padding:.65rem}}@media (width<=480px){.chat-section[data-v-6d159ef7]{border-radius:.5rem;margin:.25rem}.chat-messages[data-v-6d159ef7]{padding:.5rem}.peer-card[data-v-6d159ef7]{padding:.55rem}.peer-avatar[data-v-6d159ef7]{width:36px;height:36px;font-size:.85rem}}.page-view[data-v-1120308f]{flex-direction:column;width:100%;height:100%;display:flex}.tab-bar[data-v-1120308f]{background:var(--bg-tertiary);border-radius:.5rem;gap:.25rem;width:fit-content;margin:0 1rem .5rem;padding:.2rem;display:flex}.tab[data-v-1120308f]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.4rem .9rem;font-size:.8rem;font-weight:500;transition:all .15s}.tab.active[data-v-1120308f]{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #00000014}@media (width<=800px){.tab-bar[data-v-1120308f]{display:none}}.page-view[data-v-c2e1a879]{flex-direction:column;width:100%;height:100%;display:flex}.settings-section[data-v-c2e1a879]{background:var(--bg-secondary);box-shadow:var(--card-shadow);border-radius:1rem;flex-direction:column;width:100%;margin:1rem;display:flex}.section-header[data-v-c2e1a879]{justify-content:space-between;align-items:center;padding:0 0 .5rem;display:flex}.page_name[data-v-c2e1a879]{display:none}.settings-content[data-v-c2e1a879]{flex-direction:column;gap:1rem;padding:.5rem;display:flex}.settings-card[data-v-c2e1a879]{background:var(--bg-primary);border:1px solid var(--table-border);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.settings-card-header[data-v-c2e1a879]{color:var(--text-primary);border-bottom:1px solid var(--border-light);align-items:center;gap:.5rem;padding-bottom:.5rem;font-size:.95rem;font-weight:600;display:flex}.settings-card-header.danger[data-v-c2e1a879]{color:var(--danger)}.settings-row[data-v-c2e1a879]{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.settings-label[data-v-c2e1a879]{color:var(--text-secondary);font-size:.85rem;font-weight:500}.settings-value[data-v-c2e1a879]{color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;font-size:.85rem}.toggle[data-v-c2e1a879]{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle input[data-v-c2e1a879]{opacity:0;width:0;height:0}.slider[data-v-c2e1a879]{cursor:pointer;background:var(--border);border-radius:22px;transition:all .2s;position:absolute;inset:0}.slider[data-v-c2e1a879]:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.slider[data-v-c2e1a879]{background:var(--accent)}.toggle input:checked+.slider[data-v-c2e1a879]:before{transform:translate(18px)}.lock-account-btn[data-v-c2e1a879]{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:.5rem;align-self:flex-start;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.lock-account-btn[data-v-c2e1a879]:hover{background:var(--danger-bg)}@media (width<=800px){.settings-section[data-v-c2e1a879]{border-radius:.75rem;margin:.5rem}.page_name[data-v-c2e1a879]{color:var(--text-primary);font-size:1.2rem;display:flex}.settings-content[data-v-c2e1a879]{padding:.25rem}.settings-card[data-v-c2e1a879]{padding:1rem}}@media (width<=480px){.settings-section[data-v-c2e1a879]{border-radius:.5rem;margin:.25rem}.settings-card[data-v-c2e1a879]{padding:.85rem}}.chat-main[data-v-0e435b12]{border:1px solid var(--table-border);background:var(--bg-primary);border-radius:.75rem;flex-direction:column;flex:1;min-height:400px;margin:1rem;display:flex;overflow:hidden}.chat-head[data-v-0e435b12]{border-bottom:1px solid var(--border);color:var(--text-primary);align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;display:flex}.back-btn[data-v-0e435b12]{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.back-btn[data-v-0e435b12]:hover{background:var(--hover)}.peer-avatar.sm[data-v-0e435b12]{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:600;display:inline-flex}.chat-messages[data-v-0e435b12]{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.chat-bubble[data-v-0e435b12]{background:var(--bg-tertiary);color:#000;border-radius:.85rem;align-self:flex-start;max-width:80%;padding:.6rem .85rem}.chat-bubble.mine[data-v-0e435b12]{background:var(--accent);color:#fff;align-self:flex-end}.bubble-text[data-v-0e435b12]{word-wrap:break-word;font-size:.85rem;line-height:1.4}.bubble-time[data-v-0e435b12]{opacity:.7;margin-top:.2rem;font-size:.65rem}.chat-bubble.mine .bubble-time[data-v-0e435b12]{text-align:right}.empty-chat[data-v-0e435b12]{text-align:center;color:var(--text-light);padding:2rem;font-size:.85rem}.chat-input-bar[data-v-0e435b12]{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.chat-field[data-v-0e435b12]{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);border-radius:1.5rem;outline:none;flex:1;padding:.6rem .85rem;font-size:.85rem}.chat-field[data-v-0e435b12]:focus{border-color:var(--accent)}.chat-send-btn[data-v-0e435b12]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:inline-flex}.chat-send-btn[data-v-0e435b12]:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn[data-v-0e435b12]:disabled{opacity:.4;cursor:not-allowed}@media (width<=800px){.chat-main[data-v-0e435b12]{border-radius:.75rem;min-height:300px;margin:.5rem}.chat-bubble[data-v-0e435b12]{max-width:85%}}@media (width<=480px){.chat-messages[data-v-0e435b12]{padding:.5rem}}