.auth-page[data-v-1c9f2fe7]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,#e8f0fb,#f0f4f8 60%,#fde8e8)}.auth-card[data-v-1c9f2fe7]{width:100%;max-width:420px;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-10) var(--space-8)}.auth-brand[data-v-1c9f2fe7]{text-align:center;margin-bottom:var(--space-8)}.brand-flag[data-v-1c9f2fe7]{font-size:2.5rem;line-height:1;display:block;margin-bottom:var(--space-3)}.brand-name[data-v-1c9f2fe7]{font-size:1.5rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.brand-tagline[data-v-1c9f2fe7]{margin-top:var(--space-1);font-size:.9rem;color:var(--color-text-muted)}.auth-form[data-v-1c9f2fe7]{display:flex;flex-direction:column;gap:var(--space-5)}.form-group[data-v-1c9f2fe7]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-1c9f2fe7]{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-input[data-v-1c9f2fe7]{width:100%;padding:10px var(--space-4);background:var(--color-input-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-input);font-size:.9375rem;color:var(--color-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none}.form-input[data-v-1c9f2fe7]::placeholder{color:#b0b8c4}.form-input[data-v-1c9f2fe7]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-input-focus);background:#fff}.form-input.has-error[data-v-1c9f2fe7]{border-color:var(--color-error)}.form-input.has-error[data-v-1c9f2fe7]:focus{box-shadow:0 0 0 3px #dc262626}.field-error[data-v-1c9f2fe7]{font-size:.8125rem;color:var(--color-error);margin-top:-2px}.api-error[data-v-1c9f2fe7]{padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-input);color:var(--color-error);font-size:.875rem;text-align:center}.submit-btn[data-v-1c9f2fe7]{width:100%;padding:11px var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background .15s ease,transform .1s ease;margin-top:var(--space-1)}.submit-btn[data-v-1c9f2fe7]:hover:not(:disabled){background:var(--color-primary-dark)}.submit-btn[data-v-1c9f2fe7]:active:not(:disabled){transform:scale(.99)}.submit-btn[data-v-1c9f2fe7]:disabled{opacity:.65;cursor:not-allowed}.btn-spinner[data-v-1c9f2fe7]{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin-1c9f2fe7 .6s linear infinite;flex-shrink:0}@keyframes spin-1c9f2fe7{to{transform:rotate(360deg)}}.auth-footer[data-v-1c9f2fe7]{margin-top:var(--space-6);text-align:center;font-size:.875rem;color:var(--color-text-muted)}.auth-footer a[data-v-1c9f2fe7]{font-weight:500;color:var(--color-primary)}.auth-footer a[data-v-1c9f2fe7]:hover{text-decoration:underline}.auth-page[data-v-a70fecdd]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,#e8f0fb,#f0f4f8 60%,#fde8e8)}.auth-card[data-v-a70fecdd]{width:100%;max-width:420px;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-10) var(--space-8)}.auth-brand[data-v-a70fecdd]{text-align:center;margin-bottom:var(--space-8)}.brand-flag[data-v-a70fecdd]{font-size:2.5rem;line-height:1;display:block;margin-bottom:var(--space-3)}.brand-name[data-v-a70fecdd]{font-size:1.5rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.brand-tagline[data-v-a70fecdd]{margin-top:var(--space-1);font-size:.9rem;color:var(--color-text-muted)}.auth-form[data-v-a70fecdd]{display:flex;flex-direction:column;gap:var(--space-5)}.form-group[data-v-a70fecdd]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-a70fecdd]{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-input[data-v-a70fecdd]{width:100%;padding:10px var(--space-4);background:var(--color-input-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-input);font-size:.9375rem;color:var(--color-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none}.form-input[data-v-a70fecdd]::placeholder{color:#b0b8c4}.form-input[data-v-a70fecdd]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-input-focus);background:#fff}.api-error[data-v-a70fecdd]{padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-input);color:var(--color-error);font-size:.875rem;text-align:center}.submit-btn[data-v-a70fecdd]{width:100%;padding:11px var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background .15s ease,transform .1s ease;margin-top:var(--space-1)}.submit-btn[data-v-a70fecdd]:hover:not(:disabled){background:var(--color-primary-dark)}.submit-btn[data-v-a70fecdd]:active:not(:disabled){transform:scale(.99)}.submit-btn[data-v-a70fecdd]:disabled{opacity:.65;cursor:not-allowed}.btn-spinner[data-v-a70fecdd]{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin-a70fecdd .6s linear infinite;flex-shrink:0}@keyframes spin-a70fecdd{to{transform:rotate(360deg)}}.auth-footer[data-v-a70fecdd]{margin-top:var(--space-6);text-align:center;font-size:.875rem;color:var(--color-text-muted)}.auth-footer a[data-v-a70fecdd]{font-weight:500;color:var(--color-primary)}.auth-footer a[data-v-a70fecdd]:hover{text-decoration:underline}.navbar[data-v-4f3d65b6]{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-8);background:var(--color-card);border-bottom:1px solid var(--color-card-border);box-shadow:0 1px 3px #0000000f}.navbar-brand[data-v-4f3d65b6]{display:flex;align-items:center;gap:var(--space-2);margin-right:auto}.brand-flag[data-v-4f3d65b6]{font-size:1.25rem;line-height:1}.brand-name[data-v-4f3d65b6]{font-size:1rem;font-weight:700;color:var(--color-primary)}.navbar-links[data-v-4f3d65b6]{display:flex;gap:var(--space-4)}.nav-link[data-v-4f3d65b6]{font-size:.9375rem;font-weight:500;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-input);transition:color .15s ease,background .15s ease}.nav-link[data-v-4f3d65b6]:hover{color:var(--color-primary);background:#0055a40f;text-decoration:none}.nav-link.router-link-active[data-v-4f3d65b6]{color:var(--color-primary);background:#0055a414}.nav-link--library[data-v-4f3d65b6]{color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:20px;padding:.3rem .9rem;font-weight:600}.nav-link--library[data-v-4f3d65b6]:hover,.nav-link--library.router-link-active[data-v-4f3d65b6]{background:var(--color-primary);color:#fff}.nav-right[data-v-4f3d65b6]{display:flex;align-items:center;gap:var(--space-3)}.settings-container[data-v-4f3d65b6]{position:relative}.settings-btn[data-v-4f3d65b6]{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--color-input-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-btn);color:var(--color-text-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.settings-btn svg[data-v-4f3d65b6]{width:18px;height:18px}.settings-btn[data-v-4f3d65b6]:hover,.settings-btn.active[data-v-4f3d65b6]{border-color:var(--color-primary);color:var(--color-primary);background:#0055a40f}.settings-panel[data-v-4f3d65b6]{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:100;overflow:hidden}.settings-header[data-v-4f3d65b6]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-card-border)}.header-icon[data-v-4f3d65b6]{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.settings-title[data-v-4f3d65b6]{font-size:1rem;font-weight:700;color:var(--color-text)}.settings-body[data-v-4f3d65b6]{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column}.settings-group[data-v-4f3d65b6]{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0}.settings-label[data-v-4f3d65b6]{display:flex;align-items:center;gap:var(--space-2);font-size:.6875rem;font-weight:700;letter-spacing:.07em;color:var(--color-text-muted);text-transform:uppercase}.label-icon[data-v-4f3d65b6]{width:14px;height:14px;flex-shrink:0}.settings-select[data-v-4f3d65b6]{width:100%;padding:10px var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-input);font-size:.9375rem;color:var(--color-text);background:var(--color-input-bg);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;transition:border-color .15s ease}.settings-select[data-v-4f3d65b6]:focus{border-color:var(--color-border-focus)}.settings-hint[data-v-4f3d65b6]{font-size:.8125rem;color:var(--color-text-muted);margin:0}.settings-divider[data-v-4f3d65b6]{height:1px;background:var(--color-card-border);margin:0 calc(-1 * var(--space-5))}.settings-footer[data-v-4f3d65b6]{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-card-border)}.save-btn[data-v-4f3d65b6]{width:100%;padding:11px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s ease}.save-btn[data-v-4f3d65b6]:hover{background:var(--color-primary-dark)}.voice-filters[data-v-4f3d65b6]{display:flex;gap:var(--space-2)}.settings-select--sm[data-v-4f3d65b6]{flex:1;font-size:.8125rem;padding:7px var(--space-3);padding-right:28px}.voices-loading[data-v-4f3d65b6],.voices-error[data-v-4f3d65b6]{font-size:.8125rem;color:var(--color-text-muted);padding:var(--space-2) 0}.voices-error[data-v-4f3d65b6]{color:var(--color-accent)}.voices-permission-notice[data-v-4f3d65b6]{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.8125rem;color:var(--color-text-muted);padding:var(--space-2) 0 var(--space-1)}.voices-permission-notice svg[data-v-4f3d65b6]{width:14px;height:14px;flex-shrink:0;margin-top:1px;color:#d97706}.voices-permission-notice code[data-v-4f3d65b6]{font-family:monospace;font-size:.75rem;background:#0000000f;padding:1px 4px;border-radius:3px}.settings-input[data-v-4f3d65b6]{width:100%;padding:10px var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-input);font-size:.875rem;font-family:monospace;color:var(--color-text);background:var(--color-input-bg);outline:none;transition:border-color .15s ease;box-sizing:border-box}.settings-input[data-v-4f3d65b6]:focus{border-color:var(--color-border-focus)}.logout-btn[data-v-4f3d65b6]{padding:var(--space-2) var(--space-4);background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-btn);font-size:.875rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease}.logout-btn[data-v-4f3d65b6]:hover{border-color:var(--color-accent);color:var(--color-accent)}.app-layout[data-v-003d6bf9]{min-height:100vh;display:flex;flex-direction:column}.app-main[data-v-003d6bf9]{flex:1;padding:var(--space-8);max-width:1280px;width:100%;margin:0 auto}.app-loading[data-v-003d6bf9]{min-height:100vh;display:flex;align-items:center;justify-content:center}.app-loading-spinner[data-v-003d6bf9]{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#1d4ed8;border-radius:50%;animation:spin-003d6bf9 .7s linear infinite}@keyframes spin-003d6bf9{to{transform:rotate(360deg)}}:root{--color-primary: #0055a4;--color-primary-dark: #003d7a;--color-accent: #ef4135;--color-bg: #f0f4f8;--color-card: #ffffff;--color-card-border: rgba(0, 0, 0, .06);--color-text: #1a202c;--color-text-muted: #718096;--color-text-link: #0055a4;--color-border: #d1d5db;--color-border-focus: #0055a4;--color-input-bg: #f9fafb;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fca5a5;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 10px 30px -5px rgba(0, 0, 0, .08);--shadow-input-focus: 0 0 0 3px rgba(0, 85, 164, .15);--radius-card: 16px;--radius-input: 8px;--radius-btn: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}#app{min-height:100%}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}