.theme-provider[data-v-04b14f5d]{width:100%;margin:0;padding:0}.icon[data-v-98a7e881]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease,transform .2s ease}.icon--xs[data-v-98a7e881]{width:16px;height:16px}.icon--sm[data-v-98a7e881]{width:20px;height:20px}.icon--md[data-v-98a7e881]{width:24px;height:24px}.icon--lg[data-v-98a7e881]{width:32px;height:32px}.icon--xl[data-v-98a7e881]{width:48px;height:48px}.icon[data-v-98a7e881] svg{width:100%;height:100%;display:block}.icon[data-v-98a7e881] path,.icon[data-v-98a7e881] circle,.icon[data-v-98a7e881] line,.icon[data-v-98a7e881] rect,.icon[data-v-98a7e881] polygon{stroke:currentColor;fill:currentColor;stroke-width:var(--stroke-width, 1)!important}.icon[data-v-98a7e881] svg[fill=none] path,.icon[data-v-98a7e881] svg[fill=none] circle,.icon[data-v-98a7e881] svg[fill=none] line,.icon[data-v-98a7e881] svg[fill=none] rect,.icon[data-v-98a7e881] svg[fill=none] polygon{fill:none;stroke:currentColor}.icon[data-v-98a7e881] [stroke-opacity]{stroke:currentColor}.icon[data-v-98a7e881] [fill-opacity]{fill:currentColor}.utopia-button[data-v-3a4b8530]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2, 8px);border:2px solid transparent;border-radius:50px;font-family:var(--font-family-sans, system-ui);font-weight:var(--font-weight-medium, 500);line-height:1.5;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.utopia-button[data-v-3a4b8530]:focus{outline:none}.utopia-button__icon[data-v-3a4b8530]{flex-shrink:0;transition:transform .2s ease}.utopia-button__icon--loading[data-v-3a4b8530]{animation:spin-3a4b8530 1s linear infinite}.utopia-button__text[data-v-3a4b8530]{white-space:nowrap}.utopia-button--primary[data-v-3a4b8530]{background:var(--theme-colors-brand-primary-500, #3b82f6);color:#fff;box-shadow:0 1px 3px var(--theme-colors-brand-primary-200, rgba(59, 130, 246, .3))}.utopia-button--primary[data-v-3a4b8530]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-400, #60a5fa);border:2px solid transparent;box-shadow:0 4px 12px var(--theme-colors-brand-primary-200, rgba(59, 130, 246, .4));transform:translateY(-1px)}.utopia-button--primary[data-v-3a4b8530]:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-500, #2563eb);border:2px solid transparent;box-shadow:0 4px 12px var(--theme-colors-brand-primary-200, rgba(59, 130, 246, .4));transform:translateY(-1px)}.utopia-button--primary[data-v-3a4b8530]:focus-visible{background:var(--theme-colors-brand-primary-300, #93c5fd);border:2px solid transparent;box-shadow:0 0 0 2px var(--theme-colors-brand-primary-500, #3b82f6)}.utopia-button--primary[data-v-3a4b8530]:focus-visible:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-400, #60a5fa);border:2px solid transparent}.utopia-button--primary[data-v-3a4b8530]:focus-visible:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-500, #2563eb);border:2px solid transparent}.utopia-button--primary[data-v-3a4b8530]:active:not(.utopia-button--disabled){transform:translateY(0);box-shadow:0 1px 3px var(--theme-colors-brand-primary-200, rgba(59, 130, 246, .3))}.utopia-button--secondary[data-v-3a4b8530]{background:var(--theme-colors-surface-card, #ffffff);color:var(--theme-colors-brand-primary-500, #3b82f6);box-shadow:0 1px 2px #0000000d}.utopia-button--secondary[data-v-3a4b8530]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, #eff6ff);border:2px solid transparent;box-shadow:0 2px 8px var(--theme-colors-brand-primary-100, rgba(59, 130, 246, .2));transform:translateY(-1px)}.utopia-button--secondary[data-v-3a4b8530]:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-50, #dbeafe);border:2px solid transparent;box-shadow:0 2px 8px var(--theme-colors-brand-primary-100, rgba(59, 130, 246, .2));transform:translateY(-1px)}.utopia-button--secondary[data-v-3a4b8530]:focus-visible{background:var(--theme-colors-surface-card, #ffffff);border:2px solid transparent;box-shadow:0 0 0 2px var(--theme-colors-brand-primary-500, #3b82f6)}.utopia-button--secondary[data-v-3a4b8530]:focus-visible:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, #eff6ff);border:2px solid transparent}.utopia-button--secondary[data-v-3a4b8530]:focus-visible:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-50, #dbeafe);border:2px solid transparent}.utopia-button--secondary[data-v-3a4b8530]:active:not(.utopia-button--disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.utopia-button--tertiary[data-v-3a4b8530]{background:transparent;color:var(--theme-colors-brand-secondary-500, #3b82f6)}.utopia-button--tertiary[data-v-3a4b8530]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, #eff6ff);border:2px solid transparent}.utopia-button--tertiary[data-v-3a4b8530]:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-50, #dbeafe);border:2px solid transparent}.utopia-button--tertiary[data-v-3a4b8530]:focus-visible{background:transparent;border:2px solid transparent;box-shadow:0 0 0 2px var(--theme-colors-brand-primary-500, #3b82f6)}.utopia-button--tertiary[data-v-3a4b8530]:focus-visible:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, #eff6ff);border:2px solid transparent}.utopia-button--tertiary[data-v-3a4b8530]:focus-visible:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-50, #dbeafe);border:2px solid transparent}.utopia-button--tertiary[data-v-3a4b8530]:hover:not(.utopia-button--disabled){color:var(--theme-colors-brand-secondary-500, #2563eb)}.utopia-button--xs[data-v-3a4b8530]{padding:var(--spacing-1, 4px) var(--spacing-2, 8px);font-size:var(--font-size-xs, 12px)}.utopia-button--xs .utopia-button__icon[data-v-3a4b8530]{width:12px;height:12px}.utopia-button--sm[data-v-3a4b8530]{padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--font-size-sm, 14px)}.utopia-button--sm .utopia-button__icon[data-v-3a4b8530]{width:14px;height:14px}.utopia-button--md[data-v-3a4b8530]{padding:var(--spacing-2-5, 10px) var(--spacing-4, 16px);font-size:var(--font-size-base, 16px)}.utopia-button--md .utopia-button__icon[data-v-3a4b8530]{width:16px;height:16px}.utopia-button--lg[data-v-3a4b8530]{padding:var(--spacing-3, 12px) var(--spacing-5, 20px);font-size:var(--font-size-lg, 18px)}.utopia-button--lg .utopia-button__icon[data-v-3a4b8530]{width:18px;height:18px}.utopia-button--xl[data-v-3a4b8530]{padding:var(--spacing-4, 16px) var(--spacing-6, 24px);font-size:var(--font-size-xl, 20px)}.utopia-button--xl .utopia-button__icon[data-v-3a4b8530]{width:20px;height:20px}.utopia-button--icon-only.utopia-button--xs[data-v-3a4b8530]{padding:var(--spacing-1, 4px);width:24px;height:24px}.utopia-button--icon-only.utopia-button--sm[data-v-3a4b8530]{padding:var(--spacing-2, 8px);width:32px;height:32px}.utopia-button--icon-only.utopia-button--md[data-v-3a4b8530]{padding:var(--spacing-2-5, 10px);width:40px;height:40px}.utopia-button--icon-only.utopia-button--lg[data-v-3a4b8530]{padding:var(--spacing-3, 12px);width:48px;height:48px}.utopia-button--icon-only.utopia-button--xl[data-v-3a4b8530]{padding:var(--spacing-4, 16px);width:56px;height:56px}.utopia-button--loading[data-v-3a4b8530]{cursor:wait;pointer-events:none;opacity:.8}.utopia-button--loading[data-v-3a4b8530]:hover,.utopia-button--loading[data-v-3a4b8530]:focus,.utopia-button--loading[data-v-3a4b8530]:active{transform:none!important;box-shadow:inherit!important}.utopia-button--disabled[data-v-3a4b8530]{cursor:not-allowed;opacity:.5;pointer-events:none;transform:none!important;box-shadow:none!important;transition:none!important}.utopia-button:active:not(.utopia-button--disabled) .utopia-button__icon[data-v-3a4b8530]{transform:scale(.95)}.utopia-button--primary.utopia-button--disabled[data-v-3a4b8530]{background:var(--theme-colors-border-muted, #e5e7eb);color:var(--theme-colors-text-muted, #9ca3af)}.utopia-button--secondary.utopia-button--disabled[data-v-3a4b8530]{background:var(--theme-colors-surface-background, #f9fafb);color:var(--theme-colors-text-muted, #9ca3af)}.utopia-button--tertiary.utopia-button--disabled[data-v-3a4b8530]{background:transparent;color:var(--theme-colors-text-muted, #9ca3af)}.utopia-button--dark.utopia-button--secondary[data-v-3a4b8530]{background:var(--theme-colors-surface-card, #1f2937);color:var(--theme-colors-brand-primary-400, #60a5fa);border-color:var(--theme-colors-border-default, #374151)}.utopia-button--dark.utopia-button--secondary[data-v-3a4b8530]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, rgba(59, 130, 246, .1))}.utopia-button--dark.utopia-button--tertiary[data-v-3a4b8530]{color:var(--theme-colors-brand-primary-400, #60a5fa)}.utopia-button--dark.utopia-button--tertiary[data-v-3a4b8530]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, rgba(59, 130, 246, .1))}.utopia-button--dark.utopia-button--primary.utopia-button--disabled[data-v-3a4b8530],.utopia-button--dark.utopia-button--secondary.utopia-button--disabled[data-v-3a4b8530],.utopia-button--dark.utopia-button--tertiary.utopia-button--disabled[data-v-3a4b8530]{background:var(--theme-colors-surface-background, #111827);color:var(--theme-colors-text-muted, #6b7280);border-color:var(--theme-colors-border-muted, #374151)}@keyframes spin-3a4b8530{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.utopia-card[data-v-8b9d6403]{display:flex;flex-direction:column;gap:var(--spacing-3, 12px);border-radius:var(--border-radius-lg, 8px);background-color:var(--theme-colors-surface-background, #ffffff);color:var(--theme-colors-text-primary, #111827);border:2px solid var(--theme-colors-border-default, #9ca3af);transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .06s ease;box-shadow:0 0 0 4px transparent}.utopia-card--default[data-v-8b9d6403]{background-color:var(--theme-colors-surface-background, #ffffff);border:2px solid var(--theme-colors-border-default, #9ca3af);box-shadow:none}.utopia-card--elevated[data-v-8b9d6403]{background-color:var(--theme-colors-surface-card, #ffffff);border:1px solid var(--theme-colors-border-default, #e5e7eb);box-shadow:none}.utopia-card--outlined[data-v-8b9d6403]{background-color:transparent;border:1px solid var(--theme-colors-border-default, #e5e7eb);box-shadow:none}.utopia-card--interactive[data-v-8b9d6403]:hover:not(.utopia-card--disabled):not(.utopia-card--active){border-color:transparent;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.utopia-card--interactive[data-v-8b9d6403]:active:not(.utopia-card--disabled):not(.utopia-card--active){transform:scale(.995)}.utopia-card[data-v-8b9d6403]:not(.utopia-card--interactive){cursor:default}.utopia-card[data-v-8b9d6403]:not(.utopia-card--interactive):hover{border-color:var(--theme-colors-border-default, #9ca3af);box-shadow:none;transform:none}.utopia-card[data-v-8b9d6403]:not(.utopia-card--interactive):active{border-color:var(--theme-colors-border-default, #9ca3af);box-shadow:0 0 0 4px transparent;transform:none}.utopia-card--elevated[data-v-8b9d6403]:not(.utopia-card--interactive):hover{transform:none;box-shadow:none;border-color:var(--theme-colors-border-default, #e5e7eb)}.utopia-card--outlined[data-v-8b9d6403]:not(.utopia-card--interactive):hover{border-color:var(--theme-colors-border-default, #e5e7eb);box-shadow:none}.utopia-card--elevated.utopia-card--interactive[data-v-8b9d6403]:hover:not(.utopia-card--disabled):not(.utopia-card--active){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;border-color:var(--theme-colors-brand-primary-300, #93c5fd)}.utopia-card--outlined.utopia-card--interactive[data-v-8b9d6403]:hover:not(.utopia-card--disabled):not(.utopia-card--active){border-color:var(--theme-colors-brand-primary-300, #93c5fd);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.utopia-card--active[data-v-8b9d6403]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6);color:#fff;box-shadow:0 2px 4px #3b82f633}.utopia-card--active.utopia-card--interactive[data-v-8b9d6403]:hover:not(.utopia-card--disabled){background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%);border-color:var(--theme-colors-brand-primary-500, #2563eb);box-shadow:0 0 0 4px var(--theme-colors-brand-primary-300, rgba(59, 130, 246, .2))}.utopia-card--small[data-v-8b9d6403]{padding:var(--spacing-3, 12px);font-size:var(--font-size-sm, 14px)}.utopia-card--medium[data-v-8b9d6403]{padding:var(--spacing-4, 16px);font-size:var(--font-size-base, 16px)}.utopia-card--large[data-v-8b9d6403]{padding:var(--spacing-6, 24px);font-size:var(--font-size-lg, 18px)}.utopia-card--disabled[data-v-8b9d6403]{opacity:.5;cursor:not-allowed;pointer-events:none}@media (prefers-color-scheme: dark){.utopia-card[data-v-8b9d6403]{background-color:var(--theme-colors-surface-background, #1f2937);border-color:var(--theme-colors-border-default, #6b7280);color:var(--theme-colors-text-primary, #f9fafb)}.utopia-card--default[data-v-8b9d6403]{background-color:var(--theme-colors-surface-background, #1f2937);border-color:var(--theme-colors-border-default, #6b7280)}.utopia-card--elevated[data-v-8b9d6403]{background-color:var(--theme-colors-surface-card, #374151);border-color:var(--theme-colors-border-default, #4b5563)}.utopia-card--outlined[data-v-8b9d6403]{background-color:transparent;border-color:var(--theme-colors-border-default, #4b5563)}.utopia-card--interactive[data-v-8b9d6403]:hover:not(.utopia-card--disabled):not(.utopia-card--active){border-color:transparent;box-shadow:0 0 0 4px var(--theme-colors-brand-primary-300, rgba(59, 130, 246, .2))}.utopia-card--active[data-v-8b9d6403]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6)}}.utopia-checkbox[data-v-1dde8b9d]{display:inline-flex;align-items:center;gap:var(--spacing-3, 12px);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;font-family:var(--font-family-sans, system-ui);font-size:var(--font-size-base, 16px);line-height:1.5;transition:all .15s ease;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}.utopia-checkbox__input[data-v-1dde8b9d]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.utopia-checkbox__input[data-v-1dde8b9d]:focus,.utopia-checkbox__input[data-v-1dde8b9d]:active{outline:none!important;-webkit-tap-highlight-color:transparent!important}.utopia-checkbox__box[data-v-1dde8b9d]{position:relative;flex-shrink:0;width:20px;height:20px;border:2px solid var(--theme-colors-border-default, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--theme-colors-surface-card, #ffffff);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1)}.utopia-checkbox__check[data-v-1dde8b9d]{opacity:0;transform:scale(.7);transition:all .15s cubic-bezier(.4,0,.2,1);width:12px;height:12px}.utopia-checkbox__check[data-v-1dde8b9d] svg{color:#fff!important;fill:#fff!important}.utopia-checkbox__check[data-v-1dde8b9d] svg path{stroke:#fff!important;fill:none!important}.utopia-checkbox__label[data-v-1dde8b9d]{color:var(--theme-colors-text-primary, #111827);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:color .15s ease}.utopia-checkbox:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-1dde8b9d]{border-color:var(--theme-colors-brand-primary-400, #60a5fa);background:var(--theme-colors-brand-primary-25, #eff6ff);transform:scale(1.05)}.utopia-checkbox:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__label[data-v-1dde8b9d]{color:var(--theme-colors-brand-primary-500)}.utopia-checkbox:active:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-1dde8b9d]{transform:scale(.95);transition:transform .1s ease}.utopia-checkbox--checked .utopia-checkbox__box[data-v-1dde8b9d]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6);box-shadow:0 2px 4px #3b82f633}.utopia-checkbox--checked .utopia-checkbox__check[data-v-1dde8b9d]{opacity:1;transform:scale(1)}.utopia-checkbox--checked:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-1dde8b9d]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%);border-color:var(--theme-colors-brand-primary-500, #2563eb);transform:scale(1.05)}.utopia-checkbox--disabled[data-v-1dde8b9d]{cursor:not-allowed;opacity:.5}.utopia-checkbox--disabled .utopia-checkbox__box[data-v-1dde8b9d]{background:var(--theme-colors-surface-background, #f9fafb);border-color:var(--theme-colors-border-muted, #e5e7eb);cursor:not-allowed}.utopia-checkbox--disabled .utopia-checkbox__label[data-v-1dde8b9d]{color:var(--theme-colors-text-muted, #9ca3af);cursor:not-allowed}.utopia-checkbox--disabled.utopia-checkbox--checked .utopia-checkbox__box[data-v-1dde8b9d]{background:var(--theme-colors-border-muted, #e5e7eb);border-color:var(--theme-colors-border-muted, #e5e7eb)}.utopia-checkbox--disabled.utopia-checkbox--checked .utopia-checkbox__check[data-v-1dde8b9d] svg{color:var(--theme-colors-text-muted, #9ca3af)!important;fill:var(--theme-colors-text-muted, #9ca3af)!important}.utopia-checkbox--disabled.utopia-checkbox--checked .utopia-checkbox__check[data-v-1dde8b9d] svg path{stroke:var(--theme-colors-text-muted, #9ca3af)!important}.utopia-checkbox--small[data-v-1dde8b9d]{font-size:var(--font-size-sm, 14px);gap:var(--spacing-2, 8px)}.utopia-checkbox--small .utopia-checkbox__box[data-v-1dde8b9d]{width:16px;height:16px}.utopia-checkbox--small .utopia-checkbox__check[data-v-1dde8b9d]{width:10px;height:10px}.utopia-checkbox--medium[data-v-1dde8b9d]{font-size:var(--font-size-base, 16px);gap:var(--spacing-3, 12px)}.utopia-checkbox--medium .utopia-checkbox__box[data-v-1dde8b9d]{width:20px;height:20px}.utopia-checkbox--medium .utopia-checkbox__check[data-v-1dde8b9d]{width:12px;height:12px}.utopia-checkbox--large[data-v-1dde8b9d]{font-size:var(--font-size-lg, 18px);gap:var(--spacing-4, 16px)}.utopia-checkbox--large .utopia-checkbox__box[data-v-1dde8b9d]{width:24px;height:24px}.utopia-checkbox--large .utopia-checkbox__check[data-v-1dde8b9d]{width:16px;height:16px}.utopia-checkbox__input:focus-visible+.utopia-checkbox__box[data-v-1dde8b9d]{outline:2px solid var(--theme-colors-brand-primary-500, #3b82f6);outline-offset:2px}@keyframes checkboxPop-1dde8b9d{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.utopia-checkbox--checked .utopia-checkbox__box[data-v-1dde8b9d]{animation:checkboxPop-1dde8b9d .2s ease-out}.utopia-checkbox--dark .utopia-checkbox__box[data-v-1dde8b9d]{background:var(--theme-colors-surface-card, #1f2937);border-color:var(--theme-colors-border-default, #374151)}.utopia-checkbox--dark:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-1dde8b9d]{background:var(--theme-colors-brand-primary-25, rgba(59, 130, 246, .1));border-color:var(--theme-colors-brand-primary-400, #60a5fa)}.utopia-checkbox--dark.utopia-checkbox--checked .utopia-checkbox__box[data-v-1dde8b9d]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6)}.utopia-checkbox--dark.utopia-checkbox--checked:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-1dde8b9d]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%);border-color:var(--theme-colors-brand-primary-500, #2563eb)}.utopia-checkbox--dark.utopia-checkbox--disabled .utopia-checkbox__box[data-v-1dde8b9d]{background:var(--theme-colors-surface-background, #111827);border-color:var(--theme-colors-border-muted, #374151)}.utopia-chip[data-v-0e33844d]{display:inline-flex;align-items:center;gap:var(--spacing-2, 8px);border-radius:var(--radius-md, 50px);font-family:var(--font-family-sans, system-ui);font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-medium, 500);line-height:1.5;transition:all .15s ease;cursor:default;-webkit-user-select:none;user-select:none;position:relative;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}.utopia-chip--default[data-v-0e33844d]{background:var(--theme-colors-surface-background, #ffffff);border:1px solid var(--theme-colors-border-default, #d1d5db);color:var(--theme-colors-text-primary, #111827)}.utopia-chip--primary[data-v-0e33844d]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border:none;color:var(--theme-colors-brand-primary-text, #ffffff)}.utopia-chip--secondary[data-v-0e33844d]{background:linear-gradient(135deg,var(--theme-colors-brand-secondary-500, #8b5cf6) 0%,var(--theme-colors-brand-secondary-500, #7c3aed) 100%);border:none;color:var(--theme-colors-brand-secondary-text, #ffffff)}.utopia-chip--success[data-v-0e33844d]{background:linear-gradient(135deg,var(--theme-colors-semantic-success-primary, #10b981) 0%,var(--theme-colors-semantic-success-primary, #059669) 100%);border:none;color:var(--theme-colors-semantic-success-text, #ffffff)}.utopia-chip--warning[data-v-0e33844d]{background:linear-gradient(135deg,var(--theme-colors-warning-500, #f59e0b) 0%,var(--theme-colors-warning-500, #d97706) 100%);border:none;color:var(--theme-colors-warning-text, #ffffff)}.utopia-chip--danger[data-v-0e33844d]{background:linear-gradient(135deg,var(--theme-colors-semantic-attention-primary, #ef4444) 0%,var(--theme-colors-semantic-attention-primary, #dc2626) 100%);border:none;color:var(--theme-colors-semantic-attention-text, #ffffff)}.utopia-chip--ghost.utopia-chip--default[data-v-0e33844d],.utopia-chip--ghost.utopia-chip--primary[data-v-0e33844d]{background:var(--theme-colors-brand-primary-100, #dbeafe);color:var(--theme-colors-brand-primary-500, #3b82f6);border:none}.utopia-chip--ghost.utopia-chip--secondary[data-v-0e33844d]{background:var(--theme-colors-brand-secondary-100, #e9d5ff);color:var(--theme-colors-brand-secondary-500, #8b5cf6);border:none}.utopia-chip--ghost.utopia-chip--success[data-v-0e33844d]{background:var(--theme-colors-common-succeed-50, #ecfdf5);color:var(--theme-colors-common-succeed-500, #10b981);border:none}.utopia-chip--ghost.utopia-chip--warning[data-v-0e33844d]{background:var(--theme-colors-warning-100, #fef3c7);color:var(--theme-colors-warning-500, #f59e0b);border:none}.utopia-chip--ghost.utopia-chip--danger[data-v-0e33844d]{background:var(--theme-colors-semantic-attention-100, #fee2e2);color:var(--theme-colors-semantic-attention-500, #ef4444);border:none}.utopia-chip--small[data-v-0e33844d]{padding:var(--spacing-1, 4px) var(--spacing-2, 8px);font-size:var(--font-size-sm, 14px);gap:var(--spacing-1, 4px)}.utopia-chip--medium[data-v-0e33844d]{padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--font-size-base, 16px);gap:var(--spacing-2, 8px)}.utopia-chip--large[data-v-0e33844d]{padding:var(--spacing-3, 12px) var(--spacing-4, 16px);font-size:var(--font-size-lg, 18px);gap:var(--spacing-2, 8px)}.utopia-chip__label[data-v-0e33844d]{color:inherit;font-weight:inherit;cursor:inherit;transition:color .15s ease}.utopia-chip__left-icon[data-v-0e33844d]{flex-shrink:0;color:inherit}.utopia-chip__close-button[data-v-0e33844d]{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:50%;transition:all .15s ease;flex-shrink:0;color:inherit;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}.utopia-chip__close-icon[data-v-0e33844d]{color:currentColor!important;opacity:.7;transition:all .15s ease}.utopia-chip__close-icon[data-v-0e33844d] svg,.utopia-chip__close-icon[data-v-0e33844d] path,.utopia-chip__close-icon[data-v-0e33844d] circle,.utopia-chip__close-icon[data-v-0e33844d] line,.utopia-chip__close-icon[data-v-0e33844d] rect,.utopia-chip__close-icon[data-v-0e33844d] polygon{stroke:currentColor!important;fill:currentColor!important}.utopia-chip--actionable[data-v-0e33844d]:hover:not(.utopia-chip--disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000001a;cursor:pointer}.utopia-chip--actionable.utopia-chip--default[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-surface-background, #f9fafb);border-color:var(--theme-colors-border-default, #9ca3af)}.utopia-chip--actionable.utopia-chip--primary[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%)}.utopia-chip--actionable.utopia-chip--secondary[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-brand-secondary-500, #7c3aed) 0%,var(--theme-colors-brand-secondary-500, #6d28d9) 100%)}.utopia-chip--actionable.utopia-chip--success[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-semantic-success-primary, #059669) 0%,var(--theme-colors-semantic-success-primary, #047857) 100%)}.utopia-chip--actionable.utopia-chip--warning[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-warning-500, #d97706) 0%,var(--theme-colors-warning-500, #b45309) 100%)}.utopia-chip--actionable.utopia-chip--danger[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-semantic-attention-primary, #dc2626) 0%,var(--theme-colors-semantic-attention-primary, #b91c1c) 100%)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--default[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-primary-200, #bfdbfe);color:var(--theme-colors-brand-primary-500, #2563eb)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--primary[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-primary-200, #bfdbfe);color:var(--theme-colors-brand-primary-500, #2563eb)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--secondary[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-secondary-200, #ddd6fe);color:var(--theme-colors-brand-secondary-600, #7c3aed)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--success[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-common-succeed-100, #d1fae5);color:var(--theme-colors-common-succeed-600, #059669)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--warning[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-warning-200, #fde68a);color:var(--theme-colors-warning-600, #d97706)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--danger[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-semantic-attention-200, #fecaca);color:var(--theme-colors-semantic-attention-600, #dc2626)}.utopia-chip__close-button[data-v-0e33844d]:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.utopia-chip__close-button:hover:not(:disabled) .utopia-chip__close-icon[data-v-0e33844d]{opacity:1;color:inherit}.utopia-chip--actionable[data-v-0e33844d]:active:not(.utopia-chip--disabled){transform:translateY(0);transition:transform .1s ease}.utopia-chip__close-button[data-v-0e33844d]:active:not(:disabled){transform:scale(.95);transition:transform .1s ease}.utopia-chip--disabled[data-v-0e33844d]{cursor:not-allowed;opacity:.5;transform:none!important}.utopia-chip--disabled .utopia-chip__close-button[data-v-0e33844d]{cursor:not-allowed;pointer-events:none}.utopia-chip--disabled .utopia-chip__close-icon[data-v-0e33844d]{opacity:.3}.utopia-chip--actionable[data-v-0e33844d]:focus-visible{outline:2px solid var(--theme-colors-brand-primary-500, #3b82f6);outline-offset:2px}.utopia-chip__close-button[data-v-0e33844d]:focus-visible{outline:2px solid var(--theme-colors-brand-primary-500, #3b82f6);outline-offset:2px}@keyframes chipPop-0e33844d{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.utopia-chip[data-v-0e33844d]{animation:chipPop-0e33844d .2s ease-out}.utopia-chip--dark.utopia-chip--default[data-v-0e33844d]{background:var(--theme-colors-surface-background, #1f2937);border:1px solid var(--theme-colors-border-default, #4b5563);color:var(--theme-colors-text-primary, #f9fafb)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--default[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-surface-background, #374151);border-color:var(--theme-colors-border-default, #6b7280)}.utopia-chip--dark.utopia-chip--disabled[data-v-0e33844d]{background:var(--theme-colors-surface-background, #111827);border:none;color:var(--theme-colors-text-muted, #6b7280)}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--default[data-v-0e33844d],.utopia-chip--dark.utopia-chip--ghost.utopia-chip--primary[data-v-0e33844d]{background:var(--theme-colors-brand-primary-900, #1e3a8a);color:var(--theme-colors-brand-primary-300, #93c5fd);border:none}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--secondary[data-v-0e33844d]{background:var(--theme-colors-brand-secondary-900, #581c87);color:var(--theme-colors-brand-secondary-300, #c4b5fd);border:none}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--success[data-v-0e33844d]{background:var(--theme-colors-common-succeed-900, #064e3b);color:var(--theme-colors-common-succeed-300, #6ee7b7);border:none}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--warning[data-v-0e33844d]{background:var(--theme-colors-warning-900, #78350f);color:var(--theme-colors-warning-300, #fcd34d);border:none}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--danger[data-v-0e33844d]{background:var(--theme-colors-semantic-attention-900, #7f1d1d);color:var(--theme-colors-semantic-attention-300, #fca5a5);border:none}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--default[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-primary-800, #1e40af);color:var(--theme-colors-brand-primary-200, #bfdbfe)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--primary[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-primary-800, #1e40af);color:var(--theme-colors-brand-primary-200, #bfdbfe)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--secondary[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-secondary-800, #6b21a8);color:var(--theme-colors-brand-secondary-200, #ddd6fe)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--success[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-common-succeed-800, #065f46);color:var(--theme-colors-common-succeed-200, #a7f3d0)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--warning[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-warning-800, #92400e);color:var(--theme-colors-warning-200, #fde68a)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--danger[data-v-0e33844d]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-semantic-attention-800, #991b1b);color:var(--theme-colors-semantic-attention-200, #fecaca)}.utopia-inputtext[data-v-1374d5a1]{display:flex;flex-direction:column;gap:var(--spacing-2, 8px);width:100%;font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);cursor:pointer;-webkit-user-select:none;user-select:none}.utopia-inputtext__label[data-v-1374d5a1]{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--theme-colors-text-secondary, #6b7280);line-height:1.4}.utopia-inputtext__container_in[data-v-1374d5a1]{position:relative;display:flex;align-items:center}.utopia-inputtext__field[data-v-1374d5a1]{width:100%;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border:2px solid var(--theme-colors-border-default, #9ca3af);border-radius:var(--border-radius-md);background-color:var(--theme-colors-surface-background, #ffffff);color:var(--theme-colors-text-primary, #111827);font-size:var(--font-size-base, 16px);line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;box-shadow:0 0 0 4px transparent}.utopia-inputtext__field--code[data-v-1374d5a1]{padding:var(--spacing-2, 8px) var(--spacing-2, 8px);text-align:center;font-size:var(--font-size-xl, 20px);font-weight:var(--font-weight-bold, 700);letter-spacing:.1em;text-transform:uppercase;min-width:0;flex-shrink:0}.utopia-inputtext--small .utopia-inputtext__field--code[data-v-1374d5a1]{padding:var(--spacing-1, 4px) var(--spacing-1, 4px);font-size:var(--font-size-lg, 18px)}.utopia-inputtext--large .utopia-inputtext__field--code[data-v-1374d5a1]{padding:var(--spacing-3, 12px) var(--spacing-3, 12px);font-size:var(--font-size-2xl, 24px)}.utopia-inputtext__field[type=number][data-v-1374d5a1]::-webkit-outer-spin-button,.utopia-inputtext__field[type=number][data-v-1374d5a1]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.utopia-inputtext__field[type=number][data-v-1374d5a1]{-moz-appearance:textfield}.utopia-inputtext__field--code[type=number][data-v-1374d5a1]::-webkit-outer-spin-button,.utopia-inputtext__field--code[type=number][data-v-1374d5a1]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.utopia-inputtext__field--code[type=number][data-v-1374d5a1],.utopia-inputtext__field--numeric-text[data-v-1374d5a1]{-moz-appearance:textfield}.utopia-inputtext__field--number[data-v-1374d5a1]:not(.utopia-inputtext__field--code){padding-right:calc(var(--spacing-4, 16px) + 28px)}.utopia-inputtext__field[data-v-1374d5a1]::placeholder{color:var(--theme-colors-text-muted, #9ca3af)}.utopia-inputtext__field--with-icon[data-v-1374d5a1]{padding-right:calc(var(--spacing-4, 16px) + 20px + var(--spacing-2, 8px))}.utopia-inputtext__field--with-icon-left[data-v-1374d5a1]{padding-left:calc(var(--spacing-4, 16px) + 20px + var(--spacing-2, 8px))}.utopia-inputtext__field--with-icon-right[data-v-1374d5a1]{padding-right:calc(var(--spacing-4, 16px) + 20px + var(--spacing-2, 8px))}.utopia-inputtext__icon[data-v-1374d5a1]{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none;z-index:1}.utopia-inputtext__icon--left[data-v-1374d5a1]{left:var(--spacing-4, 16px)}.utopia-inputtext__icon--right[data-v-1374d5a1]{right:var(--spacing-4, 16px)}.utopia-inputtext__icon--clickable[data-v-1374d5a1]{pointer-events:auto;cursor:pointer;border-radius:4px;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.utopia-inputtext__icon--clickable[data-v-1374d5a1]:hover{background-color:var(--theme-colors-surface-secondary, rgba(0,0,0,.04))}.utopia-inputtext__icon--clickable[data-v-1374d5a1]:active{background-color:var(--theme-colors-surface-secondary, rgba(0,0,0,.06))}.utopia-inputtext--disabled .utopia-inputtext__icon--clickable[data-v-1374d5a1]{pointer-events:none;opacity:.5}.utopia-inputtext__stepper[data-v-1374d5a1]{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.utopia-inputtext__stepper-btn[data-v-1374d5a1]{width:22px;height:16px;display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:var(--theme-colors-text-muted, #9ca3af);cursor:pointer}.utopia-inputtext__stepper-btn[data-v-1374d5a1]:hover:not(:disabled){background:var(--theme-colors-surface-secondary, rgba(0,0,0,.04));color:var(--theme-colors-text-secondary, #6b7280)}.utopia-inputtext__stepper-btn[data-v-1374d5a1]:active:not(:disabled){background:var(--theme-colors-surface-secondary, rgba(0,0,0,.06))}.utopia-inputtext__stepper-btn[data-v-1374d5a1]:disabled{opacity:.5;cursor:not-allowed}.utopia-inputtext__message[data-v-1374d5a1]{display:flex;align-items:center;gap:var(--spacing-1, 4px);font-size:var(--font-size-sm, 14px);line-height:1.4}.utopia-inputtext__message--error[data-v-1374d5a1]{color:var(--theme-colors-danger-500, #ef4444)}.utopia-inputtext__message--valid[data-v-1374d5a1]{color:var(--theme-colors-success-500, #10b981)}.utopia-inputtext__message-icon[data-v-1374d5a1]{width:16px;height:16px;flex-shrink:0}.utopia-inputtext__field[data-v-1374d5a1]:focus{border-color:var(--theme-colors-brand-secondary-500, #3b82f6)!important;box-shadow:0 0 0 4px var(--theme-colors-brand-secondary-300, rgba(59, 130, 246, .2))!important;transform:translateZ(0)}.utopia-inputtext--error .utopia-inputtext__field[data-v-1374d5a1]:focus{border-color:var(--theme-colors-danger-500, #ef4444)!important;box-shadow:0 0 0 4px var(--theme-colors-danger-100, rgba(239, 68, 68, .2))!important;transform:translateZ(0)}.utopia-inputtext--valid .utopia-inputtext__field[data-v-1374d5a1]:focus{border-color:var(--theme-colors-success-500, #10b981)!important;box-shadow:0 0 0 4px var(--theme-colors-success-100, rgba(16, 185, 129, .2))!important;transform:translateZ(0)}.utopia-inputtext--disabled .utopia-inputtext__field[data-v-1374d5a1]:focus{border-color:var(--theme-colors-border-default, #9ca3af)!important;box-shadow:0 0 0 4px transparent!important}.utopia-inputtext--disabled .utopia-inputtext__field[data-v-1374d5a1]:active{border-color:var(--theme-colors-border-default, #9ca3af)!important;box-shadow:0 0 0 4px transparent!important;transform:none!important}.utopia-inputtext--default .utopia-inputtext__field[data-v-1374d5a1]{border-color:var(--theme-colors-border-default, #9ca3af);background-color:var(--theme-colors-surface-background, #ffffff)}.utopia-inputtext--active .utopia-inputtext__field[data-v-1374d5a1]{border-color:var(--theme-colors-brand-secondary-500, #3b82f6);background-color:var(--theme-colors-surface-background, #ffffff);box-shadow:0 0 0 4px var(--theme-colors-brand-secondary-300, rgba(59, 130, 246, .2))}.utopia-inputtext--error .utopia-inputtext__field[data-v-1374d5a1]{border-color:var(--theme-colors-danger-500, #ef4444);background-color:var(--theme-colors-surface-background, #ffffff)}.utopia-inputtext--valid .utopia-inputtext__field[data-v-1374d5a1]{border-color:var(--theme-colors-success-500, #10b981);background-color:var(--theme-colors-surface-background, #ffffff)}.utopia-inputtext--incomplete .utopia-inputtext__field[data-v-1374d5a1]{border-color:var(--theme-colors-border-default, #9ca3af);background-color:var(--theme-colors-surface-background, #ffffff)}.utopia-inputtext--completed .utopia-inputtext__field[data-v-1374d5a1]{border-color:var(--theme-colors-border-default, #9ca3af);background-color:var(--theme-colors-surface-background, #ffffff);color:var(--theme-colors-text-primary, #111827)}.utopia-inputtext--disabled .utopia-inputtext__field[data-v-1374d5a1]{border-color:var(--theme-colors-border-muted, #e5e7eb);background-color:var(--theme-colors-surface-background, #f9fafb);color:var(--theme-colors-text-muted, #9ca3af);cursor:not-allowed;opacity:.5}.utopia-inputtext--disabled .utopia-inputtext__field[data-v-1374d5a1]::placeholder{color:var(--theme-colors-text-muted, #9ca3af)}.utopia-inputtext--small .utopia-inputtext__field[data-v-1374d5a1]{padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--font-size-sm, 14px)}.utopia-inputtext--small .utopia-inputtext__field--with-icon-left[data-v-1374d5a1]{padding-left:calc(var(--spacing-3, 12px) + 16px + var(--spacing-1, 4px))}.utopia-inputtext--small .utopia-inputtext__field--with-icon-right[data-v-1374d5a1]{padding-right:calc(var(--spacing-3, 12px) + 16px + var(--spacing-1, 4px))}.utopia-inputtext--small .utopia-inputtext__icon[data-v-1374d5a1]{width:16px;height:16px}.utopia-inputtext--small .utopia-inputtext__icon--left[data-v-1374d5a1]{left:var(--spacing-3, 12px)}.utopia-inputtext--small .utopia-inputtext__icon--right[data-v-1374d5a1]{right:var(--spacing-3, 12px)}.utopia-inputtext--large .utopia-inputtext__field[data-v-1374d5a1]{padding:var(--spacing-4, 16px) var(--spacing-5, 20px);font-size:var(--font-size-lg, 18px)}.utopia-inputtext--large .utopia-inputtext__field--with-icon-left[data-v-1374d5a1]{padding-left:calc(var(--spacing-5, 20px) + 24px + var(--spacing-3, 12px))}.utopia-inputtext--large .utopia-inputtext__field--with-icon-right[data-v-1374d5a1]{padding-right:calc(var(--spacing-5, 20px) + 24px + var(--spacing-3, 12px))}.utopia-inputtext--large .utopia-inputtext__icon[data-v-1374d5a1]{width:24px;height:24px}.utopia-inputtext--large .utopia-inputtext__icon--left[data-v-1374d5a1]{left:var(--spacing-5, 20px)}.utopia-inputtext--large .utopia-inputtext__icon--right[data-v-1374d5a1]{right:var(--spacing-5, 20px)}@media (prefers-color-scheme: dark){.utopia-inputtext__field[data-v-1374d5a1]{background-color:var(--theme-colors-surface-background, #1f2937);border-color:var(--theme-colors-border-default, #6b7280);color:var(--theme-colors-text-primary, #f9fafb)}.utopia-inputtext__field[data-v-1374d5a1]::placeholder{color:var(--theme-colors-text-muted, #6b7280)}.utopia-inputtext__label[data-v-1374d5a1]{color:var(--theme-colors-text-secondary, #9ca3af)}.utopia-inputtext__stepper-btn[data-v-1374d5a1]:hover:not(:disabled){background:#ffffff0f}.utopia-inputtext__icon--clickable[data-v-1374d5a1]:hover{background-color:#ffffff0f}.utopia-inputtext--disabled .utopia-inputtext__field[data-v-1374d5a1]{background-color:var(--theme-colors-surface-background, #111827);border-color:var(--theme-colors-border-muted, #374151);color:var(--theme-colors-text-muted, #6b7280)}}@media (max-width: 768px){.utopia-inputtext__field[data-v-1374d5a1]{font-size:16px}}.logo{background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;aspect-ratio:4 / 1;transition:all .2s ease;image-rendering:-webkit-optimize-contrast;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--auto-brand.logo--auto,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--club-employes.logo--auto,.logo--club-employes.logo--default{background-image:var(--assets-logos-club-employes-default)}body[data-theme*=club-employes][data-theme*=dark] .logo--auto-brand.logo--auto,body[data-theme*=club-employes][data-theme*=dark] .logo--club-employes.logo--auto,.logo--club-employes.logo--white{background-image:var(--assets-logos-club-employes-white)}body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--club-employes.logo--auto.logo--xs,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--club-employes.logo--auto.logo--sm,.logo--club-employes.logo--small{background-image:var(--assets-logos-club-employes-small)}body[data-theme*=club-employes][data-theme*=dark] .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=club-employes][data-theme*=dark] .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=club-employes][data-theme*=dark] .logo--club-employes.logo--auto.logo--xs,body[data-theme*=club-employes][data-theme*=dark] .logo--club-employes.logo--auto.logo--sm,.logo--club-employes.logo--small-white{background-image:var(--assets-logos-club-employes-small-white)}body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--auto-brand.logo--auto,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--gifteo.logo--auto,.logo--gifteo.logo--default{background-image:var(--assets-logos-gifteo-default)}body[data-theme*=gifteo][data-theme*=dark] .logo--auto-brand.logo--auto,body[data-theme*=gifteo][data-theme*=dark] .logo--gifteo.logo--auto,.logo--gifteo.logo--white{background-image:var(--assets-logos-gifteo-white)}body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--gifteo.logo--auto.logo--xs,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--gifteo.logo--auto.logo--sm,.logo--gifteo.logo--small{background-image:var(--assets-logos-gifteo-small)}body[data-theme*=gifteo][data-theme*=dark] .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=gifteo][data-theme*=dark] .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=gifteo][data-theme*=dark] .logo--gifteo.logo--auto.logo--xs,body[data-theme*=gifteo][data-theme*=dark] .logo--gifteo.logo--auto.logo--sm,.logo--gifteo.logo--small-white{background-image:var(--assets-logos-gifteo-small-white)}.logo--auto-brand.logo--auto{background-image:var(--assets-logos-club-employes-default)}.logo--auto-brand.logo--auto.logo--xs,.logo--auto-brand.logo--auto.logo--sm{background-image:var(--assets-logos-club-employes-small)}.logo--xs{width:60px;height:15px}.logo--sm{width:80px;height:20px}.logo--md{width:120px;height:30px}.logo--lg{width:160px;height:40px}.logo--xl{width:200px;height:50px}.logo--xxl{width:280px;height:70px}.logo--small,.logo--small-white{aspect-ratio:2 / 1}.logo--xs.logo--small,.logo--xs.logo--small-white,.logo--xs.logo--auto.logo--xs{width:30px;height:30px}.logo--sm.logo--small,.logo--sm.logo--small-white,.logo--sm.logo--auto.logo--sm{width:40px;height:40px}.logo--md.logo--small,.logo--md.logo--small-white{width:60px;height:60px}.logo--lg.logo--small,.logo--lg.logo--small-white{width:80px;height:80px}.logo--xl.logo--small,.logo--xl.logo--small-white{width:100px;height:100px}.logo--xxl.logo--small,.logo--xxl.logo--small-white{width:140px;height:140px}.logo:hover{opacity:.9}@media (max-width: 768px){.logo--xl{width:160px;height:40px}.logo--xxl{width:200px;height:50px}}@media (max-width: 480px){.logo--lg,.logo--xl{width:120px;height:30px}.logo--xxl{width:160px;height:40px}}.utopia-skeleton[data-v-55ed0a65]{--skeleton-bg-color: var(--theme-colors-brand-primary-25);--skeleton-content-color: var(--theme-colors-brand-primary-50);--skeleton-shimmer-color: var(--theme-colors-brand-primary-200);--skeleton-animation-duration: 1.5s;display:inline-block;position:relative;overflow:hidden;padding:var(--spacing-2)}.utopia-skeleton--bg[data-v-55ed0a65]{background-color:var(--skeleton-bg-color);padding:var(--spacing-2)}.utopia-skeleton--block[data-v-55ed0a65]{display:block}.utopia-skeleton--animated[data-v-55ed0a65]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--skeleton-shimmer-color),transparent);animation:skeleton-shimmer-55ed0a65 var(--skeleton-animation-duration) infinite;z-index:1}@keyframes skeleton-shimmer-55ed0a65{0%{left:-100%}to{left:100%}}.utopia-skeleton-avatar[data-v-0fa64ef8]{--skeleton-bg-color: var(--theme-colors-brand-primary-100);--skeleton-shimmer-color: var(--theme-colors-brand-primary-300);--skeleton-animation-duration: 1.5s;display:inline-block;background-color:var(--skeleton-bg-color);position:relative;overflow:hidden;flex-shrink:0}.utopia-skeleton-avatar--animated[data-v-0fa64ef8]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--skeleton-shimmer-color),transparent);animation:skeleton-shimmer-0fa64ef8 var(--skeleton-animation-duration) infinite;z-index:1}@keyframes skeleton-shimmer-0fa64ef8{0%{left:-100%}to{left:100%}}.utopia-skeleton-text[data-v-ae916220]{--skeleton-bg-color: var(--theme-colors-brand-primary-100);--skeleton-shimmer-color: var(--theme-colors-brand-primary-300);--skeleton-animation-duration: 1.5s;display:flex;flex-direction:column;gap:var(--skeleton-gap)}.utopia-skeleton-text__line[data-v-ae916220]{height:var(--skeleton-line-height);background-color:var(--skeleton-bg-color);border-radius:4px;position:relative;overflow:hidden}.utopia-skeleton-text--animated .utopia-skeleton-text__line[data-v-ae916220]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--skeleton-shimmer-color),transparent);animation:skeleton-shimmer-ae916220 var(--skeleton-animation-duration) infinite;z-index:1}@keyframes skeleton-shimmer-ae916220{0%{left:-100%}to{left:100%}}.utopia-switch[data-v-9648a2ec]{display:inline-flex;align-items:center;gap:var(--spacing-3, 12px);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;font-family:var(--font-family-sans, system-ui);font-size:var(--font-size-base, 16px);line-height:1.5;transition:all .15s ease;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}.utopia-switch__input[data-v-9648a2ec]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.utopia-switch__input[data-v-9648a2ec]:focus,.utopia-switch__input[data-v-9648a2ec]:active{outline:none!important;-webkit-tap-highlight-color:transparent!important}.utopia-switch__track[data-v-9648a2ec]{position:relative;flex-shrink:0;width:48px;height:24px;background:var(--theme-colors-border-default, #9ca3af);border:2px solid var(--theme-colors-border-default, #9ca3af);border-radius:24px;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.utopia-switch__thumb[data-v-9648a2ec]{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transform:translate(0)}.utopia-switch__icon[data-v-9648a2ec]{opacity:0;transform:scale(.7);transition:all .15s cubic-bezier(.4,0,.2,1);width:10px;height:10px}.utopia-switch__icon--visible[data-v-9648a2ec]{opacity:1!important;transform:scale(1)!important}.utopia-switch__icon[data-v-9648a2ec] svg{color:var(--theme-colors-brand-primary-500, #3b82f6)!important;fill:var(--theme-colors-brand-primary-500, #3b82f6)!important}.utopia-switch__icon[data-v-9648a2ec] svg path{stroke:var(--theme-colors-brand-primary-500, #3b82f6)!important;fill:none!important}.utopia-switch__label[data-v-9648a2ec]{color:var(--theme-colors-text-primary, #111827);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:color .15s ease}.utopia-switch:hover:not(.utopia-switch--disabled):not(.utopia-switch--checked) .utopia-switch__track[data-v-9648a2ec]{background:var(--theme-colors-border-default, #9ca3af);border-color:transparent;box-shadow:0 0 0 4px var(--theme-colors-brand-secondary-50, rgba(59, 130, 246, .2))}.utopia-switch:hover:not(.utopia-switch--disabled) .utopia-switch__label[data-v-9648a2ec]{color:var(--theme-colors-brand-primary-500)}.utopia-switch:active:not(.utopia-switch--disabled) .utopia-switch__thumb[data-v-9648a2ec]{transform:translate(0) scale(.9);transition:transform .1s ease}.utopia-switch--checked:active:not(.utopia-switch--disabled) .utopia-switch__thumb[data-v-9648a2ec]{transform:translate(24px) scale(.9);transition:transform .1s ease}.utopia-switch--checked .utopia-switch__track[data-v-9648a2ec]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6);box-shadow:0 2px 4px #3b82f633}.utopia-switch--checked .utopia-switch__thumb[data-v-9648a2ec]{transform:translate(24px);background:#fff}.utopia-switch--checked:hover:not(.utopia-switch--disabled) .utopia-switch__track[data-v-9648a2ec]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%);border-color:var(--theme-colors-brand-primary-500, #2563eb);box-shadow:0 0 0 4px var(--theme-colors-brand-primary-300, rgba(59, 130, 246, .2))}.utopia-switch--disabled[data-v-9648a2ec]{cursor:not-allowed;opacity:.5}.utopia-switch--disabled .utopia-switch__track[data-v-9648a2ec]{background:var(--theme-colors-surface-background, #f9fafb);border-color:var(--theme-colors-border-muted, #e5e7eb);cursor:not-allowed}.utopia-switch--disabled .utopia-switch__thumb[data-v-9648a2ec]{background:var(--theme-colors-border-muted, #e5e7eb);cursor:not-allowed;box-shadow:none}.utopia-switch--disabled .utopia-switch__label[data-v-9648a2ec]{color:var(--theme-colors-text-muted, #9ca3af);cursor:not-allowed}.utopia-switch--disabled.utopia-switch--checked .utopia-switch__track[data-v-9648a2ec]{background:var(--theme-colors-border-muted, #e5e7eb);border-color:var(--theme-colors-border-muted, #e5e7eb);box-shadow:none}.utopia-switch--disabled.utopia-switch--checked .utopia-switch__thumb[data-v-9648a2ec]{background:var(--theme-colors-text-muted, #9ca3af);transform:translate(22px)}.utopia-switch--disabled.utopia-switch--checked .utopia-switch__icon[data-v-9648a2ec]{opacity:.7}.utopia-switch--disabled.utopia-switch--checked .utopia-switch__icon[data-v-9648a2ec] svg{color:#fff!important;fill:#fff!important}.utopia-switch--disabled.utopia-switch--checked .utopia-switch__icon[data-v-9648a2ec] svg path{stroke:#fff!important}.utopia-switch--small[data-v-9648a2ec]{font-size:var(--font-size-sm, 14px);gap:var(--spacing-2, 8px)}.utopia-switch--small .utopia-switch__track[data-v-9648a2ec]{width:40px;height:20px}.utopia-switch--small .utopia-switch__thumb[data-v-9648a2ec]{width:14px;height:14px;top:1px;left:1px}.utopia-switch--small.utopia-switch--checked .utopia-switch__thumb[data-v-9648a2ec]{transform:translate(19px)}.utopia-switch--small.utopia-switch--checked:active:not(.utopia-switch--disabled) .utopia-switch__thumb[data-v-9648a2ec]{transform:translate(19px) scale(.9)}.utopia-switch--small .utopia-switch__icon[data-v-9648a2ec]{width:8px;height:8px}.utopia-switch--medium[data-v-9648a2ec]{font-size:var(--font-size-base, 16px);gap:var(--spacing-3, 12px)}.utopia-switch--medium .utopia-switch__track[data-v-9648a2ec]{width:48px;height:24px}.utopia-switch--medium .utopia-switch__thumb[data-v-9648a2ec]{width:16px;height:16px;top:2px;left:2px}.utopia-switch--medium.utopia-switch--checked .utopia-switch__thumb[data-v-9648a2ec]{transform:translate(24px)}.utopia-switch--medium.utopia-switch--checked:active:not(.utopia-switch--disabled) .utopia-switch__thumb[data-v-9648a2ec]{transform:translate(24px) scale(.9)}.utopia-switch--medium .utopia-switch__icon[data-v-9648a2ec]{width:10px;height:10px}.utopia-switch--large[data-v-9648a2ec]{font-size:var(--font-size-lg, 18px);gap:var(--spacing-4, 16px)}.utopia-switch--large .utopia-switch__track[data-v-9648a2ec]{width:56px;height:28px}.utopia-switch--large .utopia-switch__thumb[data-v-9648a2ec]{width:20px;height:20px;top:2px;left:2px}.utopia-switch--large.utopia-switch--checked .utopia-switch__thumb[data-v-9648a2ec]{transform:translate(28px)}.utopia-switch--large.utopia-switch--checked:active:not(.utopia-switch--disabled) .utopia-switch__thumb[data-v-9648a2ec]{transform:translate(28px) scale(.9)}.utopia-switch--large .utopia-switch__icon[data-v-9648a2ec]{width:12px;height:12px}.utopia-switch__input:focus-visible+.utopia-switch__track[data-v-9648a2ec]{outline:2px solid var(--theme-colors-brand-primary-500, #3b82f6);outline-offset:2px}@keyframes switchPop-9648a2ec{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.utopia-switch--checked .utopia-switch__track[data-v-9648a2ec]{animation:switchPop-9648a2ec .2s ease-out}.utopia-switch--dark .utopia-switch__track[data-v-9648a2ec]{background:var(--theme-colors-border-default, #6b7280);border-color:var(--theme-colors-border-default, #6b7280)}.utopia-switch--dark .utopia-switch__thumb[data-v-9648a2ec]{background:var(--theme-colors-surface-background, #f9fafb)}.utopia-switch--dark:hover:not(.utopia-switch--disabled):not(.utopia-switch--checked) .utopia-switch__track[data-v-9648a2ec]{background:var(--theme-colors-border-default, #6b7280);border-color:var(--theme-colors-brand-primary-400, #60a5fa);box-shadow:0 0 0 4px var(--theme-colors-brand-primary-300, rgba(59, 130, 246, .2))}.utopia-switch--dark.utopia-switch--checked .utopia-switch__track[data-v-9648a2ec]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6)}.utopia-switch--dark.utopia-switch--checked .utopia-switch__thumb[data-v-9648a2ec]{background:#fff}.utopia-switch--dark.utopia-switch--checked:hover:not(.utopia-switch--disabled) .utopia-switch__track[data-v-9648a2ec]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%);border-color:var(--theme-colors-brand-primary-500, #2563eb)}.utopia-switch--dark.utopia-switch--disabled .utopia-switch__track[data-v-9648a2ec]{background:var(--theme-colors-surface-background, #111827);border-color:var(--theme-colors-border-muted, #374151)}.utopia-switch--dark.utopia-switch--disabled .utopia-switch__thumb[data-v-9648a2ec]{background:var(--theme-colors-border-muted, #374151)}.utopia-switch--dark.utopia-switch--disabled.utopia-switch--checked .utopia-switch__track[data-v-9648a2ec]{background:var(--theme-colors-border-muted, #374151);border-color:var(--theme-colors-border-muted, #374151)}.utopia-switch--dark.utopia-switch--disabled.utopia-switch--checked .utopia-switch__thumb[data-v-9648a2ec]{background:var(--theme-colors-text-muted, #6b7280)}.utopia-dropdown[data-v-8298e056]{display:flex;flex-direction:column;gap:var(--spacing-2, 8px);width:100%;font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);position:relative}.utopia-dropdown__label[data-v-8298e056]{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--theme-colors-text-secondary, #6b7280);line-height:1.4}.utopia-dropdown__container[data-v-8298e056]{position:relative;display:flex;align-items:center}.utopia-dropdown__trigger[data-v-8298e056]{width:100%;padding:var(--spacing-3, 8px) var(--spacing-3, 12px);border:2px solid var(--theme-colors-border-default, #9ca3af);border-radius:var(--border-radius-md);background-color:var(--theme-colors-brand-secondary-25, rgba(59, 130, 246, .05));color:var(--theme-colors-text-primary, #111827);font-size:var(--font-size-base, 16px);line-height:1.5;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;box-sizing:border-box;box-shadow:0 0 0 4px transparent;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2, 8px)}.utopia-dropdown__trigger[data-v-8298e056]:hover:not(:disabled){border-color:var(--theme-colors-brand-secondary-400, #60a5fa)}.utopia-dropdown__trigger[data-v-8298e056]:focus{border-color:var(--theme-colors-brand-secondary-500, #3b82f6)!important;box-shadow:0 0 0 4px var(--theme-colors-brand-secondary-300, rgba(59, 130, 246, .2))!important}.utopia-dropdown__trigger--open[data-v-8298e056]{box-shadow:0 0 0 0 transparent!important}.utopia-dropdown__trigger[data-v-8298e056]:disabled{border-color:var(--theme-colors-border-muted, #e5e7eb);background-color:var(--theme-colors-surface-background, #f9fafb);color:var(--theme-colors-text-muted, #9ca3af);cursor:not-allowed;opacity:.5}.utopia-dropdown__value[data-v-8298e056]{flex:1;display:flex;align-items:center;min-width:0;height:20px}.utopia-dropdown__value span[data-v-8298e056]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.utopia-dropdown__value--placeholder[data-v-8298e056]{color:var(--theme-colors-text-muted, #9ca3af)}.utopia-dropdown__chips-wrapper[data-v-8298e056]{position:relative;display:flex;align-items:center;width:100%}.utopia-dropdown__chips[data-v-8298e056]{display:flex;flex-wrap:nowrap;gap:var(--spacing-1, 4px);align-items:center;max-width:100%;overflow-x:auto;min-height:20px;flex:1}.utopia-dropdown__chips[data-v-8298e056]::-webkit-scrollbar{display:none}.utopia-dropdown__chips[data-v-8298e056]{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.utopia-dropdown__chips-shadow[data-v-8298e056]{position:absolute;top:0;bottom:0;width:16px;pointer-events:none;z-index:10;transition:opacity .3s ease}.utopia-dropdown__chips-shadow--left[data-v-8298e056]{left:0;background:linear-gradient(to right,rgba(0,0,0,.1),transparent)}.utopia-dropdown__chips-shadow--right[data-v-8298e056]{right:0;background:linear-gradient(to left,rgba(0,0,0,.1),transparent)}.utopia-dropdown__chip[data-v-8298e056]{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utopia-dropdown__more[data-v-8298e056]{font-size:var(--font-size-sm, 14px);color:var(--theme-colors-text-muted, #9ca3af);white-space:nowrap;flex-shrink:0;margin-left:auto}.utopia-dropdown__chevron[data-v-8298e056]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--theme-colors-text-muted, #9ca3af);transition:transform .2s ease}.utopia-dropdown__chevron--open[data-v-8298e056]{transform:rotate(180deg)}.utopia-dropdown__state-icon[data-v-8298e056]{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.utopia-dropdown__menu[data-v-8298e056]{position:fixed;z-index:9999;border:2px solid var(--theme-colors-border-default, #9ca3af);border-radius:var(--border-radius-md);background-color:var(--theme-colors-brand-secondary-25, rgba(59, 130, 246, .05));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;min-width:200px;will-change:transform,opacity;display:flex;flex-direction:column}.utopia-dropdown__search[data-v-8298e056]{padding:var(--spacing-2, 8px);border-bottom:1px solid var(--theme-colors-border-default, #9ca3af);flex-shrink:0}.utopia-dropdown__search-input[data-v-8298e056]{width:100%}.utopia-dropdown__options[data-v-8298e056]{overflow-y:auto;overflow-x:visible;flex:1}.utopia-dropdown__option[data-v-8298e056]{position:relative;display:flex;align-items:center;gap:var(--spacing-2, 8px);padding:var(--spacing-3, 8px) var(--spacing-3, 12px);cursor:pointer;transition:background-color .2s ease;min-width:0}.utopia-dropdown__option--multiple[data-v-8298e056]{padding:0}.utopia-dropdown__option[data-v-8298e056]:hover:not(.utopia-dropdown__option--disabled){background-color:var(--theme-colors-surface-secondary, rgba(0,0,0,.04));z-index:10}.utopia-dropdown__option--highlighted[data-v-8298e056]{background-color:var(--theme-colors-brand-secondary-50, rgba(59, 130, 246, .1));z-index:10}.utopia-dropdown__option--selected[data-v-8298e056]{background-color:var(--theme-colors-brand-secondary-100, rgba(59, 130, 246, .2));color:var(--theme-colors-brand-primary-500, #1d4ed8)}.utopia-dropdown__option--disabled[data-v-8298e056]{opacity:.5;cursor:not-allowed}.utopia-dropdown__checkbox-container[data-v-8298e056]{display:flex;align-items:center;gap:var(--spacing-2, 8px);width:100%;cursor:pointer;padding:var(--spacing-3) var(--spacing-3, 12px)}.utopia-dropdown__checkbox[data-v-8298e056]{flex-shrink:0;pointer-events:none}.utopia-dropdown__checkbox-label[data-v-8298e056]{flex:1;font-size:var(--font-size-base, 16px);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;position:relative;pointer-events:none}.utopia-dropdown__option-label[data-v-8298e056]{flex:1;font-size:var(--font-size-base, 16px);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;position:relative}.utopia-dropdown__option:hover .utopia-dropdown__option-label[data-v-8298e056]:after,.utopia-dropdown__checkbox-container:hover .utopia-dropdown__checkbox-label[data-v-8298e056]:after{content:attr(title);position:absolute;top:100%;left:0;z-index:1001;background:var(--theme-colors-surface-card, #1f2937);color:var(--theme-colors-text-primary-inverse, #ffffff);padding:var(--spacing-2, 8px) var(--spacing-3, 12px);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm, 14px);white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:var(--spacing-1, 4px);pointer-events:none;opacity:0;animation:fadeIn-8298e056 .2s ease forwards .5s}@keyframes fadeIn-8298e056{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.utopia-dropdown__option-label[title][data-v-8298e056]:not([title=""]):hover:after,.utopia-dropdown__checkbox-label[title][data-v-8298e056]:not([title=""]):hover:after{display:block}.utopia-dropdown__no-results[data-v-8298e056]{padding:var(--spacing-4, 16px) var(--spacing-3, 12px);text-align:center;color:var(--theme-colors-text-muted, #9ca3af);font-size:var(--font-size-sm, 14px)}.utopia-dropdown__message[data-v-8298e056]{display:flex;align-items:center;gap:var(--spacing-1, 4px);font-size:var(--font-size-sm, 14px);line-height:1.4}.utopia-dropdown__message--error[data-v-8298e056]{color:var(--theme-colors-danger-500, #ef4444)}.utopia-dropdown__message--valid[data-v-8298e056]{color:var(--theme-colors-success-500, #10b981)}.utopia-dropdown__message-icon[data-v-8298e056]{width:16px;height:16px;flex-shrink:0}.utopia-dropdown--error .utopia-dropdown__trigger[data-v-8298e056]{border-color:var(--theme-colors-danger-500, #ef4444)}.utopia-dropdown--error .utopia-dropdown__trigger[data-v-8298e056]:focus{border-color:var(--theme-colors-danger-500, #ef4444)!important;box-shadow:0 0 0 4px var(--theme-colors-danger-100, rgba(239, 68, 68, .2))!important}.utopia-dropdown--valid .utopia-dropdown__trigger[data-v-8298e056]{border-color:var(--theme-colors-success-500, #10b981)}.utopia-dropdown--valid .utopia-dropdown__trigger[data-v-8298e056]:focus{border-color:var(--theme-colors-success-500, #10b981)!important;box-shadow:0 0 0 4px var(--theme-colors-success-100, rgba(16, 185, 129, .2))!important}.utopia-dropdown--small .utopia-dropdown__trigger[data-v-8298e056]{padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--font-size-sm, 14px)}.utopia-dropdown__clear[data-v-8298e056]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--border-radius-sm, 4px);transition:background-color .2s ease;flex-shrink:0}.utopia-dropdown__clear[data-v-8298e056]:hover{background-color:var(--theme-colors-surface-secondary, rgba(0,0,0,.04))}.utopia-dropdown--small .utopia-dropdown__chevron[data-v-8298e056],.utopia-dropdown--small .utopia-dropdown__state-icon[data-v-8298e056],.utopia-dropdown--small .utopia-dropdown__clear[data-v-8298e056]{width:16px;height:16px}.utopia-dropdown--large .utopia-dropdown__trigger[data-v-8298e056]{padding:var(--spacing-4, 16px) var(--spacing-5, 20px);font-size:var(--font-size-lg, 18px)}.utopia-dropdown--large .utopia-dropdown__chevron[data-v-8298e056],.utopia-dropdown--large .utopia-dropdown__state-icon[data-v-8298e056],.utopia-dropdown--large .utopia-dropdown__clear[data-v-8298e056]{width:24px;height:24px}.utopia-dropdown-fade-enter-active[data-v-8298e056],.utopia-dropdown-fade-leave-active[data-v-8298e056]{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.utopia-dropdown-fade-enter-from[data-v-8298e056],.utopia-dropdown-fade-leave-to[data-v-8298e056]{opacity:0;transform:translateY(-4px) scale(.98)}.utopia-dropdown-fade-enter-active[data-v-8298e056],.utopia-dropdown-fade-leave-active[data-v-8298e056]{transform-origin:top}@media (max-width: 768px){.utopia-dropdown__trigger[data-v-8298e056]{font-size:16px}}.utopia-inputcode[data-v-d041364d]{display:flex;flex-direction:column;gap:var(--spacing-2, 8px);width:100%;font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.utopia-inputcode__label[data-v-d041364d]{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--theme-colors-text-secondary, #6b7280);line-height:1.4}.utopia-inputcode__container[data-v-d041364d]{display:flex;flex-direction:column;gap:var(--spacing-2, 8px);width:100%;overflow:hidden}.utopia-inputcode__fields[data-v-d041364d]{display:flex;gap:var(--spacing-2, 8px);justify-content:center;align-items:center;flex-wrap:wrap;min-height:60px;padding:var(--spacing-2, 8px)}.utopia-inputcode__field[data-v-d041364d]{width:60px;min-width:60px;flex-shrink:0;flex-basis:60px}.utopia-inputcode__field--active[data-v-d041364d]{transform:scale(1.05);transition:transform .2s ease}.utopia-inputcode--small .utopia-inputcode__field[data-v-d041364d]{width:51px;min-width:50px;flex-basis:50px}.utopia-inputcode--large .utopia-inputcode__field[data-v-d041364d]{width:70px;min-width:70px;flex-basis:70px}.utopia-inputcode__message[data-v-d041364d]{display:flex;align-items:center;gap:var(--spacing-1, 4px);font-size:var(--font-size-sm, 14px);line-height:1.4}.utopia-inputcode__message--error[data-v-d041364d]{color:var(--theme-colors-danger-600, #dc2626)}.utopia-inputcode__message--valid[data-v-d041364d]{color:var(--theme-colors-success-600, #16a34a)}.utopia-inputcode__message-icon[data-v-d041364d]{flex-shrink:0}.utopia-inputcode--disabled .utopia-inputcode__fields[data-v-d041364d]{opacity:.5;pointer-events:none}@media (max-width: 480px){.utopia-inputcode__fields[data-v-d041364d]{gap:var(--spacing-1, 4px);justify-content:flex-start}.utopia-inputcode__field[data-v-d041364d]{width:45px;min-width:45px;flex-basis:45px}.utopia-inputcode--large .utopia-inputcode__field[data-v-d041364d]{width:55px;min-width:55px;flex-basis:55px}}@media (max-width: 360px){.utopia-inputcode__fields[data-v-d041364d]{gap:2px}.utopia-inputcode__field[data-v-d041364d]{width:40px;min-width:40px;flex-basis:40px}.utopia-inputcode--large .utopia-inputcode__field[data-v-d041364d]{width:50px;min-width:50px;flex-basis:50px}}.utopia-slider[data-v-a0cbfbdb]{position:relative;width:100%;height:var(--73608736);background-color:var(--theme-colors-surface-background);border-radius:var(--spacing-4);overflow:hidden;container-type:size;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.slider-viewport[data-v-a0cbfbdb]{position:relative;overflow:hidden;height:100%;width:100%;border-radius:var(--spacing-4)}.slider-track[data-v-a0cbfbdb]{display:flex;height:100%;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:pan-y pinch-zoom}.slider-track[data-v-a0cbfbdb]:active{cursor:grabbing}.utopia-slider--vertical .slider-track[data-v-a0cbfbdb]{flex-direction:column;touch-action:pan-x pinch-zoom}.utopia-slider--horizontal .slider-track[data-v-a0cbfbdb]{flex-direction:row}.slide[data-v-a0cbfbdb]{flex:0 0 100%;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.slide-image[data-v-a0cbfbdb]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slide-image img[data-v-a0cbfbdb]{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.slide-content[data-v-a0cbfbdb]{padding:var(--spacing-8);text-align:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.slider-nav[data-v-a0cbfbdb]{position:absolute;z-index:10;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);line-height:0}.slider-nav--visible[data-v-a0cbfbdb]{opacity:1}.slider-nav[data-v-a0cbfbdb] .utopia-button{background-color:#fffffff2;box-shadow:0 4px 16px -2px #0003,0 2px 8px -1px #0000001a;border-radius:50%;width:40px;height:40px;padding:0;min-width:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slider-nav[data-v-a0cbfbdb]:hover .utopia-button{background-color:#fff;box-shadow:0 6px 20px -2px #00000040,0 3px 10px -1px #00000026}.utopia-slider--horizontal .slider-nav--prev[data-v-a0cbfbdb]{left:0;top:50%;transform:translateY(-50%) translate(-100%)}.utopia-slider--horizontal .slider-nav--prev.slider-nav--visible[data-v-a0cbfbdb]{transform:translateY(-50%) translate(var(--spacing-2))}.utopia-slider--horizontal .slider-nav--prev[data-v-a0cbfbdb]:hover{transform:translateY(-50%) translate(var(--spacing-3)) scale(1.05)}.utopia-slider--horizontal .slider-nav--next[data-v-a0cbfbdb]{right:0;top:50%;transform:translateY(-50%) translate(100%)}.utopia-slider--horizontal .slider-nav--next.slider-nav--visible[data-v-a0cbfbdb]{transform:translateY(-50%) translate(calc(-1 * var(--spacing-2)))}.utopia-slider--horizontal .slider-nav--next[data-v-a0cbfbdb]:hover{transform:translateY(-50%) translate(calc(-1 * var(--spacing-3))) scale(1.05)}.utopia-slider--vertical .slider-nav--prev[data-v-a0cbfbdb]{top:0;left:50%;transform:translate(-50%) translateY(-100%)}.utopia-slider--vertical .slider-nav--prev.slider-nav--visible[data-v-a0cbfbdb]{transform:translate(-50%) translateY(var(--spacing-2))}.utopia-slider--vertical .slider-nav--prev[data-v-a0cbfbdb]:hover{transform:translate(-50%) translateY(var(--spacing-3)) scale(1.05)}.utopia-slider--vertical .slider-nav--next[data-v-a0cbfbdb]{bottom:0;left:50%;transform:translate(-50%) translateY(100%)}.utopia-slider--vertical .slider-nav--next.slider-nav--visible[data-v-a0cbfbdb]{transform:translate(-50%) translateY(calc(-1 * var(--spacing-2)))}.utopia-slider--vertical .slider-nav--next[data-v-a0cbfbdb]:hover{transform:translate(-50%) translateY(calc(-1 * var(--spacing-3))) scale(1.05)}.utopia-slider--controls-visible .slider-nav[data-v-a0cbfbdb]{opacity:1}.utopia-slider--dragging .slider-track[data-v-a0cbfbdb]{cursor:grabbing}.utopia-slider--dragging .slide[data-v-a0cbfbdb]{pointer-events:none}.utopia-slider--dragging .slider-nav[data-v-a0cbfbdb]{opacity:0!important;pointer-events:none}.utopia-slider--dragging .slider-dots[data-v-a0cbfbdb]{opacity:.5;pointer-events:none}.slider-dots[data-v-a0cbfbdb]{position:absolute;display:flex;gap:var(--spacing-2);z-index:10}.slider-dots--horizontal[data-v-a0cbfbdb]{bottom:var(--spacing-4);left:50%;transform:translate(-50%);flex-direction:row}.slider-dots--vertical[data-v-a0cbfbdb]{right:var(--spacing-4);top:50%;transform:translateY(-50%);flex-direction:column}.dot[data-v-a0cbfbdb]{width:8px;height:8px;border-radius:50%;border:none;background-color:#ffffff4d;cursor:pointer;transition:all .3s ease;padding:0}.dot[data-v-a0cbfbdb]:hover{background-color:#ffffff80}.dot--active[data-v-a0cbfbdb]{background-color:#ffffffb3}.slider-dots--horizontal .dot--active[data-v-a0cbfbdb]{width:24px;border-radius:4px}.slider-dots--vertical .dot--active[data-v-a0cbfbdb]{height:24px;border-radius:4px}.utopia-slider--dark .dot[data-v-a0cbfbdb],.auth-slider-section .dot[data-v-a0cbfbdb]{background-color:#fff6}.utopia-slider--dark .dot[data-v-a0cbfbdb]:hover,.auth-slider-section .dot[data-v-a0cbfbdb]:hover{background-color:#fff9}.utopia-slider--dark .dot--active[data-v-a0cbfbdb],.auth-slider-section .dot--active[data-v-a0cbfbdb]{background-color:#ffffffe6}.utopia-cardcampaign[data-v-3bb60cd4]{display:flex;flex-direction:column;gap:var(--spacing-4, 16px);position:relative;width:100%}.utopia-cardcampaign--actionable[data-v-3bb60cd4],.utopia-cardcampaign--actionable[data-v-3bb60cd4]:hover{cursor:pointer}.utopia-cardcampaign__row[data-v-3bb60cd4]{display:flex;align-items:center}.utopia-cardcampaign__row--header[data-v-3bb60cd4]{gap:var(--spacing-3, 12px)}.utopia-cardcampaign__row--balance[data-v-3bb60cd4]{justify-content:space-between}.utopia-cardcampaign__icon[data-v-3bb60cd4]{flex-shrink:0;width:48px;height:48px;background:var(--theme-colors-brand-primary-100, #dbeafe);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;position:relative}.utopia-cardcampaign__icon-image[data-v-3bb60cd4]{width:32px;height:32px;object-fit:contain}.utopia-cardcampaign__header-content[data-v-3bb60cd4]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1, 4px);min-width:0}.utopia-cardcampaign__balance-content[data-v-3bb60cd4]{display:flex;flex-direction:column;gap:var(--spacing-2, 8px);width:100%}.utopia-cardcampaign__amounts-labels[data-v-3bb60cd4]{display:flex;justify-content:space-between;align-items:baseline;width:100%}.utopia-cardcampaign__expired-content[data-v-3bb60cd4]{display:flex;flex-direction:column;gap:var(--spacing-1, 4px);width:100%}.utopia-cardcampaign__expired-status[data-v-3bb60cd4]{font-size:var(--font-size-sm, 14px);color:var(--theme-colors-text-muted, #6b7280);font-weight:var(--font-weight-medium, 500)}.utopia-cardcampaign__expired-date[data-v-3bb60cd4]{font-size:var(--font-size-sm, 14px);color:var(--theme-colors-text-muted, #6b7280)}.utopia-cardcampaign__title-container[data-v-3bb60cd4]{position:relative;flex:1;min-width:0}.utopia-cardcampaign__title[data-v-3bb60cd4]{margin:0;font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--theme-colors-text-primary, #111827);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utopia-cardcampaign__tooltip[data-v-3bb60cd4]{position:absolute;bottom:100%;left:0;right:0;background:#1f2937f2;color:#fff;padding:var(--spacing-3, 12px);border-radius:var(--border-radius-md, 8px);font-size:var(--font-size-sm, 14px);z-index:9999;box-shadow:0 8px 25px #00000040;margin-bottom:var(--spacing-2, 8px);max-width:280px;word-wrap:break-word;white-space:normal;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.utopia-cardcampaign__tooltip[data-v-3bb60cd4]:after{content:"";position:absolute;top:100%;left:20px;border:6px solid transparent;border-top-color:#1f2937f2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.utopia-cardcampaign__expiration[data-v-3bb60cd4]{display:flex;align-items:center;gap:var(--spacing-1, 4px)}.utopia-cardcampaign__calendar-icon[data-v-3bb60cd4]{color:var(--theme-colors-brand-primary-400, #6b7280)!important}.utopia-cardcampaign__expiration-text[data-v-3bb60cd4]{font-size:var(--font-size-sm, 14px);color:var(--theme-colors-brand-primary-400, #6b7280)}.utopia-cardcampaign__chevron[data-v-3bb60cd4]{flex-shrink:0;color:var(--theme-colors-text-secondary, #6b7280);display:flex;align-items:center;justify-content:center}.utopia-cardcampaign__spent[data-v-3bb60cd4]{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-bold, 700);color:var(--theme-colors-brand-primary-500, #2563eb)}.utopia-cardcampaign__total[data-v-3bb60cd4]{font-size:var(--font-size-sm, 14px);color:var(--theme-colors-text-muted, #6b7280)}.utopia-cardcampaign__gauge[data-v-3bb60cd4]{width:100%;height:4px;background:var(--theme-colors-border-default, #e5e7eb);border-radius:2px;overflow:hidden}.utopia-cardcampaign__gauge-track[data-v-3bb60cd4]{width:100%;height:100%;position:relative}.utopia-cardcampaign__gauge-fill[data-v-3bb60cd4]{height:100%;background:var(--theme-colors-brand-primary-500, #3b82f6);border-radius:2px;transition:width .3s ease}.utopia-cardcampaign:hover .utopia-cardcampaign__chevron[data-v-3bb60cd4]{color:var(--theme-colors-text-primary, #111827)}.utopia-balance-card-group[data-v-19667c1a]{display:flex;gap:0;width:100%}@media (min-width: 768px){.utopia-balance-card-group[data-v-19667c1a]{flex-direction:row;align-items:stretch}}@media (max-width: 767px){.utopia-balance-card-group[data-v-19667c1a]{flex-direction:column;align-items:stretch}}.utopia-balance-card-grouped[data-v-19667c1a]{display:flex;align-items:center;gap:var(--spacing-4, 16px);padding:var(--spacing-4, 16px);background:var(--theme-colors-surface-card, #ffffff);border:1px solid var(--theme-colors-border-default, #e5e7eb);border-radius:0;width:100%;transition:all .2s ease;position:relative}.utopia-balance-card-grouped[data-v-19667c1a]:first-child{border-top-left-radius:var(--border-radius-lg, 12px);border-bottom-left-radius:var(--border-radius-lg, 12px)}.utopia-balance-card-grouped[data-v-19667c1a]:last-child{border-top-right-radius:var(--border-radius-lg, 12px);border-bottom-right-radius:var(--border-radius-lg, 12px)}.utopia-balance-card-grouped--actionable[data-v-19667c1a]{cursor:pointer;box-shadow:none;transition:all .3s ease}.utopia-balance-card-grouped--actionable[data-v-19667c1a]:hover{border-color:var(--theme-colors-brand-primary-300, #93c5fd);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.utopia-balance-card-grouped--disabled[data-v-19667c1a]{opacity:.6;cursor:not-allowed}.utopia-balance-card-grouped__icon[data-v-19667c1a]{flex-shrink:0;width:48px;height:48px;border-radius:var(--border-radius-md, 8px);overflow:hidden;background:var(--theme-colors-brand-primary-100, #dbeafe);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2, 8px)}.utopia-balance-card-grouped__icon-image[data-v-19667c1a]{width:100%;height:100%;object-fit:cover}.utopia-balance-card-grouped__content[data-v-19667c1a]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2, 8px)}.utopia-balance-card-grouped__header[data-v-19667c1a]{display:flex;flex-direction:column;gap:var(--spacing-1, 4px)}.utopia-balance-card-grouped__title[data-v-19667c1a]{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--theme-colors-text-primary, #111827);margin:0;line-height:1.2}.utopia-balance-card-grouped__campaign-count[data-v-19667c1a]{font-size:var(--font-size-sm, 14px);color:var(--theme-colors-text-muted, #6b7280);line-height:1.2}.utopia-balance-card-grouped__balance[data-v-19667c1a]{display:flex;flex-direction:column;gap:var(--spacing-2, 8px)}.utopia-balance-card-grouped__amount[data-v-19667c1a]{font-size:var(--font-size-xl, 20px);font-weight:var(--font-weight-bold, 700);color:var(--theme-colors-brand-primary-500, #2563eb);line-height:1.2}.utopia-balance-card-grouped__progress[data-v-19667c1a]{display:flex;align-items:center;gap:var(--spacing-2, 8px)}.utopia-balance-card-grouped__progress-bar[data-v-19667c1a]{flex:1;height:8px;background:var(--theme-colors-brand-primary-100, #dbeafe);border-radius:var(--border-radius-full, 9999px);overflow:hidden}.utopia-balance-card-grouped__progress-fill[data-v-19667c1a]{height:100%;background:var(--theme-colors-brand-primary-500, #3b82f6);border-radius:var(--border-radius-full, 9999px);transition:width .3s ease}.utopia-balance-card-grouped__progress-total[data-v-19667c1a]{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--theme-colors-text-secondary, #6b7280);line-height:1.2}.utopia-balance-card-grouped__chevron[data-v-19667c1a]{flex-shrink:0;color:var(--theme-colors-text-secondary, #6b7280);display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.utopia-balance-card-grouped[data-v-19667c1a]{padding:var(--spacing-3, 12px);gap:var(--spacing-3, 12px)}.utopia-balance-card-grouped__icon[data-v-19667c1a]{width:40px;height:40px}.utopia-balance-card-grouped__title[data-v-19667c1a]{font-size:var(--font-size-base, 16px)}.utopia-balance-card-grouped__amount[data-v-19667c1a]{font-size:var(--font-size-lg, 18px)}.utopia-balance-card-grouped__campaign-count[data-v-19667c1a]{font-size:var(--font-size-xs, 12px)}.utopia-balance-card-grouped[data-v-19667c1a]{border-radius:0!important;margin-bottom:0}.utopia-balance-card-grouped[data-v-19667c1a]:first-child{border-top-left-radius:var(--border-radius-lg, 12px)!important;border-top-right-radius:var(--border-radius-lg, 12px)!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.utopia-balance-card-grouped[data-v-19667c1a]:last-child{border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:var(--border-radius-lg, 12px)!important;border-bottom-right-radius:var(--border-radius-lg, 12px)!important}.utopia-balance-card-grouped[data-v-19667c1a]:not(:first-child):not(:last-child){border-radius:0!important}.utopia-balance-card-grouped[data-v-19667c1a]:not(:last-child):after{display:none}.utopia-balance-card-grouped__progress[data-v-19667c1a]{display:none}}.mobile-menu-overlay[data-v-c000f86a]{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-start}@keyframes blur-pulse-c000f86a{0%{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}.mobile-backdrop[data-v-c000f86a]{position:absolute;inset:0;background-color:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity .3s ease;animation:blur-pulse-c000f86a 1s ease-out}.mobile-menu-content[data-v-c000f86a]{position:relative;width:280px;height:100vh;background-color:var(--theme-colors-surface-card);border-right:1px solid var(--theme-colors-brand-primary-100);display:flex;flex-direction:column;overflow:hidden;z-index:1001;box-sizing:border-box;min-width:80px;max-width:280px;transform:translateZ(0);will-change:width}.mobile-menu-content .menu-header[data-v-c000f86a]{padding:var(--spacing-4);border-bottom:1px solid var(--theme-colors-border-subtle);display:flex;align-items:center;justify-content:space-between;min-height:60px;overflow:hidden;min-width:0;max-width:100%;box-sizing:border-box}.mobile-menu-content .header-logo-container[data-v-c000f86a]{position:relative;display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;max-width:100%;margin-left:var(--spacing-2)}.mobile-menu-content .header-logo[data-v-c000f86a]{transition:opacity .2s ease;display:flex;align-items:center;justify-content:flex-start;padding-left:var(--spacing-4);width:100%;height:100%}.mobile-menu-content .header-logo[data-v-c000f86a] .logo{image-rendering:-webkit-optimize-contrast;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);min-width:120px;min-height:30px}.mobile-menu-close[data-v-c000f86a]{cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;position:relative;border:none;background:none;color:var(--theme-colors-text-primary)}.mobile-menu-close[data-v-c000f86a]:hover{background-color:var(--theme-colors-background-secondary)}.mobile-menu-title[data-v-c000f86a]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin:0}.mobile-menu-content .menu-nav[data-v-c000f86a]{flex:1;padding:var(--spacing-3);overflow-y:auto;overflow-x:hidden;min-width:0;max-width:100%;position:relative}.mobile-menu-content .nav-item[data-v-c000f86a]{border:none;background:none;width:100%;text-align:left;font-family:inherit;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-3);border-radius:var(--border-radius-md);color:var(--theme-colors-text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;min-height:40px}.mobile-menu-content .nav-item[data-v-c000f86a]:hover{background-color:var(--theme-colors-brand-primary-100);color:var(--theme-colors-brand-primary-500);transform:translate(4px);box-shadow:var(--shadow-sm)}.mobile-menu-content .nav-item.active[data-v-c000f86a]{background-color:var(--theme-colors-brand-primary-50);color:var(--theme-colors-brand-primary-500)}.mobile-menu-content .nav-item.active[data-v-c000f86a]:hover{background-color:var(--theme-colors-brand-primary-100);color:var(--theme-colors-brand-primary-500);transform:translate(4px);box-shadow:var(--shadow-sm)}.mobile-menu-content .nav-item span[data-v-c000f86a]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:opacity .3s ease,width .3s ease}.mobile-menu-content .menu-footer[data-v-c000f86a]{padding:var(--spacing-4);border-top:1px solid var(--theme-colors-border-subtle);overflow:hidden;min-width:0;max-width:100%}.mobile-menu-enter-active[data-v-c000f86a],.mobile-menu-leave-active[data-v-c000f86a]{transition:all .3s ease}.mobile-menu-enter-from[data-v-c000f86a],.mobile-menu-leave-to[data-v-c000f86a]{opacity:0}.mobile-menu-enter-active .mobile-menu-content[data-v-c000f86a],.mobile-menu-leave-active .mobile-menu-content[data-v-c000f86a]{transition:transform .3s ease}.mobile-menu-enter-from .mobile-menu-content[data-v-c000f86a],.mobile-menu-leave-to .mobile-menu-content[data-v-c000f86a]{transform:translate(-100%)}.mobile-menu-enter-active .mobile-backdrop[data-v-c000f86a],.mobile-menu-leave-active .mobile-backdrop[data-v-c000f86a]{transition:opacity .3s ease}.mobile-menu-enter-from .mobile-backdrop[data-v-c000f86a],.mobile-menu-leave-to .mobile-backdrop[data-v-c000f86a]{opacity:0}.mobile-menu-enter-active .mobile-backdrop[data-v-c000f86a]{animation:blur-pulse-c000f86a .6s ease-out}.mobile-menu-leave-active .mobile-backdrop[data-v-c000f86a]{animation:none}@media (min-width: 769px){.mobile-menu-overlay[data-v-c000f86a]{display:none}}.mobile-menu-btn[data-v-1d915869]{cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;position:relative;border:none;background:none;color:var(--theme-colors-text-primary)}.mobile-menu-btn[data-v-1d915869]:hover{background-color:var(--theme-colors-background-secondary)}.mobile-menu-btn[data-v-1d915869]:focus{outline:2px solid var(--theme-colors-brand-primary-500);outline-offset:2px}@media (min-width: 769px){.mobile-menu-btn[data-v-1d915869]{display:none}}.utopia-header[data-v-d7b8f6df]{height:60px;background:#fff0;border-bottom:1px solid var(--theme-colors-brand-primary-300);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);width:100%;flex-shrink:0}.nav-container[data-v-d7b8f6df]{max-width:1200px;margin:0 auto;padding:var(--spacing-3) var(--spacing-12);height:100%;display:flex;align-items:center;justify-content:space-between}.nav-left[data-v-d7b8f6df]{display:flex;align-items:center;gap:var(--spacing-3)}.nav-right[data-v-d7b8f6df]{display:flex;align-items:center;gap:var(--spacing-4)}@media (max-width: 768px){.nav-container[data-v-d7b8f6df]{padding:0 var(--spacing-4)}.nav-right[data-v-d7b8f6df]{gap:var(--spacing-2)}}.utopia-menu[data-v-812a0f1b]{position:fixed;top:0;left:0;display:flex;flex-direction:column;width:200px;height:100vh;background-color:var(--theme-colors-surface-card);border-right:1px solid var(--theme-colors-brand-primary-300);overflow:hidden;overflow-x:hidden;z-index:998;min-width:80px;max-width:200px;transform:translateZ(0);will-change:width;box-sizing:border-box}.utopia-menu.initialized[data-v-812a0f1b]{transition:width .3s ease,transform .3s ease}.utopia-menu.resizing[data-v-812a0f1b]{transition:none!important}.utopia-menu[data-v-812a0f1b]:not(.initialized){clip-path:inset(0)}.utopia-menu[data-v-812a0f1b] *{max-width:100%;box-sizing:border-box}.utopia-menu[data-v-812a0f1b] .menu-footer>*{max-width:100%;overflow:hidden;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis}.utopia-menu[data-v-812a0f1b] .menu-header>*{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.utopia-menu.collapsed[data-v-812a0f1b]{width:80px;overflow:visible}.menu-header[data-v-812a0f1b]{padding:var(--spacing-4);border-bottom:1px solid var(--theme-colors-border-subtle);display:flex;align-items:center;justify-content:space-between;height:60px;overflow:hidden;min-width:0;max-width:100%;box-sizing:border-box}.menu-header.collapsed[data-v-812a0f1b]{justify-content:flex-start;padding:var(--spacing-4);align-items:center}.header-logo-container[data-v-812a0f1b]{position:relative;display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;max-width:100%}.header-logo-container.collapsed[data-v-812a0f1b]{cursor:pointer;border-radius:var(--border-radius-md);transition:background-color .2s ease;padding:var(--spacing-2);justify-content:center;align-items:center;width:40px;height:40px;position:relative;display:flex;transform:translate(0)}.header-logo-container[data-v-812a0f1b]{transform:translate(0);transition:background-color .2s ease}.header-logo-container.collapsed[data-v-812a0f1b]:hover{background-color:var(--theme-colors-background-secondary);cursor:e-resize}.header-logo-container.collapsed:hover .header-logo[data-v-812a0f1b]{opacity:0}.header-logo-container.collapsed:hover .hover-expand-overlay[data-v-812a0f1b]{opacity:1}.header-logo[data-v-812a0f1b]{transition:opacity .2s ease;display:flex;align-items:center;justify-content:flex-start;margin-left:var(--spacing-2);width:100%;height:100%}.utopia-menu .header-logo[data-v-812a0f1b]{margin-left:var(--spacing-2)}.header-logo-container.collapsed .header-logo[data-v-812a0f1b]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin-left:0}.hover-expand-overlay[data-v-812a0f1b]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none;width:100%;height:100%}.menu-toggle[data-v-812a0f1b]{cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.menu-toggle[data-v-812a0f1b]:hover{background-color:var(--theme-colors-background-secondary)}.header-toggle[data-v-812a0f1b]{cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.header-toggle[data-v-812a0f1b]:hover{background-color:var(--theme-colors-background-secondary)}.header-toggle[data-v-812a0f1b]:not(.collapsed):hover{cursor:w-resize}.header-toggle.collapsed[data-v-812a0f1b]:hover{cursor:e-resize}.mobile-close-btn[data-v-812a0f1b]{cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.mobile-close-btn[data-v-812a0f1b]:hover{background-color:var(--theme-colors-background-secondary)}.menu-nav[data-v-812a0f1b]{flex:1;padding:var(--spacing-3);overflow-y:auto;overflow-x:hidden;min-width:0;max-width:100%;position:relative}.utopia-menu.collapsed .menu-footer[data-v-812a0f1b],.utopia-menu.collapsed .menu-header[data-v-812a0f1b],.utopia-menu.collapsed .menu-nav[data-v-812a0f1b]{width:80px;min-width:80px;max-width:80px}.menu-footer[data-v-812a0f1b]{padding:var(--spacing-4);border-top:1px solid var(--theme-colors-border-subtle);overflow:hidden;min-width:0;max-width:100%}@media (max-width: 768px){.utopia-menu[data-v-812a0f1b]{width:280px;position:fixed;top:0;left:0;z-index:1000;transform:translate(-100%)}.utopia-menu.initialized[data-v-812a0f1b]{transition:transform .3s ease}.utopia-menu[data-v-812a0f1b]:not(.collapsed){transform:translate(0)}.utopia-menu.collapsed[data-v-812a0f1b]{transform:translate(-100%);width:280px}.utopia-menu.mobile-overlay[data-v-812a0f1b]{width:280px;z-index:1001}.mobile-backdrop[data-v-812a0f1b]{position:fixed;inset:0;background-color:#00000080;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.nav-item[data-v-9c6f4b57]{border:none;background:none;width:100%;text-align:left;font-family:inherit;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-3);border-radius:var(--border-radius-md);color:var(--theme-colors-text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;min-height:40px}.nav-item:not(.collapsed) .nav-item-icon[data-v-9c6f4b57]{position:relative;left:0;transform:none}.nav-item[data-v-9c6f4b57]:hover{background-color:var(--theme-colors-brand-primary-100);color:var(--theme-colors-brand-primary-500);transform:translate(4px);box-shadow:var(--shadow-sm)}.nav-item.active[data-v-9c6f4b57]{background-color:var(--theme-colors-brand-primary-50);color:var(--theme-colors-brand-primary-500)}.nav-item.active[data-v-9c6f4b57]:hover{background-color:var(--theme-colors-brand-primary-100);color:var(--theme-colors-brand-primary-500);transform:translate(4px);box-shadow:var(--shadow-sm)}.nav-item-icon[data-v-9c6f4b57]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:none;position:relative;left:0}.nav-item-label[data-v-9c6f4b57]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:opacity .3s ease,width .3s ease}.nav-item.collapsed[data-v-9c6f4b57]{gap:0;padding:var(--spacing-3);width:100%;display:flex;align-items:center;justify-content:center;min-height:40px}.nav-item.collapsed[data-v-9c6f4b57]:hover{background-color:var(--theme-colors-brand-primary-100);transform:scale(1.1);box-shadow:var(--shadow-md)}.nav-item.collapsed .nav-item-icon[data-v-9c6f4b57]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}.nav-item-tooltip-teleported[data-v-9c6f4b57]{background-color:var(--theme-colors-surface-card);color:var(--theme-colors-text-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);white-space:nowrap;border:1px solid var(--theme-colors-border-subtle);pointer-events:none;opacity:1;animation:tooltipFadeIn-9c6f4b57 .2s ease}@keyframes tooltipFadeIn-9c6f4b57{0%{opacity:0}to{opacity:1}}.nav-item.animating .nav-item-label[data-v-9c6f4b57]{opacity:0!important;visibility:hidden!important;transition:none!important}.menu-section[data-v-5c76a607]{margin:16px 0 8px;transition:all .2s ease;color:var(--theme-colors-brand-primary-500)}.menu-section[data-v-5c76a607]:first-child{margin-top:8px}.section-label[data-v-5c76a607]{padding:0 20px;margin-bottom:8px}.section-text[data-v-5c76a607]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--utopia-color-text-muted, #64748b);line-height:1.5;-webkit-user-select:none;user-select:none}.section-divider[data-v-5c76a607]{height:1px;background-color:var(--utopia-color-border-subtle, #e2e8f0);margin:8px 16px;transition:all .2s ease}.menu-section.collapsed[data-v-5c76a607]{margin:8px 0 6px}.section-collapsed[data-v-5c76a607]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:40px}.menu-section.collapsed .section-divider[data-v-5c76a607]{margin:6px 20px;height:1px}.section-collapsed-label[data-v-5c76a607]{font-size:10px;line-height:1.1;color:var(--theme-colors-text-subtle);text-align:center;max-width:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.section-tooltip-teleported[data-v-5c76a607]{background-color:var(--theme-colors-surface-card);color:var(--theme-colors-text-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);white-space:nowrap;border:1px solid var(--theme-colors-border-subtle);pointer-events:none;opacity:1;animation:tooltipFadeIn-5c76a607 .2s ease}@keyframes tooltipFadeIn-5c76a607{0%{opacity:0}to{opacity:1}}.section-label[data-v-5c76a607]{opacity:1;transition:opacity .2s ease .1s}.menu-section.collapsed .section-label[data-v-5c76a607]{opacity:0;transition:opacity .1s ease}.section-text[data-v-5c76a607]{color:var(--utopia-color-neutral-500)}.section-divider[data-v-5c76a607]{background-color:var(--utopia-color-neutral-200)}[data-theme=dark] .section-text[data-v-5c76a607]{color:var(--utopia-color-neutral-400)}[data-theme=dark] .section-divider[data-v-5c76a607]{background-color:var(--utopia-color-neutral-700)}@media (max-width: 768px){.section-label[data-v-5c76a607]{padding:0 16px}.section-divider[data-v-5c76a607]{margin:8px 12px}}.app-layout[data-v-68f5c4f3]{width:100%;display:flex}.main-content[data-v-68f5c4f3]{flex:1;margin-left:200px;transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:visible}.main-content.menu-collapsed[data-v-68f5c4f3]{margin-left:80px}@media (max-width: 768px){.main-content[data-v-68f5c4f3]{margin-left:0;width:100%}.main-content.menu-collapsed[data-v-68f5c4f3]{margin-left:0}.app-main[data-v-68f5c4f3]{padding:var(--spacing-2);padding-bottom:calc(var(--spacing-2) + 200px);padding-top:calc(var(--spacing-2) + 60px)}.app-layout[data-v-68f5c4f3] .utopia-menu{z-index:1000}.app-layout[data-v-68f5c4f3] .utopia-menu:not(.collapsed)+.main-content{position:relative;z-index:1}.app-layout[data-v-68f5c4f3] .utopia-header{width:100%;left:0}.app-footer[data-v-68f5c4f3]{width:100%;left:0;right:0}}.app-main[data-v-68f5c4f3]{flex:1;padding:var(--spacing-3);padding-bottom:calc(var(--spacing-3) + 200px);margin-top:-60px;padding-top:calc(var(--spacing-3) + 60px);min-height:calc(100vh - 80px);z-index:60;position:relative;background-color:var(--theme-colors-surface-background);border-bottom:1px solid var(--theme-colors-border-default)}.main-content.menu-collapsed .app-footer[data-v-68f5c4f3]{left:80px}@media (prefers-color-scheme: dark){.app-footer[data-v-68f5c4f3]{background-color:#000000e6}}.menu-header-content[data-v-68f5c4f3]{display:flex;align-items:center;gap:var(--spacing-3)}.menu-brand-text[data-v-68f5c4f3]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary)}.brand-link[data-v-68f5c4f3]{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--theme-colors-text-primary)}.brand-text[data-v-68f5c4f3]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-sans)}.nav-links[data-v-68f5c4f3]{display:flex;gap:var(--spacing-8);margin-left:var(--spacing-8)}.nav-link[data-v-68f5c4f3]{text-decoration:none;color:var(--theme-colors-text-secondary);font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-sm);transition:all .2s ease;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav-link[data-v-68f5c4f3]:hover,.nav-link.active[data-v-68f5c4f3]{color:var(--theme-colors-brand-primary-500);background:var(--theme-colors-brand-primary-50)}.brand-buttons[data-v-68f5c4f3]{display:flex;gap:var(--spacing-1)}.brand-btn[data-v-68f5c4f3]{width:36px;height:36px;border:2px solid transparent;border-radius:var(--border-radius-full);background:var(--theme-colors-slate-100);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:4px;opacity:.95;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.brand-btn[data-v-68f5c4f3]:hover{background:var(--theme-colors-brand-primary-50);opacity:1;transform:scale(1.05)}.brand-btn.active[data-v-68f5c4f3]{border-color:var(--theme-colors-brand-primary-500);background:var(--theme-colors-brand-primary-500);opacity:1;box-shadow:0 0 0 2px var(--theme-colors-brand-primary-200)}.brand-btn.active .brand-logo[data-v-68f5c4f3] .logo{filter:brightness(0) invert(1)}.brand-logo[data-v-68f5c4f3]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-logo[data-v-68f5c4f3] .logo{width:100%!important;height:100%!important;max-width:24px;max-height:24px}.mode-toggle[data-v-68f5c4f3]{padding:var(--spacing-2)!important;min-width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--border-radius-full)!important;transition:all .2s ease!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.mode-toggle.dark[data-v-68f5c4f3]{background:var(--theme-colors-brand-primary-500)!important;border-color:var(--theme-colors-brand-primary-500)!important;color:#fff!important;box-shadow:0 0 0 2px var(--theme-colors-brand-primary-200)!important}.mode-toggle[data-v-68f5c4f3]:hover{transform:scale(1.05)!important}.mode-icon[data-v-68f5c4f3]{font-size:16px;display:flex;align-items:center;justify-content:center}.app-main[data-v-68f5c4f3]{flex:1;width:100%}.app-footer[data-v-68f5c4f3]{background:var(--theme-colors-surface-background);border-top:var(--border-width-1) solid var(--theme-colors-border-default);padding:var(--spacing-8) 0;margin-top:auto;width:100%}.footer-content[data-v-68f5c4f3]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-8);display:flex;align-items:center;justify-content:space-between}.footer-brand[data-v-68f5c4f3]{display:flex;align-items:center;gap:var(--spacing-3)}.footer-text[data-v-68f5c4f3]{color:var(--theme-colors-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-sans)}.footer-links[data-v-68f5c4f3]{display:flex;gap:var(--spacing-8)}.footer-links a[data-v-68f5c4f3]{color:var(--theme-colors-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-family:var(--font-family-sans);transition:color .2s ease;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.footer-links a[data-v-68f5c4f3]:hover{color:var(--theme-colors-brand-primary-500)}.footer-links a[data-v-68f5c4f3]:focus,.footer-links a[data-v-68f5c4f3]:active{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}@media (max-width: 768px){.nav-links[data-v-68f5c4f3]{gap:var(--spacing-4);margin-left:var(--spacing-4)}.nav-link[data-v-68f5c4f3]{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.footer-content[data-v-68f5c4f3]{flex-direction:column;gap:var(--spacing-4);text-align:center;padding:0 var(--spacing-4)}}@media (max-width: 640px){.brand-text[data-v-68f5c4f3]{display:none}.nav-links[data-v-68f5c4f3]{gap:var(--spacing-2);margin-left:var(--spacing-2)}.brand-btn[data-v-68f5c4f3],.mode-toggle[data-v-68f5c4f3]{width:32px!important;height:32px!important}.brand-btn[data-v-68f5c4f3]{padding:2px!important}.brand-logo[data-v-68f5c4f3]{width:20px!important;height:20px!important}.brand-logo[data-v-68f5c4f3] .logo{max-width:20px!important;max-height:20px!important}}.utopia-auth-layout[data-v-60deab41]{display:flex;background-color:var(--theme-colors-background);overflow:hidden;box-sizing:border-box;gap:0}.auth-form-section[data-v-60deab41]{flex:0 0 55%;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-12);background-color:var(--theme-colors-surface);height:100%;overflow-y:auto;border-radius:var(--spacing-12) 0 0 var(--spacing-12);box-sizing:border-box}.auth-form-container[data-v-60deab41]{width:100%;max-width:380px}.auth-logo[data-v-60deab41]{margin-bottom:var(--spacing-12);min-height:30px;border:1px solid red}.auth-logo[data-v-60deab41]:before{content:"Logo should be here";display:block;color:red;font-size:12px}.auth-welcome[data-v-60deab41]{margin-bottom:var(--spacing-8)}.auth-title[data-v-60deab41]{font-size:var(--theme-font-size-3xl);font-weight:var(--theme-font-weight-bold);color:var(--theme-colors-text);margin:0 0 var(--spacing-2) 0;display:flex;align-items:center;gap:var(--spacing-2)}.wave-emoji[data-v-60deab41]{display:inline-block;animation:wave-60deab41 .6s ease-in-out;animation-iteration-count:1;transform-origin:70% 70%}@keyframes wave-60deab41{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.auth-subtitle[data-v-60deab41]{font-size:var(--theme-font-size-base);color:var(--theme-colors-text-secondary);margin:0}.auth-form[data-v-60deab41]{margin-bottom:var(--spacing-12)}.auth-tips[data-v-60deab41]{background-color:var(--theme-colors-warning-50);border-radius:var(--spacing-12);padding:var(--spacing-6);display:flex;gap:var(--spacing-4)}.tips-content[data-v-60deab41]{flex:1}.tips-title[data-v-60deab41]{font-size:var(--theme-font-size-lg);font-weight:var(--theme-font-weight-semibold);color:var(--theme-colors-warning-800);margin:0 0 var(--spacing-1) 0}.tips-text[data-v-60deab41]{font-size:var(--theme-font-size-sm);color:var(--theme-colors-warning-700);margin:0 0 var(--spacing-2) 0}.tips-contact[data-v-60deab41]{font-size:var(--theme-font-size-sm);color:var(--theme-colors-warning-700)}.contact-phone[data-v-60deab41],.contact-email[data-v-60deab41]{color:var(--theme-colors-warning-800);font-weight:var(--theme-font-weight-semibold);text-decoration:none}.contact-phone[data-v-60deab41]:hover,.contact-email[data-v-60deab41]:hover{text-decoration:underline}.auth-slider-section[data-v-60deab41]{flex:0 0 45%;position:relative;display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;border-radius:0 var(--spacing-12) var(--spacing-12) 0;background:var(--theme-colors-surface-background);box-sizing:border-box}.slider-container[data-v-60deab41]{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;container-type:size}.slider-nav[data-v-60deab41]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.slider-nav[data-v-60deab41]:hover{background-color:#fff;transform:translateY(-50%) scale(1.1)}.slider-nav--prev[data-v-60deab41]{left:var(--spacing-8)}.slider-nav--next[data-v-60deab41]{right:var(--spacing-8)}.slider-track[data-v-60deab41]{position:relative;width:100%;height:100%}.slide[data-v-60deab41]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12)}.slide--active[data-v-60deab41]{opacity:1}.slide-content[data-v-60deab41]{text-align:center;color:#fff;margin-bottom:var(--spacing-12);z-index:5}.slide-title[data-v-60deab41]{font-size:var(--theme-font-size-4xl);font-weight:var(--theme-font-weight-bold);margin:0 0 var(--spacing-4) 0;line-height:1.2}.slide-title[data-v-60deab41] .highlight{color:#fbbf24}.slide-subtitle[data-v-60deab41]{font-size:var(--theme-font-size-lg);opacity:.9;margin:0}.slide-visual[data-v-60deab41]{position:relative;z-index:5;max-width:600px;margin:0 auto}.visual-image[data-v-60deab41]{width:100%;height:auto;display:block}.floating-logos[data-v-60deab41]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-logo[data-v-60deab41]{position:absolute;background:#fff;border-radius:var(--spacing-12);padding:var(--spacing-4);box-shadow:0 10px 15px -3px #0000001a;animation:float-60deab41 6s ease-in-out infinite}.floating-logo[data-v-60deab41]:nth-child(odd){animation-delay:-3s}@keyframes float-60deab41{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.logo-image[data-v-60deab41]{width:60px;height:auto;display:block}.slider-dots[data-v-60deab41]{position:absolute;bottom:var(--spacing-8);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-2);z-index:10}.dot[data-v-60deab41]{width:8px;height:8px;border-radius:50%;border:none;background-color:#fff6;cursor:pointer;transition:all .3s ease;padding:0}.dot[data-v-60deab41]:hover{background-color:#fff9}.dot--active[data-v-60deab41]{width:24px;background-color:#ffffffe6;border-radius:4px}.auth-slide-content[data-v-60deab41]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--spacing-12) var(--spacing-8);color:#fff;box-sizing:border-box;position:relative}.auth-slider-section[data-v-60deab41] .utopia-slider{aspect-ratio:4 / 6;height:calc(100% - var(--spacing-16));width:auto;max-width:calc(100% - var(--spacing-16));max-height:calc(100% - var(--spacing-16));background:linear-gradient(135deg,var(--theme-colors-surface-background) 0%,var(--theme-colors-background) 100%);border:none;box-shadow:0 20px 40px -15px #00000026;margin:auto}.auth-slider-section[data-v-60deab41] .dot{background-color:#fff6}.auth-slider-section[data-v-60deab41] .dot:hover{background-color:#fff9}.auth-slider-section[data-v-60deab41] .dot--active{background-color:#ffffffe6}.slide-tips[data-v-60deab41]{background:#fffffff2;border-radius:var(--spacing-12);padding:var(--spacing-4);display:flex;gap:var(--spacing-3);align-items:flex-start;max-width:450px;margin:0 auto;box-shadow:0 10px 25px -5px #0000001a;position:relative;z-index:2}.tips-icon[data-v-60deab41]{flex-shrink:0;color:var(--theme-colors-brand-primary-500)}.tips-text[data-v-60deab41]{flex:1;color:var(--theme-colors-text);font-size:var(--theme-font-size-sm);line-height:1.5}.tips-text strong[data-v-60deab41]{font-weight:var(--theme-font-weight-semibold)}.slide-image-wrapper[data-v-60deab41]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide-image-wrapper[data-v-60deab41]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000 0% 50%,#0003 80%,#0006);pointer-events:none}.slide-image[data-v-60deab41]{width:100%;height:100%;object-fit:cover;object-position:center}.slide-text[data-v-60deab41]{text-align:center;position:relative;z-index:2;background:#0009;padding:var(--spacing-6) var(--spacing-8);border-radius:var(--spacing-12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:600px;margin:0 auto}.auth-slide-content .slide-title[data-v-60deab41]{font-size:var(--theme-font-size-4xl);font-weight:var(--theme-font-weight-bold);margin:0 0 var(--spacing-2) 0;line-height:1.2;color:#fff}.auth-slide-content .slide-subtitle[data-v-60deab41]{font-size:var(--theme-font-size-lg);opacity:.9;margin:0;color:#fff}@media (max-width: 1400px){.utopia-auth-layout[data-v-60deab41]{padding:50px}}@media (max-width: 1024px){.utopia-auth-layout[data-v-60deab41]{padding:30px}.auth-form-section[data-v-60deab41]{flex:0 0 55%}.auth-slider-section[data-v-60deab41]{flex:0 0 45%}.slide-title[data-v-60deab41]{font-size:var(--theme-font-size-3xl)}}@media (min-width: 1025px){.auth-form-section[data-v-60deab41]{justify-content:flex-end}.auth-form-container[data-v-60deab41]{margin-right:var(--spacing-8)}.auth-slider-section[data-v-60deab41]{justify-content:flex-start}.slider-container[data-v-60deab41]{justify-content:flex-start;margin-left:var(--spacing-8)}}.bottomsheet-trigger[data-v-60deab41]{display:none;position:fixed;bottom:var(--spacing-6);left:50%;transform:translate(-50%);z-index:100;background:var(--theme-colors-brand-primary-500);color:#fff;border:none;border-radius:var(--theme-radius-full);padding:var(--spacing-3) var(--spacing-6);font-size:var(--theme-font-size-sm);font-weight:var(--theme-font-weight-medium);box-shadow:0 4px 12px #00000026;cursor:pointer;align-items:center;gap:var(--spacing-2);transition:all .2s ease}.bottomsheet-title[data-v-60deab41],.bottomsheet-toggle[data-v-60deab41]{display:none}.bottomsheet-trigger[data-v-60deab41]:hover{background:var(--theme-colors-brand-primary-500);transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #0003}.bottomsheet-overlay[data-v-60deab41]{display:none}@keyframes fadeIn-60deab41{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.utopia-auth-layout[data-v-60deab41]{flex-direction:column;padding:20px;gap:20px;overflow:hidden}.bottomsheet-trigger[data-v-60deab41]{display:none}.auth-form-section[data-v-60deab41]{flex:1;min-height:auto;border-radius:var(--spacing-12);padding-bottom:var(--spacing-24)}.auth-slider-section[data-v-60deab41]{position:fixed;bottom:0;left:0;right:0;height:95vh;border-radius:var(--spacing-12) var(--spacing-12) 0 0;background:var(--theme-colors-surface-background);z-index:999;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(calc(100% - 80px));box-shadow:0 -4px 20px #0000001a;display:flex;flex-direction:column;pointer-events:auto;border-top-left-radius:var(--spacing-12);border-top-right-radius:var(--spacing-12);padding-bottom:var(--spacing-4)!important}.auth-slider-section.bottomsheet-open[data-v-60deab41]{transform:translateY(0)}.bottomsheet-header[data-v-60deab41]{display:none}.auth-slider-section .bottomsheet-header[data-v-60deab41]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--theme-colors-border-light);background:var(--theme-colors-surface-background);z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:80px;flex-shrink:0;position:relative;color:var(--theme-colors-text)}.bottomsheet-handle[data-v-60deab41]{position:absolute;top:var(--spacing-2);left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--theme-colors-border);border-radius:var(--theme-radius-full);z-index:1}.bottomsheet-title[data-v-60deab41]{display:block;font-size:var(--theme-font-size-lg);font-weight:var(--theme-font-weight-semibold);margin:0;color:var(--theme-colors-text);flex:1;text-align:center;opacity:1!important}.bottomsheet-toggle[data-v-60deab41]{background:var(--theme-colors-surface-hover);border:none;padding:var(--spacing-2);cursor:pointer;color:var(--theme-colors-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:var(--theme-radius-md);transition:all .2s ease;min-width:32px;height:32px;z-index:2}.bottomsheet-toggle[data-v-60deab41]:hover{background:var(--theme-colors-surface-hover);color:var(--theme-colors-text)}.auth-slider-section[data-v-60deab41]{overflow:hidden;padding:0}.auth-slider-section[data-v-60deab41] .utopia-slider{width:100%;flex:1;max-height:none;margin:0;border-radius:0;box-shadow:none;opacity:0;transition:opacity .3s ease;overflow:hidden}.auth-slider-section.bottomsheet-open[data-v-60deab41] .utopia-slider{opacity:1}.slider-nav[data-v-60deab41]{width:40px;height:40px}.slide-title[data-v-60deab41]{font-size:var(--theme-font-size-2xl)}.slide-subtitle[data-v-60deab41]{font-size:var(--theme-font-size-base)}}@media (max-width: 480px){.utopia-auth-layout[data-v-60deab41]{padding:10px}.auth-form-section[data-v-60deab41]{padding:var(--spacing-6) var(--spacing-4)}.auth-slider-section[data-v-60deab41] .utopia-slider{width:calc(100% - var(--spacing-4));height:auto;max-height:50vh}.floating-logo[data-v-60deab41]{padding:var(--spacing-2)}.logo-image[data-v-60deab41]{width:40px}}@media (prefers-color-scheme: dark){.auth-form-section[data-v-60deab41]{background-color:var(--theme-colors-surface-dark)}.auth-title[data-v-60deab41]{color:var(--theme-colors-text-dark)}.auth-subtitle[data-v-60deab41]{color:var(--theme-colors-text-secondary-dark)}.auth-tips[data-v-60deab41]{background-color:var(--theme-colors-warning-900)}.tips-title[data-v-60deab41]{color:var(--theme-colors-warning-100)}.tips-text[data-v-60deab41],.tips-contact[data-v-60deab41]{color:var(--theme-colors-warning-200)}.contact-phone[data-v-60deab41],.contact-email[data-v-60deab41]{color:var(--theme-colors-warning-50)}}.header-actions[data-v-4271c608]{display:flex;gap:var(--spacing-3);align-items:center}.brand-buttons[data-v-4271c608]{display:flex;gap:var(--spacing-2);align-items:center;position:relative}.brand-btn[data-v-4271c608]{cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:background-color .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--theme-colors-text-primary)}.brand-btn[data-v-4271c608]:hover{background-color:var(--theme-colors-background-secondary)}.brand-btn.active[data-v-4271c608]{background-color:var(--theme-colors-brand-primary-50);color:var(--theme-colors-brand-primary-500)}.brand-logo[data-v-4271c608]{display:flex;align-items:center;justify-content:center}.mode-toggle[data-v-4271c608]{padding:var(--spacing-2);min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);transition:all .2s ease;border:1px solid var(--theme-colors-border-default);background:var(--theme-colors-background-primary);color:var(--theme-colors-text-primary);cursor:pointer}.mode-toggle[data-v-4271c608]:hover{transform:scale(1.05);background:var(--theme-colors-background-secondary)}.mode-toggle.dark[data-v-4271c608]{background:var(--theme-colors-brand-primary-500);border-color:var(--theme-colors-brand-primary-500);color:#fff;box-shadow:0 0 0 2px var(--theme-colors-brand-primary-200)}.mode-icon[data-v-4271c608]{font-size:16px;display:flex;align-items:center;justify-content:center}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;font-family:var(--font-family-sans);line-height:var(--font-line-height-normal);background-color:var(--theme-colors-surface-background);color:var(--theme-colors-text-primary);height:100%}#app{width:100%;margin:0;padding:0;background-color:var(--theme-colors-surface-background)}html{scroll-behavior:smooth}*:focus{outline:var(--border-width-2) solid var(--theme-colors-brand-primary-500);outline-offset:var(--border-width-2)}*:focus:not(:focus-visible){outline:none}.login-form[data-v-e03c1c18]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group[data-v-e03c1c18]{display:flex;flex-direction:column;gap:var(--spacing-2)}.forgot-password-link[data-v-e03c1c18]{font-size:var(--theme-font-size-sm);color:var(--theme-colors-brand-primary-500);text-decoration:none}.forgot-password-link[data-v-e03c1c18]:hover{text-decoration:underline}.submit-button[data-v-e03c1c18]{width:100%}.divider[data-v-e03c1c18]{text-align:center;margin:var(--spacing-4) 0;position:relative}.divider[data-v-e03c1c18]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--theme-colors-border-subtle)}.divider span[data-v-e03c1c18]{background-color:var(--theme-colors-surface-primary);padding:0 var(--spacing-4);position:relative;color:var(--theme-colors-text-tertiary);font-size:var(--theme-font-size-sm)}.social-button[data-v-e03c1c18]{width:100%}.social-icon[data-v-e03c1c18]{font-size:var(--theme-font-size-lg)}.component-layout[data-v-4cdb7d63]{padding:var(--spacing-4, 16px);max-width:1200px;margin:0 auto}.page-header[data-v-4cdb7d63]{margin-bottom:var(--spacing-8, 32px);padding-bottom:var(--spacing-6, 24px);border-bottom:1px solid var(--theme-colors-border-default, #e5e7eb)}.header-title[data-v-4cdb7d63]{display:flex;align-items:center;gap:var(--spacing-3, 12px);margin-bottom:var(--spacing-3, 12px)}.header-title h1[data-v-4cdb7d63]{margin:0;font-size:var(--font-size-3xl, 30px);font-weight:var(--font-weight-bold, 700);color:var(--theme-colors-text-primary, #111827)}.component-icon[data-v-4cdb7d63]{font-size:var(--font-size-2xl, 24px);color:var(--theme-colors-brand-primary-500, #3b82f6)}.component-description[data-v-4cdb7d63]{margin:0 0 var(--spacing-3, 12px) 0;font-size:var(--font-size-lg, 18px);color:var(--theme-colors-text-secondary, #6b7280);line-height:1.6}.page-meta[data-v-4cdb7d63]{margin:0}.section-badge[data-v-4cdb7d63]{display:inline-block;padding:var(--spacing-1, 4px) var(--spacing-3, 12px);background:var(--theme-colors-brand-primary-100);color:var(--theme-colors-brand-primary-500);border-radius:var(--border-radius-full, 9999px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);text-transform:capitalize}.page-content[data-v-4cdb7d63]{margin-bottom:var(--spacing-8, 32px)}.content-section[data-v-4cdb7d63]{background:var(--theme-colors-surface-card, #ffffff);border:1px solid var(--theme-colors-border-default, #e5e7eb);border-radius:var(--border-radius-lg, 8px);padding:var(--spacing-6, 24px);margin-bottom:var(--spacing-6, 24px)}.content-section h2[data-v-4cdb7d63]{font-size:var(--font-size-2xl, 24px);font-weight:var(--font-weight-semibold, 600);color:var(--theme-colors-text-primary, #111827);margin-bottom:var(--spacing-6, 24px)}.showcase-container[data-v-4cdb7d63]{display:grid;gap:var(--spacing-6, 24px)}.page-content[data-v-4cdb7d63] .example-item{border:1px solid var(--theme-colors-border-default, #e5e7eb);border-radius:var(--border-radius-lg, 8px);overflow:hidden}.page-content[data-v-4cdb7d63] .example-item h3{background:var(--theme-colors-surface-muted, #f3f4f6);padding:var(--spacing-4, 16px);margin:0 0 var(--spacing-4, 16px) 0;font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--theme-colors-text-primary, #111827);border-bottom:1px solid var(--theme-colors-border-default, #e5e7eb);border-radius:var(--border-radius-lg, 8px) var(--border-radius-lg, 8px) 0 0}.content-example[data-v-4cdb7d63]{padding:var(--spacing-6, 24px);background:var(--theme-colors-surface-card, #ffffff);margin-bottom:0}.content-example p[data-v-4cdb7d63]{margin:0 0 var(--spacing-4, 16px) 0;color:var(--theme-colors-text-secondary, #6b7280);line-height:1.6}.content-example p[data-v-4cdb7d63]:last-child{margin-bottom:0}.page-content[data-v-4cdb7d63] .code-snippet{border-top:1px solid var(--theme-colors-border-default, #e5e7eb);margin-top:var(--spacing-4, 16px)}.page-content[data-v-4cdb7d63] .code-snippet summary{display:flex;align-items:center;gap:var(--spacing-3, 12px);padding:var(--spacing-4, 16px) var(--spacing-6, 24px);background:var(--theme-colors-surface-muted, #f3f4f6);cursor:pointer;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--theme-colors-text-secondary, #6b7280);transition:all .2s ease;border:none}.page-content[data-v-4cdb7d63] .code-snippet summary:hover{background:var(--theme-colors-surface-hover, #f1f5f9);color:var(--theme-colors-text-primary, #111827)}.page-content[data-v-4cdb7d63] .code-snippet summary::-webkit-details-marker{display:none}.page-content[data-v-4cdb7d63] .code-snippet summary:after{content:"▶";font-size:var(--font-size-xs, 12px);transition:transform .2s ease;margin-left:auto}.page-content[data-v-4cdb7d63] .code-snippet[open] summary:after{transform:rotate(90deg)}.page-content[data-v-4cdb7d63] .code-icon{font-size:var(--font-size-sm, 14px);color:var(--theme-colors-brand-primary-500, #3b82f6)}.page-content[data-v-4cdb7d63] .code-snippet pre{margin:0;padding:var(--spacing-6, 24px);background:var(--theme-colors-surface-dark, #1e293b);color:var(--theme-colors-text-contrast, #f1f5f9);font-family:var(--font-family-mono, "JetBrains Mono", "Fira Code", Consolas, monospace);font-size:var(--font-size-sm, 14px);line-height:1.8;overflow-x:auto;border:none}.page-content[data-v-4cdb7d63] .code-snippet pre code{background:none;padding:0;color:inherit}.page-content[data-v-4cdb7d63]{-webkit-user-select:text;user-select:text}ul[data-v-4cdb7d63]{margin:var(--spacing-4, 16px) 0;padding-left:var(--spacing-6, 24px)}ul li[data-v-4cdb7d63]{margin-bottom:var(--spacing-2, 8px);color:var(--theme-colors-text-secondary, #6b7280);line-height:1.6}code[data-v-4cdb7d63]{background:var(--theme-colors-surface-muted, #f3f4f6);padding:var(--spacing-1, 4px) var(--spacing-2, 8px);border-radius:var(--border-radius-sm, 4px);font-family:var(--font-family-mono, "JetBrains Mono", "Fira Code", Consolas, monospace);font-size:var(--font-size-sm, 14px);color:var(--theme-colors-text-primary, #111827)}@media (max-width: 768px){.component-layout[data-v-4cdb7d63]{padding:var(--spacing-2, 8px)}.content-section[data-v-4cdb7d63]{padding:var(--spacing-4, 16px)}.page-header[data-v-4cdb7d63]{margin-bottom:var(--spacing-6, 24px);padding-bottom:var(--spacing-4, 16px)}.header-title h1[data-v-4cdb7d63]{font-size:var(--font-size-2xl, 24px)}}@media (max-width: 480px){.component-layout[data-v-4cdb7d63]{padding:var(--spacing-1, 4px)}.content-section[data-v-4cdb7d63]{padding:var(--spacing-3, 12px)}.content-example[data-v-4cdb7d63]{padding:var(--spacing-4, 16px)}.page-content[data-v-4cdb7d63] .code-snippet summary{padding:var(--spacing-3, 12px) var(--spacing-4, 16px)}.page-content[data-v-4cdb7d63] .code-snippet pre{padding:var(--spacing-4, 16px)}}.colors-intro[data-v-335bb6e9]{margin-bottom:var(--spacing-8)}.intro-description[data-v-335bb6e9]{font-size:var(--font-size-lg);color:var(--theme-colors-text-secondary);text-align:center;margin-bottom:var(--spacing-6)}.colors-documentation h3[data-v-335bb6e9]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.colors-documentation ul[data-v-335bb6e9]{margin-left:var(--spacing-4);margin-bottom:var(--spacing-4)}.colors-documentation li[data-v-335bb6e9]{margin-bottom:var(--spacing-2)}.colors-documentation pre[data-v-335bb6e9]{background:var(--theme-colors-surface-background);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-md);padding:var(--spacing-4);margin:var(--spacing-4) 0;overflow-x:auto}.colors-documentation code[data-v-335bb6e9]{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--theme-colors-text-primary)}.section[data-v-335bb6e9]{margin-bottom:var(--spacing-16)}.section-title[data-v-335bb6e9]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4);border-bottom:2px solid var(--theme-colors-border-default);padding-bottom:var(--spacing-4)}.section-description[data-v-335bb6e9]{font-size:var(--font-size-base);color:var(--theme-colors-text-secondary);margin-bottom:var(--spacing-8)}.colors-grid[data-v-335bb6e9],.common-colors-grid[data-v-335bb6e9]{display:flex;flex-direction:column;gap:var(--spacing-8)}.color-group[data-v-335bb6e9],.common-color-group[data-v-335bb6e9]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.color-group-title[data-v-335bb6e9]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4)}.color-row[data-v-335bb6e9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3)}.color-card[data-v-335bb6e9]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3);border-radius:var(--border-radius-md);transition:transform .2s ease}.color-card[data-v-335bb6e9]:hover{transform:translateY(-2px)}.color-swatch[data-v-335bb6e9]{width:60px;height:60px;border-radius:var(--border-radius-md);border:1px solid var(--theme-colors-border-default);margin-bottom:var(--spacing-2);box-shadow:var(--shadow-sm)}.color-info[data-v-335bb6e9]{text-align:center}.color-name[data-v-335bb6e9]{display:block;font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-1)}.color-code-group[data-v-335bb6e9]{display:flex;align-items:center;gap:var(--spacing-2);width:100%}.color-code[data-v-335bb6e9]{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--theme-colors-text-secondary);background:var(--theme-colors-surface-background);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);flex:1}.copy-btn[data-v-335bb6e9]{opacity:0;transition:opacity .2s ease;min-width:32px!important;min-height:24px!important;padding:var(--spacing-1)!important}.color-card:hover .copy-btn[data-v-335bb6e9]{opacity:1}.color-description[data-v-335bb6e9]{font-size:var(--font-size-xs);color:var(--theme-colors-text-muted);margin-top:var(--spacing-2);font-style:italic}@media (max-width: 768px){.colors-page[data-v-335bb6e9],.color-group[data-v-335bb6e9],.common-color-group[data-v-335bb6e9]{padding:var(--spacing-4)}.color-row[data-v-335bb6e9]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-2)}.color-swatch[data-v-335bb6e9]{width:50px;height:50px}}[data-v-335bb6e9] *{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}[data-v-335bb6e9] button,[data-v-335bb6e9] .code-snippet summary{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}@media (max-width: 480px){.colors-page[data-v-335bb6e9]{padding:var(--spacing-2)}.color-group[data-v-335bb6e9],.common-color-group[data-v-335bb6e9]{padding:var(--spacing-3)}.color-row[data-v-335bb6e9]{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-1)}.color-swatch[data-v-335bb6e9]{width:40px;height:40px}}.intro[data-v-1ef22671]{margin-bottom:var(--spacing-8);text-align:center}.intro p[data-v-1ef22671]{font-size:var(--font-size-lg);color:var(--theme-colors-text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.controls-section[data-v-1ef22671]{background:var(--theme-colors-surface-background);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.search-controls[data-v-1ef22671]{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.search-input-container[data-v-1ef22671]{position:relative;flex:1}.search-input[data-v-1ef22671]{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-12);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:border-color .2s ease}.search-input[data-v-1ef22671]:focus{outline:none;border-color:var(--theme-colors-brand-primary-500);box-shadow:0 0 0 3px var(--theme-colors-brand-primary-100)}.search-icon[data-v-1ef22671]{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--theme-colors-text-secondary)}.filter-controls[data-v-1ef22671]{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.control-label[data-v-1ef22671]{font-weight:var(--font-weight-medium);color:var(--theme-colors-text-primary);white-space:nowrap}.size-buttons[data-v-1ef22671]{display:flex;gap:var(--spacing-1)}.size-btn[data-v-1ef22671]{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--theme-colors-border-default);background:var(--theme-colors-surface-background);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);text-transform:capitalize}.stroke-width-controls[data-v-1ef22671]{display:flex;gap:var(--spacing-1)}.stroke-btn[data-v-1ef22671]{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--theme-colors-border-default);background:var(--theme-colors-surface-background);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);min-width:40px}.size-btn[data-v-1ef22671]:hover,.stroke-btn[data-v-1ef22671]:hover{border-color:var(--theme-colors-brand-primary-500)}.size-btn.active[data-v-1ef22671],.stroke-btn.active[data-v-1ef22671]{background:var(--theme-colors-brand-primary-500);border-color:var(--theme-colors-brand-primary-500);color:#fff}.color-select[data-v-1ef22671]{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-sm);background:var(--theme-colors-surface-background);font-size:var(--font-size-sm);text-transform:capitalize}.results-info[data-v-1ef22671]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);border-top:1px solid var(--theme-colors-border-default)}.results-count[data-v-1ef22671]{font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary)}.icons-section[data-v-1ef22671]{margin-bottom:var(--spacing-12)}.icons-grid[data-v-1ef22671]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.icon-card[data-v-1ef22671]{background:var(--theme-colors-surface-background);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-md);padding:var(--spacing-4);cursor:pointer;transition:all .2s ease;text-align:center}.icon-card[data-v-1ef22671]:hover{border-color:var(--theme-colors-brand-primary-300);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.icon-card.selected[data-v-1ef22671]{border-color:var(--theme-colors-brand-primary-500);background:var(--theme-colors-brand-primary-50)}.icon-preview[data-v-1ef22671]{display:flex;justify-content:center;align-items:center;height:60px;margin-bottom:var(--spacing-3)}.icon-name[data-v-1ef22671]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--theme-colors-text-primary);margin:0 0 var(--spacing-1) 0}.icon-filename[data-v-1ef22671]{font-size:var(--font-size-xs);color:var(--theme-colors-text-secondary);font-family:var(--font-family-mono);margin:0 0 var(--spacing-2) 0}.copy-icon-btn[data-v-1ef22671]{visibility:hidden;opacity:0;transition:all .2s ease;min-width:24px!important;min-height:24px!important;padding:var(--spacing-1)!important;font-size:var(--font-size-xs)!important}.icon-card:hover .copy-icon-btn[data-v-1ef22671]{visibility:visible;opacity:1}.no-results[data-v-1ef22671]{text-align:center;padding:var(--spacing-12);color:var(--theme-colors-text-secondary)}.no-results h3[data-v-1ef22671]{margin:var(--spacing-4) 0;color:var(--theme-colors-text-primary)}.icon-details[data-v-1ef22671]{background:var(--theme-colors-surface-background);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.details-header[data-v-1ef22671]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.details-title[data-v-1ef22671]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin:0}.details-content[data-v-1ef22671]{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-8)}.details-preview[data-v-1ef22671]{text-align:center}.preview-large[data-v-1ef22671]{background:var(--theme-colors-brand-primary-25);border:1px solid var(--theme-colors-brand-primary-200);border-radius:var(--border-radius-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-4);display:flex;justify-content:center;align-items:center;min-height:120px}.selected-icon-name[data-v-1ef22671]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin:0 0 var(--spacing-2) 0}.selected-icon-filename[data-v-1ef22671]{font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary);font-family:var(--font-family-mono);margin:0}.usage-examples[data-v-1ef22671]{display:flex;flex-direction:column;gap:var(--spacing-4)}.usage-title[data-v-1ef22671]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin:0 0 var(--spacing-4) 0}.code-example[data-v-1ef22671]{margin-bottom:var(--spacing-4)}.code-example h5[data-v-1ef22671]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--theme-colors-text-secondary);margin:0 0 var(--spacing-2) 0}.code-snippet[data-v-1ef22671]{margin-bottom:var(--spacing-4)}.code-with-copy[data-v-1ef22671]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2)}.code-with-copy code[data-v-1ef22671]{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--theme-colors-text-secondary);background:var(--theme-colors-surface-background);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);flex:1;word-break:break-all}.copy-btn[data-v-1ef22671]{min-width:36px;flex-shrink:0}.color-variants[data-v-1ef22671]{margin:var(--spacing-6) 0}.variants-title[data-v-1ef22671]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin:0 0 var(--spacing-4) 0}.color-grid[data-v-1ef22671]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3)}.color-variant[data-v-1ef22671]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3);border:2px solid var(--theme-colors-border-subtle);border-radius:var(--border-radius-md);background:var(--theme-colors-background-primary);cursor:pointer;transition:all .2s ease}.color-variant[data-v-1ef22671]:hover{border-color:var(--theme-colors-brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.color-variant.active[data-v-1ef22671]{border-color:var(--theme-colors-brand-primary-500);background:var(--theme-colors-brand-primary-25);box-shadow:var(--shadow-md)}.variant-preview[data-v-1ef22671]{margin-bottom:var(--spacing-2);display:flex;align-items:center;justify-content:center;min-height:40px}.variant-info[data-v-1ef22671]{text-align:center}.variant-name[data-v-1ef22671]{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-1)}.variant-code[data-v-1ef22671]{font-size:var(--font-size-xs);color:var(--theme-colors-text-secondary);background:var(--theme-colors-background-subtle);padding:2px 6px;border-radius:var(--border-radius-sm);font-family:var(--font-family-mono)}.color-variant.active .variant-code[data-v-1ef22671]{background:var(--theme-colors-brand-primary-100);color:var(--theme-colors-brand-primary-500)}.usage-guide[data-v-1ef22671]{background:var(--theme-colors-surface-background);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.section-title[data-v-1ef22671]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin:0 0 var(--spacing-6) 0}.guide-content[data-v-1ef22671]{display:grid;gap:var(--spacing-6)}.guide-item h3[data-v-1ef22671]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--theme-colors-text-primary);margin:0 0 var(--spacing-3) 0}.size-examples[data-v-1ef22671],.color-examples[data-v-1ef22671]{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.size-example[data-v-1ef22671],.color-example[data-v-1ef22671]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-sm);background:var(--theme-colors-brand-primary-25)}.size-label[data-v-1ef22671],.color-label[data-v-1ef22671],.stroke-label[data-v-1ef22671]{font-size:var(--font-size-xs);color:var(--theme-colors-text-secondary);text-transform:capitalize}.stroke-label[data-v-1ef22671]{font-family:var(--font-family-mono)}.stroke-examples[data-v-1ef22671]{display:flex;gap:var(--spacing-4);flex-wrap:wrap;margin-bottom:var(--spacing-3)}.stroke-example[data-v-1ef22671]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-sm);background:var(--theme-colors-brand-primary-25)}.stroke-description[data-v-1ef22671]{font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary);line-height:1.5;margin:0}.stroke-description code[data-v-1ef22671]{font-family:var(--font-family-mono);background:var(--theme-colors-slate-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:.9em}.documentation[data-v-1ef22671]{color:var(--theme-colors-text-secondary)}.documentation h3[data-v-1ef22671]{color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4)}.documentation h4[data-v-1ef22671]{color:var(--theme-colors-text-primary);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.documentation ul[data-v-1ef22671]{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.documentation li[data-v-1ef22671]{margin-bottom:var(--spacing-2)}.documentation code[data-v-1ef22671]{background:var(--theme-colors-surface-overlay);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--theme-colors-text-primary)}.documentation .code-example[data-v-1ef22671]{background:var(--theme-colors-surface-background);border:1px solid var(--theme-colors-border-default);border-radius:var(--radius-md);padding:var(--spacing-4);margin:var(--spacing-4) 0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.5;overflow-x:auto}@media (max-width: 768px){.icons-grid[data-v-1ef22671]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-3)}.details-content[data-v-1ef22671]{grid-template-columns:1fr;gap:var(--spacing-4)}.filter-controls[data-v-1ef22671]{flex-direction:column;align-items:flex-start}.size-examples[data-v-1ef22671],.color-examples[data-v-1ef22671],.stroke-examples[data-v-1ef22671]{justify-content:center}.controls-section[data-v-1ef22671]{padding:var(--spacing-4)}}@media (max-width: 480px){.icons-grid[data-v-1ef22671]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.search-controls[data-v-1ef22671]{gap:var(--spacing-3)}.controls-section[data-v-1ef22671]{padding:var(--spacing-3)}}.intro[data-v-13fb29b6]{margin-bottom:var(--spacing-8);text-align:center}.intro p[data-v-13fb29b6]{font-size:var(--font-size-lg);color:var(--theme-colors-text-secondary);max-width:600px;margin:0 auto}.section[data-v-13fb29b6]{margin-bottom:var(--spacing-16)}.section-title[data-v-13fb29b6]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4);border-bottom:2px solid var(--theme-colors-border-default);padding-bottom:var(--spacing-4)}.section-description[data-v-13fb29b6]{font-size:var(--font-size-base);color:var(--theme-colors-text-secondary);margin-bottom:var(--spacing-8)}.logos-grid[data-v-13fb29b6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.logo-card[data-v-13fb29b6]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);overflow:hidden;transition:transform .2s ease}.logo-card[data-v-13fb29b6]:hover{transform:translateY(-2px)}.logo-card.dark[data-v-13fb29b6]{background:var(--theme-colors-slate-800)}.logo-preview[data-v-13fb29b6]{padding:var(--spacing-8);text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center}.logo-info[data-v-13fb29b6]{padding:var(--spacing-6);border-top:1px solid var(--theme-colors-border-default)}.logo-card.dark .logo-info[data-v-13fb29b6]{background:var(--theme-colors-surface-card)}.logo-name[data-v-13fb29b6]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-2)}.logo-description[data-v-13fb29b6]{font-size:var(--font-size-base);color:var(--theme-colors-text-secondary);margin-bottom:var(--spacing-4)}.code-with-copy[data-v-13fb29b6]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.copy-btn[data-v-13fb29b6]{opacity:.7;transition:opacity .2s ease}.copy-btn[data-v-13fb29b6]:hover{opacity:1}.code-snippet[data-v-13fb29b6]{margin-bottom:var(--spacing-4)}.code-snippet code[data-v-13fb29b6]{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--theme-colors-text-secondary);background:var(--theme-colors-surface-background);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);word-break:break-all}.example-grid[data-v-13fb29b6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.example-card[data-v-13fb29b6]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.example-title[data-v-13fb29b6]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4)}.code-block[data-v-13fb29b6]{background:var(--theme-colors-slate-50);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-md);padding:var(--spacing-4);overflow-x:auto;font-size:var(--font-size-sm);line-height:1.5}.code-block code[data-v-13fb29b6]{color:var(--theme-colors-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.guidelines-grid[data-v-13fb29b6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.guideline-card[data-v-13fb29b6]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.guideline-card.error[data-v-13fb29b6]{border-color:var(--theme-colors-danger-300);background:var(--theme-colors-danger-25)}.guideline-title[data-v-13fb29b6]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4)}.guideline-list[data-v-13fb29b6]{list-style:none;padding:0;margin:0}.guideline-list li[data-v-13fb29b6]{font-size:var(--font-size-base);color:var(--theme-colors-text-secondary);margin-bottom:var(--spacing-2);padding-left:var(--spacing-4);position:relative}.guideline-list li[data-v-13fb29b6]:before{content:"•";position:absolute;left:0;color:var(--theme-colors-brand-primary-500);font-weight:var(--font-weight-bold)}.guideline-card.error .guideline-list li[data-v-13fb29b6]:before{color:var(--theme-colors-danger-500)}.spacing-example[data-v-13fb29b6]{text-align:center;margin-top:var(--spacing-8)}.spacing-demo[data-v-13fb29b6]{position:relative;display:inline-block;margin-bottom:var(--spacing-4)}.spacing-lines[data-v-13fb29b6]{position:absolute;inset:-20px}.spacing-line[data-v-13fb29b6]{position:absolute;border:1px dashed var(--theme-colors-brand-primary-400)}.horizontal[data-v-13fb29b6]{left:0;right:0}.vertical[data-v-13fb29b6]{top:0;bottom:0}.top[data-v-13fb29b6]{top:-20px}.bottom[data-v-13fb29b6]{bottom:-20px}.left[data-v-13fb29b6]{left:-20px}.right[data-v-13fb29b6]{right:-20px}.demo-logo[data-v-13fb29b6]{background:var(--theme-colors-brand-primary-100);color:var(--theme-colors-brand-primary-500);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--border-radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);border:2px solid var(--theme-colors-brand-primary-300)}.spacing-note[data-v-13fb29b6]{font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary);font-style:italic}.documentation[data-v-13fb29b6]{color:var(--theme-colors-text-secondary)}.documentation h3[data-v-13fb29b6]{color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4)}.documentation h4[data-v-13fb29b6]{color:var(--theme-colors-text-primary);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.documentation ul[data-v-13fb29b6]{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.documentation li[data-v-13fb29b6]{margin-bottom:var(--spacing-2)}.documentation code[data-v-13fb29b6]{background:var(--theme-colors-surface-overlay);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--theme-colors-text-primary)}@media (max-width: 768px){.logos-grid[data-v-13fb29b6],.guidelines-grid[data-v-13fb29b6]{grid-template-columns:1fr}.logo-preview[data-v-13fb29b6]{padding:var(--spacing-6);min-height:100px}.logo-info[data-v-13fb29b6]{padding:var(--spacing-4)}}@media (max-width: 480px){.logo-preview[data-v-13fb29b6]{padding:var(--spacing-4);min-height:80px}.logo-info[data-v-13fb29b6]{padding:var(--spacing-3)}}.intro[data-v-517afda6]{color:var(--theme-colors-text-secondary);margin-bottom:var(--spacing-8)}.section[data-v-517afda6]{margin-bottom:var(--spacing-16)}.section-title[data-v-517afda6]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4);border-bottom:2px solid var(--theme-colors-border-default);padding-bottom:var(--spacing-4)}.section-description[data-v-517afda6]{font-size:var(--font-size-base);color:var(--theme-colors-text-secondary);margin-bottom:var(--spacing-8)}.spacing-grid[data-v-517afda6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.spacing-card[data-v-517afda6]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-4);text-align:center}.spacing-label[data-v-517afda6]{font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-3)}.spacing-visual[data-v-517afda6]{background:var(--theme-colors-brand-primary-500);border-radius:var(--border-radius-sm);margin:0 auto var(--spacing-3) auto;max-width:100px;max-height:100px}.spacing-info[data-v-517afda6]{display:flex;flex-direction:column;gap:var(--spacing-2)}.code-group[data-v-517afda6]{display:flex;align-items:center;gap:var(--spacing-2)}.spacing-var[data-v-517afda6]{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--theme-colors-text-secondary);background:var(--theme-colors-surface-background);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);flex:1}.spacing-value[data-v-517afda6]{font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary)}.copy-btn[data-v-517afda6]{opacity:0;transition:opacity .2s ease}.spacing-card:hover .copy-btn[data-v-517afda6]{opacity:1}.examples-grid[data-v-517afda6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8)}.example-card[data-v-517afda6]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.example-title[data-v-517afda6]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4)}.example-preview[data-v-517afda6]{margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:var(--theme-colors-surface-background);border-radius:var(--border-radius-md);border:2px dashed var(--theme-colors-border-default)}.example-component[data-v-517afda6]{background:var(--theme-colors-brand-primary-100);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-2);display:inline-block;margin-right:var(--spacing-3)}.padding-sm[data-v-517afda6]{padding:var(--spacing-2)}.padding-md[data-v-517afda6]{padding:var(--spacing-4)}.padding-lg[data-v-517afda6]{padding:var(--spacing-6)}.component-content[data-v-517afda6]{color:var(--theme-colors-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.example-list[data-v-517afda6]{display:flex;flex-direction:column;margin-bottom:var(--spacing-4)}.gap-sm[data-v-517afda6]{gap:var(--spacing-2)}.gap-md[data-v-517afda6]{gap:var(--spacing-4)}.list-item[data-v-517afda6]{background:var(--theme-colors-brand-primary-100);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-sm);color:var(--theme-colors-text-primary);font-size:var(--font-size-sm)}.example-section[data-v-517afda6]{background:var(--theme-colors-surface-elevated);border-radius:var(--border-radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-8)}.section-header[data-v-517afda6]{font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-3)}.section-content[data-v-517afda6]{color:var(--theme-colors-text-secondary);font-size:var(--font-size-sm)}.example-description[data-v-517afda6]{font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary)}.guidelines-grid[data-v-517afda6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.guideline-card[data-v-517afda6]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.guideline-title[data-v-517afda6]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-3)}.guideline-description[data-v-517afda6]{font-size:var(--font-size-base);color:var(--theme-colors-text-secondary);line-height:1.6}.documentation[data-v-517afda6]{color:var(--theme-colors-text-secondary)}.documentation h3[data-v-517afda6]{color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4)}.documentation h4[data-v-517afda6]{color:var(--theme-colors-text-primary);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.documentation ul[data-v-517afda6]{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.documentation li[data-v-517afda6]{margin-bottom:var(--spacing-2)}.documentation code[data-v-517afda6]{background:var(--theme-colors-surface-background);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--theme-colors-text-primary)}@media (max-width: 768px){.spacing-grid[data-v-517afda6]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.examples-grid[data-v-517afda6],.guidelines-grid[data-v-517afda6]{grid-template-columns:1fr}.example-card[data-v-517afda6],.guideline-card[data-v-517afda6]{padding:var(--spacing-4)}}@media (max-width: 480px){.example-card[data-v-517afda6],.guideline-card[data-v-517afda6],.spacing-card[data-v-517afda6]{padding:var(--spacing-3)}}.intro[data-v-0e233ffc]{color:var(--theme-colors-text-secondary);margin-bottom:var(--spacing-8)}.section[data-v-0e233ffc]{margin-bottom:var(--spacing-16)}.section-title[data-v-0e233ffc]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4);border-bottom:2px solid var(--theme-colors-border-default);padding-bottom:var(--spacing-4)}.section-description[data-v-0e233ffc]{font-size:var(--font-size-base);color:var(--theme-colors-text-secondary);margin-bottom:var(--spacing-8)}.font-families-grid[data-v-0e233ffc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-6)}.font-family-card[data-v-0e233ffc]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.font-family-name[data-v-0e233ffc]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4)}.font-family-sample[data-v-0e233ffc]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3);color:var(--theme-colors-text-primary)}.font-sans[data-v-0e233ffc]{font-family:var(--font-family-sans)}.font-mono[data-v-0e233ffc]{font-family:var(--font-family-mono)}.font-family-info[data-v-0e233ffc]{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--theme-colors-border-default)}.font-family-stack[data-v-0e233ffc]{font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary);margin-top:var(--spacing-2)}.font-sizes-grid[data-v-0e233ffc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.font-size-card[data-v-0e233ffc]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-4)}.font-size-sample[data-v-0e233ffc]{color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-3)}.font-size-info[data-v-0e233ffc]{display:flex;flex-direction:column;gap:var(--spacing-2)}.font-size-name[data-v-0e233ffc]{font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary)}.font-size-value[data-v-0e233ffc]{font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary)}.font-weights-grid[data-v-0e233ffc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.font-weight-card[data-v-0e233ffc]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-4)}.font-weight-sample[data-v-0e233ffc]{color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-3);font-size:var(--font-size-lg)}.font-weight-info[data-v-0e233ffc]{display:flex;flex-direction:column;gap:var(--spacing-2)}.font-weight-name[data-v-0e233ffc]{font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary)}.font-weight-value[data-v-0e233ffc]{font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary)}.text-colors-grid[data-v-0e233ffc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.text-color-card[data-v-0e233ffc]{background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-4)}.text-color-sample[data-v-0e233ffc]{margin-bottom:var(--spacing-3);font-size:var(--font-size-base)}.text-color-info[data-v-0e233ffc]{display:flex;flex-direction:column;gap:var(--spacing-2)}.text-color-name[data-v-0e233ffc]{font-weight:var(--font-weight-semibold);color:var(--theme-colors-text-primary)}.code-group[data-v-0e233ffc]{display:flex;align-items:center;gap:var(--spacing-2)}.font-family-var[data-v-0e233ffc],.font-size-var[data-v-0e233ffc],.font-weight-var[data-v-0e233ffc],.text-color-var[data-v-0e233ffc]{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--theme-colors-text-secondary);background:var(--theme-colors-surface-background);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);flex:1}.copy-btn[data-v-0e233ffc]{opacity:0;transition:opacity .2s ease}.font-family-card:hover .copy-btn[data-v-0e233ffc],.font-size-card:hover .copy-btn[data-v-0e233ffc],.font-weight-card:hover .copy-btn[data-v-0e233ffc],.text-color-card:hover .copy-btn[data-v-0e233ffc]{opacity:1}.documentation[data-v-0e233ffc]{color:var(--theme-colors-text-secondary)}.documentation h3[data-v-0e233ffc]{color:var(--theme-colors-text-primary);margin-bottom:var(--spacing-4)}.documentation h4[data-v-0e233ffc]{color:var(--theme-colors-text-primary);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.documentation ul[data-v-0e233ffc]{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.documentation li[data-v-0e233ffc]{margin-bottom:var(--spacing-2)}.figtree-features[data-v-0e233ffc]{display:flex;flex-direction:column;gap:var(--spacing-3);margin:var(--spacing-4) 0;padding:var(--spacing-4);background:var(--theme-colors-surface-card);border:1px solid var(--theme-colors-border-default);border-radius:var(--border-radius-lg)}.feature-item[data-v-0e233ffc]{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--theme-colors-text-secondary)}.feature-item strong[data-v-0e233ffc]{color:var(--theme-colors-text-primary);min-width:140px}.documentation code[data-v-0e233ffc]{background:var(--theme-colors-surface-background);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--theme-colors-text-primary)}@media (max-width: 768px){.font-families-grid[data-v-0e233ffc],.font-sizes-grid[data-v-0e233ffc],.font-weights-grid[data-v-0e233ffc],.text-colors-grid[data-v-0e233ffc]{grid-template-columns:1fr}}*{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,p,h1,h2,h3,h4,h5,h6,ul,ol,li,span,div,code,pre,blockquote,select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input,input>span,button,button>span,textarea,textarea>span,select,select>span,label,label>span,a{-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active{outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important}button:focus,button:active{outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],textarea,select{font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button:focus-visible,.input:focus-visible,.checkbox:focus-visible{outline:2px solid var(--theme-colors-brand-primary-500, #3b82f6)!important;outline-offset:2px!important;-webkit-tap-highlight-color:transparent!important}