:root{--color-primary:var(--vl-primary,#51ADBE);--color-primary-hover:var(--vl-primary-hover,#3D9AAB);--color-primary-active:var(--vl-primary-active,#358A99);--color-primary-light:var(--vl-primary-light,#E8F5F8);--color-secondary:var(--vl-secondary,#0F1A17);--color-secondary-hover:var(--vl-secondary-hover,#1A2A25);--color-secondary-light:var(--vl-secondary-light,#2A3A35);--color-accent:var(--vl-accent,#F3EAD8);--color-accent-hover:var(--vl-accent-hover,#EDE2CA);--color-accent-light:var(--vl-accent-light,#FCF7F2);--color-success:var(--vl-success,#28A745);--color-success-bg:var(--vl-success-bg,rgba(40,167,69,0.1));--color-warning:var(--vl-warning,#E89B3C);--color-warning-bg:var(--vl-warning-bg,rgba(232,155,60,0.1));--color-error:var(--vl-error,#B60007);--color-error-bg:var(--vl-error-bg,rgba(182,0,7,0.08));--color-info:var(--vl-info,#51ADBE);--color-info-bg:var(--vl-info-bg,rgba(81,173,190,0.1));--color-background:var(--vl-bg,#FAFBFC);--color-background-alt:var(--vl-bg-alt,#F5F6F8);--color-surface:var(--vl-surface,#FFFFFF);--color-surface-hover:var(--vl-surface-hover,#F8F9FA);--color-surface-elevated:var(--vl-surface-elevated,#FFFFFF);--color-footer-bg:var(--vl-footer-bg,#0F1A17);--color-text:var(--vl-text,#7A7A7A);--color-text-heading:var(--vl-text-heading,#54595F);--color-text-strong:var(--vl-text-strong,#54595F);--color-text-secondary:var(--vl-text-muted,#9AA0A6);--color-text-muted:var(--vl-text-muted,#9AA0A6);--color-text-placeholder:var(--vl-text-placeholder,#B0B5BA);--color-text-disabled:var(--vl-text-disabled,rgba(122,122,122,0.5));--color-text-inverse:var(--vl-text-inverse,#FFFFFF);--color-text-link:var(--vl-text-link,#51ADBE);--color-text-link-hover:var(--vl-text-link-hover,#3D9AAB);--color-border:var(--vl-border,rgba(84,89,95,0.08));--color-border-light:var(--vl-border-light,rgba(84,89,95,0.05));--color-border-medium:var(--vl-border-medium,rgba(84,89,95,0.12));--color-border-strong:var(--vl-border-strong,rgba(84,89,95,0.2));--color-border-focus:var(--vl-border-focus,rgba(81,173,190,0.5));--color-focus-ring:var(--vl-focus-ring,rgba(81,173,190,0.3));--card-bg:var(--vl-card-bg,#FFFFFF);--card-hover-bg:var(--vl-card-hover-bg,#FAFBFC);--card-border:var(--vl-card-border,rgba(84,89,95,0.08));--card-shadow:var(--vl-card-shadow,0 2px 8px rgba(84,89,95,0.06));--card-shadow-hover:var(--vl-card-shadow-hover,0 4px 16px rgba(84,89,95,0.1));--font-family-sans:var(--vl-font-body,"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--font-family-heading:var(--vl-font-heading,"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--font-family-serif:Georgia,"Times New Roman",serif;--font-family-mono:var(--vl-font-mono,"SF Mono","Consolas","Liberation Mono",monospace);--font-family-ui:var(--vl-font-ui,"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--font-size-xs:var(--vl-text-xs,0.6875rem);--font-size-sm:var(--vl-text-sm,0.75rem);--font-size-base:var(--vl-text-base,0.875rem);--font-size-md:var(--vl-text-md,1rem);--font-size-lg:var(--vl-text-lg,1.125rem);--font-size-xl:var(--vl-text-xl,1.25rem);--font-size-2xl:var(--vl-text-2xl,1.5rem);--font-size-3xl:var(--vl-text-3xl,1.875rem);--font-size-4xl:var(--vl-text-4xl,2.25rem);--font-size-5xl:var(--vl-text-5xl,3rem);--font-weight-light:var(--vl-font-light,300);--font-weight-normal:var(--vl-font-normal,400);--font-weight-medium:var(--vl-font-medium,500);--font-weight-semibold:var(--vl-font-semibold,600);--font-weight-bold:var(--vl-font-bold,700);--line-height-none:var(--vl-leading-none,1);--line-height-tight:var(--vl-leading-tight,1.2);--line-height-snug:var(--vl-leading-snug,1.375);--line-height-normal:var(--vl-leading-normal,1.5);--line-height-relaxed:var(--vl-leading-relaxed,1.625);--line-height-loose:var(--vl-leading-loose,2);--letter-spacing-tight:var(--vl-tracking-tight,-0.025em);--letter-spacing-normal:var(--vl-tracking-normal,0);--letter-spacing-wide:var(--vl-tracking-wide,0.025em);--letter-spacing-wider:var(--vl-tracking-wider,0.05em);--spacing-0:var(--vl-space-0,0);--spacing-px:var(--vl-space-px,1px);--spacing-0-5:var(--vl-space-0-5,0.125rem);--spacing-1:var(--vl-space-1,0.25rem);--spacing-1-5:var(--vl-space-1-5,0.375rem);--spacing-2:var(--vl-space-2,0.5rem);--spacing-2-5:var(--vl-space-2-5,0.625rem);--spacing-3:var(--vl-space-3,0.75rem);--spacing-4:var(--vl-space-4,1rem);--spacing-5:var(--vl-space-5,1.25rem);--spacing-6:var(--vl-space-6,1.5rem);--spacing-7:var(--vl-space-7,1.75rem);--spacing-8:var(--vl-space-8,2rem);--spacing-10:var(--vl-space-10,2.5rem);--spacing-12:var(--vl-space-12,3rem);--spacing-14:var(--vl-space-14,3.5rem);--spacing-16:var(--vl-space-16,4rem);--spacing-20:var(--vl-space-20,5rem);--spacing-24:var(--vl-space-24,6rem);--radius-none:var(--vl-radius-none,0);--radius-sm:var(--vl-radius-sm,4px);--radius-base:var(--vl-radius-base,6px);--radius-md:var(--vl-radius-md,8px);--radius-lg:var(--vl-radius-lg,12px);--radius-xl:var(--vl-radius-xl,16px);--radius-2xl:var(--vl-radius-2xl,20px);--radius-3xl:var(--vl-radius-3xl,24px);--radius-full:var(--vl-radius-full,9999px);--shadow-xs:var(--vl-shadow-xs,0 1px 2px rgba(84,89,95,0.08));--shadow-sm:var(--vl-shadow-sm,0 1px 3px rgba(84,89,95,0.08));--shadow-base:var(--vl-shadow-base,0 2px 4px rgba(84,89,95,0.08));--shadow-md:var(--vl-shadow-md,0 4px 6px rgba(84,89,95,0.12));--shadow-lg:var(--vl-shadow-lg,0 10px 15px rgba(84,89,95,0.12));--shadow-xl:var(--vl-shadow-xl,0 20px 25px rgba(84,89,95,0.16));--shadow-2xl:var(--vl-shadow-2xl,0 25px 50px rgba(84,89,95,0.16));--shadow-inner:var(--vl-shadow-inner,inset 0 2px 4px rgba(84,89,95,0.08));--transition-fastest:var(--vl-transition-fastest,75ms);--transition-fast:var(--vl-transition-fast,150ms);--transition-base:var(--vl-transition-base,200ms);--transition-normal:var(--vl-transition-normal,300ms);--transition-slow:var(--vl-transition-slow,500ms);--container-max-width:var(--vl-container-xl,1280px);--container-padding:var(--vl-space-4,1rem);--header-height:var(--vl-header-height,64px);--footer-height:var(--vl-footer-height,60px);--sidebar-width:var(--vl-sidebar-width,280px);--z-hide:var(--vl-z-hide,-1);--z-base:var(--vl-z-base,0);--z-docked:var(--vl-z-docked,10);--z-dropdown:var(--vl-z-dropdown,1000);--z-sticky:var(--vl-z-sticky,1100);--z-banner:var(--vl-z-banner,1200);--z-overlay:var(--vl-z-overlay,1300);--input-bg:var(--vl-input-bg,#FFFFFF);--input-border:var(--vl-input-border,rgba(84,89,95,0.15));--input-border-hover:var(--vl-input-border-hover,rgba(84,89,95,0.25));--input-border-focus:var(--vl-input-border-focus,#51ADBE);--input-placeholder:var(--vl-input-placeholder,#9AA0A6);--input-height-sm:var(--vl-input-height-sm,32px);--input-height-md:var(--vl-input-height-md,40px);--input-height-lg:var(--vl-input-height-lg,48px);--btn-height-xs:var(--vl-btn-height-xs,24px);--btn-height-sm:var(--vl-btn-height-sm,32px);--btn-height-md:var(--vl-btn-height-md,40px);--btn-height-lg:var(--vl-btn-height-lg,48px);--btn-height-xl:var(--vl-btn-height-xl,56px)}[data-theme="dark"]{--color-background:var(--vl-bg);--color-background-alt:var(--vl-bg-alt);--color-surface:var(--vl-surface);--color-surface-hover:var(--vl-surface-hover);--color-text:var(--vl-text);--color-text-heading:var(--vl-text-heading);--color-text-secondary:var(--vl-text-muted);--color-border:var(--vl-border);--color-border-light:var(--vl-border-light);--color-primary:var(--vl-primary);--color-primary-hover:var(--vl-primary-hover);--card-bg:var(--vl-card-bg);--card-shadow:var(--vl-card-shadow)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--color-background:var(--vl-bg);--color-surface:var(--vl-surface);--color-text:var(--vl-text);--color-text-secondary:var(--vl-text-muted);--color-border:var(--vl-border)}}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-secondary)}.text-heading{color:var(--color-text-heading)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-accent{background-color:var(--color-accent)}.font-sans{font-family:var(--font-family-sans)}.font-heading{font-family:var(--font-family-heading)}.font-serif{font-family:var(--font-family-serif)}.font-mono{font-family:var(--font-family-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border)}.border-2{border:2px solid var(--color-border)}.border-light{border-color:var(--color-border-light)}.border-medium{border-color:var(--color-border-medium)}.border-strong{border-color:var(--color-border-strong)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-none{box-shadow:none}.transition-fastest{transition-duration:var(--transition-fastest)}.transition-fast{transition-duration:var(--transition-fast)}.transition{transition-duration:var(--transition-base)}.transition-normal{transition-duration:var(--transition-normal)}.transition-slow{transition-duration:var(--transition-slow)}.transition-colors{transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:ease-in-out;transition-duration:var(--transition-normal)}.transition-opacity{transition-property:opacity;transition-timing-function:ease-in-out;transition-duration:var(--transition-normal)}.transition-transform{transition-property:transform;transition-timing-function:ease-in-out;transition-duration:var(--transition-normal)}.transition-all{transition-property:all;transition-timing-function:ease-in-out;transition-duration:var(--transition-normal)}