.base-toast[data-v-15a11f97]{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:1000}.base-toast__item[data-v-15a11f97]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-bg-surface);color:var(--color-text-primary)}.base-toast__item--success[data-v-15a11f97]{background-color:var(--color-feedback-success-bg);border-color:var(--color-feedback-success-border)}.base-toast__item--error[data-v-15a11f97]{background-color:var(--color-feedback-error-bg);border-color:var(--color-feedback-error-border)}.base-toast__item--info[data-v-15a11f97]{background-color:var(--color-feedback-info-bg);border-color:var(--color-feedback-info-border)}.base-toast__close[data-v-15a11f97]{background:none;border:none;cursor:pointer;font-size:1.125rem;line-height:1;color:var(--color-text-secondary)}:root{--slate-50: 220 20% 97%;--slate-100: 220 15% 90%;--slate-200: 220 13% 82%;--slate-300: 220 10% 70%;--slate-400: 220 8% 56%;--slate-500: 220 6% 42%;--slate-600: 220 7% 30%;--slate-700: 220 8% 22%;--slate-800: 222 12% 18%;--slate-900: 222 20% 12%;--slate-950: 222 47% 11%;--indigo-50: 228 56% 97%;--indigo-100: 228 54% 93%;--indigo-200: 228 50% 86%;--indigo-300: 228 48% 76%;--indigo-400: 228 54% 64%;--indigo-500: 228 60% 52%;--indigo-600: 228 58% 45%;--indigo-700: 228 54% 38%;--indigo-800: 228 50% 30%;--indigo-900: 228 46% 23%;--indigo-950: 228 44% 14%;--emerald-400: 142 69% 58%;--emerald-500: 142 70% 45%;--emerald-600: 142 72% 29%;--red-400: 350 89% 60%;--red-500: 10 85% 50%;--red-600: 10 75% 40%;--amber-400: 38 92% 58%;--amber-500: 38 92% 50%;--amber-600: 38 85% 40%;--sky-400: 205 90% 60%;--sky-500: 205 85% 48%;--font-family-display: "Outfit", system-ui, -apple-system, sans-serif;--font-family-body: "Inter", BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2.25rem;--font-size-stat: 1.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--layout-max-width: 1440px;--form-max-width: 680px;--sidebar-width: 232px;--sidebar-width-collapsed: 60px;--topbar-height: 52px;--content-gutter: 20px;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--z-index-base: 1;--z-index-sticky: 100;--z-index-header: 500;--z-index-sidebar: 600;--z-index-dropdown: 1000;--z-index-modal: 2000;--z-index-toast: 3000;--transition-default: all .2s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .3s cubic-bezier(.34, 1.56, .64, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=light]{--color-bg-app: hsl(220 20% 98%);--color-bg-surface: hsl(0 0% 100%);--color-bg-surface-2: hsl(220 20% 98%);--color-bg-sidebar: hsl(0 0% 100%);--color-bg-overlay: hsla(220, 20%, 10%, .5);--color-bg-hover: hsl(220 20% 96%);--color-border-subtle: hsl(220 15% 92%);--color-border-visible: hsl(220 12% 85%);--color-border-interactive: hsl(var(--indigo-500));--color-focus-ring: hsl(var(--indigo-500));--color-text-primary: hsl(220 25% 10%);--color-text-secondary: hsl(220 15% 32%);--color-text-muted: hsl(220 10% 54%);--color-text-accent: hsl(var(--indigo-600));--color-text-on-accent: hsl(0 0% 100%);--color-primary: hsl(var(--indigo-500));--color-primary-hover: hsl(var(--indigo-600));--color-primary-active: hsl(var(--indigo-700));--color-primary-soft-bg: hsl(228 60% 97%);--color-primary-soft-border: hsl(228 52% 90%);--color-callout-bg: hsl(228 60% 98%);--color-callout-border: hsl(228 52% 93%);--color-callout-text: hsl(var(--indigo-600));--color-feedback-success: hsl(var(--emerald-600));--color-feedback-success-bg: hsla(var(--emerald-500), .12);--color-feedback-success-border: hsla(var(--emerald-500), .3);--color-feedback-error: hsl(var(--red-500));--color-feedback-error-bg: hsla(var(--red-500), .1);--color-feedback-error-border: hsla(var(--red-500), .3);--color-feedback-warning: hsl(var(--amber-600));--color-feedback-warning-bg: hsla(var(--amber-500), .14);--color-feedback-warning-border: hsla(var(--amber-500), .3);--color-feedback-info: hsl(var(--sky-500));--color-feedback-info-bg: hsla(var(--sky-500), .12);--color-feedback-info-border: hsla(var(--sky-500), .3);--shadow-sm: 0 1px 2px 0 rgba(16, 24, 40, .04);--shadow-md: 0 2px 6px -1px rgba(16, 24, 40, .07);--shadow-lg: 0 8px 20px -6px rgba(16, 24, 40, .1);--shadow-xl: 0 20px 40px -12px rgba(16, 24, 40, .16);--color-glass-bg: hsla(0, 0%, 100%, .7)}[data-theme=dark]{--color-bg-app: hsl(var(--slate-900));--color-bg-surface: hsl(var(--slate-800));--color-bg-surface-2: hsl(var(--slate-900));--color-bg-sidebar: hsl(var(--slate-950));--color-bg-overlay: hsla(var(--slate-950), .8);--color-bg-hover: hsla(var(--slate-700), .5);--color-border-subtle: hsl(var(--slate-700));--color-border-visible: hsl(var(--slate-600));--color-border-interactive: hsl(var(--indigo-400));--color-focus-ring: hsl(var(--indigo-500));--color-text-primary: hsl(var(--slate-50));--color-text-secondary: hsl(var(--slate-200));--color-text-muted: hsl(var(--slate-400));--color-text-accent: hsl(var(--indigo-400));--color-text-on-accent: hsl(0 0% 100%);--color-primary: hsl(var(--indigo-500));--color-primary-hover: hsl(var(--indigo-400));--color-primary-active: hsl(var(--indigo-600));--color-primary-soft-bg: hsla(var(--indigo-500), .15);--color-primary-soft-border: hsla(var(--indigo-500), .3);--color-callout-bg: hsla(var(--indigo-500), .15);--color-callout-border: hsla(var(--indigo-500), .3);--color-callout-text: hsl(var(--indigo-300));--color-feedback-success: hsl(var(--emerald-400));--color-feedback-success-bg: hsla(var(--emerald-500), .15);--color-feedback-success-border: hsla(var(--emerald-500), .3);--color-feedback-error: hsl(var(--red-400));--color-feedback-error-bg: hsla(var(--red-500), .15);--color-feedback-error-border: hsla(var(--red-500), .3);--color-feedback-warning: hsl(var(--amber-400));--color-feedback-warning-bg: hsla(var(--amber-500), .15);--color-feedback-warning-border: hsla(var(--amber-500), .3);--color-feedback-info: hsl(var(--sky-400));--color-feedback-info-bg: hsla(var(--sky-500), .15);--color-feedback-info-border: hsla(var(--sky-500), .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .45), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .55), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .65), 0 10px 10px -5px rgba(0, 0, 0, .5);--color-glass-bg: hsla(222, 20%, 14%, .7)}:root{--font-size-stat: 2.25rem;--font-size-3xl: 2.75rem;--gradient-brand: linear-gradient(135deg, hsl(var(--indigo-500)), hsl(var(--indigo-400)));--gradient-ai: linear-gradient(120deg, hsl(228 70% 60%), hsl(206 80% 60%));--gradient-ai-soft: linear-gradient(120deg, hsla(228,70%,60%,.16), hsla(206,80%,60%,.16));--glow-ai: 0 0 0 1px hsla(224,52%,55%,.22), 0 8px 24px -12px hsla(224,52%,45%,.35)}:root,[data-theme=light]{--color-text-muted: hsl(220 12% 45%);--shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 1px rgba(16,24,40,.04);--shadow-md: 0 4px 12px -2px rgba(16,24,40,.1), 0 2px 4px -2px rgba(16,24,40,.06);--shadow-lg: 0 16px 34px -10px rgba(16,24,40,.16), 0 4px 10px -4px rgba(16,24,40,.08);--shadow-xl: 0 30px 60px -18px rgba(16,24,40,.24);--color-surface-grad: linear-gradient(180deg, hsl(0 0% 100%), hsl(220 32% 99.2%))}[data-theme=dark]{--color-text-muted: hsl(var(--slate-300));--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 6px 16px -4px rgba(0,0,0,.55), 0 2px 6px -2px rgba(0,0,0,.4);--shadow-lg: 0 18px 42px -12px rgba(0,0,0,.65), 0 4px 10px -4px rgba(0,0,0,.45);--shadow-xl: 0 34px 64px -18px rgba(0,0,0,.72);--color-surface-grad: linear-gradient(180deg, hsl(var(--slate-800)), hsl(222 18% 15.5%));--glow-ai: 0 0 0 1px hsla(224,56%,60%,.32), 0 10px 30px -12px hsla(224,56%,45%,.45)}:root{--font-size-stat: 1.75rem;--font-size-3xl: 2.25rem;--gradient-ai: linear-gradient(120deg, hsl(228 60% 54%), hsl(206 64% 52%));--gradient-ai-soft: linear-gradient(120deg, hsla(228,60%,54%,.1), hsla(206,64%,52%,.1));--glow-ai: 0 0 0 1px hsla(224,52%,55%,.22), 0 8px 24px -12px hsla(224,52%,45%,.35);--gradient-brand: linear-gradient(135deg, hsl(var(--indigo-600)), hsl(var(--indigo-500)))}[data-theme=dark]{--glow-ai: 0 0 0 1px hsla(224,56%,60%,.32), 0 10px 30px -12px hsla(224,56%,45%,.45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}h1,h2,h3,h4,h5{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{color:var(--color-text-secondary)}a{color:var(--color-text-accent);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-hover)}img,svg,canvas{display:block;max-width:100%}ul{list-style:none}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-visible);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1)}.app--collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.app__main{display:flex;flex-direction:column;min-width:0}.app__content{flex:1;padding:var(--content-gutter);width:100%;max-width:var(--layout-max-width);margin:0 auto;animation:vp-fade-up .4s cubic-bezier(.22,1,.36,1) both}@keyframes vp-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes vp-fade{0%{opacity:0}to{opacity:1}}@keyframes vp-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes vp-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes vp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.stagger>*{animation:vp-fade-up .45s cubic-bezier(.22,1,.36,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.stagger>*:nth-child(7){animation-delay:.26s}.stagger>*:nth-child(8){animation-delay:.3s}.live-dot{width:8px;height:8px;border-radius:9999px;background:var(--color-feedback-error);animation:vp-pulse 1.4s ease-in-out infinite}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.page-head h1{font-size:var(--font-size-xl)}.page-head__titles{display:flex;flex-direction:column;gap:var(--spacing-xs)}.page-head__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.page-head__actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-text-accent)}.breadcrumbs__sep{opacity:.6}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.row--wrap{flex-wrap:wrap}.center{display:flex;align-items:center;justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.grow{flex:1}.muted{color:var(--color-text-muted)}.secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-text-accent)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.semibold{font-weight:var(--font-weight-semibold)}.bold{font-weight:var(--font-weight-bold)}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.grid{display:grid;gap:var(--spacing-md)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.divider{height:1px;background:var(--color-border-subtle);border:0;margin:var(--spacing-md) 0}.hidden{display:none!important}@media(max-width:1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.app,.app--collapsed{grid-template-columns:1fr}.app__content{padding:var(--spacing-md)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.side-nav{position:fixed!important;left:0;top:0;width:var(--sidebar-width)!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xl)}.app--collapsed .side-nav{width:var(--sidebar-width)!important}.app--collapsed .side-nav .side-nav__brand-text,.app--collapsed .side-nav .side-nav__section-label,.app--collapsed .side-nav .side-nav__link span,.app--collapsed .side-nav .side-nav__user{display:inline}.app--collapsed .side-nav .side-nav__link{justify-content:flex-start}.app--drawer-open .side-nav{transform:translate(0)}.app__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-index-sidebar) - 1);background:var(--color-bg-overlay);opacity:0;pointer-events:none;transition:opacity .2s ease}.app--drawer-open .app__backdrop{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:34px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;white-space:nowrap;transition:var(--transition-fast);background:transparent;color:var(--color-text-primary)}.btn:active{transform:scale(.98)}.btn__icon{width:15px;height:15px;display:inline-flex;flex-shrink:0}.btn--primary{background:var(--color-primary);color:var(--color-text-on-accent);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn--primary:active{background:var(--color-primary-active)}.btn--secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-visible)}.btn--secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-interactive)}.btn--tertiary{background:transparent;color:var(--color-text-accent)}.btn--tertiary:hover{background:var(--color-primary-soft-bg)}.btn--danger{background:var(--color-feedback-error);color:#fff;border-color:var(--color-feedback-error)}.btn--danger:hover{filter:brightness(.95)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--icon{width:34px;padding:0}.btn--lg{height:40px;padding:0 var(--spacing-md);font-size:var(--font-size-md)}.btn--sm{height:28px;padding:0 var(--spacing-sm);font-size:var(--font-size-xs)}.btn--block{width:100%}.btn--sparkle{background:linear-gradient(110deg,hsl(var(--indigo-600)),hsl(var(--indigo-400)),hsl(var(--indigo-600)));background-size:200% 100%;color:#fff;border:none;animation:vp-shimmer 3s linear infinite;box-shadow:0 2px 12px -2px hsla(var(--indigo-500),.5)}.btn--sparkle:hover{filter:brightness(1.05)}@keyframes vp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn[disabled],.btn--disabled{background:var(--color-bg-hover);color:var(--color-text-muted);border-color:var(--color-border-subtle);cursor:not-allowed;box-shadow:none;pointer-events:none}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-height:48px}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.card__body{padding:var(--spacing-md)}.card__footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.card--hover{transition:var(--transition-default);cursor:pointer}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-interactive)}.card--glass{background:var(--color-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--color-border-visible)}.card--pad{padding:var(--spacing-md)}.stat{display:flex;flex-direction:column;gap:2px}.stat__label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.stat__value{font-family:var(--font-family-display);font-size:var(--font-size-stat);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:1.1}.stat__delta{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:2px}.stat__delta--up{color:var(--color-feedback-success)}.stat__delta--down{color:var(--color-feedback-error)}.stat__icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-soft-bg);color:var(--color-text-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat__icon svg{width:16px;height:16px}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-bg-hover);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.badge--success{background:var(--color-feedback-success-bg);color:var(--color-feedback-success);border-color:var(--color-feedback-success-border)}.badge--error{background:var(--color-feedback-error-bg);color:var(--color-feedback-error);border-color:var(--color-feedback-error-border)}.badge--warning{background:var(--color-feedback-warning-bg);color:var(--color-feedback-warning);border-color:var(--color-feedback-warning-border)}.badge--info{background:var(--color-feedback-info-bg);color:var(--color-feedback-info);border-color:var(--color-feedback-info-border)}.badge--accent{background:var(--color-primary-soft-bg);color:var(--color-text-accent);border-color:var(--color-primary-soft-border)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--color-bg-surface);border:1px solid var(--color-border-visible);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.chip:hover{border-color:var(--color-border-interactive);color:var(--color-text-primary)}.chip--active{background:var(--color-primary-soft-bg);color:var(--color-text-accent);border-color:var(--color-primary-soft-border)}.input-field{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.input-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input-field__label .req{color:var(--color-feedback-error)}.input-field__control{width:100%;padding:10px var(--spacing-md);background:var(--color-bg-surface);border:1px solid var(--color-border-visible);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:var(--transition-fast)}.input-field__control::placeholder{color:var(--color-text-muted)}.input-field__control:hover{border-color:var(--color-border-interactive)}.input-field__control:focus{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 3px hsla(var(--indigo-500),.18)}textarea.input-field__control{resize:vertical;min-height:96px;line-height:var(--line-height-normal)}select.input-field__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.input-field__footer{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted)}.input-field__footer .error-text{color:var(--color-feedback-error)}.input-field--error .input-field__control{border-color:var(--color-feedback-error)}.search{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-md);background:var(--color-bg-surface);border:1px solid var(--color-border-visible);border-radius:var(--radius-md);min-width:240px}.search input{border:0;background:transparent;outline:none;flex:1;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.search svg{width:16px;height:16px;color:var(--color-text-muted)}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.switch__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border-visible);border-radius:var(--radius-full);transition:var(--transition-fast);cursor:pointer}.switch__slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:var(--radius-full);transition:var(--transition-spring);box-shadow:var(--shadow-sm)}.switch input:checked+.switch__slider{background:var(--color-primary)}.switch input:checked+.switch__slider:before{transform:translate(18px)}.avatar-pick{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.avatar-pick__opt{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);border:2px solid transparent;transition:var(--transition-fast);color:var(--color-text-secondary)}.avatar-pick__opt:hover{border-color:var(--color-border-interactive)}.avatar-pick__opt--active{border-color:var(--color-primary);background:var(--color-primary-soft-bg)}.avatar-pick__face{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(160deg,hsl(var(--indigo-500)),hsl(var(--indigo-800)));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.avatar-pick__opt--upload{justify-content:center}.avatar-pick__opt--upload{color:var(--color-text-muted)}.avatar-pick__opt--upload svg{width:64px;height:64px;border-radius:var(--radius-full);border:2px dashed var(--color-border-visible);padding:20px}.range{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.range__head{display:flex;justify-content:space-between;align-items:baseline}.range__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.range__value{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);color:var(--color-text-accent)}.range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-border-subtle);outline:none}.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid var(--color-bg-surface)}.range input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg-surface)}.range--preview{opacity:.7}.range--preview input[type=range]{pointer-events:none;cursor:default}.side-nav{background:var(--color-bg-sidebar);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:var(--z-index-sidebar);overflow:hidden}.side-nav__brand{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);height:var(--topbar-height);border-bottom:1px solid var(--color-border-subtle)}.side-nav__logo{width:28px;height:28px;border-radius:var(--radius-md);background:linear-gradient(135deg,hsl(var(--indigo-500)),hsl(var(--indigo-400)));display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);flex-shrink:0}.side-nav__brand-text{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.side-nav__brand-text b{color:var(--color-text-accent)}.side-nav__section{padding:var(--spacing-sm) var(--spacing-sm) 0}.side-nav__section-label{font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--font-weight-semibold)}.side-nav__menu{display:flex;flex-direction:column;gap:1px}.side-nav__link{display:flex;align-items:center;gap:var(--spacing-sm);padding:7px var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative;transition:var(--transition-fast)}.side-nav__link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.side-nav__link--active{background:var(--color-primary-soft-bg);color:var(--color-text-accent);font-weight:var(--font-weight-semibold)}.side-nav__link--active:before{content:"";position:absolute;left:-8px;top:7px;bottom:7px;width:3px;border-radius:var(--radius-full);background:var(--color-primary)}.side-nav__icon{width:16px;height:16px;flex-shrink:0}.side-nav__footer{margin-top:auto;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);border-top:1px solid var(--color-border-subtle);position:relative}.side-nav__profile{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:6px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:left;transition:var(--transition-fast)}.side-nav__profile:hover{background:var(--color-bg-hover)}.side-nav__caret{width:14px;height:14px;margin-left:auto;color:var(--color-text-muted);flex-shrink:0}.side-nav__version{font-size:10px;color:var(--color-text-muted);text-align:center;padding:var(--spacing-xs) 0 2px}.side-nav__avatar{width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-primary-soft-bg);color:var(--color-text-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);flex-shrink:0}.user-menu{position:absolute;bottom:calc(100% - 4px);left:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-index-dropdown);animation:vp-fade-up .16s ease both}.user-menu__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.user-menu__item svg{width:15px;height:15px}.user-menu__item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.user-menu__item--danger{color:var(--color-feedback-error)}.user-menu__item--danger:hover{background:var(--color-feedback-error-bg)}.user-menu__sep{height:1px;background:var(--color-border-subtle);margin:var(--spacing-xs) 0}.app--collapsed .side-nav__caret,.app--collapsed .side-nav__version{display:none}.app--collapsed .side-nav__profile{justify-content:center}.side-nav__user{display:flex;flex-direction:column;min-width:0}.side-nav__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav__user-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.app--collapsed .side-nav__brand-text,.app--collapsed .side-nav__section-label,.app--collapsed .side-nav__link span,.app--collapsed .side-nav__user{display:none}.app--collapsed .side-nav__link{justify-content:center}.app--collapsed .user-menu{position:fixed;left:calc(var(--sidebar-width-collapsed) + var(--spacing-xs));right:auto;bottom:var(--spacing-sm);width:210px}.topbar{height:var(--topbar-height);display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--content-gutter);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:var(--z-index-header)}.topbar__title{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.topbar__spacer{flex:1}.topbar__icon-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.topbar__icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar__icon-btn svg{width:17px;height:17px}.topbar__icon-btn--bordered{border-color:var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-secondary)}.theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--color-border-visible);border-radius:var(--radius-full);background:var(--color-bg-surface-2);cursor:pointer}.theme-toggle__opt{width:26px;height:26px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:var(--transition-fast)}.theme-toggle__opt svg{width:15px;height:15px}[data-theme=light] .theme-toggle__opt--sun,[data-theme=dark] .theme-toggle__opt--moon{background:var(--color-bg-surface);color:var(--color-text-accent);box-shadow:var(--shadow-sm)}.theme-toggle:hover{border-color:var(--color-border-interactive)}.role-switch{display:inline-flex;align-items:center}.table-wrap{overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface-2);position:sticky;top:0}.table td{padding:10px var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:var(--transition-fast)}.table tbody tr:hover{background:var(--color-bg-hover)}.table tbody tr[data-href]{cursor:pointer}.table tbody tr[data-href]:hover{background:var(--color-primary-soft-bg)}.view-toggle{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--color-border-visible);border-radius:var(--radius-md);background:var(--color-bg-surface-2)}.view-toggle__btn{width:30px;height:28px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.view-toggle__btn svg{width:16px;height:16px}.view-toggle__btn:hover{color:var(--color-text-primary)}.view-toggle__btn--active{background:var(--color-bg-surface);color:var(--color-text-accent);box-shadow:var(--shadow-sm)}.table td .semibold,.table strong{color:var(--color-text-primary)}.cell-user{display:flex;align-items:center;gap:var(--spacing-sm)}.tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-lg)}.tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--transition-fast)}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-text-accent);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.accordion{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden;transition:var(--transition-default)}.accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer}.accordion__header h3{font-size:var(--font-size-md)}.accordion__header-text{display:flex;flex-direction:column;gap:2px}.accordion__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.accordion__chevron{transition:transform .2s ease;color:var(--color-text-muted);width:16px;height:16px}.accordion__body{padding:0 var(--spacing-md) var(--spacing-md);display:none}.accordion--expanded{border-color:var(--color-border-interactive);box-shadow:var(--shadow-sm)}.accordion--expanded .accordion__body{display:block;animation:vp-fade-up .28s cubic-bezier(.22,1,.36,1) both}.accordion--expanded .accordion__chevron{transform:rotate(180deg)}.accordion--highlighted{border-color:var(--color-primary-soft-border)}.stepper{display:flex;flex-direction:column;gap:2px}.stepper__step{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);position:relative}.stepper__step:hover{background:var(--color-bg-hover)}.stepper__badge{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--color-border-visible);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);flex-shrink:0;background:var(--color-bg-surface)}.stepper__name{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stepper__step--active .stepper__badge{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stepper__step--active .stepper__name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.stepper__step--completed .stepper__badge{background:var(--color-feedback-success);border-color:var(--color-feedback-success);color:#fff}.callout{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-callout-bg);border:1px solid var(--color-callout-border);color:var(--color-callout-text);font-size:var(--font-size-sm)}.callout__icon{flex-shrink:0;width:18px;height:18px}.callout strong{display:block;margin-bottom:2px}.callout p{color:inherit;opacity:.9;font-size:var(--font-size-xs)}.callout--success{background:var(--color-feedback-success-bg);border-color:var(--color-feedback-success-border);color:var(--color-feedback-success)}.callout--warning{background:var(--color-feedback-warning-bg);border-color:var(--color-feedback-warning-border);color:var(--color-feedback-warning)}.callout--info{background:var(--color-feedback-info-bg);border-color:var(--color-feedback-info-border);color:var(--color-feedback-info)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);z-index:var(--z-index-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal{background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;border:1px solid var(--color-border-subtle);animation:pop .3s cubic-bezier(.34,1.56,.64,1)}.modal__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center}.modal__body{padding:var(--spacing-lg)}.modal__footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.kebab{position:relative;display:inline-block}.kebab__btn{width:28px;height:28px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.kebab__btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.kebab__btn svg{width:16px;height:16px}.kebab__menu{position:absolute;right:0;top:calc(100% + 4px);min-width:184px;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-index-dropdown);animation:vp-fade-up .14s ease both}.kebab__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:7px var(--spacing-sm);border:0;background:transparent;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer}.kebab__item svg{width:15px;height:15px;flex-shrink:0}.kebab__item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.kebab__item--danger{color:var(--color-feedback-error)}.kebab__item--danger:hover{background:var(--color-feedback-error-bg)}.kebab__sep{height:1px;background:var(--color-border-subtle);margin:var(--spacing-xs) 0}.notif,.notif__btn{position:relative}.notif__dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-feedback-error);border:1.5px solid var(--color-bg-surface)}.notif__panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:88vw;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-index-dropdown);overflow:hidden;animation:vp-fade-up .16s ease both}.notif__head{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.notif__list{max-height:360px;overflow-y:auto}.notif__item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);transition:var(--transition-fast)}.notif__item:hover{background:var(--color-bg-hover)}.notif__item--unread,.notif__item--unread:hover{background:var(--color-primary-soft-bg)}.notif__sev{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0;margin-top:5px}.notif__text{display:flex;flex-direction:column;gap:2px;min-width:0}.notif__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.notif__body{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.notif__when{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.notif__foot{display:block;text-align:center;padding:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-accent)}.notif__foot:hover{background:var(--color-bg-hover)}.q-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-surface);margin-bottom:var(--spacing-md)}.q-card__head{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.q-card__body{padding:var(--spacing-md)}.q-num{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-primary-soft-bg);color:var(--color-text-accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.opt-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.type-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:var(--transition-fast)}.type-btn:hover{border-color:var(--color-border-interactive);color:var(--color-text-primary);background:var(--color-primary-soft-bg)}.add-q{position:relative}.add-q__menu{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.add-q__menu-label{display:block}.opt-input{margin:0}.grid--gap-md{gap:var(--spacing-md)}.badge--ml{margin-left:6px}.pick-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition-fast)}.pick-row:hover{border-color:var(--color-border-interactive);background:var(--color-bg-hover)}.ai-suggestion{border:1px solid var(--color-border-visible);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:var(--transition-fast);cursor:pointer}.ai-suggestion:hover{border-color:var(--color-border-interactive);background:var(--color-primary-soft-bg)}.ai-suggestion__num{font-size:var(--font-size-xs);color:var(--color-text-accent);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.progress{height:8px;border-radius:var(--radius-full);background:var(--color-border-subtle);overflow:hidden}.progress__bar{height:100%;border-radius:var(--radius-full);background:var(--color-primary)}.progress__bar--success{background:var(--color-feedback-success)}.avatar-stage{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(160deg,hsl(var(--indigo-950)),hsl(var(--slate-900)));aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.avatar-stage__placeholder{width:120px;height:120px;border-radius:var(--radius-full);background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fffc;font-size:var(--font-size-3xl);border:2px solid hsla(0,0%,100%,.2)}.avatar-stage__badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md)}.transcript{display:flex;flex-direction:column;gap:var(--spacing-md)}.bubble{max-width:80%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.bubble--ai{background:var(--color-bg-hover);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-xs);align-self:flex-start}.bubble--user{background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-xs);align-self:flex-end}.mic-btn{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:var(--transition-spring)}.mic-btn:hover{transform:scale(1.04)}.mic-btn svg{width:26px;height:26px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth__aside{background:linear-gradient(160deg,hsl(var(--indigo-600)),hsl(var(--indigo-900)));color:#fff;padding:var(--spacing-3xl);display:flex;flex-direction:column;justify-content:space-between}.auth__aside h2{color:#fff;font-size:var(--font-size-2xl);max-width:420px}.auth__aside p{color:#ffffffd9}.auth__brand{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.auth__main{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.auth__card{width:100%;max-width:400px}.auth__feature{display:flex;gap:var(--spacing-md);align-items:flex-start;margin-bottom:var(--spacing-lg)}.auth__feature-icon{width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.otp-row{display:flex;gap:var(--spacing-sm);justify-content:center}.otp-row input{width:52px;height:60px;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border:1px solid var(--color-border-visible);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary)}@media(max-width:768px){.auth{grid-template-columns:1fr}.auth__aside{display:none}}.toast{display:flex;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-feedback-success);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm)}.toast-stack{position:fixed;bottom:20px;right:20px;z-index:var(--z-index-toast);display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast-stack .toast{animation:vp-slide-in .25s cubic-bezier(.22,1,.36,1) both;transition:opacity .25s ease}@keyframes vp-slide-in{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.flash{animation:vp-flash .8s ease}@keyframes vp-flash{0%{box-shadow:0 0 0 3px hsla(var(--indigo-500),.45)}to{box-shadow:0 0 0 3px hsla(var(--indigo-500),0)}}[data-drag]{cursor:default}[data-drag] [data-handle],.seq-handle,.q-card__head [data-handle]{cursor:grab}.dragging{opacity:.5;box-shadow:var(--shadow-lg)}.thumb{aspect-ratio:16/9;border-radius:var(--radius-md);background:linear-gradient(135deg,hsl(var(--indigo-400)),hsl(var(--indigo-700)));display:flex;align-items:center;justify-content:center;color:#ffffffd9}.lock-pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.list-reset{display:flex;flex-direction:column;gap:var(--spacing-sm)}.kv{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-sm)}.kv:last-child{border-bottom:0}.kv__key{color:var(--color-text-muted)}.stat__value{font-weight:var(--font-weight-bold);font-size:var(--font-size-stat)}.stat__value--ai{background:var(--gradient-ai);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background-image:var(--color-surface-grad)}.card--hover:hover{box-shadow:var(--shadow-lg)}.card--ai{position:relative;box-shadow:var(--glow-ai)}.card--ai:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--gradient-ai);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.btn--primary{background-image:var(--gradient-brand);box-shadow:0 1px 2px #10182824}.btn--primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0) scale(.99)}.ai-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;background:var(--gradient-ai);background-size:200% 100%;border:0}.ai-chip svg{width:13px;height:13px}.ai-chip--live{animation:vp-shimmer 5s linear infinite}@media(prefers-reduced-motion:reduce){.ai-chip--live{animation:none}}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.skeleton{position:relative;overflow:hidden;background:var(--color-bg-hover);border-radius:var(--radius-sm)}.skeleton--line{height:12px;margin:6px 0}.skeleton--title{height:18px;width:40%}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45),transparent);animation:vp-skel 1.4s infinite}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.07),transparent)}@keyframes vp-skel{to{transform:translate(100%)}}.empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg)}.empty__icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--gradient-ai-soft);color:var(--color-text-accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.empty__icon svg{width:24px;height:24px}.empty h3{margin-bottom:4px}.empty p{max-width:380px;margin:0 auto var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.ai-typing:after{content:"▌";margin-left:1px;color:var(--color-text-accent);animation:vp-caret 1s steps(1) infinite}@keyframes vp-caret{50%{opacity:0}}.ai-loading{background:linear-gradient(90deg,var(--color-text-muted),var(--color-text-primary),var(--color-text-muted));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vp-shimmer 1.8s linear infinite}.ai-suggestion{background:var(--color-bg-surface)}.ai-suggestion--active{border-color:var(--color-border-interactive);box-shadow:var(--glow-ai)}@property --ring{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.score-ring{--ring: 0%;--ring-color: var(--color-feedback-success);width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring-color) var(--ring),var(--color-border-subtle) 0);transition:--ring 1.1s cubic-bezier(.22,1,.36,1)}.score-ring--success{--ring-color: var(--color-feedback-success)}.score-ring--warning{--ring-color: var(--color-feedback-warning)}.score-ring--error{--ring-color: var(--color-feedback-error)}.score-ring--neutral{--ring-color: var(--color-primary)}.score-ring__inner{width:90px;height:90px;border-radius:50%;background:var(--color-bg-surface);display:grid;place-items:center}.eyebrow{display:inline-block;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--gradient-ai);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:4px}.metric{display:flex;flex-direction:column;gap:6px}.metric .stat__value{line-height:1.05}.trend{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.trend--up{color:var(--color-feedback-success)}.trend--down{color:var(--color-feedback-error)}.spark{display:inline-flex;align-items:flex-end;gap:3px;height:22px}.spark i{width:5px;height:var(--h,40%);border-radius:2px;background:var(--color-border-visible);opacity:.7}.spark i.spark__last{background:var(--gradient-brand);opacity:1}.barchart{display:flex;align-items:flex-end;gap:var(--spacing-md);height:180px;padding-top:var(--spacing-sm)}.barchart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);height:100%;justify-content:flex-end}.barchart__bar{width:100%;max-width:42px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;height:var(--h,40%);background:linear-gradient(180deg,hsl(var(--indigo-400)),hsl(var(--indigo-600)));transition:height .8s cubic-bezier(.22,1,.36,1)}.barchart__bar--soft{background:linear-gradient(180deg,hsl(var(--indigo-300)),hsl(var(--indigo-500)));opacity:.55}.barchart__lbl{font-size:var(--font-size-xs);color:var(--color-text-muted)}.segment{display:inline-flex;padding:3px;gap:2px;background:var(--color-bg-surface-2);border:1px solid var(--color-border-visible);border-radius:var(--radius-md)}.segment__btn{padding:5px 12px;border:0;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.segment__btn:hover{color:var(--color-text-primary)}.segment__btn--active{background:var(--color-bg-surface);color:var(--color-text-accent);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.avatar{width:36px;height:36px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:#fff;background:linear-gradient(160deg,hsl(var(--indigo-500)),hsl(var(--indigo-700)));flex-shrink:0}.avatar--sm{width:28px;height:28px;font-size:var(--font-size-xs)}.avatar--lg{width:48px;height:48px;font-size:var(--font-size-lg)}.avatar--ai{background:var(--gradient-ai)}.avatar--soft{background:var(--color-primary-soft-bg);color:var(--color-text-accent)}.tile{position:relative;display:flex;flex-direction:column;background-image:var(--color-surface-grad);background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-default)}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-border-interactive)}.tile__top{height:4px;background:var(--gradient-brand)}.tile__body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.tile__foot{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.tile__kebab{position:absolute;top:10px;right:8px;z-index:2}.page-head h1{font-size:var(--font-size-2xl)}.page-head--hero{position:relative;padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:radial-gradient(120% 140% at 0% 0%,var(--gradient-ai-soft),transparent 55%),var(--color-surface-grad);box-shadow:var(--shadow-sm);overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin:var(--spacing-lg) 0 var(--spacing-md)}.section-head h2{font-size:var(--font-size-lg)}.stat__icon{background:var(--gradient-ai-soft)}.page-head h1{font-size:1.375rem}.page-head--hero{padding:var(--spacing-md) var(--spacing-lg)}.btn--primary{background-image:none}.stat__value{font-size:var(--font-size-stat)}.stat__icon{background:var(--color-primary-soft-bg)}.tile__top{height:3px;background:var(--color-border-visible)}.tile__top--ai{background:var(--gradient-ai)}.tile>.kebab,.tile__kebab{position:absolute;top:8px;right:8px;z-index:3}.tile__kebab .kebab__btn,.tile>.kebab .kebab__btn{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.hint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:var(--radius-full);border:1px solid var(--color-border-visible);background:var(--color-bg-surface);color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-bold);line-height:1;cursor:help;flex-shrink:0;vertical-align:middle;transition:var(--transition-fast)}.hint:hover,.hint:focus-visible{background:var(--color-primary-soft-bg);color:var(--color-text-accent);border-color:var(--color-primary-soft-border);outline:none}.hint__pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:240px;background:var(--color-text-primary);color:var(--color-bg-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.45;text-align:left;padding:7px 10px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:var(--z-index-dropdown);pointer-events:none}.hint__pop:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-text-primary)}.hint:hover .hint__pop,.hint:focus .hint__pop,.hint:focus-within .hint__pop{opacity:1;visibility:visible}@media(max-width:640px){.hint__pop{max-width:200px}}.picklist{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px;margin-bottom:var(--spacing-md)}.picklist .pick-row{margin-bottom:0}.picklist-empty{display:none;padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.progress{height:5px}.trend--good{color:var(--color-feedback-success)}.trend--bad{color:var(--color-feedback-error)}.trend--warn{color:var(--color-feedback-warning)}.trend--flat{color:var(--color-text-muted)}.progress__bar--warn{background:var(--color-feedback-warning)}.progress__bar--danger{background:var(--color-feedback-error)}.chartbox{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-sm);align-items:stretch}.chartbox__yaxis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:180px;padding-top:var(--spacing-sm);padding-bottom:20px}.chartbox__yaxis span{font-size:10px;color:var(--color-text-muted);line-height:1;transform:translateY(-50%)}.chartbox__yaxis span:first-child{transform:none}.chartbox__yaxis span:last-child{transform:translateY(50%)}.barchart--grid{position:relative}.barchart--grid:before{content:"";position:absolute;left:0;right:0;top:var(--spacing-sm);height:160px;pointer-events:none;background-image:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--color-border-subtle) calc(25% - 1px),var(--color-border-subtle) 25%);background-position:0 0;border-bottom:1px solid var(--color-border-visible)}.barchart--grid .barchart__col{position:relative;z-index:1}.barchart__bar{position:relative}.barchart__val{position:absolute;left:50%;top:-16px;transform:translate(-50%);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap;opacity:0;transition:opacity .2s ease}.barchart__col:hover .barchart__val,.barchart__col--peak .barchart__val{opacity:1}.barchart__col--peak .barchart__bar{box-shadow:0 0 0 2px var(--color-primary-soft-bg)}.chart-caption{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.chart-caption b{color:var(--color-text-primary);font-size:var(--font-size-sm)}.meter{display:flex;align-items:center;gap:var(--spacing-sm)}.meter .progress{flex:1;min-width:60px}.role-switch{position:relative}.role-switch__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast)}.role-switch__btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.role-switch__btn svg{width:16px;height:16px}.role-switch__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-index-dropdown);animation:vp-fade-up .14s ease both}.role-switch__menu-head{font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);padding:6px var(--spacing-sm) 4px}.role-switch__opt{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:7px var(--spacing-sm);border:0;background:transparent;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer}.role-switch__opt:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.role-switch__opt--active{color:var(--color-text-accent);font-weight:var(--font-weight-semibold)}.role-switch__kbd{font-size:10px;color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:0 4px}.pw-strength{height:4px;border-radius:999px;background:var(--color-border-subtle);overflow:hidden;margin-top:6px}.pw-strength__bar{height:100%;background:hsl(var(--indigo-500));border-radius:999px;transition:width .2s ease}.error-text{color:var(--color-feedback-error)}#app{min-height:100vh}