:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--light-primary: #0693e3;--light-secondary: #8ed1fc;--light-accent: #7bdcb5;--light-background: #ffffff;--light-background-soft: #f5f7f8;--light-background-mute: #ebf9ff;--dark-primary: #27374d;--dark-secondary: #526d82;--dark-accent: #9db2bf;--dark-background: #0f0f0f;--color-background: var(--light-background);--color-background-soft: var(--light-background-soft);--color-background-mute: var(--light-background-mute);--color-surface: var(--light-primary);--color-border: #d6eef9;--color-border-hover: var(--light-primary);--color-heading: #32373c;--color-text: #000000;--color-text-muted: #6b7280;--color-primary: var(--light-primary);--color-secondary: var(--light-secondary);--color-accent: var(--light-accent);--color-success: #00d084;--color-warning: #fcb900;--color-error: #cf2e2e;--color-danger: #cf2e2e;--color-info: #40d9f1;--color-primary-rgb: 6, 147, 227;--color-primary-dark: #0578c7;--color-error-rgb: 207, 46, 46;--color-warning-rgb: 252, 185, 0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--section-gap: 160px;--border-radius: 8px;--border-radius-lg: 12px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}@media (prefers-color-scheme: dark){:root{--color-background: var(--dark-background);--color-background-soft: #1a1a1a;--color-background-mute: #2a2a2a;--color-surface: var(--dark-primary);--color-border: var(--dark-secondary);--color-border-hover: var(--dark-accent);--color-heading: #ffffff;--color-text: #e0e0e0;--color-text-muted: #b0b0b0;--color-primary: var(--dark-primary);--color-secondary: var(--dark-secondary);--color-accent: var(--dark-accent)}}html.dark{--color-background: var(--dark-background) !important;--color-background-soft: #1a1a1a !important;--color-background-mute: #2a2a2a !important;--color-surface: var(--dark-primary) !important;--color-border: var(--dark-secondary) !important;--color-border-hover: var(--dark-accent) !important;--color-heading: #ffffff !important;--color-text: #e0e0e0 !important;--color-text-muted: #b0b0b0 !important;--color-primary: var(--dark-primary) !important;--color-secondary: var(--dark-secondary) !important;--color-accent: var(--dark-accent) !important}html.dark body,html.dark #app{background-color:var(--color-background)!important;color:var(--color-text)!important}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color var(--transition-normal),background-color var(--transition-normal);line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--color-heading);margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-primary);color:var(--vt-c-white);box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-background);color:var(--color-heading);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-background-soft);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);font-weight:600;box-shadow:none}.btn-outline:hover{background:var(--color-primary);color:var(--color-background);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-sm{padding:.5rem 1rem;font-size:.75rem;font-weight:600;border-radius:var(--border-radius);transition:all var(--transition-fast)}.btn-sm.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);box-shadow:none}.btn-sm.btn-outline:hover{background:var(--color-primary);color:var(--color-background);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm.btn-primary{background-color:var(--color-primary);color:var(--vt-c-white);border:none;box-shadow:0 1px 3px #0000001a}.btn-sm.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (prefers-color-scheme: dark){.btn-outline,.btn-sm.btn-outline{border-color:var(--color-accent);color:var(--color-accent)}.btn-outline:hover,.btn-sm.btn-outline:hover{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}}html.dark .btn-outline,html.dark .btn-sm.btn-outline{border-color:var(--color-accent)!important;color:var(--color-accent)!important;background:transparent!important}html.dark .btn-outline:hover,html.dark .btn-sm.btn-outline:hover{background:var(--color-accent)!important;color:var(--color-background)!important;border-color:var(--color-accent)!important}@media (prefers-color-scheme: light){.btn-outline{background:transparent!important;border:1px solid var(--color-primary)!important;color:var(--color-primary)!important;box-shadow:none!important}.btn-outline:hover{background:var(--color-primary)!important;color:var(--color-background)!important;box-shadow:0 4px 8px #00000026!important}.btn-sm.btn-outline{background:transparent!important;border:1px solid var(--color-primary)!important;color:var(--color-primary)!important;box-shadow:none!important}.btn-sm.btn-outline:hover{background:var(--color-primary)!important;color:var(--color-background)!important;box-shadow:0 2px 6px #00000026!important}.btn-secondary{background:var(--color-background-soft)!important;color:var(--color-heading)!important;border:1px solid var(--color-border)!important;box-shadow:0 2px 4px #0000001a!important}.btn-secondary:hover{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-background)!important;box-shadow:0 4px 8px #00000026!important}:root{--color-text-muted: #6b7280 !important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:2rem 0}.section-title{font-size:2rem}}.text-clio-primary{color:var(--color-primary)!important}.text-clio-secondary{color:var(--color-secondary)!important}.text-clio-accent{color:var(--color-accent)!important}.text-clio-success{color:var(--color-success)!important}.text-clio-warning{color:var(--color-warning)!important}.text-clio-error{color:var(--color-error)!important}.text-clio-info{color:var(--color-info)!important}.bg-clio-primary{background-color:var(--color-primary)!important}.bg-clio-secondary{background-color:var(--color-secondary)!important}.bg-clio-accent{background-color:var(--color-accent)!important}.bg-clio-success{background-color:var(--color-success)!important}.bg-clio-warning{background-color:var(--color-warning)!important}.bg-clio-error{background-color:var(--color-error)!important}.bg-clio-info{background-color:var(--color-info)!important}.border-clio-primary{border-color:var(--color-primary)!important}.border-clio-secondary{border-color:var(--color-secondary)!important}.border-clio-accent{border-color:var(--color-accent)!important}.border-clio-success{border-color:var(--color-success)!important}.border-clio-warning{border-color:var(--color-warning)!important}.border-clio-error{border-color:var(--color-error)!important}.border-clio-info{border-color:var(--color-info)!important}.section{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:700;color:var(--color-heading);margin-bottom:1rem;text-align:center}.section-subtitle{font-size:1.125rem;color:var(--color-text-muted);text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.section{padding:2rem 0}.section-title{font-size:2rem}.container{padding:0 1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width: 1024px) and (min-width: 769px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.section-title{font-size:1.75rem}.container{padding:0 1rem}}.footer[data-v-df3ba8e0]{background:var(--color-background-soft);border-top:1px solid var(--color-border);padding:4rem 0 2rem;margin-top:auto;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.footer-content[data-v-df3ba8e0]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand[data-v-df3ba8e0]{display:flex;align-items:center;margin-bottom:1rem}.brand-icon[data-v-df3ba8e0]{width:32px;height:32px;margin-right:.5rem;color:var(--color-primary);transition:color var(--transition-normal)}.brand-text[data-v-df3ba8e0]{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description[data-v-df3ba8e0]{color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem;max-width:300px;transition:color var(--transition-normal)}.social-links[data-v-df3ba8e0]{display:flex;gap:1rem}.social-link[data-v-df3ba8e0]{width:40px;height:40px;border-radius:50%;background:var(--color-background);color:var(--color-text);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);text-decoration:none;border:1px solid var(--color-border)}.social-link[data-v-df3ba8e0]:hover{background:var(--color-primary);color:var(--color-background);transform:translateY(-2px)}.social-link svg[data-v-df3ba8e0]{width:20px;height:20px}.footer-title[data-v-df3ba8e0]{font-size:1.125rem;font-weight:600;color:var(--color-heading);margin-bottom:1.5rem;transition:color var(--transition-normal)}.footer-links[data-v-df3ba8e0]{list-style:none;padding:0;margin:0}.footer-links li[data-v-df3ba8e0]{margin-bottom:.75rem}.footer-link[data-v-df3ba8e0]{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast);font-size:.875rem}.footer-link[data-v-df3ba8e0]:hover{color:var(--color-primary)}.footer-bottom[data-v-df3ba8e0]{border-top:1px solid var(--color-border);padding-top:2rem;transition:border-color var(--transition-normal)}.footer-bottom-content[data-v-df3ba8e0]{display:flex;justify-content:space-between;align-items:center}.copyright[data-v-df3ba8e0]{color:var(--color-text-muted);font-size:.875rem;transition:color var(--transition-normal)}.footer-bottom-links[data-v-df3ba8e0]{display:flex;gap:2rem}.footer-bottom-link[data-v-df3ba8e0]{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.footer-bottom-link[data-v-df3ba8e0]:hover{color:var(--color-primary)}@media (max-width: 1024px){.footer-content[data-v-df3ba8e0]{grid-template-columns:1fr 1fr;gap:2rem}.footer-section[data-v-df3ba8e0]:first-child{grid-column:1 / -1}}@media (max-width: 768px){.footer[data-v-df3ba8e0]{padding:3rem 0 1.5rem}.footer-content[data-v-df3ba8e0]{grid-template-columns:1fr;gap:2rem}.footer-description[data-v-df3ba8e0]{max-width:none}.footer-bottom-content[data-v-df3ba8e0]{flex-direction:column;gap:1rem;text-align:center}.footer-bottom-links[data-v-df3ba8e0]{gap:1rem}}@media (max-width: 480px){.footer[data-v-df3ba8e0]{padding:2rem 0 1rem}.social-links[data-v-df3ba8e0]{justify-content:center}}.chat-error-boundary[data-v-0f0a8c7e]{width:100%;height:100%}.error-boundary-content[data-v-0f0a8c7e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:300px;background:var(--color-background);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.error-icon-container[data-v-0f0a8c7e]{margin-bottom:1.5rem}.error-icon[data-v-0f0a8c7e]{width:64px;height:64px;color:var(--color-error)}.error-title[data-v-0f0a8c7e]{font-size:1.5rem;font-weight:600;color:var(--color-heading);margin:0 0 1rem}.error-message[data-v-0f0a8c7e]{font-size:1rem;color:var(--color-text-muted);line-height:1.5;margin:0 0 2rem}.error-details[data-v-0f0a8c7e]{margin-bottom:2rem;text-align:left}.details-toggle[data-v-0f0a8c7e]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);margin-bottom:1rem}.details-toggle[data-v-0f0a8c7e]:hover{background:var(--color-background-mute);border-color:var(--color-primary)}.toggle-icon[data-v-0f0a8c7e]{width:16px;height:16px;transition:transform var(--transition-fast)}.error-details-content[data-v-0f0a8c7e]{background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;max-height:200px;overflow-y:auto}.error-stack[data-v-0f0a8c7e]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word;margin:0}.error-actions[data-v-0f0a8c7e]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retry-button[data-v-0f0a8c7e],.reload-button[data-v-0f0a8c7e],.fallback-button[data-v-0f0a8c7e]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:120px;justify-content:center}.retry-button[data-v-0f0a8c7e]{background:var(--color-primary);color:var(--color-background)}.retry-button[data-v-0f0a8c7e]:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-1px)}.retry-button[data-v-0f0a8c7e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.reload-button[data-v-0f0a8c7e]{background:var(--color-background-soft);color:var(--color-text);border:1px solid var(--color-border)}.reload-button[data-v-0f0a8c7e]:hover{background:var(--color-background-mute);border-color:var(--color-primary);color:var(--color-primary)}.fallback-button[data-v-0f0a8c7e]{background:var(--color-warning);color:var(--color-background)}.fallback-button[data-v-0f0a8c7e]:hover{background:var(--color-warning-dark);transform:translateY(-1px)}.retry-icon[data-v-0f0a8c7e],.reload-icon[data-v-0f0a8c7e]{width:16px;height:16px}.loading-spinner[data-v-0f0a8c7e]{width:16px;height:16px;animation:spin-0f0a8c7e 1s linear infinite}@keyframes spin-0f0a8c7e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-boundary-slot[data-v-0f0a8c7e]{width:100%;height:100%}@media (max-width: 768px){.error-boundary-content[data-v-0f0a8c7e]{padding:2rem 1rem;min-height:250px}.error-icon[data-v-0f0a8c7e]{width:48px;height:48px}.error-title[data-v-0f0a8c7e]{font-size:1.25rem}.error-message[data-v-0f0a8c7e]{font-size:.875rem}.error-actions[data-v-0f0a8c7e]{flex-direction:column;align-items:center}.retry-button[data-v-0f0a8c7e],.reload-button[data-v-0f0a8c7e],.fallback-button[data-v-0f0a8c7e]{width:100%;max-width:200px}}@media (prefers-reduced-motion: reduce){.loading-spinner[data-v-0f0a8c7e]{animation:none}.toggle-icon[data-v-0f0a8c7e]{transition:none}.retry-button[data-v-0f0a8c7e]:hover:not(:disabled),.fallback-button[data-v-0f0a8c7e]:hover{transform:none}}@media (prefers-contrast: high){.error-boundary-content[data-v-0f0a8c7e],.details-toggle[data-v-0f0a8c7e],.reload-button[data-v-0f0a8c7e]{border-width:2px}}.retry-button[data-v-0f0a8c7e]:focus-visible,.reload-button[data-v-0f0a8c7e]:focus-visible,.fallback-button[data-v-0f0a8c7e]:focus-visible,.details-toggle[data-v-0f0a8c7e]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #0693e31a}.retry-button[data-v-0f0a8c7e]:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.reload-button[data-v-0f0a8c7e]:hover{background:var(--color-background-mute);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.fallback-button[data-v-0f0a8c7e]:hover{background:var(--color-warning);transform:translateY(-1px);box-shadow:var(--shadow-md)}.details-toggle[data-v-0f0a8c7e]:hover{background:var(--color-background-mute);border-color:var(--color-primary);transform:translateY(-1px)}.error-title[data-v-0f0a8c7e]{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.error-message[data-v-0f0a8c7e]{font-size:1rem;line-height:1.5;letter-spacing:-.005em}.details-toggle[data-v-0f0a8c7e]{font-size:.875rem;font-weight:500;letter-spacing:-.01em}.retry-button[data-v-0f0a8c7e],.reload-button[data-v-0f0a8c7e],.fallback-button[data-v-0f0a8c7e]{font-size:.875rem;font-weight:600;letter-spacing:-.01em}.error-boundary-content[data-v-0f0a8c7e]{background:var(--color-background);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.error-icon-container[data-v-0f0a8c7e]{background:#ef44441a;border-radius:50%;padding:1rem;margin-bottom:1.5rem}.error-icon[data-v-0f0a8c7e]{color:var(--color-error);filter:drop-shadow(0 2px 4px rgba(239,68,68,.2))}.retry-button[data-v-0f0a8c7e]{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-sm)}.reload-button[data-v-0f0a8c7e]{background:var(--color-background-soft);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.fallback-button[data-v-0f0a8c7e]{background:linear-gradient(135deg,var(--color-warning),#e6a700);box-shadow:var(--shadow-sm)}.details-toggle[data-v-0f0a8c7e]{background:var(--color-background-soft);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.error-details-content[data-v-0f0a8c7e]{background:var(--color-background-soft);border:1px solid var(--color-border);box-shadow:inset 0 2px 4px #0000000d}.error-stack[data-v-0f0a8c7e]{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:.75rem;line-height:1.4;color:var(--color-text-muted)}.loading-spinner[data-v-0f0a8c7e]{color:var(--color-primary);opacity:.8}.error-content[data-v-0f0a8c7e]{max-width:500px;width:100%}.error-actions[data-v-0f0a8c7e]{gap:1rem;margin-top:2rem}.error-details[data-v-0f0a8c7e]{margin:1.5rem 0 2rem;text-align:left}.toggle-icon[data-v-0f0a8c7e]{transition:transform var(--transition-normal)}.toggle-icon--expanded[data-v-0f0a8c7e]{transform:rotate(180deg)}@media (max-width: 768px){.error-boundary-content[data-v-0f0a8c7e]{padding:2rem 1rem;margin:1rem}.error-icon[data-v-0f0a8c7e]{width:48px;height:48px}.error-title[data-v-0f0a8c7e]{font-size:1.25rem}.error-message[data-v-0f0a8c7e]{font-size:.875rem}}.chat-inbox-dropdown[data-v-84d00d53]{position:relative}.chat-toggle[data-v-84d00d53]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--color-background-soft);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);position:relative}.chat-toggle[data-v-84d00d53]:hover,.chat-toggle--active[data-v-84d00d53]{background:var(--color-primary);color:var(--color-background);transform:scale(1.05)}.chat-toggle[data-v-84d00d53]:active{transform:scale(.95)}.chat-icon[data-v-84d00d53]{width:20px;height:20px;transition:transform var(--transition-fast)}.chat-toggle:hover .chat-icon[data-v-84d00d53]{transform:rotate(15deg)}.connection-status[data-v-84d00d53]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-background)}.connection-status--connected[data-v-84d00d53]{background-color:#4caf50}.connection-status--disconnected[data-v-84d00d53]{background-color:#f44336}.connection-status-banner[data-v-84d00d53]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f443361a;border-bottom:1px solid var(--color-border);font-size:.875rem}.connection-status-banner .warning-icon[data-v-84d00d53]{width:16px;height:16px;color:#f44336}.reconnect-btn[data-v-84d00d53]{margin-left:auto;padding:.25rem .5rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.reconnect-btn[data-v-84d00d53]:hover{background:var(--color-secondary)}.chat-badge[data-v-84d00d53]{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;background:var(--color-error);color:var(--color-background);border-radius:9px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-background);animation:pulse-84d00d53 2s infinite}@keyframes pulse-84d00d53{0%{box-shadow:0 0 #cf2e2eb3}70%{box-shadow:0 0 0 6px #cf2e2e00}to{box-shadow:0 0 #cf2e2e00}}.chat-menu[data-v-84d00d53]{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:1000;overflow:hidden}.chat-menu--open[data-v-84d00d53]{opacity:1;visibility:visible;transform:translateY(0)}.chat-header[data-v-84d00d53]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-background-soft)}.chat-title[data-v-84d00d53]{font-size:1rem;font-weight:600;color:var(--color-heading);margin:0}.view-all-btn[data-v-84d00d53]{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:var(--border-radius);transition:all var(--transition-fast);text-decoration:none}.view-all-btn[data-v-84d00d53]:hover{background:var(--color-background-mute);color:var(--color-primary)}.chat-list[data-v-84d00d53]{max-height:400px;overflow-y:auto}.chat-loading[data-v-84d00d53],.chat-empty[data-v-84d00d53],.chat-error[data-v-84d00d53]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;text-align:center;color:var(--color-text-muted)}.chat-empty .empty-icon[data-v-84d00d53],.chat-error .error-icon[data-v-84d00d53]{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.chat-empty p[data-v-84d00d53],.chat-error p[data-v-84d00d53]{font-weight:500;color:var(--color-text);margin-bottom:.5rem}.chat-empty span[data-v-84d00d53]{font-size:.875rem}.retry-btn[data-v-84d00d53]{margin-top:1rem;padding:.5rem 1rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.retry-btn[data-v-84d00d53]:hover{background:var(--color-secondary);transform:translateY(-1px)}.chat-items[data-v-84d00d53]{padding:.5rem 0}.chat-item[data-v-84d00d53]{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1.25rem;cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent;position:relative;opacity:.7}.chat-item[data-v-84d00d53]:hover{background:var(--color-background-soft)}.chat-item[data-v-84d00d53]:focus{outline:none;background:var(--color-background-mute);border-left-color:var(--color-primary)}.chat-item--unread[data-v-84d00d53]{background:var(--color-background-mute);border-left-color:var(--color-primary);opacity:1;box-shadow:0 1px 3px #0000001a}.chat-item--unread[data-v-84d00d53]:hover{background:var(--color-background-soft);box-shadow:0 2px 6px #00000026}.chat-content[data-v-84d00d53]{flex:1;min-width:0}.chat-participant[data-v-84d00d53]{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem;line-height:1.2}.chat-item--unread .chat-participant[data-v-84d00d53]{font-weight:700}.chat-preview[data-v-84d00d53]{font-size:.875rem;color:var(--color-text-muted);margin:0 0 .25rem;line-height:1.4;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-item--unread .chat-preview[data-v-84d00d53]{color:var(--color-text);font-weight:500}.chat-time[data-v-84d00d53]{font-size:.75rem;color:var(--color-text-muted)}.chat-unread-badge[data-v-84d00d53]{min-width:20px;height:20px;background:var(--color-primary);color:var(--color-background);border-radius:10px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0;margin-top:.25rem}.loading-spinner[data-v-84d00d53]{width:16px;height:16px;animation:spin-84d00d53 1s linear infinite}.loading-spinner-small[data-v-84d00d53]{width:12px;height:12px;animation:spin-84d00d53 1s linear infinite;margin-right:4px}@keyframes spin-84d00d53{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.chat-menu[data-v-84d00d53]{width:calc(100vw - 40px);max-width:320px;right:-20px}.chat-header[data-v-84d00d53]{padding:.875rem 1rem}.chat-item[data-v-84d00d53]{padding:.75rem 1rem}.view-all-btn[data-v-84d00d53],.chat-participant[data-v-84d00d53],.chat-preview[data-v-84d00d53]{font-size:.8125rem}.chat-time[data-v-84d00d53]{font-size:.6875rem}.chat-toggle[data-v-84d00d53]{width:44px;height:44px}.chat-item[data-v-84d00d53]{min-height:60px}}@media (prefers-color-scheme: dark){.chat-badge[data-v-84d00d53]{border-color:var(--color-background)}}html.dark .chat-badge[data-v-84d00d53]{border-color:var(--color-background)!important}@media (prefers-reduced-motion: reduce){.chat-toggle[data-v-84d00d53],.chat-menu[data-v-84d00d53],.chat-item[data-v-84d00d53],.chat-badge[data-v-84d00d53]{transition:none}.chat-badge[data-v-84d00d53],.loading-spinner[data-v-84d00d53]{animation:none}}@media (prefers-contrast: high){.chat-menu[data-v-84d00d53]{border-width:2px}.chat-item--unread[data-v-84d00d53]{border-left-width:4px}.chat-unread-badge[data-v-84d00d53]{border:1px solid var(--color-text)}}.chat-toggle[data-v-84d00d53]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #0693e31a}.chat-item[data-v-84d00d53]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;box-shadow:inset 0 0 0 2px var(--color-primary)}.view-all-btn[data-v-84d00d53]:focus-visible,.reconnect-btn[data-v-84d00d53]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chat-toggle:hover .chat-icon[data-v-84d00d53]{transform:rotate(15deg) scale(1.1)}.chat-item[data-v-84d00d53]:hover{background:var(--color-background-soft);transform:translate(2px);box-shadow:var(--shadow-sm)}.view-all-btn[data-v-84d00d53]:hover{background:var(--color-background-mute);color:var(--color-primary);transform:translateY(-1px)}.reconnect-btn[data-v-84d00d53]:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chat-participant[data-v-84d00d53]{font-size:.875rem;font-weight:600;line-height:1.2;letter-spacing:-.01em}.chat-preview[data-v-84d00d53]{font-size:.875rem;line-height:1.4;letter-spacing:-.005em}.chat-time[data-v-84d00d53]{font-size:.75rem;font-weight:500;letter-spacing:.01em}.chat-title[data-v-84d00d53]{font-size:1rem;font-weight:700;letter-spacing:-.02em}.view-all-btn[data-v-84d00d53]{font-size:.875rem;font-weight:600;letter-spacing:-.01em}.chat-loading[data-v-84d00d53]{padding:3rem 1.25rem}.loading-spinner[data-v-84d00d53]{color:var(--color-primary);opacity:.8}.chat-error[data-v-84d00d53]{padding:3rem 1.25rem}.error-icon[data-v-84d00d53]{color:var(--color-error);opacity:.7}.chat-empty[data-v-84d00d53]{padding:3rem 1.25rem}.empty-icon[data-v-84d00d53]{color:var(--color-text-muted);opacity:.6}.notification-dropdown[data-v-f77d559b]{position:relative}.notification-toggle[data-v-f77d559b]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--color-background-soft);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);position:relative}.notification-toggle[data-v-f77d559b]:hover,.notification-toggle--active[data-v-f77d559b]{background:var(--color-primary);color:var(--color-background);transform:scale(1.05)}.notification-toggle[data-v-f77d559b]:active{transform:scale(.95)}.notification-icon[data-v-f77d559b]{width:20px;height:20px;transition:transform var(--transition-fast)}.notification-toggle:hover .notification-icon[data-v-f77d559b]{transform:rotate(15deg)}.connection-status[data-v-f77d559b]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-background)}.connection-status--connected[data-v-f77d559b]{background-color:#4caf50}.connection-status--disconnected[data-v-f77d559b]{background-color:#f44336}.connection-status-banner[data-v-f77d559b]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f443361a;border-bottom:1px solid var(--color-border);font-size:.875rem}.connection-status-banner .warning-icon[data-v-f77d559b]{width:16px;height:16px;color:#f44336}.reconnect-btn[data-v-f77d559b]{margin-left:auto;padding:.25rem .5rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.reconnect-btn[data-v-f77d559b]:hover{background:var(--color-secondary)}.notification-badge[data-v-f77d559b]{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;background:var(--color-error);color:var(--color-background);border-radius:9px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-background);animation:pulse-f77d559b 2s infinite}@keyframes pulse-f77d559b{0%{box-shadow:0 0 #cf2e2eb3}70%{box-shadow:0 0 0 6px #cf2e2e00}to{box-shadow:0 0 #cf2e2e00}}.notification-menu[data-v-f77d559b]{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:1000;overflow:hidden}.notification-menu--open[data-v-f77d559b]{opacity:1;visibility:visible;transform:translateY(0)}.notification-header[data-v-f77d559b]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-background-soft)}.notification-title[data-v-f77d559b]{font-size:1rem;font-weight:600;color:var(--color-heading);margin:0}.mark-all-read-btn[data-v-f77d559b]{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:var(--border-radius);transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.mark-all-read-btn[data-v-f77d559b]:hover:not(:disabled){background:var(--color-background-mute);color:var(--color-primary)}.mark-all-read-btn[data-v-f77d559b]:disabled{opacity:.6;cursor:not-allowed}.notification-list[data-v-f77d559b]{max-height:400px;overflow-y:auto}.notification-loading[data-v-f77d559b],.notification-empty[data-v-f77d559b],.notification-error[data-v-f77d559b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;text-align:center;color:var(--color-text-muted)}.notification-empty .empty-icon[data-v-f77d559b],.notification-error .error-icon[data-v-f77d559b]{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.notification-empty p[data-v-f77d559b],.notification-error p[data-v-f77d559b]{font-weight:500;color:var(--color-text);margin-bottom:.5rem}.notification-empty span[data-v-f77d559b]{font-size:.875rem}.retry-btn[data-v-f77d559b]{margin-top:1rem;padding:.5rem 1rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.retry-btn[data-v-f77d559b]:hover{background:var(--color-secondary);transform:translateY(-1px)}.notification-items[data-v-f77d559b]{padding:.5rem 0}.notification-item[data-v-f77d559b]{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1.25rem;cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent;position:relative;opacity:.7}.notification-item[data-v-f77d559b]:hover{background:var(--color-background-soft)}.notification-item[data-v-f77d559b]:focus{outline:none;background:var(--color-background-mute);border-left-color:var(--color-primary)}.notification-item--unread[data-v-f77d559b]{background:var(--color-background-mute);border-left-color:var(--color-primary);opacity:1;box-shadow:0 1px 3px #0000001a}.notification-item--unread[data-v-f77d559b]:hover{background:var(--color-background-soft);box-shadow:0 2px 6px #00000026}.notification-content[data-v-f77d559b]{flex:1;min-width:0}.notification-text[data-v-f77d559b]{font-size:.875rem;color:var(--color-text);margin:0 0 .25rem;line-height:1.4;word-wrap:break-word}.notification-item--unread .notification-text[data-v-f77d559b]{font-weight:500}.notification-time[data-v-f77d559b]{font-size:.75rem;color:var(--color-text-muted)}.notification-unread-dot[data-v-f77d559b]{width:8px;height:8px;background:var(--color-primary);border-radius:50%;margin-top:.25rem;flex-shrink:0}.load-more-btn[data-v-f77d559b]{width:100%;padding:.75rem 1.25rem;background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-top:1px solid var(--color-border)}.load-more-btn[data-v-f77d559b]:hover{background:var(--color-background-soft);color:var(--color-secondary)}.loading-more[data-v-f77d559b]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;color:var(--color-text-muted);font-size:.875rem;border-top:1px solid var(--color-border)}.loading-spinner[data-v-f77d559b]{width:16px;height:16px;animation:spin-f77d559b 1s linear infinite}.loading-spinner-small[data-v-f77d559b]{width:12px;height:12px;animation:spin-f77d559b 1s linear infinite;margin-right:4px}.loading-text[data-v-f77d559b]{display:flex;align-items:center;gap:.5rem}@keyframes spin-f77d559b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.notification-menu[data-v-f77d559b]{width:calc(100vw - 40px);max-width:320px;right:-20px}.notification-header[data-v-f77d559b]{padding:.875rem 1rem}.notification-item[data-v-f77d559b]{padding:.75rem 1rem}.mark-all-read-btn[data-v-f77d559b],.notification-text[data-v-f77d559b]{font-size:.8125rem}.notification-time[data-v-f77d559b]{font-size:.6875rem}.notification-toggle[data-v-f77d559b]{width:44px;height:44px}.notification-item[data-v-f77d559b]{min-height:60px}.load-more-btn[data-v-f77d559b]{padding:1rem 1.25rem}}@media (prefers-color-scheme: dark){.notification-badge[data-v-f77d559b]{border-color:var(--color-background)}}html.dark .notification-badge[data-v-f77d559b]{border-color:var(--color-background)!important}@media (prefers-reduced-motion: reduce){.notification-toggle[data-v-f77d559b],.notification-menu[data-v-f77d559b],.notification-item[data-v-f77d559b],.notification-badge[data-v-f77d559b]{transition:none}.notification-badge[data-v-f77d559b],.loading-spinner[data-v-f77d559b]{animation:none}}@media (prefers-contrast: high){.notification-menu[data-v-f77d559b]{border-width:2px}.notification-item--unread[data-v-f77d559b]{border-left-width:4px}.notification-unread-dot[data-v-f77d559b]{width:10px;height:10px}}.theme-toggle[data-v-55f62347]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--color-background-soft);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.theme-toggle[data-v-55f62347]:hover{background:var(--color-primary);color:var(--color-background);transform:scale(1.05)}.theme-toggle[data-v-55f62347]:active{transform:scale(.95)}.theme-icon[data-v-55f62347]{width:20px;height:20px;transition:transform var(--transition-fast)}.theme-toggle:hover .theme-icon[data-v-55f62347]{transform:rotate(15deg)}.header[data-v-f5fd877b]{position:sticky;top:0;z-index:100;background:var(--color-background);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.nav[data-v-f5fd877b]{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;min-height:70px}.nav-brand[data-v-f5fd877b]{display:flex;align-items:center}.brand[data-v-f5fd877b]{display:flex;align-items:center;text-decoration:none;color:var(--color-heading);font-weight:700;font-size:1.5rem;transition:color var(--transition-fast)}.brand[data-v-f5fd877b]:hover{color:var(--color-primary)}.brand-icon[data-v-f5fd877b]{width:32px;height:32px;margin-right:.5rem;color:var(--color-primary)}.brand-text[data-v-f5fd877b]{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu[data-v-f5fd877b]{display:flex;align-items:center;gap:2rem}.nav-link[data-v-f5fd877b]{text-decoration:none;color:var(--color-text);font-weight:500;transition:all var(--transition-fast);position:relative}.nav-link[data-v-f5fd877b]:hover{color:var(--color-primary)}.nav-link[data-v-f5fd877b]:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-fast)}.nav-link[data-v-f5fd877b]:hover:after{width:100%}.nav-actions[data-v-f5fd877b]{display:flex;align-items:center;gap:1rem;position:relative;z-index:101}.nav-btn[data-v-f5fd877b]{padding:.5rem 1rem;font-size:.875rem}.user-menu[data-v-f5fd877b]{position:relative}.user-menu-toggle[data-v-f5fd877b]{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text);cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:all var(--transition-fast)}.user-menu-toggle[data-v-f5fd877b]:hover{background:var(--color-background-soft)}.user-avatar[data-v-f5fd877b]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-background);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-name[data-v-f5fd877b]{font-size:.875rem;font-weight:500}.dropdown-icon[data-v-f5fd877b]{width:16px;height:16px;transition:transform var(--transition-fast)}.user-menu-toggle:hover .dropdown-icon[data-v-f5fd877b]{transform:rotate(180deg)}.user-dropdown[data-v-f5fd877b]{position:absolute;top:100%;right:0;width:250px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:1000;margin-top:.5rem}.user-dropdown--open[data-v-f5fd877b]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header[data-v-f5fd877b]{padding:1rem;border-bottom:1px solid var(--color-border)}.user-email[data-v-f5fd877b]{display:block;font-size:.875rem;color:var(--color-text);margin-bottom:.25rem}.user-type[data-v-f5fd877b]{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.dropdown-actions[data-v-f5fd877b]{padding:.5rem}.dropdown-item[data-v-f5fd877b]{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;color:var(--color-text);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-fast);font-size:.875rem}.dropdown-item[data-v-f5fd877b]:hover{background:var(--color-background-soft);color:var(--color-primary)}.dropdown-item svg[data-v-f5fd877b]{width:16px;height:16px}.menu-toggle[data-v-f5fd877b]{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0}.menu-line[data-v-f5fd877b]{width:100%;height:3px;background:var(--color-text);border-radius:2px;transition:all var(--transition-fast)}.menu-line--open[data-v-f5fd877b]:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-line--open[data-v-f5fd877b]:nth-child(2){opacity:0}.menu-line--open[data-v-f5fd877b]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.nav-menu[data-v-f5fd877b]{position:fixed;top:70px;left:0;right:0;background:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;padding:2rem;gap:1.5rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav-menu--open[data-v-f5fd877b]{transform:translateY(0);opacity:1;visibility:visible}.nav-actions[data-v-f5fd877b]{gap:.5rem;margin-left:auto}.nav-btn[data-v-f5fd877b]{display:none}.menu-toggle[data-v-f5fd877b]{display:flex;margin-left:.5rem}.user-name[data-v-f5fd877b]{display:none}.user-dropdown[data-v-f5fd877b]{right:-10px}}@media (max-width: 480px){.nav[data-v-f5fd877b]{padding:.75rem 0;min-height:60px}.brand-text[data-v-f5fd877b]{font-size:1.25rem}.brand-icon[data-v-f5fd877b]{width:28px;height:28px}}.notification-banner-container[data-v-c6475bfe]{position:fixed;top:20px;right:20px;width:350px;max-width:calc(100vw - 40px);z-index:9999;pointer-events:none}.notification-banner-list[data-v-c6475bfe]{display:flex;flex-direction:column;gap:10px}.notification-banner[data-v-c6475bfe]{background:var(--color-background);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:12px 16px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:auto;cursor:pointer;transition:all .3s ease;transform-origin:top right;max-width:100%}.notification-banner[data-type=error][data-v-c6475bfe],.notification-banner[data-type=CONNECTION_STATUS][data-error=true][data-v-c6475bfe]{border-left-color:var(--color-error, #ef4444);background-color:rgba(var(--color-error-rgb, 239, 68, 68),.05)}.notification-banner[data-v-c6475bfe]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.notification-banner--closing[data-v-c6475bfe]{opacity:0;transform:translate(100%)}.notification-banner-content[data-v-c6475bfe]{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.notification-banner-icon[data-v-c6475bfe]{flex-shrink:0;width:24px;height:24px;color:var(--color-primary)}.notification-banner-text[data-v-c6475bfe]{flex:1;min-width:0}.notification-banner-text p[data-v-c6475bfe]{margin:0 0 4px;font-size:.875rem;line-height:1.4;color:var(--color-text);word-wrap:break-word}.notification-banner-time[data-v-c6475bfe]{font-size:.75rem;color:var(--color-text-muted)}.notification-banner-close[data-v-c6475bfe]{background:none;border:none;padding:4px;width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;transition:all .2s ease;flex-shrink:0;margin-left:8px}.notification-banner-close[data-v-c6475bfe]:hover{background:var(--color-background-mute);color:var(--color-text)}.notification-banner-enter-active[data-v-c6475bfe],.notification-banner-leave-active[data-v-c6475bfe]{transition:all .3s ease}.notification-banner-enter-from[data-v-c6475bfe],.notification-banner-leave-to[data-v-c6475bfe]{opacity:0;transform:translate(100%)}@media (max-width: 480px){.notification-banner-container[data-v-c6475bfe]{top:10px;right:10px;width:calc(100% - 20px)}.notification-banner[data-v-c6475bfe]{padding:10px 12px;min-height:60px}.notification-banner-icon[data-v-c6475bfe]{width:20px;height:20px}.notification-banner-text p[data-v-c6475bfe]{font-size:.8125rem}.notification-banner-time[data-v-c6475bfe]{font-size:.6875rem}.notification-banner-close[data-v-c6475bfe]{width:32px;height:32px;padding:6px}}@media (prefers-reduced-motion: reduce){.notification-banner[data-v-c6475bfe],.notification-banner-enter-active[data-v-c6475bfe],.notification-banner-leave-active[data-v-c6475bfe]{transition:none}}@media (prefers-contrast: high){.notification-banner[data-v-c6475bfe]{border-left-width:6px;box-shadow:0 0 0 1px var(--color-border)}}#app{min-height:100vh;display:flex;flex-direction:column}.page-enter-active,.page-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}html{scroll-behavior:smooth}.main-content{min-height:calc(100vh - 140px)}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.btn{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn:hover{transform:translateY(-2px)}input,textarea,select{transition:all .2s cubic-bezier(.4,0,.2,1)}.card,.dashboard-card,.quick-action-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.loading{transition:opacity .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.stagger-item{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.connection-warning{position:fixed;top:0;left:0;right:0;background-color:#f443361a;border-bottom:1px solid var(--color-border);z-index:1000;padding:.5rem 0}.connection-warning-content{display:flex;align-items:center;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto;padding:0 1rem;font-size:.875rem}.connection-warning .warning-icon{width:18px;height:18px;color:#f44336;flex-shrink:0}.reconnect-btn{padding:.25rem .75rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.reconnect-btn:hover{background:var(--color-secondary)}.dismiss-btn{width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:50%;padding:4px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.dismiss-btn:hover{background:#0000001a;color:var(--color-text)}.dismiss-btn svg{width:16px;height:16px}@media (max-width: 768px){.connection-warning-content{flex-wrap:wrap;padding:.5rem 1rem}.connection-warning-content span{flex:1 0 100%;margin-bottom:.5rem;text-align:center}.reconnect-btn{margin-left:auto}}.features[data-v-47e15f9c]{background:var(--color-background-soft);transition:background-color var(--transition-normal)}.section-header[data-v-47e15f9c]{text-align:center;margin-bottom:4rem}.feature-card[data-v-47e15f9c]{background:var(--color-background);padding:2rem;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);transition:all var(--transition-normal);text-align:center;position:relative;overflow:hidden}.feature-card[data-v-47e15f9c]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card[data-v-47e15f9c]:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-card[data-v-47e15f9c]:hover:before{transform:scaleX(1)}.feature-icon[data-v-47e15f9c]{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-background);transition:all var(--transition-normal)}.feature-card:hover .feature-icon[data-v-47e15f9c]{transform:scale(1.1) rotate(5deg)}.feature-icon svg[data-v-47e15f9c]{width:32px;height:32px}.feature-title[data-v-47e15f9c]{font-size:1.25rem;font-weight:600;color:var(--color-heading);margin-bottom:1rem;transition:color var(--transition-normal)}.feature-description[data-v-47e15f9c]{color:var(--color-text-muted);line-height:1.6;font-size:.875rem;transition:color var(--transition-normal)}@media (max-width: 768px){.features-grid[data-v-47e15f9c]{grid-template-columns:1fr;gap:1.5rem}.feature-card[data-v-47e15f9c]{padding:1.5rem}.feature-icon[data-v-47e15f9c]{width:56px;height:56px;margin-bottom:1rem}.feature-icon svg[data-v-47e15f9c]{width:28px;height:28px}}@media (max-width: 1024px) and (min-width: 769px){.features-grid[data-v-47e15f9c]{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.hero[data-v-60df5203]{padding:6rem 0 4rem;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-soft) 100%);position:relative;overflow:hidden}.hero[data-v-60df5203]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--color-primary) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--color-secondary) 0%,transparent 50%);opacity:.1;pointer-events:none}.hero-content[data-v-60df5203]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title[data-v-60df5203]{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--color-heading);margin-bottom:1.5rem}.hero-highlight[data-v-60df5203]{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description[data-v-60df5203]{font-size:1.25rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:2rem;max-width:500px}.hero-actions[data-v-60df5203]{display:flex;gap:1rem;margin-bottom:3rem}.btn-primary[data-v-60df5203]{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-background);font-weight:600;padding:1rem 2rem;font-size:1rem;border:none;position:relative;overflow:hidden}.btn-primary[data-v-60df5203]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary[data-v-60df5203]:hover:before{left:100%}.btn-primary[data-v-60df5203]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-secondary),var(--color-primary))}.hero-stats[data-v-60df5203]{display:flex;gap:2rem}.stat[data-v-60df5203]{display:flex;flex-direction:column;align-items:center}.stat-number[data-v-60df5203]{font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-label[data-v-60df5203]{font-size:.875rem;color:var(--color-text-muted);text-align:center}.hero-visual[data-v-60df5203]{display:flex;justify-content:center;align-items:center}.hero-card[data-v-60df5203]{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-lg);max-width:400px;width:100%;border:1px solid var(--color-border)}.card-header[data-v-60df5203]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.avatar-group[data-v-60df5203]{display:flex;gap:-.5rem}.avatar[data-v-60df5203]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:2px solid var(--color-background)}.avatar[data-v-60df5203]:nth-child(2){margin-left:-.5rem}.avatar[data-v-60df5203]:nth-child(3){margin-left:-.5rem}.status-indicator[data-v-60df5203]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.status-dot[data-v-60df5203]{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse-60df5203 2s infinite}@keyframes pulse-60df5203{0%,to{opacity:1}50%{opacity:.5}}.chat-messages[data-v-60df5203]{margin-bottom:1rem}.message[data-v-60df5203]{display:flex;gap:.75rem;margin-bottom:1rem}.message.user-message[data-v-60df5203]{flex-direction:row-reverse}.message-avatar[data-v-60df5203]{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.message-content[data-v-60df5203]{background:var(--color-background-soft);padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.875rem;line-height:1.4;max-width:80%}.ai-message .message-content[data-v-60df5203]{background:var(--color-primary);color:var(--color-background)}.chat-input[data-v-60df5203]{display:flex;gap:.5rem;align-items:center;background:var(--color-background-soft);border-radius:var(--border-radius);padding:.5rem}.chat-input input[data-v-60df5203]{flex:1;border:none;background:transparent;padding:.5rem;font-size:.875rem;color:var(--color-text)}.chat-input input[data-v-60df5203]::placeholder{color:var(--color-text-muted)}.send-btn[data-v-60df5203]{width:32px;height:32px;border:none;border-radius:50%;background:var(--color-primary);color:var(--color-background);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.send-btn[data-v-60df5203]:hover{transform:scale(1.1)}.send-btn svg[data-v-60df5203]{width:16px;height:16px}@media (max-width: 1024px){.hero-content[data-v-60df5203]{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-title[data-v-60df5203]{font-size:3rem}.hero-description[data-v-60df5203]{margin:0 auto 2rem}.hero-actions[data-v-60df5203],.hero-stats[data-v-60df5203]{justify-content:center}}@media (max-width: 768px){.hero[data-v-60df5203]{padding:4rem 0 2rem}.hero-title[data-v-60df5203]{font-size:2.5rem}.hero-description[data-v-60df5203]{font-size:1.125rem}.hero-actions[data-v-60df5203]{flex-direction:column;align-items:center}.hero-stats[data-v-60df5203]{gap:1.5rem}.stat-number[data-v-60df5203]{font-size:1.75rem}}@media (max-width: 480px){.hero-title[data-v-60df5203]{font-size:2rem}.hero-stats[data-v-60df5203]{flex-direction:column;gap:1rem}.hero-card[data-v-60df5203]{padding:1rem}}