@layer theme,base,utilities;:root{--brand-primary-50: #e3f2fd;--brand-primary-100: #bbdefb;--brand-primary-200: #90caf9;--brand-primary-300: #64b5f6;--brand-primary-400: #42a5f5;--brand-primary-500: #1565c0;--brand-primary-600: #0d47a1;--brand-primary-700: #0a3d91;--brand-primary-800: #083275;--brand-primary-900: #062b6f;--brand-secondary-50: #fff3e0;--brand-secondary-100: #ffe0b2;--brand-secondary-200: #ffcc80;--brand-secondary-300: #ffb74d;--brand-secondary-400: #ffa726;--brand-secondary-500: #ff9800;--brand-secondary-600: #fb8c00;--brand-secondary-700: #f57c00;--brand-secondary-800: #ef6c00;--brand-secondary-900: #e65100;--brand-neutral-50: #fafafa;--brand-neutral-100: #f5f5f5;--brand-neutral-200: #eeeeee;--brand-neutral-300: #e0e0e0;--brand-neutral-400: #bdbdbd;--brand-neutral-500: #9e9e9e;--brand-neutral-600: #616161;--brand-neutral-700: #616161;--brand-neutral-800: #424242;--brand-neutral-900: #212121;--color-primary: var(--brand-primary-500);--color-primary-hover: var(--brand-primary-600);--color-primary-active: var(--brand-primary-700);--color-on-primary: #ffffff;--color-secondary: var(--brand-secondary-500);--color-secondary-hover: var(--brand-secondary-600);--color-on-secondary: #000000;--color-surface: #ffffff;--color-surface-variant: var(--brand-neutral-50);--color-surface-elevated: color-mix( in srgb, var(--color-surface) 92%, var(--color-on-surface) 8% );--color-on-surface: var(--brand-neutral-900);--color-on-surface-variant: var(--brand-neutral-700);--color-background: var(--brand-neutral-50);--color-on-background: var(--brand-neutral-900);--color-overlay: rgba(0, 0, 0, .5);--color-error: #d32f2f;--color-error-hover: #c62828;--color-on-error: #ffffff;--color-warning: #f57c00;--color-warning-hover: #ef6c00;--color-on-warning: #000000;--color-success: #388e3c;--color-success-hover: #2e7d32;--color-on-success: #ffffff;--color-info: #0288d1;--color-info-hover: #0277bd;--color-on-info: #ffffff;--text-primary: var(--color-on-surface);--text-secondary: var(--color-on-surface-variant);--text-muted: var(--brand-neutral-600);--text-disabled: var(--brand-neutral-500);--text-inverse: #ffffff;--color-link: var(--color-primary);--color-link-hover: var(--color-primary-hover);--border-color: color-mix(in srgb, var(--color-on-surface) 12%, transparent);--border-subtle: color-mix(in srgb, var(--color-on-surface) 8%, transparent);--border-strong: color-mix(in srgb, var(--color-on-surface) 24%, transparent);--input-background: var(--color-surface);--input-border: var(--border-color);--input-border-focus: var(--color-primary);--input-border-error: var(--color-error);--hover-background: color-mix(in srgb, var(--color-primary) 8%, transparent);--hover-surface: color-mix(in srgb, var(--color-on-surface) 4%, transparent);--disabled-background: var(--brand-neutral-200);--disabled-text: var(--text-disabled);--focus-ring-color: color-mix(in srgb, var(--color-primary) 20%, transparent);--focus-ring: 0 0 0 3px var(--focus-ring-color);--primary-color: var(--color-primary);--primary-hover-color: var(--color-primary-hover);--button-background: var(--color-primary);--button-text: var(--color-on-primary);--button-hover: var(--color-primary-hover);--secondary-color: var(--color-surface-variant);--secondary-hover-color: var(--hover-surface);--card-background: var(--color-surface);--bg-card: var(--color-surface);--surface: var(--color-surface);--text-color: var(--text-primary);--text-heading: var(--text-primary);--muted-text: var(--text-muted);--primary-rgb: 33, 150, 243;--danger-color: var(--color-error);--danger-hover: var(--color-error-hover);--success-color: var(--color-success);--warning-color: var(--color-warning);--accent-color: var(--color-secondary)}[data-theme=dark]{--color-primary: var(--brand-primary-400);--color-primary-hover: var(--brand-primary-300);--color-primary-active: var(--brand-primary-200);--color-on-primary: var(--brand-neutral-900);--primary-rgb: 66, 165, 245;--color-secondary: var(--brand-secondary-400);--color-secondary-hover: var(--brand-secondary-300);--color-on-secondary: var(--brand-neutral-900);--color-surface: #1a1a1a;--color-surface-variant: #2a2a2a;--color-surface-elevated: color-mix( in srgb, var(--color-surface) 84%, var(--color-on-surface) 16% );--color-on-surface: #e1e1e1;--color-on-surface-variant: #b0b0b0;--color-background: #121212;--color-on-background: #e1e1e1;--color-overlay: rgba(0, 0, 0, .6);--color-error: #ef5350;--color-error-hover: #e53935;--color-warning: #ff9800;--color-warning-hover: #fb8c00;--color-success: #66bb6a;--color-success-hover: #4caf50;--color-info: #29b6f6;--color-info-hover: #03a9f4;--text-primary: var(--color-on-surface);--text-secondary: var(--color-on-surface-variant);--text-muted: var(--brand-neutral-400);--text-disabled: var(--brand-neutral-600);--text-inverse: #000000;--border-color: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .24);--input-background: var(--color-surface-variant);--hover-background: color-mix(in srgb, var(--color-primary) 12%, transparent);--hover-surface: rgba(255, 255, 255, .04);--disabled-background: #333333}@media(prefers-contrast:high){:root{--border-color: color-mix(in srgb, var(--color-on-surface) 24%, transparent);--border-subtle: color-mix(in srgb, var(--color-on-surface) 16%, transparent);--border-strong: color-mix(in srgb, var(--color-on-surface) 48%, transparent)}[data-theme=dark]{--border-color: rgba(255, 255, 255, .24);--border-subtle: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .48)}}@media(prefers-reduced-motion:reduce){:root{--transition-duration: 0ms}}:root{--space-0: 0;--space-0-5: .25rem;--space-1: .5rem;--space-1-5: .75rem;--space-2: 1rem;--space-2-5: 1.25rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 3.5rem;--space-8: 4rem;--space-9: 4.5rem;--space-10: 5rem;--space-11: 5.5rem;--space-12: 6rem;--space-16: 8rem;--space-20: 10rem;--space-24: 12rem;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-3);--spacing-lg: var(--space-4);--spacing-xl: var(--space-6);--spacing-2xl: var(--space-8);--spacing-3xl: var(--space-12);--spacing-button-padding-x: var(--space-3);--spacing-button-padding-y: var(--space-2);--spacing-button-gap: var(--space-2);--spacing-card-padding: var(--space-3);--spacing-card-gap: var(--space-2);--spacing-input-padding-x: var(--space-2);--spacing-input-padding-y: var(--space-2);--spacing-section-gap: var(--space-6);--spacing-page-padding: var(--space-4);--spacing-grid-gap: var(--space-3);--spacing-flex-gap: var(--space-2);--inset-xs: var(--space-1);--inset-sm: var(--space-2);--inset-md: var(--space-3);--inset-lg: var(--space-4);--inset-xl: var(--space-6);--stack-xs: var(--space-1);--stack-sm: var(--space-2);--stack-md: var(--space-3);--stack-lg: var(--space-4);--stack-xl: var(--space-6);--inline-xs: var(--space-1);--inline-sm: var(--space-2);--inline-md: var(--space-3);--inline-lg: var(--space-4);--inline-xl: var(--space-6);--gap-1: var(--space-1);--gap-2: var(--space-2);--gap-3: var(--space-3);--gap-4: var(--space-4);--space-lg: var(--spacing-lg);--space-md: var(--spacing-md);--space-sm: var(--spacing-sm);--space-xs: var(--spacing-xs);--space-2xs: var(--spacing-xs);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-muted);--color-bg-primary: var(--color-surface);--color-bg-secondary: var(--color-surface-variant);--color-border: var(--border-color);--color-primary-alpha: var(--focus-ring-color);--color-danger: var(--color-error);--color-success-border: var(--color-success);--spacing-page-padding-mobile: var(--space-2);--spacing-section-gap-mobile: var(--space-4)}@media(min-width:640px){:root{--spacing-page-padding: var(--space-5);--spacing-section-gap: var(--space-8)}}@media(min-width:1024px){:root{--spacing-page-padding: var(--space-6);--spacing-section-gap: var(--space-12)}}[data-theme=dark]{--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-muted);--color-bg-primary: var(--color-surface);--color-bg-secondary: var(--color-surface-variant);--color-border: var(--border-color)}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-serif: "Georgia", "Cambria", "Times New Roman", "Times", serif;--font-mono: "Fira Code", "Consolas", "Monaco", "Courier New", monospace;--font-base: var(--font-sans);--font-family-base: var(--font-base);--font-family-sans: var(--font-sans);--font-family-serif: var(--font-serif);--font-family-mono: var(--font-mono);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-regular: var(--font-weight-normal);--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--line-height-base: var(--line-height-normal);--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--type-display-font-size: var(--font-size-5xl);--type-display-font-weight: var(--font-weight-extrabold);--type-display-line-height: var(--line-height-tight);--type-display-letter-spacing: var(--letter-spacing-tighter);--type-h1-font-size: var(--font-size-4xl);--type-h1-font-weight: var(--font-weight-bold);--type-h1-line-height: var(--line-height-tight);--type-h2-font-size: var(--font-size-3xl);--type-h2-font-weight: var(--font-weight-bold);--type-h2-line-height: var(--line-height-tight);--type-h3-font-size: var(--font-size-2xl);--type-h3-font-weight: var(--font-weight-semibold);--type-h3-line-height: var(--line-height-snug);--type-h4-font-size: var(--font-size-xl);--type-h4-font-weight: var(--font-weight-semibold);--type-h4-line-height: var(--line-height-snug);--type-h5-font-size: var(--font-size-lg);--type-h5-font-weight: var(--font-weight-medium);--type-h5-line-height: var(--line-height-normal);--type-h6-font-size: var(--font-size-base);--type-h6-font-weight: var(--font-weight-medium);--type-h6-line-height: var(--line-height-normal);--type-body-font-size: var(--font-size-base);--type-body-font-weight: var(--font-weight-normal);--type-body-line-height: var(--line-height-normal);--type-body-sm-font-size: var(--font-size-sm);--type-body-sm-font-weight: var(--font-weight-normal);--type-body-sm-line-height: var(--line-height-normal);--type-caption-font-size: var(--font-size-xs);--type-caption-font-weight: var(--font-weight-normal);--type-caption-line-height: var(--line-height-normal);--type-caption-letter-spacing: var(--letter-spacing-wide);--type-overline-font-size: var(--font-size-xs);--type-overline-font-weight: var(--font-weight-semibold);--type-overline-line-height: var(--line-height-normal);--type-overline-letter-spacing: var(--letter-spacing-widest);--type-overline-text-transform: uppercase;--type-button-font-size: var(--font-size-base);--type-button-font-weight: var(--font-weight-semibold);--type-button-line-height: var(--line-height-none);--type-button-letter-spacing: var(--letter-spacing-wide);--type-link-font-weight: var(--font-weight-medium);--type-link-text-decoration: underline;--type-link-text-decoration-thickness: 1px;--type-link-text-underline-offset: 2px;--font-size-responsive-sm: clamp(.875rem, .8rem + .5vw, 1rem);--font-size-responsive-base: clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-responsive-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--font-size-responsive-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--font-size-responsive-2xl: clamp(2rem, 1.5rem + 2.5vw, 3.75rem)}@media(min-width:640px){:root{--type-display-font-size: var(--font-size-6xl)}}@media(min-width:1024px){:root{--type-h1-font-size: calc(var(--font-size-4xl) * 1.1);--type-h2-font-size: calc(var(--font-size-3xl) * 1.1)}}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--radius-button: var(--radius-md);--radius-button-sm: var(--radius-sm);--radius-button-lg: var(--radius-lg);--radius-button-pill: var(--radius-full);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-card-inner: var(--radius-md);--radius-modal: var(--radius-xl);--radius-dialog: var(--radius-lg);--radius-tooltip: var(--radius-sm);--radius-popover: var(--radius-md);--radius-badge: var(--radius-full);--radius-tag: var(--radius-sm);--radius-avatar: var(--radius-full);--radius-avatar-square: var(--radius-md);--radius-image: var(--radius-lg);--radius-image-sm: var(--radius-md);--radius-container: var(--radius-xl);--radius-section: var(--radius-2xl);--radius-dropdown: var(--radius-md);--radius-select: var(--radius-md);--radius-top-md: var(--radius-md) var(--radius-md) 0 0;--radius-top-lg: var(--radius-lg) var(--radius-lg) 0 0;--radius-top-xl: var(--radius-xl) var(--radius-xl) 0 0;--radius-bottom-md: 0 0 var(--radius-md) var(--radius-md);--radius-bottom-lg: 0 0 var(--radius-lg) var(--radius-lg);--radius-bottom-xl: 0 0 var(--radius-xl) var(--radius-xl);--radius-left-md: var(--radius-md) 0 0 var(--radius-md);--radius-left-lg: var(--radius-lg) 0 0 var(--radius-lg);--radius-right-md: 0 var(--radius-md) var(--radius-md) 0;--radius-right-lg: 0 var(--radius-lg) var(--radius-lg) 0;--radius-squircle-sm: var(--radius-md);--radius-squircle-md: var(--radius-lg);--radius-squircle-lg: var(--radius-xl);--radius-card-mobile: var(--radius-md);--radius-modal-mobile: var(--radius-lg)}@media(min-width:640px){:root{--radius-card: var(--radius-xl);--radius-modal: var(--radius-2xl)}}:root{--border-radius: var(--radius-md);--border-radius-sm: var(--radius-sm);--border-radius-lg: var(--radius-lg)}:root{--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-card: var(--shadow-sm);--shadow-card-hover: var(--shadow-md);--shadow-card-active: var(--shadow-xs);--shadow-button: var(--shadow-xs);--shadow-button-hover: var(--shadow-sm);--shadow-button-active: var(--shadow-none);--shadow-input: var(--shadow-xs);--shadow-input-focus: 0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent), var(--shadow-sm);--shadow-focus: var(--shadow-input-focus);--shadow-dropdown: var(--shadow-lg);--shadow-popover: var(--shadow-xl);--shadow-modal: var(--shadow-2xl);--shadow-tooltip: var(--shadow-md);--shadow-fab: var(--shadow-lg);--shadow-fab-hover: var(--shadow-xl);--shadow-inner-sm: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-inner-md: inset 0 2px 8px 0 rgba(0, 0, 0, .1);--shadow-primary: 0 4px 14px 0 rgba(33, 150, 243, .4);--shadow-success: 0 4px 14px 0 rgba(56, 142, 60, .4);--shadow-error: 0 4px 14px 0 rgba(211, 47, 47, .4);--shadow-warning: 0 4px 14px 0 rgba(245, 124, 0, .4);--glow-primary: 0 0 12px color-mix(in srgb, var(--color-primary) 40%, transparent);--glow-success: 0 0 12px color-mix(in srgb, var(--color-success) 40%, transparent);--glow-error: 0 0 12px color-mix(in srgb, var(--color-error) 40%, transparent);--shadow-light: var(--shadow-sm);--shadow-medium: var(--shadow-md);--shadow-strong: var(--shadow-lg)}[data-theme=dark]{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .8);--shadow-primary: 0 4px 14px 0 rgba(33, 150, 243, .25);--shadow-success: 0 4px 14px 0 rgba(102, 187, 106, .25);--shadow-error: 0 4px 14px 0 rgba(239, 83, 80, .25)}@media(prefers-reduced-motion:reduce){:root{--shadow-transition-duration: 0ms}}:root{--bg-card: var(--card-background);--bg-primary: var(--primary-color);--bg-secondary: var(--color-surface-variant);--bg-page: var(--color-background);--bg-input: var(--input-background);--background: var(--color-background);--background-dark: var(--color-surface);--background-muted: var(--color-surface-variant);--background-paper: var(--color-surface);--background-primary: var(--color-background);--surface-1: var(--color-surface);--surface-2: var(--color-surface-variant);--surface-3: var(--color-surface-elevated);--surface-color: var(--color-surface);--surface-default: var(--color-surface);--surface-hover: var(--hover-surface);--surface-light: var(--color-surface);--surface-secondary: var(--color-surface-variant);--surface-subtle: var(--color-surface-variant);--surface-success-subtle: color-mix(in srgb, var(--color-success) 10%, var(--color-surface));--surface-warning-subtle: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));--text-heading: var(--text-primary);--text-heading-color: var(--text-primary);--text-medium: var(--text-primary);--text-color-secondary: var(--text-secondary);--text-muted-light: var(--text-muted);--brand-primary: var(--primary-color);--primary-main: var(--primary-color);--primary-hover: var(--primary-hover-color);--primary-color-dark: var(--primary-hover-color);--primary-color-light: var(--brand-primary-300);--primary-color-rgb: var(--primary-rgb);--primary-color-alpha: color-mix(in srgb, var(--primary-color) 10%, transparent);--color-brand-primary: var(--primary-color);--color-brand-primary-dark: var(--primary-hover-color);--color-brand-primary-alpha-10: color-mix(in srgb, var(--primary-color) 10%, transparent);--color-primary-bg: color-mix(in srgb, var(--primary-color) 10%, var(--color-surface));--color-primary-dark: var(--primary-hover-color);--color-primary-light: var(--brand-primary-300);--primary-100: var(--brand-primary-100);--primary-500: var(--brand-primary-500);--error: var(--color-error);--error-light: var(--color-error);--color-error-dark: var(--color-error-hover);--color-error-light: color-mix(in srgb, var(--color-error) 30%, transparent);--error-100: color-mix(in srgb, var(--color-error) 10%, var(--color-surface));--error-500: var(--color-error);--error-600: var(--color-error-hover);--danger-strong: var(--color-error);--success: var(--color-success);--success-bg: color-mix(in srgb, var(--color-success) 10%, var(--color-surface));--success-dark: var(--color-success-hover);--success-main: var(--color-success);--success-strong: var(--color-success);--color-success-dark: var(--color-success-hover);--color-success-light: color-mix(in srgb, var(--color-success) 30%, transparent);--success-500: var(--color-success);--success-600: var(--color-success-hover);--warning: var(--color-warning);--warning-bg: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));--warning-dark: var(--color-warning-hover);--warning-hover: var(--color-warning-hover);--warning-main: var(--color-warning);--color-warning-dark: var(--color-warning-hover);--color-warning-light: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-info-bg: color-mix(in srgb, var(--color-info) 10%, var(--color-surface));--color-info-border: var(--color-info);--color-info-light: color-mix(in srgb, var(--color-info) 30%, transparent);--neutral-50: var(--brand-neutral-50);--neutral-100: var(--brand-neutral-100);--neutral-300: var(--brand-neutral-300);--white: #ffffff;--color-white: #ffffff;--border-1: var(--border-color);--border-radius-md: var(--radius-md);--radius-2: var(--radius-sm);--font-md: var(--font-size-base);--font-lg: var(--font-size-lg);--font-xl: var(--font-size-xl);--spacing-2: var(--space-2);--spacing-3: var(--space-3);--spacing-4: var(--space-4);--spacing-6: var(--space-6);--spacing-8: var(--space-8);--spacing-10: var(--space-10);--shadow-heavy: var(--shadow-lg);--shadow-hover: var(--shadow-md);--shadow-small: var(--shadow-sm);--color-primary-50: var(--brand-primary-50);--color-primary-600: var(--brand-primary-600);--color-primary-800: var(--brand-primary-800);--color-success-500: var(--color-success);--color-success-600: var(--color-success-hover);--color-gray-50: var(--brand-neutral-50);--color-gray-100: var(--brand-neutral-100);--color-gray-200: var(--brand-neutral-200);--color-gray-300: var(--brand-neutral-300);--color-gray-400: var(--brand-neutral-400);--color-gray-500: var(--brand-neutral-500);--color-gray-600: var(--brand-neutral-600);--color-gray-700: var(--brand-neutral-700);--color-gray-800: var(--brand-neutral-800);--color-gray-900: var(--brand-neutral-900)}@media print{:root{--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--color-surface: #ffffff;--color-on-surface: #000000}}@layer utilities{:where(.u-flex){display:flex}:where(.u-inline-flex){display:inline-flex}:where(.u-grid){display:grid}:where(.u-flex-col){flex-direction:column}:where(.u-flex-row){flex-direction:row}:where(.u-flex-wrap){flex-wrap:wrap}:where(.u-items-start){align-items:flex-start}:where(.u-items-center){align-items:center}:where(.u-items-end){align-items:flex-end}:where(.u-justify-start){justify-content:flex-start}:where(.u-justify-center){justify-content:center}:where(.u-justify-end){justify-content:flex-end}:where(.u-justify-between){justify-content:space-between}:where(.u-justify-around){justify-content:space-around}:where(.u-justify-evenly){justify-content:space-evenly}:where(.u-self-start){align-self:flex-start}:where(.u-self-center){align-self:center}:where(.u-self-end){align-self:flex-end}:where(.u-flex-1){flex:1 1 0%}:where(.u-shrink-0){flex-shrink:0}:where(.u-grow-0){flex-grow:0}:where(.u-center){display:flex;align-items:center;justify-content:center}:where(.u-full){width:100%}:where(.u-h-full){height:100%}:where(.u-min-w-0){min-width:0}:where(.u-min-h-0){min-height:0}:where(.u-overflow-hidden){overflow:hidden}:where(.u-overflow-auto){overflow:auto}:where(.u-full-height){min-height:100vh;min-height:100dvh}}@layer utilities{:where(.u-p-0){padding:var(--space-0)}:where(.u-p-1){padding:var(--space-1)}:where(.u-p-2){padding:var(--space-2)}:where(.u-p-3){padding:var(--space-3)}:where(.u-p-4){padding:var(--space-4)}:where(.u-p-5){padding:var(--space-5)}:where(.u-p-6){padding:var(--space-6)}:where(.u-p-8){padding:var(--space-8)}:where(.u-px-1){padding-inline:var(--space-1)}:where(.u-px-2){padding-inline:var(--space-2)}:where(.u-px-3){padding-inline:var(--space-3)}:where(.u-px-4){padding-inline:var(--space-4)}:where(.u-px-5){padding-inline:var(--space-5)}:where(.u-px-6){padding-inline:var(--space-6)}:where(.u-py-1){padding-block:var(--space-1)}:where(.u-py-2){padding-block:var(--space-2)}:where(.u-py-3){padding-block:var(--space-3)}:where(.u-py-4){padding-block:var(--space-4)}:where(.u-py-5){padding-block:var(--space-5)}:where(.u-py-6){padding-block:var(--space-6)}:where(.u-m-0){margin:var(--space-0)}:where(.u-m-1){margin:var(--space-1)}:where(.u-m-2){margin:var(--space-2)}:where(.u-m-3){margin:var(--space-3)}:where(.u-m-4){margin:var(--space-4)}:where(.u-m-5){margin:var(--space-5)}:where(.u-m-6){margin:var(--space-6)}:where(.u-m-8){margin:var(--space-8)}:where(.u-mx-auto){margin-inline:auto}:where(.u-mx-1){margin-inline:var(--space-1)}:where(.u-mx-2){margin-inline:var(--space-2)}:where(.u-mx-3){margin-inline:var(--space-3)}:where(.u-mx-4){margin-inline:var(--space-4)}:where(.u-mx-5){margin-inline:var(--space-5)}:where(.u-mx-6){margin-inline:var(--space-6)}:where(.u-my-1){margin-block:var(--space-1)}:where(.u-my-2){margin-block:var(--space-2)}:where(.u-my-3){margin-block:var(--space-3)}:where(.u-my-4){margin-block:var(--space-4)}:where(.u-my-5){margin-block:var(--space-5)}:where(.u-my-6){margin-block:var(--space-6)}:where(.u-gap-0){gap:var(--space-0)}:where(.u-gap-1){gap:var(--space-1)}:where(.u-gap-2){gap:var(--space-2)}:where(.u-gap-3){gap:var(--space-3)}:where(.u-gap-4){gap:var(--space-4)}:where(.u-gap-5){gap:var(--space-5)}:where(.u-gap-6){gap:var(--space-6)}:where(.u-gap-8){gap:var(--space-8)}}@layer utilities{:where(.u-text-xs){font-size:var(--font-size-xs)}:where(.u-text-sm){font-size:var(--font-size-sm)}:where(.u-text-base){font-size:var(--font-size-base)}:where(.u-text-lg){font-size:var(--font-size-lg)}:where(.u-text-xl){font-size:var(--font-size-xl)}:where(.u-text-2xl){font-size:var(--font-size-2xl)}:where(.u-text-3xl){font-size:var(--font-size-3xl)}:where(.u-text-4xl){font-size:var(--font-size-4xl)}:where(.u-font-light){font-weight:var(--font-weight-light)}:where(.u-font-normal){font-weight:var(--font-weight-normal)}:where(.u-font-medium){font-weight:var(--font-weight-medium)}:where(.u-font-semibold){font-weight:var(--font-weight-semibold)}:where(.u-font-bold){font-weight:var(--font-weight-bold)}:where(.u-font-extrabold){font-weight:var(--font-weight-extrabold)}:where(.u-leading-none){line-height:var(--line-height-none)}:where(.u-leading-tight){line-height:var(--line-height-tight)}:where(.u-leading-normal){line-height:var(--line-height-normal)}:where(.u-leading-relaxed){line-height:var(--line-height-relaxed)}:where(.u-text-primary){color:var(--text-primary)}:where(.u-text-secondary){color:var(--text-secondary)}:where(.u-text-muted){color:var(--text-muted)}:where(.u-text-inverse){color:var(--text-inverse)}:where(.u-text-link){color:var(--color-link)}:where(.u-text-link:hover){color:var(--color-link-hover)}:where(.u-text-left){text-align:left}:where(.u-text-center){text-align:center}:where(.u-text-right){text-align:right}:where(.u-truncate){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.u-line-clamp-2){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@layer utilities{:where(.u-container){width:min(var(--container-max-width),100%);margin-inline:auto;padding-inline:clamp(var(--space-3),2vw,var(--space-6))}:where(.u-grid-auto-fit){display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}:where(.u-grid-auto-fill){display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}:where(.u-hide-mobile){display:none}@media(min-width:640px){:where(.u-hide-mobile){display:initial}:where(.u-hide-desktop){display:none}}}@layer theme{:root{--header-height: 96px;--header-current-height: var(--header-height);--primary-color: #007fff;--primary-hover-color: #0056b3;--secondary-color: #f1f5f9;--secondary-hover-color: #e2e8f0;--danger-color: #dc3545;--danger-hover-color: #c82333;--warning-color: #ffc107;--warning-hover-color: #e0a800;--success-color: #28a745;--success-hover-color: #218838;--info-color: #17a2b8;--info-hover-color: #138496;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--background-color: #f8f9fa;--text-color: #1e293b;--muted-text: #64748b;--text-muted: var(--muted-text);--card-background: #fafbfc;--header-background: #f8f9fa;--nav-background: #fafbfc;--surface: rgba(0, 0, 0, .03);--input-background: #f1f5f9;--input-border: #cbd5e1;--light-input-background: #ffffff;--light-text-color: #1e293b;--button-background: #4299e1;--button-text: #ffffff;--button-hover: #0056b3;--button-background-hover: var(--button-hover);--primary: var(--primary-color);--primary-dark: var(--primary-hover-color);--danger: var(--danger-color);--disabled-color: #e2e8f0;--disabled-text-color: #a0aec0;--header-border-top: #ff9900;--header-border-bottom: #007fff;--shadow-light: 0 4px 6px rgba(0, 0, 0, .08);--shadow-dark: 0 4px 6px rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--toggle-active-background: #4299e1;--toggle-active-text: #ffffff;--toggle-inactive-background: #e2e8f0;--toggle-inactive-text: #2d3748;--toggle-hover-background: #2b6cb0;--toggle-hover-text: #ffffff;--progress-background: #cccccc;--progress-bar: #4299e1;--tooltip-background: #333333;--tooltip-text: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--modal-background: var(--card-background);--dropdown-background: var(--card-background);--default-avatar: url(/avatar.png);--input-height: 44px;--bp-mobile: 480px;--bp-mobile-plus: 640px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1440px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .82rem + .3vw, 1rem);--font-size-md: clamp(1rem, .95rem + .35vw, 1.2rem);--font-size-lg: clamp(1.25rem, 1.1rem + .6vw, 1.75rem);--font-size-xl: clamp(1.5rem, 1.35rem + .9vw, 2.5rem);--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.7;--container-max-width: 1200px;--card-min: 260px;--surface-card: var(--card-background);--surface-elevated: var(--card-background);--border-subtle: var(--input-border);--text-strong: var(--text-color);--on-primary: var(--button-text);--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--header-height: 100px;--z-header-global: 120;--z-header-section: 110;--z-sidebar-overlay: 400;--z-sidebar-drawer: 410;--z-sidebar-tooltip: 420;--z-bottom-nav: 100;--z-fab: 105;--z-skip-link: 500;--sidebar-expanded-width: 280px;--sidebar-rail-width: 72px;--sidebar-bg: var(--surface-card);--sidebar-fg: var(--text-strong);--sidebar-border: var(--border-subtle);--sidebar-shadow: var(--shadow-sm);--sidebar-hover: color-mix(in srgb, var(--sidebar-bg) 85%, rgba(0, 0, 0, .04) 15%);--border-color: #e2e8f0;--border-light: #f1f5f9;--icon-color: #2563eb;--icon-secondary: #64748b;--shadow-color: rgba(0, 0, 0, .08);--shadow-strong: rgba(0, 0, 0, .12);--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-primary: #1e293b;--background-secondary: #f8f9fa;--background-tertiary: #f1f5f9;--background-light: #fafbfc;--primary-light: #eff6ff;--primary-dark: #1d4ed8;--error-color: #ef4444;--error-bg: #fef2f2;--error-text: #b91c1c;--warning-text: #92400e;--info-text: #0056b3;--success-color: #10b981;--status-paid-bg: #dcfce7;--status-paid-text: #166534;--status-pending-bg: #fef3c7;--status-pending-text: #92400e;--status-negative-bg: #fee2e2;--status-negative-text: #991b1b;--status-refunded-bg: #e0e7ff;--status-refunded-text: #3730a3;color-scheme:light;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--muted-text);--color-text-tertiary: var(--text-tertiary);--color-surface-secondary: var(--input-background);--color-border: var(--border-color);--color-primary-text: var(--button-text);--color-danger: var(--danger-color);--color-success-bg: color-mix(in srgb, var(--success-color) 14%, transparent);--color-success-text: var(--success-color);--color-success-border: color-mix(in srgb, var(--success-color) 32%, transparent);--color-warning-bg: color-mix(in srgb, var(--warning-color) 14%, transparent);--color-warning-text: color-mix(in srgb, var(--warning-color) 88%, var(--text-primary));--color-warning-border: color-mix(in srgb, var(--warning-color) 32%, transparent);--color-error-bg: var(--error-bg);--color-error-text: var(--error-color);--color-error-border: color-mix(in srgb, var(--error-color) 32%, transparent);--surface-muted: var(--input-background);--skeleton-base: #eceff4;--skeleton-shine: #f7f9fc;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px);--action-bar-height: 80px;--modal-footer-height: auto}[data-theme=dark]{--primary-color: #64b5f6;--primary-hover-color: #90caf9;--primary: #64b5f6;--secondary-color: #1e293b;--secondary-hover-color: #334155;--danger-color: #f87171;--danger-hover-color: #fca5a5;--danger: #f87171;--warning-color: #ffd54f;--warning-hover-color: #ffca28;--success-color: #81c784;--success-hover-color: #66bb6a;--info-color: #4fc3f7;--info-hover-color: #29b6f6;--input-height: 40px;--card-min: 280px;--background-color: #0a1929;--text-color: #e3f2fd;--muted-text: #94a3b8;--text-muted: var(--muted-text);--card-background: #132f4c;--header-background: #0d2338;--nav-background: #0a1929;--surface: rgba(255, 255, 255, .03);--input-background: #1e3a5f;--input-border: #2d5a8f;--light-input-background: #132f4c;--light-text-color: #e3f2fd;--button-background: #2563eb;--button-text: #ffffff;--button-hover: #1d4ed8;--button-background-hover: var(--button-hover);--disabled-color: #1e3a5f;--disabled-text-color: #64748b;--shadow-light: 0 4px 6px rgba(0, 0, 0, .4);--shadow-dark: 0 4px 6px rgba(0, 0, 0, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--toggle-active-background: #90caf9;--toggle-active-text: #0a1929;--toggle-inactive-background: #1e3a5f;--toggle-inactive-text: #94a3b8;--toggle-hover-background: #64b5f6;--toggle-hover-text: #0a1929;--progress-background: #1e3a5f;--progress-bar: #90caf9;--tooltip-background: #e3f2fd;--tooltip-text: #0a1929;--modal-overlay: rgba(0, 0, 0, .7);--modal-background: var(--card-background);--dropdown-background: var(--card-background);--sidebar-bg: var(--card-background);--sidebar-fg: var(--text-color);--sidebar-border: #404040;--sidebar-hover: color-mix(in srgb, var(--sidebar-bg) 85%, rgba(255, 255, 255, .04) 15%);--border-color: #1e4976;--border-light: #17395f;--icon-color: #90caf9;--icon-secondary: #94a3b8;--shadow-color: rgba(0, 0, 0, .4);--shadow-strong: rgba(0, 0, 0, .6);--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-primary: #e3f2fd;--background-secondary: #132f4c;--background-tertiary: #0d2338;--background-light: #1e3a5f;--primary-light: #1e3a5f;--primary-dark: #64b5f6;--error-color: #f87171;--error-bg: #991b1b;--error-text: #fecaca;--warning-text: #fde68a;--info-text: #93c5fd;--success-color: #4ade80;--status-paid-bg: #14532d;--status-paid-text: #bbf7d0;--status-pending-bg: #713f12;--status-pending-text: #fde68a;--status-negative-bg: #7f1d1d;--status-negative-text: #fecaca;--status-refunded-bg: #312e81;--status-refunded-text: #c7d2fe;color-scheme:dark;--surface-muted: var(--input-background);--skeleton-base: #1e3a5f;--skeleton-shine: #2d5a8f;--color-surface-secondary: var(--input-background);--color-border: var(--border-color);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--muted-text);--color-text-tertiary: var(--text-tertiary);--color-primary-text: var(--button-text);--color-danger: var(--danger-color);--color-error-bg: var(--error-bg);--color-error-text: var(--error-color)}}@layer base{*,*:before,*:after{box-sizing:border-box}body{background-color:var(--background-color);color:var(--text-color);font-family:Segoe UI,system-ui,-apple-system,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6,p){overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}img,svg,video,canvas{max-width:100%;height:auto}iframe{max-width:100%}[data-theme=dark] select,[data-theme=dark] select option{background-color:var(--input-background);color:var(--text-color)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}}@layer utilities{:where(.header){background-color:var(--header-background);border-top:4px solid var(--header-border-top);border-bottom:4px solid var(--header-border-bottom);box-shadow:var(--shadow-light)}:where(.nav){background-color:var(--nav-background);box-shadow:var(--shadow-dark)}:where(button){font-family:inherit;transition:background-color .25s ease,color .25s ease,transform .16s ease}:where(button):hover:not(:disabled):not([data-no-scale]){transform:scale(1.02)}:where(button):disabled{background-color:var(--disabled-color);color:var(--disabled-text-color);cursor:not-allowed}:where(.Toastify__toast--success){background-color:var(--button-background);color:var(--button-text)}:where(.Toastify__toast-container){font-family:inherit}:where(.modal){background-color:var(--modal-background)!important;color:var(--text-color)!important;box-shadow:var(--shadow-dark);border:1px solid var(--input-border)}:where(.modal-overlay){background-color:var(--modal-overlay)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:where(.input).editable{border-color:var(--primary-color);background-color:var(--light-input-background);box-shadow:0 0 8px #007fff66}[data-theme=dark] :where(.input).editable{background-color:var(--input-background);color:var(--text-color);border-color:var(--input-border)}:where(.tooltipBox){background-color:var(--tooltip-background)!important;color:var(--tooltip-text)!important;padding:6px 10px;font-size:13px;border-radius:6px;box-shadow:var(--shadow-light);z-index:9999}:where(.form){background-color:var(--card-background);padding:2rem;border-radius:12px;box-shadow:var(--shadow-light);display:flex;flex-direction:column;gap:1.25rem}:where(.form-actions){display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-width:600px){:where(.modal){width:100%;padding:15px;max-height:90vh}}}@layer utilities{:where(.container){width:min(var(--container-max-width),100%);margin-inline:auto;padding:clamp(var(--space-4),2vw,var(--space-6))}:where(.wrap){display:flex;flex-wrap:wrap;gap:var(--space-4)}:where(.gridAutoCards){display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(var(--card-min),1fr))}:where(.sr-only){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.progress){--progress-height: 10px;--progress-radius: 8px;display:grid;align-items:center;gap:.5rem}:where(.progress__track){height:var(--progress-height);border-radius:var(--progress-radius);background-color:var(--progress-background);box-shadow:inset 0 1px 2px #0000000f;overflow:hidden}:where(.progress__bar){height:100%;border-radius:inherit;background-color:var(--progress-bar);transition:width .22s ease;width:0%}@media(forced-colors:active){:where(.progress__track){background:CanvasText}:where(.progress__bar){background:Highlight}}@media(prefers-reduced-motion:reduce){:where(.progress__bar){transition:none}}:where(.w-0){width:0%}:where(.w-1){width:1%}:where(.w-2){width:2%}:where(.w-3){width:3%}:where(.w-4){width:4%}:where(.w-5){width:5%}:where(.w-6){width:6%}:where(.w-7){width:7%}:where(.w-8){width:8%}:where(.w-9){width:9%}:where(.w-10){width:10%}:where(.w-11){width:11%}:where(.w-12){width:12%}:where(.w-13){width:13%}:where(.w-14){width:14%}:where(.w-15){width:15%}:where(.w-16){width:16%}:where(.w-17){width:17%}:where(.w-18){width:18%}:where(.w-19){width:19%}:where(.w-20){width:20%}:where(.w-21){width:21%}:where(.w-22){width:22%}:where(.w-23){width:23%}:where(.w-24){width:24%}:where(.w-25){width:25%}:where(.w-26){width:26%}:where(.w-27){width:27%}:where(.w-28){width:28%}:where(.w-29){width:29%}:where(.w-30){width:30%}:where(.w-31){width:31%}:where(.w-32){width:32%}:where(.w-33){width:33%}:where(.w-34){width:34%}:where(.w-35){width:35%}:where(.w-36){width:36%}:where(.w-37){width:37%}:where(.w-38){width:38%}:where(.w-39){width:39%}:where(.w-40){width:40%}:where(.w-41){width:41%}:where(.w-42){width:42%}:where(.w-43){width:43%}:where(.w-44){width:44%}:where(.w-45){width:45%}:where(.w-46){width:46%}:where(.w-47){width:47%}:where(.w-48){width:48%}:where(.w-49){width:49%}:where(.w-50){width:50%}:where(.w-51){width:51%}:where(.w-52){width:52%}:where(.w-53){width:53%}:where(.w-54){width:54%}:where(.w-55){width:55%}:where(.w-56){width:56%}:where(.w-57){width:57%}:where(.w-58){width:58%}:where(.w-59){width:59%}:where(.w-60){width:60%}:where(.w-61){width:61%}:where(.w-62){width:62%}:where(.w-63){width:63%}:where(.w-64){width:64%}:where(.w-65){width:65%}:where(.w-66){width:66%}:where(.w-67){width:67%}:where(.w-68){width:68%}:where(.w-69){width:69%}:where(.w-70){width:70%}:where(.w-71){width:71%}:where(.w-72){width:72%}:where(.w-73){width:73%}:where(.w-74){width:74%}:where(.w-75){width:75%}:where(.w-76){width:76%}:where(.w-77){width:77%}:where(.w-78){width:78%}:where(.w-79){width:79%}:where(.w-80){width:80%}:where(.w-81){width:81%}:where(.w-82){width:82%}:where(.w-83){width:83%}:where(.w-84){width:84%}:where(.w-85){width:85%}:where(.w-86){width:86%}:where(.w-87){width:87%}:where(.w-88){width:88%}:where(.w-89){width:89%}:where(.w-90){width:90%}:where(.w-91){width:91%}:where(.w-92){width:92%}:where(.w-93){width:93%}:where(.w-94){width:94%}:where(.w-95){width:95%}:where(.w-96){width:96%}:where(.w-97){width:97%}:where(.w-98){width:98%}:where(.w-99){width:99%}:where(.w-100){width:100%}}