:root{--z-background:0;--z-content:10;--z-controls:20;--z-navigation:30;--z-overlay:40;--z-modal:50;--z-dropdown:60}.layout-background{z-index:var(--z-background)}.layout-content{z-index:var(--z-content)}.layout-controls{z-index:var(--z-controls)}.layout-navigation{z-index:var(--z-navigation)}.layout-overlay{z-index:var(--z-overlay)}.layout-modal{z-index:var(--z-modal)}.layout-dropdown{z-index:var(--z-dropdown)}:root{--header-height:8rem;--controls-height:7rem;--tab-height:4rem;--content-padding:1rem;--content-gap:.5rem;--content-height:calc(100vh - var(--header-height) - var(--controls-height) - var(--tab-height));--mobile-header-height:6rem;--mobile-controls-height:7rem;--mobile-tab-height:4rem;--mobile-content-padding:.75rem}@media (width<=768px){:root{--header-height:var(--mobile-header-height);--controls-height:var(--mobile-controls-height);--tab-height:var(--mobile-tab-height);--content-padding:var(--mobile-content-padding);--content-height:calc(100vh - var(--mobile-header-height) - var(--mobile-controls-height) - var(--mobile-tab-height))}}@media (width>=768px){:root{--tab-height:5rem;--controls-height:8rem}}@media (width>=1024px){:root{--header-height:10rem;--content-padding:2rem;--content-height:calc(100vh - var(--header-height) - var(--controls-height) - var(--tab-height))}}.header-controls{z-index:90;flex-shrink:0;align-items:center;gap:.5rem;display:flex;position:relative}.user-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;align-items:center;gap:.25rem;max-width:150px;padding:.55rem .85rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 28px #0f172a14}.user-badge-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.user-badge.clickable{cursor:pointer}.user-badge.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.user-badge.clickable.active{box-shadow:0 4px 8px #00000026}.dropdown-arrow{margin-left:.25rem;font-size:.6rem;transition:transform .2s}.settings-icon-btn{color:#475569;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #94a3b842;border-radius:.9rem;justify-content:center;align-items:center;padding:.6rem;transition:all .2s;display:flex;box-shadow:0 10px 26px #0f172a14}.settings-icon-btn:hover{background:var(--brand-muted,#eff6fff2);border-color:var(--brand-border,#3b82f659);color:var(--brand-on-muted,#2563eb);box-shadow:0 12px 28px rgba(var(--brand-fill-rgb,59, 130, 246), .16);transform:translateY(-1px)scale(1.05)}.user-menu-dropdown{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #cbd5e1f2;border-radius:1rem;min-width:300px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 22px 55px #0f172a24}.user-info-section{padding:.5rem 0}.user-menu-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.user-menu-item:last-child{border-bottom:none}.user-menu-label{color:#374151;min-width:80px;font-weight:600}.user-menu-value{color:#6b7280;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:200px;overflow:hidden}.plan-badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-demo{background:var(--color-surface-strong,#f3f4f6);color:var(--color-text-secondary,#6b7280);border:1px solid var(--color-border-strong,#d1d5db)}.badge-standard{background:var(--brand-muted,#dbeafe);color:var(--brand-on-muted,#1d4ed8);border:1px solid var(--brand-border,#93c5fd)}.badge-premium{background:var(--brand-muted,#ede9fe);color:var(--brand-on-muted,#7c3aed);border:1px solid var(--brand-border,#c4b5fd)}.badge-special{background:var(--brand-fill,linear-gradient(135deg, #f59e0b 0%, #ec4899 100%));color:var(--brand-on-fill,white);border:none}.badge-default{background:var(--color-surface-strong,#f3f4f6);color:var(--color-text-secondary,#6b7280);border:1px solid var(--color-border-strong,#d1d5db)}.user-menu-item.error{background-color:var(--color-danger-light,#fef2f2);border-left:3px solid var(--color-danger,#dc2626)}.error-state{padding:1rem}.error-message{color:var(--color-danger-accent,#dc2626);text-align:center;font-size:.875rem}.retry-button{background:var(--brand-fill,#3b82f6);color:var(--brand-on-fill,white);cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;transition:background .2s}.retry-button:hover{background:var(--brand-fill-hover,#2563eb)}.loading-state{flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.spinner{border:2px solid var(--color-border,#e5e7eb);border-top-color:var(--color-primary-muted,#3b82f6);border-radius:50%;width:1.5rem;height:1.5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.user-menu-actions{border-top:2px solid var(--color-border-subtle,#f3f4f6);padding:.5rem}.logout-button{width:100%;color:var(--color-text-on-primary,#fff);background:linear-gradient(135deg, var(--color-danger,#dc2626) 0%, var(--color-danger-dark,#b91c1c) 100%);cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.logout-button:hover{background:linear-gradient(135deg, var(--color-danger-dark,#b91c1c) 0%, var(--color-danger-darker,#991b1b) 100%);transform:translateY(-1px)}.demo-usage-indicator{cursor:pointer;color:var(--color-text-on-primary,#fff);border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.75rem;font-weight:500;transition:opacity .2s;display:flex}.demo-usage-indicator:hover{opacity:.9}.demo-usage-indicator.warning{background:var(--color-warning-muted,#eab308)}.demo-usage-indicator.critical{background:var(--color-danger-muted,#ef4444)}.auth-buttons{align-items:center;gap:.25rem;display:flex}.login-menu-btn{background:linear-gradient(135deg, var(--brand-fill,#3b82f6) 0%, var(--brand-fill,#2563eb) 100%);width:100%;color:var(--brand-on-fill,white);cursor:pointer;border:none;border-radius:.375rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.login-menu-btn:hover{background:linear-gradient(135deg, var(--brand-fill-hover,#2563eb) 0%, var(--brand-fill-hover,#1d4ed8) 100%);transform:translateY(-1px)}.dark .settings-icon-btn{color:#9ca3af;background:#1f2937d1;border-color:#4b556342}.dark .settings-icon-btn:hover{color:#93c5fd;background:#1e3a8a80;border-color:#60a5fa59;box-shadow:0 12px 28px #3b82f629}.dark .user-menu-dropdown{background:#111827f5;border-color:#4b5563f2}.dark .user-menu-item{border-bottom-color:#1f2937}.dark .user-menu-label{color:#d1d5db}.dark .user-menu-value{color:#9ca3af}.loading-root[data-v-de793b9f]{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-branded[data-v-de793b9f]{background:linear-gradient(135deg, var(--color-info-light,#f0fdfa) 0%, var(--color-info-lighter,#ccfbf1) 100%);flex-direction:column}.brand-content[data-v-de793b9f]{flex-direction:column;align-items:center;gap:.5rem;animation:.5s ease-out brand-appear-de793b9f;display:flex}.brand-icon[data-v-de793b9f]{border-radius:20px;width:72px;height:72px;margin-bottom:.25rem;animation:2.4s ease-in-out infinite icon-pulse-de793b9f;box-shadow:0 6px 28px #0d948859}.brand-icon svg[data-v-de793b9f]{border-radius:20px;width:100%;height:100%;display:block}.brand-title[data-v-de793b9f]{color:var(--color-info-ink-strong,#134e4a);letter-spacing:-.02em;margin-top:.25rem;font-size:1.75rem;font-weight:800}.brand-tagline[data-v-de793b9f]{color:var(--color-info-ink-soft,#0f766e);letter-spacing:.04em;font-size:.8125rem}.brand-divider[data-v-de793b9f]{background:linear-gradient(to right, transparent, var(--color-info-border-strong,#5eead4), transparent);width:2.5rem;height:2px;margin:.75rem 0 .5rem}.brand-spinner[data-v-de793b9f]{border:2.5px solid var(--color-info-lighter,#ccfbf1);border-top-color:var(--color-info,#0d9488);border-radius:50%;width:26px;height:26px;animation:.75s linear infinite spin-de793b9f}.brand-message[data-v-de793b9f]{color:var(--color-info-accent,#0d9488);letter-spacing:.03em;margin-top:.25rem;font-size:.75rem}.loading-overlay[data-v-de793b9f]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.overlay-card[data-v-de793b9f]{background:var(--color-surface,#fff);border-radius:.75rem;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex;box-shadow:0 20px 40px #00000026}.overlay-spinner[data-v-de793b9f]{width:3.5rem;height:3.5rem;position:relative}.overlay-spinner-track[data-v-de793b9f],.overlay-spinner-fill[data-v-de793b9f]{border:4px solid #0000;border-radius:50%;position:absolute;inset:0}.overlay-spinner-track[data-v-de793b9f]{border-color:var(--color-border,#e5e7eb)}.overlay-spinner-fill[data-v-de793b9f]{border-top-color:var(--color-info,#0d9488);animation:.75s linear infinite spin-de793b9f}.overlay-message[data-v-de793b9f]{color:var(--color-text-heading,#111827);font-size:.9375rem;font-weight:500}@keyframes spin-de793b9f{to{transform:rotate(360deg)}}@keyframes icon-pulse-de793b9f{0%,to{box-shadow:0 6px 28px #0d948859}50%{box-shadow:0 6px 36px #0d94888c}}@keyframes brand-appear-de793b9f{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active[data-v-de793b9f],.fade-leave-active[data-v-de793b9f]{transition:opacity .25s}.fade-enter-from[data-v-de793b9f],.fade-leave-to[data-v-de793b9f]{opacity:0}.idle-lock-overlay[data-v-3881db7d]{z-index:11000;pointer-events:auto;background-color:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.idle-lock-overlay__panel[data-v-3881db7d]{background:var(--color-surface,#fff);text-align:center;border-radius:.5rem;min-width:20rem;padding:2rem;box-shadow:0 10px 40px #0000004d}.idle-lock-overlay__title[data-v-3881db7d]{margin:0 0 1rem;font-size:1.125rem;font-weight:600}.idle-lock-overlay__form[data-v-3881db7d]{flex-direction:column;gap:.75rem;display:flex}.idle-lock-overlay__password[data-v-3881db7d]{border:1px solid var(--color-border-strong,#d1d5db);border-radius:.375rem;width:100%;padding:.5rem .75rem}.idle-lock-overlay__submit[data-v-3881db7d]{background:var(--color-primary,#2563eb);color:var(--color-text-on-primary,#fff);cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem}.idle-lock-overlay__submit[data-v-3881db7d]:disabled{opacity:.6;cursor:not-allowed}.idle-lock-overlay__feedback[data-v-3881db7d]{color:var(--color-danger-accent,#dc2626);margin:0;font-size:.875rem}.idle-lock-overlay__switch-user[data-v-3881db7d]{border:1px solid var(--color-border-strong,#d1d5db);color:var(--color-text,#4b5563);cursor:pointer;background:0 0;border-radius:.375rem;margin-top:1rem;padding:.5rem 1rem}[data-v-69e252f2]:root{--vh:1vh}.app-container[data-v-69e252f2]{height:100dvh;height:calc(var(--vh) * 100);overflow:hidden}.app-container--locked[data-v-69e252f2]{-webkit-user-select:none;user-select:none}