@charset "UTF-8";:root{--color-text-dark: #3B3B3B;--color-primary-button-bg: #eeefff;--color-primary-button-border: #dfe1ff;--color-primary-button-hover-bg: #e5e7ff;--color-primary-button-hover-border: #d0d3ff;--color-secondary-button-bg: #d0ffdc;--color-secondary-button-border: #b7e6c3;--color-secondary-button-hover-bg: #c5f5d1;--color-secondary-button-hover-border: #a8e0b5;--color-primary-base: #D0D3F6;--color-primary-hover-base: #E0E3F9;--color-secondary-base: #B7E6C3;--color-secondary-hover-base: #C7F0D3;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-secondary: #f8f9fa;--color-surface-tertiary: #f1f3f5;--color-text-primary: var(--color-text-dark);--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-disabled: #d1d5db;--color-text-on-primary: var(--color-text-dark);--color-text-on-secondary: var(--color-text-dark);--color-primary: #6b7dd4;--color-primary-light: var(--color-primary-base);--color-primary-lighter: var(--color-primary-hover-base);--color-primary-dark: #5b6bc7;--color-primary-darker: #4a5bb3;--color-primary-contrast: var(--color-text-on-primary);--color-primary-hover: var(--color-primary-lighter);--color-primary-active: var(--color-primary-dark);--color-primary-disabled: #e8eaf6;--color-primary-light-bg: #f0f1fa;--color-secondary: var(--color-secondary-base);--color-secondary-light: var(--color-secondary-hover-base);--color-secondary-dark: #7bc574;--color-secondary-darker: #4d7a47;--color-secondary-contrast: var(--color-text-on-secondary);--color-secondary-hover: var(--color-secondary-light);--color-secondary-active: var(--color-secondary-dark);--color-secondary-disabled: #e0f2e4;--color-accent: var(--color-secondary-base);--color-accent-light: var(--color-secondary-light);--color-accent-soft: var(--color-secondary-light);--color-accent-dark: var(--color-secondary-dark);--color-accent-darker: var(--color-secondary-darker);--color-accent-contrast: var(--color-text-on-secondary);--color-accent-hover: var(--color-accent-light);--color-accent-active: var(--color-accent-dark);--color-accent-disabled: var(--color-secondary-disabled);--color-accent-light-bg: #f0f9f4;--color-border: #e5e7eb;--color-border-secondary: #f3f4f6;--color-border-disabled: #f9fafb;--color-border-hover: #d1d5db;--color-border-focus: var(--color-primary-light);--color-success: #1C6939;--color-success-light: #237a44;--color-success-bg: #dcfce7;--color-warning: #9E5503;--color-warning-light: #b8630a;--color-warning-bg: #fef3c7;--color-danger: #c62828;--color-danger-light: #d32f2f;--color-danger-bg: #fee2e2;--color-info: var(--color-primary);--color-info-light: var(--color-primary-light);--color-info-bg: var(--color-primary-light-bg);--color-link: var(--color-primary);--color-link-hover: var(--color-primary-dark);--color-link-visited: #7c3aed;--color-overlay: rgba(59, 59, 59, .5);--color-overlay-light: rgba(59, 59, 59, .1)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-primary{background-color:var(--color-primary-light);color:var(--color-primary-contrast)}.bg-accent{background-color:var(--color-accent);color:var(--color-accent-contrast)}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}:root{--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px}:root{--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--radius-full: 50%}:root{--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-h1: 24px;--font-h2: 20px;--font-h3: 18px;--font-h4: 16px;--font-h5: 14px;--font-h6: 12px;--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.75;--line-height-loose: 2;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .05em}@media(min-width:768px){:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-size-4xl: 40px;--font-h1: 32px;--font-h2: 24px;--font-h3: 20px;--font-h4: 18px;--font-h5: 16px;--font-h6: 14px}}@media(min-width:1024px){:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--font-size-4xl: 48px;--font-h1: 40px;--font-h2: 32px;--font-h3: 24px;--font-h4: 20px;--font-h5: 18px;--font-h6: 16px}}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-normal)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}.h1{font-size:var(--font-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-dark)}.h2{font-size:var(--font-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-dark)}.h3{font-size:var(--font-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-dark)}.h4{font-size:var(--font-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-dark)}.h5{font-size:var(--font-h5);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary)}.h6{font-size:var(--font-h6);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .06);--shadow-xl: 0 8px 16px 0 rgba(0, 0, 0, .08);--shadow-2xl: 0 12px 24px 0 rgba(0, 0, 0, .1);--shadow-inner: inset 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-none: none;--z-base: 0;--z-raised: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999;--elevation-0: var(--shadow-none);--elevation-1: var(--shadow-xs);--elevation-2: var(--shadow-sm);--elevation-3: var(--shadow-md);--elevation-4: var(--shadow-lg);--elevation-5: var(--shadow-xl);--elevation-6: var(--shadow-2xl);--elevation-hover-1: var(--shadow-sm);--elevation-hover-2: var(--shadow-md);--elevation-hover-3: var(--shadow-lg);--elevation-hover-4: var(--shadow-xl);--elevation-active-1: var(--shadow-xs);--elevation-active-2: var(--shadow-sm);--elevation-active-3: var(--shadow-md);--elevation-focus: 0 0 0 3px rgba(145, 160, 242, .15);--elevation-focus-ring: 0 0 0 2px var(--color-primary-light)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.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:var(--shadow-none)}.z-base{z-index:var(--z-base)}.z-raised{z-index:var(--z-raised)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.z-toast{z-index:var(--z-toast)}.z-max{z-index:var(--z-max)}.elevation-0{box-shadow:var(--elevation-0)}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-3{box-shadow:var(--elevation-3)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-5{box-shadow:var(--elevation-5)}.elevation-6{box-shadow:var(--elevation-6)}.elevation-hover-1:hover{box-shadow:var(--elevation-hover-1);transition:box-shadow .2s ease-in-out}.elevation-hover-2:hover{box-shadow:var(--elevation-hover-2);transition:box-shadow .2s ease-in-out}.elevation-hover-3:hover{box-shadow:var(--elevation-hover-3);transition:box-shadow .2s ease-in-out}.elevation-hover-4:hover{box-shadow:var(--elevation-hover-4);transition:box-shadow .2s ease-in-out}.elevation-active-1:active{box-shadow:var(--elevation-active-1)}.elevation-active-2:active{box-shadow:var(--elevation-active-2)}.elevation-active-3:active{box-shadow:var(--elevation-active-3)}.elevation-focus:focus-visible{outline:none;box-shadow:var(--elevation-focus)}.elevation-focus-ring:focus-visible{outline:none;box-shadow:var(--elevation-focus-ring)}.card-elevated{box-shadow:var(--elevation-2);transition:box-shadow .2s ease-in-out}.card-elevated:hover{box-shadow:var(--elevation-3)}.card-elevated:active{box-shadow:var(--elevation-1)}.button-elevated{box-shadow:var(--elevation-1);transition:box-shadow .15s ease-in-out}.button-elevated:hover{box-shadow:var(--elevation-2)}.button-elevated:active{box-shadow:var(--elevation-0)}.button-elevated:focus-visible{outline:none;box-shadow:var(--elevation-focus)}.modal-elevated{box-shadow:var(--elevation-6);z-index:var(--z-modal)}.dropdown-elevated{box-shadow:var(--elevation-3);z-index:var(--z-dropdown)}.tooltip-elevated{box-shadow:var(--elevation-2);z-index:var(--z-tooltip)}.toast-elevated{box-shadow:var(--elevation-4);z-index:var(--z-toast)}.sticky-elevated{box-shadow:var(--elevation-1);z-index:var(--z-sticky)}.fab-elevated{box-shadow:var(--elevation-4);z-index:var(--z-fixed);transition:box-shadow .2s ease-in-out}.fab-elevated:hover{box-shadow:var(--elevation-5)}.fab-elevated:active{box-shadow:var(--elevation-3)}:root{--container-xs: 320px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-full: 100%;--container-padding-mobile: 16px;--container-padding-tablet: 24px;--container-padding-desktop: 32px;--grid-gap-xs: 4px;--grid-gap-sm: 8px;--grid-gap-md: 16px;--grid-gap-lg: 24px;--grid-gap-xl: 32px;--grid-gap-2xl: 48px;--grid-cols-1: repeat(1, minmax(0, 1fr));--grid-cols-2: repeat(2, minmax(0, 1fr));--grid-cols-3: repeat(3, minmax(0, 1fr));--grid-cols-4: repeat(4, minmax(0, 1fr));--grid-cols-6: repeat(6, minmax(0, 1fr));--grid-cols-12: repeat(12, minmax(0, 1fr));--grid-rows-auto: auto;--grid-rows-1: repeat(1, minmax(0, 1fr));--grid-rows-2: repeat(2, minmax(0, 1fr));--grid-rows-3: repeat(3, minmax(0, 1fr));--grid-rows-4: repeat(4, minmax(0, 1fr));--flex-gap-xs: 4px;--flex-gap-sm: 8px;--flex-gap-md: 16px;--flex-gap-lg: 24px;--flex-gap-xl: 32px;--flex-gap-2xl: 48px;--flex-direction-row: row;--flex-direction-row-reverse: row-reverse;--flex-direction-column: column;--flex-direction-column-reverse: column-reverse;--flex-justify-start: flex-start;--flex-justify-end: flex-end;--flex-justify-center: center;--flex-justify-between: space-between;--flex-justify-around: space-around;--flex-justify-evenly: space-evenly;--flex-align-start: flex-start;--flex-align-end: flex-end;--flex-align-center: center;--flex-align-stretch: stretch;--flex-align-baseline: baseline;--flex-wrap-nowrap: nowrap;--flex-wrap-wrap: wrap;--flex-wrap-wrap-reverse: wrap-reverse;--section-spacing-xs: 24px;--section-spacing-sm: 32px;--section-spacing-md: 48px;--section-spacing-lg: 64px;--section-spacing-xl: 80px;--section-spacing-2xl: 96px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}.container,.container-full,.container-2xl,.container-xl,.container-lg,.container-md,.container-sm,.container-xs{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}@media(min-width:768px){.container,.container-full,.container-2xl,.container-xl,.container-lg,.container-md,.container-sm,.container-xs{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media(min-width:1024px){.container,.container-full,.container-2xl,.container-xl,.container-lg,.container-md,.container-sm,.container-xs{padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}.container-xs{max-width:var(--container-xs)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.container-full{max-width:var(--container-full)}.grid{display:grid}.grid-cols-1{grid-template-columns:var(--grid-cols-1)}.grid-cols-2{grid-template-columns:var(--grid-cols-2)}.grid-cols-3{grid-template-columns:var(--grid-cols-3)}.grid-cols-4{grid-template-columns:var(--grid-cols-4)}.grid-cols-6{grid-template-columns:var(--grid-cols-6)}.grid-cols-12{grid-template-columns:var(--grid-cols-12)}.grid-gap-xs{gap:var(--grid-gap-xs)}.grid-gap-sm{gap:var(--grid-gap-sm)}.grid-gap-md{gap:var(--grid-gap-md)}.grid-gap-lg{gap:var(--grid-gap-lg)}.grid-gap-xl{gap:var(--grid-gap-xl)}.grid-gap-2xl{gap:var(--grid-gap-2xl)}.grid-responsive{display:grid;grid-template-columns:1fr;gap:var(--grid-gap-md)}@media(min-width:640px){.grid-responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,minmax(0,1fr))}}.stack,.stack-2xl,.stack-xl,.stack-lg,.stack-md,.stack-sm,.stack-xs{display:flex;flex-direction:column}.stack-xs{gap:var(--flex-gap-xs)}.stack-sm{gap:var(--flex-gap-sm)}.stack-md{gap:var(--flex-gap-md)}.stack-lg{gap:var(--flex-gap-lg)}.stack-xl{gap:var(--flex-gap-xl)}.stack-2xl{gap:var(--flex-gap-2xl)}.flex{display:flex}.flex-row{flex-direction:var(--flex-direction-row)}.flex-column{flex-direction:var(--flex-direction-column)}.flex-wrap{flex-wrap:var(--flex-wrap-wrap)}.flex-nowrap{flex-wrap:var(--flex-wrap-nowrap)}.justify-start{justify-content:var(--flex-justify-start)}.justify-end{justify-content:var(--flex-justify-end)}.justify-center{justify-content:var(--flex-justify-center)}.justify-between{justify-content:var(--flex-justify-between)}.justify-around{justify-content:var(--flex-justify-around)}.justify-evenly{justify-content:var(--flex-justify-evenly)}.items-start{align-items:var(--flex-align-start)}.items-end{align-items:var(--flex-align-end)}.items-center{align-items:var(--flex-align-center)}.items-stretch{align-items:var(--flex-align-stretch)}.items-baseline{align-items:var(--flex-align-baseline)}.flex-gap-xs{gap:var(--flex-gap-xs)}.flex-gap-sm{gap:var(--flex-gap-sm)}.flex-gap-md{gap:var(--flex-gap-md)}.flex-gap-lg{gap:var(--flex-gap-lg)}.flex-gap-xl{gap:var(--flex-gap-xl)}.flex-gap-2xl{gap:var(--flex-gap-2xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.section-spacing-xs{margin-bottom:var(--section-spacing-xs)}.section-spacing-sm{margin-bottom:var(--section-spacing-sm)}.section-spacing-md{margin-bottom:var(--section-spacing-md)}.section-spacing-lg{margin-bottom:var(--section-spacing-lg)}.section-spacing-xl{margin-bottom:var(--section-spacing-xl)}.section-spacing-2xl{margin-bottom:var(--section-spacing-2xl)}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-right{padding-right:var(--safe-area-right)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-left{padding-left:var(--safe-area-left)}.safe-area-x{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.safe-area-y{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.safe-area-all{padding-top:var(--safe-area-top);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left)}.viewport-safe{padding-top:calc(var(--safe-area-top) + var(--container-padding-mobile));padding-bottom:calc(var(--safe-area-bottom) + var(--container-padding-mobile));padding-left:calc(var(--safe-area-left) + var(--container-padding-mobile));padding-right:calc(var(--safe-area-right) + var(--container-padding-mobile))}@media(min-width:768px){.viewport-safe{padding-left:calc(var(--safe-area-left) + var(--container-padding-tablet));padding-right:calc(var(--safe-area-right) + var(--container-padding-tablet))}}@media(min-width:1024px){.viewport-safe{padding-left:calc(var(--safe-area-left) + var(--container-padding-desktop));padding-right:calc(var(--safe-area-right) + var(--container-padding-desktop))}}:root{--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-height-xl: 56px;--button-padding-x-sm: 12px;--button-padding-x-md: 16px;--button-padding-x-lg: 24px;--button-padding-x-xl: 32px;--button-radius: 8px;--button-radius-pill: var(--radius-pill);--button-font-size-sm: var(--font-size-sm);--button-font-size-md: var(--font-size-md);--button-font-size-lg: var(--font-size-lg);--button-font-weight: var(--font-weight-medium);--button-font-weight-bold: var(--font-weight-semibold);--button-transition: all .15s cubic-bezier(.4, 0, .2, 1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-family-base);font-weight:var(--button-font-weight);font-size:var(--button-font-size-md);line-height:1;text-align:center;text-decoration:none;white-space:nowrap;border:2.5px solid transparent;border-radius:8px;cursor:pointer;transition:var(--button-transition);-webkit-user-select:none;user-select:none;box-shadow:none}.button:disabled{opacity:1;cursor:not-allowed;pointer-events:none;background-color:var(--color-surface-tertiary)!important;color:var(--color-text-disabled)!important;border:none!important;box-shadow:none!important;transform:none!important}.button:focus-visible{outline:none;box-shadow:var(--elevation-focus)}.button-sm{height:var(--button-height-sm);padding:0 var(--button-padding-x-sm);font-size:var(--button-font-size-sm);border-radius:8px}.button-md{height:var(--button-height-md);padding:0 var(--button-padding-x-md);font-size:var(--button-font-size-md);border-radius:8px}.button-lg{height:var(--button-height-lg);padding:0 var(--button-padding-x-lg);font-size:var(--button-font-size-lg);border-radius:8px}.button-xl{height:var(--button-height-xl);padding:0 var(--button-padding-x-xl);font-size:var(--button-font-size-lg);border-radius:8px}.button-primary{background-color:var(--color-primary-button-bg);color:var(--color-text-dark);border:2.5px solid var(--color-primary-button-border);border-radius:8px}.button-primary:hover:not(:disabled){background-color:var(--color-primary-button-hover-bg);border-color:var(--color-primary-button-hover-border);transform:translateY(-1px)}.button-primary:active:not(:disabled){background-color:var(--color-primary-button-bg);border-color:var(--color-primary-button-border);transform:translateY(0)}.button-secondary{background-color:var(--color-secondary-button-bg);color:var(--color-text-dark);border:2.5px solid var(--color-secondary-button-border);border-radius:8px}.button-secondary:hover:not(:disabled){background-color:var(--color-secondary-button-hover-bg);border-color:var(--color-secondary-button-hover-border);transform:translateY(-1px)}.button-secondary:active:not(:disabled){background-color:var(--color-secondary-button-bg);border-color:var(--color-secondary-button-border);transform:translateY(0)}.button-outline{background-color:transparent;color:var(--color-text-dark);border:2.5px solid var(--color-primary-button-border);border-radius:8px}.button-outline:hover:not(:disabled){background-color:var(--color-primary-button-bg);color:var(--color-text-dark);border-color:var(--color-primary-button-hover-border);transform:translateY(-1px)}.button-outline:active:not(:disabled){background-color:var(--color-primary-button-bg);border-color:var(--color-primary-button-border);transform:translateY(0)}.button-ghost{background-color:transparent;color:var(--color-text-dark);border:2.5px solid transparent;border-radius:8px}.button-ghost:hover:not(:disabled){background-color:var(--color-surface-secondary);border-color:var(--color-border-hover);transform:translateY(-1px)}.button-ghost:active:not(:disabled){background-color:var(--color-surface-tertiary);border-color:var(--color-border);transform:translateY(0)}.button-text{background-color:transparent;color:var(--color-text-dark);border:2.5px solid transparent;border-radius:8px;padding:0;height:auto}.button-text:hover:not(:disabled){color:var(--color-text-dark);text-decoration:underline;background-color:var(--color-surface-secondary);border-color:var(--color-border-hover)}.button-text:active:not(:disabled){opacity:.9}.button-full{width:100%}.button-icon,.button-icon-lg,.button-icon-md,.button-icon-sm{aspect-ratio:1;padding:0;display:inline-flex;align-items:center;justify-content:center}.button-icon-sm{width:var(--button-height-sm);height:var(--button-height-sm)}.button-icon-md{width:var(--button-height-md);height:var(--button-height-md)}.button-icon-lg{width:var(--button-height-lg);height:var(--button-height-lg)}.button-loading{position:relative;pointer-events:none}.button-loading .button-label,.button-loading .button-icon-left,.button-loading .button-icon-right,.button-loading .button-icon-only{opacity:0;visibility:hidden}.button-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid;border-radius:50%;border-top-color:transparent;animation:button-spin .6s linear infinite}.button-loading.button-primary:after{border-color:var(--color-primary-contrast);border-top-color:transparent}.button-loading.button-secondary:after{border-color:var(--color-secondary-contrast);border-top-color:transparent}.button-loading.button-outline:after{border-color:var(--color-primary-light);border-top-color:transparent}.button-loading.button-ghost:after{border-color:var(--color-text-primary);border-top-color:transparent}.button-loading.button-text:after{border-color:var(--color-primary-light);border-top-color:transparent}@keyframes button-spin{to{transform:rotate(360deg)}}:root{--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--input-padding-x-sm: 12px;--input-padding-x-md: 16px;--input-padding-x-lg: 20px;--input-radius: 8px;--input-radius-sm: 8px;--input-radius-md: 8px;--input-radius-lg: 8px;--input-font-size-sm: var(--font-size-sm);--input-font-size-md: var(--font-size-md);--input-font-size-lg: var(--font-size-lg);--input-border-width: 1.5px;--input-border-color: var(--color-border);--input-border-color-focus: var(--color-primary-light);--input-border-color-error: var(--color-danger);--input-border-color-success: var(--color-accent);--input-border-color-disabled: var(--color-border-disabled);--input-bg: var(--color-surface);--input-bg-disabled: var(--color-bg);--input-bg-focus: var(--color-surface);--input-text-color: var(--color-text-primary);--input-text-color-placeholder: var(--color-text-tertiary);--input-text-color-disabled: var(--color-text-disabled);--input-transition: border-color .15s cubic-bezier(.4, 0, .2, 1), box-shadow .15s cubic-bezier(.4, 0, .2, 1)}.input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=search],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{display:block;width:100%;font-family:var(--font-family-base);font-size:var(--input-font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--input-text-color);background-color:var(--input-bg);border:var(--input-border-width) solid var(--input-border-color);border-radius:8px;transition:var(--input-transition)}.input::placeholder,select::placeholder,textarea::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=time]::placeholder,input[type=datetime-local]::placeholder,input[type=month]::placeholder,input[type=week]::placeholder{color:var(--input-text-color-placeholder);opacity:1}.input:focus,select:focus,textarea:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=search]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus{outline:none;border-color:var(--input-border-color-focus);box-shadow:var(--elevation-focus);background-color:var(--input-bg-focus)}.input:disabled,select:disabled,textarea:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=search]:disabled,input[type=number]:disabled,input[type=date]:disabled,input[type=time]:disabled,input[type=datetime-local]:disabled,input[type=month]:disabled,input[type=week]:disabled{background-color:var(--input-bg-disabled);border-color:var(--input-border-color-disabled);color:var(--input-text-color-disabled);cursor:not-allowed;opacity:.6}.input:read-only,select:read-only,textarea:read-only,input[type=text]:read-only,input[type=email]:read-only,input[type=password]:read-only,input[type=tel]:read-only,input[type=url]:read-only,input[type=search]:read-only,input[type=number]:read-only,input[type=date]:read-only,input[type=time]:read-only,input[type=datetime-local]:read-only,input[type=month]:read-only,input[type=week]:read-only{background-color:var(--input-bg-disabled);cursor:default}.input-sm{height:var(--input-height-sm);padding:0 var(--input-padding-x-sm);font-size:var(--input-font-size-sm);border-radius:var(--input-radius-sm)}.input-md,select,textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=search],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{height:var(--input-height-md);padding:0 var(--input-padding-x-md);font-size:var(--input-font-size-md);border-radius:var(--input-radius-md)}.input-lg{height:var(--input-height-lg);padding:0 var(--input-padding-x-lg);font-size:var(--input-font-size-lg);border-radius:var(--input-radius-lg)}textarea{min-height:80px;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);resize:vertical;line-height:var(--line-height-normal)}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:12px;padding-right:calc(var(--input-padding-x-md) + 20px);appearance:none}.input-error{border-color:var(--input-border-color-error)}.input-error:focus{border-color:var(--input-border-color-error);box-shadow:0 0 0 3px #d32f2f33}.input-success{border-color:var(--color-success)}.input-success:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #2e7d3233}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.input-helper{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-top:calc(var(--spacing-xs) * -1)}.input-error-message{font-size:var(--font-size-xs);color:var(--color-danger);line-height:var(--line-height-normal);margin-top:calc(var(--spacing-xs) * -1)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input,.input-with-icon input[type=text],.input-with-icon input[type=email],.input-with-icon input[type=password],.input-with-icon input[type=tel],.input-with-icon input[type=url],.input-with-icon input[type=search],.input-with-icon input[type=number],.input-with-icon input[type=date],.input-with-icon input[type=time],.input-with-icon input[type=datetime-local],.input-with-icon input[type=month],.input-with-icon input[type=week],.input-with-icon textarea,.input-with-icon select{padding-left:calc(var(--input-padding-x-md) + 24px)}.input-with-icon .input-icon{position:absolute;left:var(--input-padding-x-md);width:20px;height:20px;color:var(--color-text-tertiary);pointer-events:none}.input-with-icon .input-icon-right{left:auto;right:var(--input-padding-x-md)}.checkbox,.radio{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.checkbox:disabled,.radio:disabled{opacity:.6;cursor:not-allowed}.checkbox:focus-visible,.radio:focus-visible{outline:none;box-shadow:var(--elevation-focus)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.switch-slider{background-color:var(--color-primary)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.switch input:focus-visible+.switch-slider{box-shadow:var(--elevation-focus)}.switch input:disabled+.switch-slider{opacity:.6;cursor:not-allowed}.switch .switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:var(--input-transition);border-radius:var(--radius-pill)}.switch .switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:transform .2s ease-in-out;border-radius:50%}*{box-sizing:border-box}html,body{margin:0;font-family:var(--font-family-base);color:var(--color-text-primary);background:var(--color-bg)}a{color:var(--color-link);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--color-link-hover);text-decoration:underline}a:visited{color:var(--color-link-visited)}a:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px;border-radius:var(--radius-sm)}