:root{--color-primary-50: #e3f2fd;--color-primary-100: #bbdefb;--color-primary-200: #90caf9;--color-primary-300: #64b5f6;--color-primary-400: #42a5f5;--color-primary-500: #2196f3;--color-primary-600: #1e88e5;--color-primary-700: #1976d2;--color-primary-800: #1565c0;--color-primary-900: #0d47a1;--color-secondary-50: #f3e5f5;--color-secondary-100: #e1bee7;--color-secondary-200: #ce93d8;--color-secondary-300: #ba68c8;--color-secondary-400: #ab47bc;--color-secondary-500: #9c27b0;--color-secondary-600: #8e24aa;--color-secondary-700: #7b1fa2;--color-secondary-800: #6a1b9a;--color-secondary-900: #4a148c;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-success-light: #c8e6c9;--color-success: #4caf50;--color-success-dark: #388e3c;--color-warning-light: #fff9c4;--color-warning: #ffc107;--color-warning-dark: #f57c00;--color-error-light: #ffcdd2;--color-error: #f44336;--color-error-dark: #d32f2f;--color-info-light: #b3e5fc;--color-info: #03a9f4;--color-info-dark: #0277bd;--color-text-primary: rgba(0, 0, 0, .87);--color-text-secondary: rgba(0, 0, 0, .6);--color-text-disabled: rgba(0, 0, 0, .38);--color-text-hint: rgba(0, 0, 0, .38);--color-text-primary-dark: rgba(255, 255, 255, .87);--color-text-secondary-dark: rgba(255, 255, 255, .6);--color-text-disabled-dark: rgba(255, 255, 255, .38);--color-background: #ffffff;--color-background-light: #fafafa;--color-background-dark: #f5f5f5;--color-background-darker: #eeeeee;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border-light: rgba(0, 0, 0, .08);--color-border: rgba(0, 0, 0, .12);--color-border-dark: rgba(0, 0, 0, .24);--color-overlay-light: rgba(0, 0, 0, .04);--color-overlay: rgba(0, 0, 0, .08);--color-overlay-dark: rgba(0, 0, 0, .12);--color-overlay-backdrop: rgba(0, 0, 0, .5);--color-focus: #2196f3;--color-focus-ring: rgba(33, 150, 243, .25);--color-hover: rgba(0, 0, 0, .04);--color-active: rgba(0, 0, 0, .12);--color-therapist-primary: var(--color-primary-600);--color-therapist-accent: var(--color-secondary-500);--color-patient-primary: var(--color-primary-500);--color-patient-accent: var(--color-success);--color-editor-highlight: #fff9c4;--color-editor-readonly: #ffecb3;--color-status-active: var(--color-success);--color-status-inactive: var(--color-gray-400);--color-status-archived: var(--color-warning);--color-status-deleted: var(--color-error)}:root,:root[data-theme=light],.theme-light{--color-bg-primary: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f5f5f5;--color-bg-elevated: #ffffff;--color-surface-primary: #ffffff;--color-surface-secondary: #fafafa;--color-text-on-primary: rgba(0, 0, 0, .87);--color-text-on-secondary: rgba(0, 0, 0, .6);--color-text-on-disabled: rgba(0, 0, 0, .38);--color-border-primary: rgba(0, 0, 0, .12);--color-border-secondary: rgba(0, 0, 0, .08);--color-hover-overlay: rgba(0, 0, 0, .04);--color-active-overlay: rgba(0, 0, 0, .08);--color-selected-overlay: rgba(33, 150, 243, .08);--color-shadow: rgba(0, 0, 0, .1);--color-shadow-strong: rgba(0, 0, 0, .2)}:root[data-theme=dark],.theme-dark{--color-bg-primary: #121212;--color-bg-secondary: #1e1e1e;--color-bg-tertiary: #2c2c2c;--color-bg-elevated: #1e1e1e;--color-surface-primary: #1e1e1e;--color-surface-secondary: #2c2c2c;--color-text-on-primary: rgba(255, 255, 255, .87);--color-text-on-secondary: rgba(255, 255, 255, .6);--color-text-on-disabled: rgba(255, 255, 255, .38);--color-border-primary: rgba(255, 255, 255, .12);--color-border-secondary: rgba(255, 255, 255, .08);--color-hover-overlay: rgba(255, 255, 255, .04);--color-active-overlay: rgba(255, 255, 255, .08);--color-selected-overlay: rgba(33, 150, 243, .12);--color-shadow: rgba(0, 0, 0, .3);--color-shadow-strong: rgba(0, 0, 0, .5);--color-background: #121212;--color-background-light: #1e1e1e;--color-background-dark: #2c2c2c;--color-surface: #1e1e1e;--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark)}:root[data-role=therapeut],.role-therapeut{--color-role-primary: var(--color-primary-600);--color-role-accent: var(--color-secondary-500);--color-role-light: var(--color-primary-50);--color-role-dark: var(--color-primary-900)}:root[data-role=patient],.role-patient{--color-role-primary: var(--color-primary-500);--color-role-accent: var(--color-success);--color-role-light: var(--color-primary-50);--color-role-dark: var(--color-primary-800)}:root[data-role=admin],.role-admin{--color-role-primary: var(--color-error);--color-role-accent: var(--color-warning);--color-role-light: var(--color-error-light);--color-role-dark: var(--color-error-dark)}:root[data-role=praxis],.role-praxis{--color-role-primary: var(--color-success);--color-role-accent: var(--color-info);--color-role-light: var(--color-success-light);--color-role-dark: var(--color-success-dark)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg-primary: #121212;--color-bg-secondary: #1e1e1e;--color-bg-tertiary: #2c2c2c;--color-bg-elevated: #1e1e1e;--color-surface-primary: #1e1e1e;--color-surface-secondary: #2c2c2c;--color-text-on-primary: rgba(255, 255, 255, .87);--color-text-on-secondary: rgba(255, 255, 255, .6);--color-text-on-disabled: rgba(255, 255, 255, .38);--color-border-primary: rgba(255, 255, 255, .12);--color-border-secondary: rgba(255, 255, 255, .08);--color-hover-overlay: rgba(255, 255, 255, .04);--color-active-overlay: rgba(255, 255, 255, .08);--color-background: #121212;--color-background-light: #1e1e1e;--color-background-dark: #2c2c2c;--color-surface: #1e1e1e;--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark)}}:root{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-monospace: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 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;--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;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--text-transform-uppercase: uppercase;--text-transform-lowercase: lowercase;--text-transform-capitalize: capitalize;--text-transform-none: none;--typography-h1-size: var(--font-size-4xl);--typography-h1-weight: var(--font-weight-bold);--typography-h1-line-height: var(--line-height-tight);--typography-h1-letter-spacing: var(--letter-spacing-tight);--typography-h2-size: var(--font-size-3xl);--typography-h2-weight: var(--font-weight-bold);--typography-h2-line-height: var(--line-height-tight);--typography-h2-letter-spacing: var(--letter-spacing-tight);--typography-h3-size: var(--font-size-2xl);--typography-h3-weight: var(--font-weight-semibold);--typography-h3-line-height: var(--line-height-snug);--typography-h3-letter-spacing: var(--letter-spacing-normal);--typography-h4-size: var(--font-size-xl);--typography-h4-weight: var(--font-weight-semibold);--typography-h4-line-height: var(--line-height-snug);--typography-h4-letter-spacing: var(--letter-spacing-normal);--typography-h5-size: var(--font-size-lg);--typography-h5-weight: var(--font-weight-medium);--typography-h5-line-height: var(--line-height-normal);--typography-h5-letter-spacing: var(--letter-spacing-normal);--typography-h6-size: var(--font-size-base);--typography-h6-weight: var(--font-weight-medium);--typography-h6-line-height: var(--line-height-normal);--typography-h6-letter-spacing: var(--letter-spacing-wide);--typography-h6-transform: var(--text-transform-uppercase);--typography-body-size: var(--font-size-base);--typography-body-weight: var(--font-weight-normal);--typography-body-line-height: var(--line-height-normal);--typography-body-small-size: var(--font-size-sm);--typography-body-small-weight: var(--font-weight-normal);--typography-body-small-line-height: var(--line-height-normal);--typography-lead-size: var(--font-size-lg);--typography-lead-weight: var(--font-weight-normal);--typography-lead-line-height: var(--line-height-relaxed);--typography-caption-size: var(--font-size-xs);--typography-caption-weight: var(--font-weight-normal);--typography-caption-line-height: var(--line-height-normal);--typography-label-size: var(--font-size-sm);--typography-label-weight: var(--font-weight-medium);--typography-label-line-height: var(--line-height-normal);--typography-label-letter-spacing: var(--letter-spacing-wide);--typography-button-size: var(--font-size-base);--typography-button-weight: var(--font-weight-medium);--typography-button-line-height: var(--line-height-none);--typography-button-letter-spacing: var(--letter-spacing-wide);--typography-code-size: var(--font-size-sm);--typography-code-weight: var(--font-weight-normal);--typography-code-line-height: var(--line-height-normal);--typography-code-family: var(--font-family-monospace)}@media(max-width:639px){:root{--typography-h1-size: var(--font-size-3xl);--typography-h2-size: var(--font-size-2xl);--typography-h3-size: var(--font-size-xl);--typography-h4-size: var(--font-size-lg)}}@media(min-width:640px)and (max-width:1023px){:root{--typography-h1-size: 2.5rem;--typography-h2-size: 2rem}}:root{--spacing-unit: .25rem;--spacing-0: 0;--spacing-1: calc(var(--spacing-unit) * 1);--spacing-2: calc(var(--spacing-unit) * 2);--spacing-3: calc(var(--spacing-unit) * 3);--spacing-4: calc(var(--spacing-unit) * 4);--spacing-5: calc(var(--spacing-unit) * 5);--spacing-6: calc(var(--spacing-unit) * 6);--spacing-7: calc(var(--spacing-unit) * 7);--spacing-8: calc(var(--spacing-unit) * 8);--spacing-10: calc(var(--spacing-unit) * 10);--spacing-12: calc(var(--spacing-unit) * 12);--spacing-14: calc(var(--spacing-unit) * 14);--spacing-16: calc(var(--spacing-unit) * 16);--spacing-20: calc(var(--spacing-unit) * 20);--spacing-24: calc(var(--spacing-unit) * 24);--spacing-32: calc(var(--spacing-unit) * 32);--spacing-40: calc(var(--spacing-unit) * 40);--spacing-48: calc(var(--spacing-unit) * 48);--spacing-56: calc(var(--spacing-unit) * 56);--spacing-64: calc(var(--spacing-unit) * 64);--space-1: var(--spacing-1);--space-2: var(--spacing-2);--space-3: var(--spacing-3);--space-4: var(--spacing-4);--space-5: var(--spacing-5);--space-6: var(--spacing-6);--space-7: var(--spacing-7);--space-8: var(--spacing-8);--space-10: var(--spacing-10);--space-12: var(--spacing-12);--padding-xs: var(--spacing-2);--padding-sm: var(--spacing-3);--padding-md: var(--spacing-4);--padding-lg: var(--spacing-6);--padding-xl: var(--spacing-8);--padding-2xl: var(--spacing-12);--margin-xs: var(--spacing-2);--margin-sm: var(--spacing-3);--margin-md: var(--spacing-4);--margin-lg: var(--spacing-6);--margin-xl: var(--spacing-8);--margin-2xl: var(--spacing-12);--gap-xs: var(--spacing-2);--gap-sm: var(--spacing-3);--gap-md: var(--spacing-4);--gap-lg: var(--spacing-6);--gap-xl: var(--spacing-8);--spacing-button-padding-x: var(--spacing-4);--spacing-button-padding-y: var(--spacing-2);--spacing-button-gap: var(--spacing-2);--spacing-input-padding-x: var(--spacing-3);--spacing-input-padding-y: var(--spacing-2);--spacing-card-padding: var(--spacing-6);--spacing-card-padding-sm: var(--spacing-4);--spacing-card-gap: var(--spacing-4);--spacing-modal-padding: var(--spacing-6);--spacing-modal-header: var(--spacing-4);--spacing-modal-footer: var(--spacing-4);--spacing-list-item-padding: var(--spacing-3);--spacing-list-gap: var(--spacing-2);--spacing-section-padding-y: var(--spacing-12);--spacing-section-padding-x: var(--spacing-6);--spacing-section-gap: var(--spacing-8);--spacing-container-padding-x: var(--spacing-4);--spacing-container-padding-y: var(--spacing-6);--spacing-header-padding-y: var(--spacing-4);--spacing-header-padding-x: var(--spacing-6);--spacing-header-gap: var(--spacing-4);--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--radius-button: var(--radius-lg);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-modal: var(--radius-2xl);--radius-badge: var(--radius-full);--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--border-width-default: var(--border-width-1);--border-width-thick: var(--border-width-2)}@media(max-width:639px){:root{--spacing-section-padding-y: var(--spacing-8);--spacing-container-padding-x: var(--spacing-3);--spacing-header-padding-x: var(--spacing-4)}}@media(min-width:640px)and (max-width:1023px){:root{--spacing-section-padding-y: var(--spacing-10);--spacing-container-padding-x: var(--spacing-4)}}:root{--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(33, 150, 243, .25);--shadow-focus-error: 0 0 0 3px rgba(244, 67, 54, .25);--shadow-focus-success: 0 0 0 3px rgba(76, 175, 80, .25);--shadow-glow-primary: 0 0 20px rgba(33, 150, 243, .3);--shadow-glow-success: 0 0 20px rgba(76, 175, 80, .3);--shadow-glow-warning: 0 0 20px rgba(255, 193, 7, .3);--shadow-glow-error: 0 0 20px rgba(244, 67, 54, .3);--shadow-button: var(--shadow-sm);--shadow-button-hover: var(--shadow-md);--shadow-button-active: var(--shadow-inner);--shadow-card: var(--shadow-base);--shadow-card-hover: var(--shadow-lg);--shadow-modal: var(--shadow-2xl);--shadow-dropdown: var(--shadow-lg);--shadow-tooltip: var(--shadow-md);--shadow-navbar: var(--shadow-sm);--shadow-sidebar: var(--shadow-base)}@media(prefers-color-scheme:dark){:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}}:root{--duration-instant: 0ms;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--duration-slower: .5s;--duration-slowest: .7s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-default: all var(--duration-base) var(--ease-smooth);--transition-colors: color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth);--transition-opacity: opacity var(--duration-base) var(--ease-smooth);--transition-transform: transform var(--duration-base) var(--ease-smooth);--transition-shadow: box-shadow var(--duration-base) var(--ease-smooth);--transition-button: background-color var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);--transition-link: color var(--duration-fast) var(--ease-smooth), text-decoration-color var(--duration-fast) var(--ease-smooth);--transition-input: border-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);--transition-card: box-shadow var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth);--transition-modal: opacity var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth);--transition-dropdown: opacity var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);--transition-tooltip: opacity var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);--delay-none: 0ms;--delay-short: 50ms;--delay-base: .1s;--delay-long: .2s;--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-notification: 1080}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms;--transition-default: none;--transition-colors: none;--transition-opacity: none;--transition-transform: none;--transition-shadow: none;--transition-button: none;--transition-link: none;--transition-input: none;--transition-card: none;--transition-modal: none;--transition-dropdown: none;--transition-tooltip: none}}[data-theme=dark]{--color-background: #1a1a1a;--color-background-subtle: #242424;--color-background-hover: #2a2a2a;--color-text: #e5e5e5;--color-text-secondary: #a0a0a0;--color-text-disabled: #666666;--color-border: #333333;--color-border-medium: #404040;--color-border-strong: #4d4d4d;--color-primary: #4a9eff;--color-primary-light: #6eb3ff;--color-primary-lighter: #92c7ff;--color-primary-dark: #3a8eef;--color-primary-darker: #2a7edf;--color-primary-alpha-10: rgba(74, 158, 255, .1);--color-primary-alpha-20: rgba(74, 158, 255, .2);--color-primary-alpha-30: rgba(74, 158, 255, .3);--color-success: #4ade80;--color-success-light: #6ee89c;--color-success-lighter: #92f2b8;--color-success-dark: #3ace70;--color-success-darker: #2abe60;--color-success-alpha-10: rgba(74, 222, 128, .1);--color-success-alpha-20: rgba(74, 222, 128, .2);--color-error: #f87171;--color-error-light: #fa8585;--color-error-lighter: #fc9999;--color-error-dark: #f65d5d;--color-error-darker: #f44949;--color-error-alpha-10: rgba(248, 113, 113, .1);--color-error-alpha-20: rgba(248, 113, 113, .2);--color-warning: #fbbf24;--color-warning-light: #fcd34d;--color-warning-lighter: #fde047;--color-warning-dark: #f59e0b;--color-warning-darker: #d97706;--color-warning-alpha-10: rgba(251, 191, 36, .1);--color-warning-alpha-20: rgba(251, 191, 36, .2);--color-info: #60a5fa;--color-info-light: #93c5fd;--color-info-lighter: #bfdbfe;--color-info-dark: #3b82f6;--color-info-darker: #2563eb;--color-info-alpha-10: rgba(96, 165, 250, .1);--color-info-alpha-20: rgba(96, 165, 250, .2);--color-neutral-50: #262626;--color-neutral-100: #2d2d2d;--color-neutral-200: #3d3d3d;--color-neutral-300: #4d4d4d;--color-neutral-400: #666666;--color-neutral-500: #808080;--color-neutral-600: #999999;--color-neutral-700: #b3b3b3;--color-neutral-800: #cccccc;--color-neutral-900: #e5e5e5;--color-white: #1a1a1a;--color-black: #ffffff;--color-focus-ring: #4a9eff}[data-theme=dark]{--color-therapeut-primary: #8b5cf6;--color-therapeut-light: #a78bfa;--color-therapeut-lighter: #c4b5fd;--color-therapeut-dark: #7c3aed;--color-therapeut-darker: #6d28d9;--color-therapeut-alpha-10: rgba(139, 92, 246, .1);--color-therapeut-alpha-20: rgba(139, 92, 246, .2);--color-patient-primary: #06b6d4;--color-patient-light: #22d3ee;--color-patient-lighter: #67e8f9;--color-patient-dark: #0891b2;--color-patient-darker: #0e7490;--color-patient-alpha-10: rgba(6, 182, 212, .1);--color-patient-alpha-20: rgba(6, 182, 212, .2);--color-admin-primary: #ec4899;--color-admin-light: #f472b6;--color-admin-lighter: #f9a8d4;--color-admin-dark: #db2777;--color-admin-darker: #be185d;--color-admin-alpha-10: rgba(236, 72, 153, .1);--color-admin-alpha-20: rgba(236, 72, 153, .2)}[data-theme=dark]{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3)}[data-theme=dark]{.card,.modal{background-color:var(--color-background-subtle)}.table--striped .table__body-row:nth-child(2n){background-color:#ffffff05}.form-input,.form-textarea,.form-select{background-color:var(--color-background-subtle);border-color:var(--color-border-medium)}.form-input:focus,.form-textarea:focus,.form-select:focus{background-color:var(--color-background)}.button--ghost:hover,.nav-item:hover{background-color:#ffffff0d}.header{background-color:var(--color-background-subtle);border-bottom-color:var(--color-border-medium)}}[data-theme=dark] img,[data-theme=dark] video{opacity:.9}[data-theme=dark] img:hover,[data-theme=dark] video:hover{opacity:1}[data-theme=dark] code,[data-theme=dark] pre{background-color:var(--color-background-subtle);border-color:var(--color-border)}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}*,*:before,*:after{transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.modal,.modal-backdrop,.button,.nav-item{transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,transform var(--transition-fast),box-shadow var(--transition-fast)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark}}@media print{[data-theme=dark]{--color-background: #ffffff;--color-text: #000000;--color-border: #e5e5e5}}@media(prefers-contrast:high){[data-theme=dark]{--color-background: #000000;--color-text: #ffffff;--color-border: #666666}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;line-height:1.5;text-rendering:optimizeSpeed}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:inherit;font-size:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}svg:not([height]){height:auto}input,button,textarea,select{font:inherit;color:inherit}button{border:none;background:none;cursor:pointer}textarea{resize:vertical}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}table{border-collapse:collapse;border-spacing:0}a{text-decoration:inherit;color:inherit}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-focus, #2196f3);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{font-size:16px}body{font-family:var(--font-family-base);font-size:var(--typography-body-size);font-weight:var(--typography-body-weight);line-height:var(--typography-body-line-height);color:var(--color-text-primary);background-color:var(--color-background)}h1{font-size:var(--typography-h1-size);font-weight:var(--typography-h1-weight);line-height:var(--typography-h1-line-height);letter-spacing:var(--typography-h1-letter-spacing);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}h2{font-size:var(--typography-h2-size);font-weight:var(--typography-h2-weight);line-height:var(--typography-h2-line-height);letter-spacing:var(--typography-h2-letter-spacing);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}h3{font-size:var(--typography-h3-size);font-weight:var(--typography-h3-weight);line-height:var(--typography-h3-line-height);letter-spacing:var(--typography-h3-letter-spacing);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}h4{font-size:var(--typography-h4-size);font-weight:var(--typography-h4-weight);line-height:var(--typography-h4-line-height);letter-spacing:var(--typography-h4-letter-spacing);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}h5{font-size:var(--typography-h5-size);font-weight:var(--typography-h5-weight);line-height:var(--typography-h5-line-height);letter-spacing:var(--typography-h5-letter-spacing);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}h6{font-size:var(--typography-h6-size);font-weight:var(--typography-h6-weight);line-height:var(--typography-h6-line-height);letter-spacing:var(--typography-h6-letter-spacing);text-transform:var(--typography-h6-transform);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}p{margin-bottom:var(--spacing-4)}p:last-child{margin-bottom:0}.lead{font-size:var(--typography-lead-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height);color:var(--color-text-secondary)}small,.text-small{font-size:var(--typography-body-small-size);font-weight:var(--typography-body-small-weight);line-height:var(--typography-body-small-line-height)}.caption{font-size:var(--typography-caption-size);font-weight:var(--typography-caption-weight);line-height:var(--typography-caption-line-height);color:var(--color-text-secondary)}code,kbd,pre,samp{font-family:var(--typography-code-family);font-size:var(--typography-code-size)}code{padding:.125rem .375rem;background-color:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-error-dark)}pre{padding:var(--spacing-4);background-color:var(--color-gray-100);border-radius:var(--radius-base);overflow-x:auto}pre code{padding:0;background-color:transparent;color:inherit}a{color:var(--color-primary-600);text-decoration:none;transition:var(--transition-link);cursor:pointer}a:hover{color:var(--color-primary-700);text-decoration:underline}a:active{color:var(--color-primary-800)}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-primary-100);color:var(--color-text-primary)}::-moz-selection{background-color:var(--color-primary-100);color:var(--color-text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-track{background-color:var(--color-gray-100);margin:4px 0}::-webkit-scrollbar-thumb{background-color:var(--color-gray-400);border-radius:var(--radius-full);border:2px solid var(--color-gray-100)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-500)}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}[disabled],.disabled{cursor:not-allowed;opacity:.6}.text-primary{color:var(--color-text-primary)}.text-success{color:var(--color-success-dark)}.text-error{color:var(--color-error-dark)}.text-info{color:var(--color-info-dark)}.font-light{font-weight:var(--font-weight-light)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-container-padding-x);padding-right:var(--spacing-container-padding-x)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-fluid{max-width:100%}:root{--header-nav-scale: .9;--header-buttons-scale: 1.05}.app-header{position:fixed;top:0;left:0;right:0;min-height:64px;padding-top:16px;padding-bottom:16px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;z-index:1000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-left:var(--space-6);padding-right:var(--space-6);gap:var(--space-6)}.app-header[data-role=therapeut],.app-header[data-role=patient],.app-header[data-role=admin],.app-header[data-role=praxis]{background:#fff;border-bottom-color:#e5e7eb}body{padding-top:96px}.app-header__left{display:flex;align-items:center;justify-self:start}.app-header__logo{display:flex;align-items:center;gap:calc(14px * var(--header-nav-scale, 1));text-decoration:none;color:var(--color-text-primary);transition:opacity var(--transition-fast)}.app-header__logo:hover{text-decoration:none}.app-header__logo:focus,.app-header__logo:focus-visible{outline:none}.app-header__logo-icon{font-size:calc(var(--font-size-2xl) * var(--header-nav-scale, 1));line-height:1}.app-header__logo-icon i{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .3s ease,filter .3s ease}.app-header__logo:hover .app-header__logo-icon i{transform:scale(1.1) rotate(12deg);filter:drop-shadow(0 0 8px rgba(102,126,234,.5))}.app-header__logo-img{width:calc(50px * var(--header-nav-scale, 1));height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));transition:transform .3s ease,filter .3s ease}.app-header__logo:hover .app-header__logo-img{transform:scale(1.05) rotate(-3deg)}.app-header__logo-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1;margin-top:-8px}.app-header__brand{display:inline-flex;align-items:baseline;font-family:Nunito,sans-serif;font-size:calc(32px * var(--header-nav-scale, 1));color:#4b5563;letter-spacing:-.03em;white-space:nowrap;line-height:1.2}.app-header__brand--thin{font-weight:300;color:#4b5563}.app-header__brand--bold{font-weight:800;font-size:1.5em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header__brand-x{width:calc(.8em * 1.5);height:calc(.8em * 1.5);margin-left:-4px;position:relative;top:calc(.12em + 2.5px);flex-shrink:0}.app-header__slogan{font-family:Nunito,sans-serif;font-size:calc(16.85px * var(--header-nav-scale, 1));font-weight:400;color:#6b7280;letter-spacing:.01em;white-space:nowrap;margin-top:4px}.app-header__app-name{font-size:calc(var(--font-size-lg) * var(--header-nav-scale, 1));font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;letter-spacing:-.01em}.app-header__area-separator{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal);user-select:none}.app-header__area-label{font-size:calc(var(--font-size-sm) * var(--header-nav-scale, 1));font-weight:var(--font-weight-medium);color:#64748b;white-space:nowrap}@media(max-width:768px){.app-header__slogan{display:none}.app-header__logo-img{width:calc(40px * var(--header-nav-scale, 1))}.app-header__brand{font-size:calc(20px * var(--header-nav-scale, 1))}}.app-header__nav{display:flex;align-items:center;gap:calc(var(--space-2) * var(--header-nav-scale, 1));flex:1;justify-content:center;max-width:600px}.app-header__center{display:flex;align-items:center;gap:var(--space-3);justify-self:center}.app-header__center .breadcrumb-nav{margin:0;padding:.5rem 1rem;background:transparent;border:none;box-shadow:none;overflow:visible;scrollbar-width:none;-ms-overflow-style:none}.app-header__center .breadcrumb-nav::-webkit-scrollbar{display:none}.app-header__nav-item{position:relative}.app-header__nav-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:36px}.app-header__nav-button:hover:not([disabled]){color:var(--color-primary)}.app-header__nav-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-header__nav-button[aria-expanded=true]{background:var(--color-primary-light);border-color:var(--color-primary)}.app-header__nav-button[disabled]{opacity:.5;cursor:not-allowed}.app-header__nav-icon{font-size:var(--font-size-base);color:var(--color-text-secondary)}.app-header__nav-label{max-width:150px;overflow:hidden;text-overflow:ellipsis}.app-header__nav-arrow{font-size:var(--font-size-xs);color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.app-header__nav-button[aria-expanded=true] .app-header__nav-arrow{transform:rotate(180deg)}.app-header__dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:280px;max-height:400px;overflow-y:auto;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1001;opacity:0;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:none}.app-header__dropdown:not([hidden]){opacity:1;transform:translateY(0);pointer-events:auto}.app-header__cta-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:36px;box-shadow:var(--shadow-sm)}.app-header__cta-btn:hover:not([disabled]){background:linear-gradient(135deg,#5a6fd6,#6a4190);box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-header__cta-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-header__cta-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.app-header__cta-icon{font-size:var(--font-size-sm)}.app-header__admin-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.app-header__admin-link:hover{color:var(--color-primary)}.app-header__messages-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid var(--color-border, #e2e8f0);border-radius:20px;color:var(--color-text, #1e293b);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.app-header__messages-btn:hover{background:var(--color-surface-alt, #f8fafc);border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea)}.app-header__messages-btn i{font-size:1rem}.app-header__messages-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:.6875rem;font-weight:600;display:flex;align-items:center;justify-content:center}.app-header__messages-badge[hidden]{display:none}@media(max-width:768px){.app-header__messages-label{display:none}.app-header__messages-btn{padding:8px 10px}}.app-header__nav-tabs{display:flex;align-items:center;gap:calc(var(--space-2) * var(--header-nav-scale, 1));flex-wrap:wrap}.app-header__nav-tab{background:transparent;border:none;border-radius:var(--radius-full);padding:calc(var(--space-2) * var(--header-nav-scale, 1)) calc(var(--space-4) * var(--header-nav-scale, 1));font-size:calc(var(--font-size-sm) * var(--header-nav-scale, 1));font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.app-header__nav-tab:hover{color:var(--color-primary)}.app-header__nav-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-header__nav-tab--active{background:#2196f31f;color:var(--color-primary-800);box-shadow:inset 0 -2px 0 0 var(--color-primary-600)}.app-header__nav-tab--active:hover{color:var(--color-primary-800)}.app-header__nav-tab[disabled]{opacity:.4;cursor:not-allowed}.app-header__right{display:flex;align-items:center;gap:calc(var(--space-4) * var(--header-buttons-scale, 1));justify-self:end;white-space:nowrap}.app-header__actions{display:flex;align-items:center;gap:calc(var(--space-2) * var(--header-buttons-scale, 1))}.app-header__user-menu{position:relative}.app-header__user-button{display:flex;align-items:center;gap:calc(var(--space-2) * var(--header-buttons-scale, 1));background:transparent;border:none;border-radius:var(--radius-full);padding:calc(var(--space-2) * var(--header-buttons-scale, 1)) calc(var(--space-4) * var(--header-buttons-scale, 1));font-size:calc(var(--font-size-sm) * var(--header-buttons-scale, 1));font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);min-height:calc(40px * var(--header-buttons-scale, 1))}.app-header__user-button:hover{color:var(--color-primary)}.app-header__user-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-header__user-button[aria-expanded=true]{color:var(--color-primary)}.app-header__user-icon{font-size:calc(var(--font-size-lg) * var(--header-buttons-scale, 1));line-height:1}.app-header__user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__user-arrow{font-size:calc(var(--font-size-xs) * var(--header-buttons-scale, 1));transition:transform var(--transition-fast)}.app-header__user-button[aria-expanded=true] .app-header__user-arrow{transform:rotate(180deg)}.app-header__user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:280px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);z-index:1001;opacity:0;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:none}.app-header__user-dropdown:not([hidden]){opacity:1;transform:translateY(0);pointer-events:auto}.app-header__menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;background:transparent;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--transition-fast)}.app-header__menu-item:hover{color:var(--color-primary)}.app-header__menu-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.app-header__menu-divider{margin:var(--space-2) 0;border:none;border-top:1px solid var(--color-border)}.app-header__user-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;background:transparent;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.app-header__user-dropdown-item:hover{color:var(--color-primary)}.app-header__user-dropdown-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.app-header__user-dropdown-item--danger,.app-header__user-dropdown-item--danger:hover{color:var(--color-error)}.app-header__hamburger{display:none;background:transparent;border:none;padding:calc(var(--space-2) * var(--header-buttons-scale, 1));font-size:calc(var(--font-size-2xl) * var(--header-buttons-scale, 1));color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast);min-width:calc(44px * var(--header-buttons-scale, 1));min-height:calc(44px * var(--header-buttons-scale, 1));align-items:center;justify-content:center}.app-header__hamburger:hover{color:var(--color-primary)}.app-header__hamburger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.app-header__hamburger-icon{display:block;line-height:1}.mobile-menu{position:fixed;inset:0;z-index:2000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.mobile-menu:not([hidden]){opacity:1;pointer-events:auto}.mobile-menu__backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(2px)}.mobile-menu__panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--color-surface-elevated);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-normal)}.mobile-menu:not([hidden]) .mobile-menu__panel{transform:translate(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.mobile-menu__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.mobile-menu__close{background:transparent;border:none;font-size:var(--font-size-3xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.mobile-menu__close:hover{color:var(--color-text-primary)}.mobile-menu__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.mobile-menu__nav{flex:1;overflow-y:auto;padding:var(--space-4)}.mobile-menu__nav-item{display:block;width:100%;background:transparent;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast);margin-bottom:var(--space-2)}.mobile-menu__nav-item:hover{background:var(--color-surface-hover)}.mobile-menu__nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.mobile-menu__nav-item--active{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.mobile-menu__footer{padding:var(--space-4);border-top:1px solid var(--color-border)}@media(max-width:900px){.app-header{padding:0 var(--space-4);gap:var(--space-4)}.app-header[data-role] .app-header__nav,body:not(.landing-page) .app-header__nav{display:none}.app-header__center{display:none}.app-header__hamburger{display:flex}.app-header__user-menu{display:none}body.landing-page .app-header__nav{display:flex!important}.app-header__admin-link{display:none}}@media(max-width:640px){.app-header{padding:0 var(--space-3);gap:var(--space-3);height:56px}body{padding-top:56px}.app-header__area-label,.app-header__area-separator{display:none}.app-header__app-name{font-size:var(--font-size-base)}.app-header__logo-icon{font-size:var(--font-size-xl)}.app-header__actions{display:none}}@media(max-width:400px){.app-header__logo-text{display:none}}@media(prefers-reduced-motion:reduce){.app-header__user-arrow,.app-header__user-dropdown,.mobile-menu,.mobile-menu__panel{transition:none}}@media(prefers-contrast:high){.app-header{border-bottom-width:2px}.app-header__user-button,.app-header__user-dropdown{border-width:2px}}.app-header__logo:focus:not(:focus-visible),.app-header__nav-tab:focus:not(:focus-visible),.app-header__user-button:focus:not(:focus-visible),.app-header__hamburger:focus:not(:focus-visible){outline:none}.tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-track{background:transparent}.tabs::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-sm)}.tabs__item{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tabs__item:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.tabs__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tabs__item--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tabs__item[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-surface);background:var(--color-error);border-radius:var(--radius-full)}.tabs__badge--neutral{background:var(--color-text-tertiary)}.tabs__badge--primary{background:var(--color-primary)}.therapeut-subnav{position:sticky;top:64px;z-index:950;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:#fffffff2;border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.therapeut-subnav__patient{display:flex;flex-direction:column;gap:var(--space-2);min-width:240px}.therapeut-subnav__patient-button{display:flex;align-items:center;text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.therapeut-subnav__patient-button:hover:not([disabled]){background:var(--color-primary-light);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.therapeut-subnav__patient-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.therapeut-subnav__patient-button[aria-expanded=true]{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-lighter));border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.therapeut-subnav__patient-button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.therapeut-subnav__name{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-text-primary);word-break:break-word}.therapeut-subnav__actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.therapeut-subnav__action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.therapeut-subnav__action:hover:not([disabled]):not(.therapeut-subnav__action--active){background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.therapeut-subnav__action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.therapeut-subnav__action--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-md)}.therapeut-subnav__action--active:hover:not([disabled]){background:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.therapeut-subnav__action[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.therapeut-sub-subnav{position:sticky;top:134px;z-index:940;background:#fffffff2;border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);padding:var(--space-4) 0;display:none;width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.therapeut-sub-subnav--visible{display:block}.therapeut-sub-subnav__tabs{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.therapeut-sub-subnav__tabs::-webkit-scrollbar{height:4px}.therapeut-sub-subnav__tabs::-webkit-scrollbar-track{background:transparent}.therapeut-sub-subnav__tabs::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-sm)}.therapeut-sub-subnav__tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.therapeut-sub-subnav__tab:hover:not(.therapeut-sub-subnav__tab--active){background:var(--color-surface-hover);color:var(--color-text-primary)}.therapeut-sub-subnav__tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.therapeut-sub-subnav__tab--active{background:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md)}.therapeut-sub-subnav__tab--active:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-lg)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-x:auto;scrollbar-width:thin}.breadcrumb::-webkit-scrollbar{height:4px}.breadcrumb::-webkit-scrollbar-track{background:transparent}.breadcrumb::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-sm)}.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.breadcrumb__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb__link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.breadcrumb__link:disabled,.breadcrumb__link[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.breadcrumb__separator{color:var(--color-text-tertiary);user-select:none}.breadcrumb__current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:600;border-radius:10px;box-shadow:0 2px 4px #ef444466;animation:badgePulse 2s ease-in-out infinite}.breadcrumb__badge[hidden]{display:none}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-vertical{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border)}.nav-vertical__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-left:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.nav-vertical__item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.nav-vertical__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.nav-vertical__item--active{background:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.nav-vertical__icon{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);flex-shrink:0}.nav-vertical__badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-surface);background:var(--color-error);border-radius:var(--radius-full)}@media(max-width:900px){.therapeut-subnav{gap:var(--space-4);padding:var(--space-3) var(--space-4)}.therapeut-sub-subnav__tabs{padding:0 var(--space-4);gap:var(--space-2)}}@media(max-width:640px){.therapeut-subnav{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3)}.therapeut-subnav__patient{min-width:unset;width:100%}.therapeut-subnav__patient-button,.therapeut-subnav__actions{width:100%}.therapeut-subnav__action{flex:1;justify-content:center}.therapeut-sub-subnav__tabs{padding:0 var(--space-3);gap:var(--space-2)}.therapeut-sub-subnav__tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.tabs{gap:var(--space-1)}.tabs__item{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.breadcrumb{padding:var(--space-2) 0;font-size:var(--font-size-xs)}}@media(prefers-reduced-motion:reduce){.tabs__item,.therapeut-subnav__patient-button,.therapeut-subnav__action,.therapeut-sub-subnav__tab,.breadcrumb__link,.nav-vertical__item{transition:none}}@media(prefers-contrast:high){.therapeut-subnav,.therapeut-sub-subnav{border-bottom-width:2px}.therapeut-subnav__patient-button,.therapeut-subnav__action{border-width:2px}}.tabs__item:focus:not(:focus-visible),.therapeut-subnav__patient-button:focus:not(:focus-visible),.therapeut-subnav__action:focus:not(:focus-visible),.therapeut-sub-subnav__tab:focus:not(:focus-visible),.breadcrumb__link:focus:not(:focus-visible),.nav-vertical__item:focus:not(:focus-visible){outline:none}@media print{.therapeut-subnav,.therapeut-sub-subnav{position:static;box-shadow:none;backdrop-filter:none;border-bottom:1px solid #000}}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-align:center;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-text-on-primary);cursor:pointer;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.button:hover:not(:disabled):not(.is-disabled):not(.is-loading){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:active:not(:disabled):not(.is-disabled):not(.is-loading){transform:translateY(0);box-shadow:var(--shadow-sm)}.button:disabled,.button.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.button--primary:hover:not(:disabled):not(.is-disabled):not(.is-loading){background-color:var(--color-primary-dark)}.button--secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.button--secondary:hover:not(:disabled):not(.is-disabled):not(.is-loading){background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.button--danger{background-color:var(--color-error);color:var(--color-text-on-primary)}.button--danger:hover:not(:disabled):not(.is-disabled):not(.is-loading){background-color:var(--color-error-dark)}.button--success{background-color:var(--color-success);color:var(--color-text-on-primary)}.button--success:hover:not(:disabled):not(.is-disabled):not(.is-loading){background-color:var(--color-success-dark)}.button--ghost{background-color:transparent;border-color:transparent;color:var(--color-text-primary)}.button--ghost:hover:not(:disabled):not(.is-disabled):not(.is-loading){background-color:var(--color-surface-hover);transform:none;box-shadow:none}.button--ghost:active:not(:disabled):not(.is-disabled):not(.is-loading){background-color:var(--color-surface-active)}.button--ghost.button--danger{color:var(--color-error)}.button--ghost.button--danger:hover:not(:disabled):not(.is-disabled):not(.is-loading){background-color:var(--color-error-light)}.button--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);gap:var(--space-1)}.button--sm .button__icon{width:var(--space-4);height:var(--space-4)}.button--md{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);gap:var(--space-2)}.button--md .button__icon{width:var(--space-5);height:var(--space-5)}.button--lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);gap:var(--space-2)}.button--lg .button__icon{width:var(--space-6);height:var(--space-6)}.button--icon{padding:var(--space-3);aspect-ratio:1}.button--icon.button--sm{padding:var(--space-2)}.button--icon.button--lg{padding:var(--space-4)}.button--icon .button__icon{margin:0}.button__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);flex-shrink:0}.button__icon svg{width:100%;height:100%;fill:currentColor}.button__icon--left{margin-right:calc(var(--space-1) * -1)}.button__icon--right{margin-left:calc(var(--space-1) * -1)}.button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--space-5);height:var(--space-5);border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.button.is-loading{color:transparent;pointer-events:none}.button.is-loading .button__icon,.button.is-loading .button__text{opacity:0}.button.is-active{background-color:var(--color-primary-dark);box-shadow:inset 0 2px 4px #0000001a}.button--secondary.is-active{background-color:var(--color-background-subtle);border-color:var(--color-primary);color:var(--color-primary)}.button--ghost.is-active{background-color:var(--color-background-subtle)}.button--full{width:100%}.button--nowrap{white-space:nowrap}@media(max-width:639px){.button--block-mobile{width:100%}}.button-group{display:inline-flex;gap:var(--space-2)}.button-group--attached{gap:0}.button-group--attached .button{border-radius:0}.button-group--attached .button:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.button-group--attached .button:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.button-group--attached .button:not(:first-child){margin-left:-1px}.button-group--attached .button:hover,.button-group--attached .button:focus-visible,.button-group--attached .button.is-active{z-index:1}.button-group--vertical{flex-direction:column}.button-group--vertical.button-group--attached .button{border-radius:0;width:100%}.button-group--vertical.button-group--attached .button:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-bottom-left-radius:0}.button-group--vertical.button-group--attached .button:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-top-right-radius:0}.button-group--vertical.button-group--attached .button:not(:first-child){margin-left:0;margin-top:-1px}@media(max-width:639px){.button{padding:var(--space-3) var(--space-3);font-size:var(--font-size-sm)}.button--sm{padding:var(--space-2) var(--space-2);font-size:var(--font-size-xs)}.button--lg{padding:var(--space-4) var(--space-4);font-size:var(--font-size-base)}.button__text--hide-mobile{display:none}.button-group{flex-wrap:wrap}}@media(prefers-contrast:high){.button{border-width:2px}.button--ghost{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover:not(:disabled):not(.is-disabled){transform:none}.button__spinner{animation:none}}.button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}a.button{text-decoration:none}a.button:visited{color:inherit}.form{display:flex;flex-direction:column;gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group--inline{flex-direction:row;align-items:center;gap:var(--space-4)}.form-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-tight);color:var(--color-text);margin-bottom:var(--space-1)}.form-label--required:after{content:"*";color:var(--color-error);margin-left:var(--space-1)}.form-label--inline{margin-bottom:0;font-weight:var(--font-weight-normal);cursor:pointer}.form-hint{font-size:var(--font-size-xs);line-height:var(--font-line-height-normal);color:var(--color-text-secondary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-normal);color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-disabled);opacity:1}.form-input:hover:not(:disabled):not(:read-only),.form-textarea:hover:not(:disabled):not(:read-only),.form-select:hover:not(:disabled){border-color:var(--color-border-strong)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--color-background-subtle);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.form-input:read-only,.form-textarea:read-only{background-color:var(--color-background-subtle);cursor:default}.form-input--sm,.form-select--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.form-input--lg,.form-select--lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-base)}.form-textarea{min-height:120px;resize:vertical}.form-textarea--no-resize{resize:none}.form-textarea--auto-resize{resize:none;overflow:hidden}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:12px;padding-right:var(--space-10);cursor:pointer}.form-select[multiple]{background-image:none;padding-right:var(--space-4);min-height:120px}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-wrapper .form-input{padding-left:var(--space-10)}.form-input-wrapper--icon-right .form-input{padding-left:var(--space-4);padding-right:var(--space-10)}.form-input-icon{position:absolute;left:var(--space-3);display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);color:var(--color-text-secondary);pointer-events:none}.form-input-icon svg{width:100%;height:100%;fill:currentColor}.form-input-wrapper--icon-right .form-input-icon{left:auto;right:var(--space-3)}.form-input-icon--clickable{cursor:pointer;pointer-events:auto}.form-input-icon--clickable:hover{color:var(--color-text)}.form-checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.form-checkbox{appearance:none;position:relative;width:var(--space-5);height:var(--space-5);flex-shrink:0;margin:0;border:2px solid var(--color-border-medium);border-radius:var(--radius-sm);background-color:var(--color-background);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-checkbox:hover:not(:disabled){border-color:var(--color-border-strong)}.form-checkbox:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.form-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:6px;border-left:2px solid var(--color-text-on-primary);border-bottom:2px solid var(--color-text-on-primary);transform:translate(-50%,-60%) rotate(-45deg)}.form-checkbox:indeterminate{background-color:var(--color-primary);border-color:var(--color-primary)}.form-checkbox:indeterminate:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:2px;background-color:var(--color-text-on-primary)}.form-checkbox:disabled{background-color:var(--color-background-subtle);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.form-checkbox:disabled:checked{background-color:var(--color-text-disabled);border-color:var(--color-text-disabled)}.form-radio-wrapper{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.form-radio{appearance:none;position:relative;width:var(--space-5);height:var(--space-5);flex-shrink:0;margin:0;border:2px solid var(--color-border-medium);border-radius:var(--radius-full);background-color:var(--color-background);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-radio:hover:not(:disabled){border-color:var(--color-border-strong)}.form-radio:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.form-radio:checked{border-color:var(--color-primary)}.form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary)}.form-radio:disabled{background-color:var(--color-background-subtle);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.form-radio:disabled:checked:after{background-color:var(--color-text-disabled)}.form-radio-group,.form-checkbox-group{display:flex;flex-direction:column;gap:var(--space-3)}.form-radio-group--inline,.form-checkbox-group--inline{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.form-toggle-wrapper{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-toggle{appearance:none;position:relative;width:var(--space-11);height:var(--space-6);margin:0;border:2px solid var(--color-border-medium);border-radius:var(--radius-full);background-color:var(--color-background-subtle);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-toggle:after{content:"";position:absolute;top:2px;left:2px;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background-color:var(--color-text-on-primary);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.form-toggle:hover:not(:disabled){border-color:var(--color-border-strong)}.form-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.form-toggle:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-toggle:checked:after{transform:translate(20px)}.form-toggle:disabled{background-color:var(--color-background-subtle);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.form-file{display:none}.form-file-label{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-file-label:hover{border-color:var(--color-border-strong);background-color:var(--color-background-hover)}.form-file:focus-visible+.form-file-label{outline:2px solid var(--color-focus-ring);outline-offset:2px}.form-file:disabled+.form-file-label{opacity:.6;cursor:not-allowed;pointer-events:none}.form-file-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);border:2px dashed var(--color-border-medium);border-radius:var(--radius-lg);background-color:var(--color-background);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-file-dropzone:hover{border-color:var(--color-primary);background-color:var(--color-primary-alpha-10)}.form-file-dropzone.is-dragover{border-color:var(--color-primary);background-color:var(--color-primary-alpha-20)}.form-range{appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background-color:var(--color-background-subtle);outline:none;cursor:pointer}.form-range::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-full);background-color:var(--color-background-subtle)}.form-range::-moz-range-track{height:6px;border-radius:var(--radius-full);background-color:var(--color-background-subtle)}.form-range::-webkit-slider-thumb{appearance:none;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background-color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.form-range::-moz-range-thumb{width:var(--space-5);height:var(--space-5);border:none;border-radius:var(--radius-full);background-color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.form-range:hover::-webkit-slider-thumb{transform:scale(1.1)}.form-range:hover::-moz-range-thumb{transform:scale(1.1)}.form-range:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.form-range:disabled{opacity:.6;cursor:not-allowed}.form-range:disabled::-webkit-slider-thumb{background-color:var(--color-text-disabled);cursor:not-allowed}.form-range:disabled::-moz-range-thumb{background-color:var(--color-text-disabled);cursor:not-allowed}.form-group--error .form-input,.form-group--error .form-textarea,.form-group--error .form-select{border-color:var(--color-error)}.form-group--error .form-input:focus,.form-group--error .form-textarea:focus,.form-group--error .form-select:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-alpha-20)}.form-group--error .form-label,.form-group--error .form-hint{color:var(--color-error)}.form-group--success .form-input,.form-group--success .form-textarea,.form-group--success .form-select{border-color:var(--color-success)}.form-group--success .form-input:focus,.form-group--success .form-textarea:focus,.form-group--success .form-select:focus{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success-alpha-20)}.form-group--success .form-label,.form-group--success .form-hint{color:var(--color-success)}.form-group--warning .form-input,.form-group--warning .form-textarea,.form-group--warning .form-select{border-color:var(--color-warning)}.form-group--warning .form-input:focus,.form-group--warning .form-textarea:focus,.form-group--warning .form-select:focus{border-color:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-alpha-20)}.form-group--warning .form-label,.form-group--warning .form-hint{color:var(--color-warning-dark)}@media(max-width:639px){.form-group--inline{flex-direction:column;align-items:stretch}.form-input,.form-textarea,.form-select{font-size:var(--font-size-base)}}@media(prefers-contrast:high){.form-input,.form-textarea,.form-select{border-width:2px}.form-checkbox,.form-radio{border-width:3px}}@media(prefers-reduced-motion:reduce){.form-input,.form-textarea,.form-select,.form-checkbox,.form-radio,.form-toggle,.form-toggle:after{transition:none}}.form-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}.card{display:flex;flex-direction:column;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal)}.card--default{box-shadow:var(--shadow-sm)}.card--bordered{border:1px solid var(--color-border-medium);box-shadow:none}.card--elevated{border:none;box-shadow:var(--shadow-lg)}.card--flat{border:none;box-shadow:none}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--color-border-strong)}.card--interactive:active{transform:translateY(0);box-shadow:var(--shadow-md)}.card--interactive:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.card__header--no-border{border-bottom:none;padding-bottom:0}.card__header-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.card__title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-tight);color:var(--color-text);margin:0}.card__title--sm{font-size:var(--font-size-base)}.card__title--lg{font-size:var(--font-size-xl)}.card__subtitle{font-size:var(--font-size-sm);line-height:var(--font-line-height-normal);color:var(--color-text-secondary)}.card__header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card__body{padding:var(--space-6);flex:1}.card__body--compact{padding:var(--space-4)}.card__body--spacious{padding:var(--space-8)}.card__body--no-padding{padding:0}.card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border)}.card__footer--no-border{border-top:none;padding-top:0}.card__footer--centered{justify-content:center}.card__footer--end{justify-content:flex-end}.card__footer-actions{display:flex;align-items:center;gap:var(--space-2)}.card__image{width:100%;height:auto;display:block}.card__image-wrapper{width:100%;overflow:hidden;background-color:var(--color-background-subtle)}.card__image-wrapper--top{border-bottom:1px solid var(--color-border)}.card__image-wrapper--aspect-16-9{aspect-ratio:16 / 9}.card__image-wrapper--aspect-4-3{aspect-ratio:4 / 3}.card__image-wrapper--aspect-1-1{aspect-ratio:1 / 1}.card__badge{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-tight);color:var(--color-text-on-primary);background-color:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.card__badge--success{background-color:var(--color-success)}.card__badge--warning{background-color:var(--color-warning);color:var(--color-neutral-900)}.card__badge--error{background-color:var(--color-error)}.card__badge--info{background-color:var(--color-info)}.card__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card__meta-item{display:inline-flex;align-items:center;gap:var(--space-2)}.card__meta-icon{width:var(--space-4);height:var(--space-4);fill:currentColor}.card__divider{height:1px;background-color:var(--color-border);margin:0;border:none}.card--loading{pointer-events:none;opacity:.6}.card--loading .card__body{position:relative;min-height:200px}.card--disabled{opacity:.5;pointer-events:none}.card--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-20)}.card--error{border-color:var(--color-error)}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid--2-col{grid-template-columns:repeat(2,1fr)}.card-grid--3-col{grid-template-columns:repeat(3,1fr)}.card-grid--4-col{grid-template-columns:repeat(4,1fr)}.card-grid--compact{gap:var(--space-4)}.card-grid--spacious{gap:var(--space-8)}.card-list{display:flex;flex-direction:column;gap:var(--space-4)}.card-list--compact{gap:var(--space-2)}.card-list--spacious{gap:var(--space-6)}.card--horizontal{flex-direction:row}.card--horizontal .card__image-wrapper{width:40%;min-width:200px;border-bottom:none;border-right:1px solid var(--color-border)}.card--horizontal .card__image{width:100%;height:100%;object-fit:cover}.card--horizontal .card__content{display:flex;flex-direction:column;flex:1}.card--compact .card__header,.card--compact .card__body,.card--compact .card__footer{padding:var(--space-4) var(--space-5)}.card--compact .card__title{font-size:var(--font-size-base)}@media(max-width:639px){.card__header{padding:var(--space-4) var(--space-4);flex-direction:column;align-items:stretch}.card__header-actions{width:100%;justify-content:flex-end}.card__body{padding:var(--space-4)}.card__footer{padding:var(--space-4);flex-direction:column;align-items:stretch}.card__footer-actions{width:100%;justify-content:stretch}.card__footer-actions .button{flex:1}.card-grid,.card-grid--2-col,.card-grid--3-col,.card-grid--4-col{grid-template-columns:1fr}.card--horizontal{flex-direction:column}.card--horizontal .card__image-wrapper{width:100%;min-width:auto;border-right:none;border-bottom:1px solid var(--color-border)}.card__meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media(min-width:640px)and (max-width:1023px){.card-grid--3-col,.card-grid--4-col{grid-template-columns:repeat(2,1fr)}}.card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){.card,.card--interactive{transition:none}.card--interactive:hover{transform:none}}@media(prefers-contrast:high){.card{border-width:2px}}.card__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}.modal-backdrop{position:fixed;inset:0;z-index:1000;background-color:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;animation:modal-fade-in var(--transition-normal) forwards}@keyframes modal-fade-in{to{opacity:1}}.modal-backdrop--closing{animation:modal-fade-out var(--transition-normal) forwards}@keyframes modal-fade-out{to{opacity:0}}.modal[hidden]{display:none!important;pointer-events:none!important}.modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:600px;max-height:calc(100vh - var(--space-8));background-color:var(--color-background);border-radius:var(--radius-modal);box-shadow:var(--shadow-2xl);overflow:hidden;transform:scale(.9);animation:modal-scale-in var(--transition-normal) forwards}@keyframes modal-scale-in{to{transform:scale(1)}}.modal--closing{animation:modal-scale-out var(--transition-normal) forwards}@keyframes modal-scale-out{to{transform:scale(.9)}}.modal--sm{max-width:400px}.modal--md{max-width:600px}.modal--lg{max-width:800px}.modal--xl{max-width:1200px}.modal--fullscreen{max-width:none;max-height:none;width:100%;height:100%;border-radius:0}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__header--no-border{border-bottom:none}.modal__title{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-tight);color:var(--color-text);margin:0;flex:1}.modal__title--sm{font-size:var(--font-size-lg)}.modal__title--lg{font-size:var(--font-size-2xl)}.modal__subtitle{font-size:var(--font-size-sm);line-height:var(--font-line-height-normal);color:var(--color-text-secondary);margin-top:var(--space-1)}.modal__close{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;background-color:transparent;border:none;border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background-color:var(--color-background-hover);color:var(--color-text)}.modal__close svg{width:var(--space-5);height:var(--space-5);fill:currentColor}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1;overscroll-behavior:contain}.modal__body--compact{padding:var(--space-4)}.modal__body--spacious{padding:var(--space-8)}.modal__body--no-padding{padding:0}.modal__body::-webkit-scrollbar{width:8px}.modal__body::-webkit-scrollbar-track{background:var(--color-background-subtle)}.modal__body::-webkit-scrollbar-thumb{background-color:var(--color-border-medium);border-radius:4px}.modal__body::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.modal__footer--no-border{border-top:none}.modal__footer--centered{justify-content:center}.modal__footer--between{justify-content:space-between}.modal__footer--start{justify-content:flex-start}.modal__footer-start{display:flex;align-items:center;gap:var(--space-3);margin-right:auto}.modal__footer-end{display:flex;align-items:center;gap:var(--space-3)}.modal--alert .modal__body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-8)}.modal--alert .modal__icon{display:flex;align-items:center;justify-content:center;width:var(--space-16);height:var(--space-16);border-radius:var(--radius-full);background-color:var(--color-background-subtle)}.modal--alert .modal__icon svg{width:var(--space-10);height:var(--space-10)}.modal--alert.modal--success .modal__icon{background-color:var(--color-success-lighter);color:var(--color-success)}.modal--alert.modal--error .modal__icon{background-color:var(--color-error-lighter);color:var(--color-error)}.modal--alert.modal--warning .modal__icon{background-color:var(--color-warning-lighter);color:var(--color-warning-dark)}.modal--alert.modal--info .modal__icon{background-color:var(--color-info-lighter);color:var(--color-info)}.modal--confirm .modal__footer{justify-content:space-between}.modal__text{font-size:var(--font-size-base);line-height:var(--font-line-height-relaxed);color:var(--color-text)}.modal__text--secondary{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.modal__list{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.modal__list-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-background-subtle);border-radius:var(--radius-md)}.modal__divider{height:1px;background-color:var(--color-border);margin:var(--space-4) 0;border:none}@media(max-width:639px){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:none;max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:modal-slide-up var(--transition-normal) forwards}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal--closing{animation:modal-slide-down var(--transition-normal) forwards}@keyframes modal-slide-down{to{transform:translateY(100%)}}.modal__header{padding:var(--space-4) var(--space-4)}.modal__body{padding:var(--space-4)}.modal__footer{padding:var(--space-4);flex-direction:column}.modal__footer .button{width:100%}.modal__footer--between{flex-direction:column-reverse}.modal__footer-start,.modal__footer-end{width:100%;justify-content:stretch}.modal__footer-start .button,.modal__footer-end .button{flex:1}.modal--sm,.modal--md,.modal--lg,.modal--xl{max-width:none}}@media(min-width:640px)and (max-width:1023px){.modal--lg,.modal--xl{max-width:90vw}}.modal:focus{outline:none}.modal__close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.modal__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}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}.modal-backdrop{opacity:1}.modal{transform:scale(1)}}@media(prefers-contrast:high){.modal{border:2px solid var(--color-border-strong)}}body.modal-open{overflow:hidden}.modal-backdrop--stacked{z-index:1010}.modal-backdrop--stacked .modal{box-shadow:var(--shadow-2xl)}#patient-edit-modal{position:fixed;inset:0;z-index:3100;display:flex;align-items:center;justify-content:center;padding:clamp(18px,6vh,72px);background:transparent;background-color:transparent;width:auto;max-width:none;border-radius:0!important;overflow:visible!important;box-shadow:none!important}#patient-edit-modal .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a52;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:block;padding:0;margin:0;animation:none;opacity:1}#patient-edit-modal .modal-dialog{position:relative;background:#fff;box-shadow:0 28px 68px -36px #0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:calc(20px * var(--layout-scale, 1));max-width:640px;width:100%;animation:none;transform:none}#delete-confirmation-modal{position:fixed;inset:0;z-index:3100;display:flex;align-items:center;justify-content:center;padding:clamp(18px,6vh,72px);background:transparent;background-color:transparent;width:auto;max-width:none;border-radius:0!important;overflow:visible!important;box-shadow:none!important}#delete-confirmation-modal .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a52;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:block;padding:0;margin:0;animation:none;opacity:1}#delete-confirmation-modal .modal-dialog{position:relative;background:#fff;box-shadow:0 28px 68px -36px #0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:calc(20px * var(--layout-scale, 1));max-width:640px;width:100%;animation:none;transform:none}#delete-list-modal{position:fixed;inset:0;z-index:3100;display:flex;align-items:center;justify-content:center;padding:clamp(18px,6vh,72px);background:transparent;background-color:transparent;width:auto;max-width:none;border-radius:0!important;overflow:visible!important;box-shadow:none!important}#delete-list-modal .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a52;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:block;padding:0;margin:0;animation:none;opacity:1}#delete-list-modal .modal-dialog{position:relative;background:#fff;box-shadow:0 28px 68px -36px #0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:calc(20px * var(--layout-scale, 1));max-width:480px;width:100%;animation:none;transform:none}#sound-filter-modal{position:fixed;inset:0;z-index:3100;display:flex;align-items:center;justify-content:center;padding:clamp(18px,6vh,72px);background:transparent;background-color:transparent;width:auto;max-width:none;border-radius:0!important;overflow:visible!important;box-shadow:none!important}#sound-filter-modal .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a52;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:block;padding:0;margin:0;animation:none;opacity:1}#sound-filter-modal .modal-dialog{position:relative;background:#fff;box-shadow:0 28px 68px -36px #0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:calc(20px * var(--layout-scale, 1));max-width:800px;width:100%;animation:none;transform:none}#list-filter-modal{position:fixed;inset:0;z-index:3100;display:flex;align-items:center;justify-content:center;padding:clamp(18px,6vh,72px);background:transparent;background-color:transparent;width:auto;max-width:none;border-radius:0!important;overflow:visible!important;box-shadow:none!important}#list-filter-modal .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a52;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:block;padding:0;margin:0;animation:none;opacity:1;z-index:999}#list-filter-modal .modal-dialog{position:relative;z-index:1000;background:#fff;box-shadow:0 28px 68px -36px #0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:calc(20px * var(--layout-scale, 1));max-width:800px;width:100%;animation:none;transform:none}#login-modal{position:fixed;inset:0;z-index:3100;display:flex;align-items:center;justify-content:center;padding:clamp(18px,6vh,72px);background:transparent;width:auto;max-width:none;border-radius:0!important;overflow:visible!important;box-shadow:none!important}#login-modal .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a52;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:block;padding:0;margin:0;animation:none;opacity:1;z-index:999}#login-modal .modal-dialog{position:relative;z-index:1000;background:#fff;box-shadow:0 28px 68px -36px #0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:calc(20px * var(--layout-scale, 1));max-width:440px;width:100%;animation:none;transform:none}#login-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}#login-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#4b5563;display:flex;align-items:center;gap:.5rem}#login-modal .modal-header h2 i{color:#667eea}#login-modal .modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem;line-height:1;transition:color .15s}#login-modal .modal-close:hover{color:#4b5563}#login-modal .modal-body{padding:1.5rem}.login-modal__description{margin:0 0 1.5rem;color:#64748b;font-size:.95rem;line-height:1.5}.login-form{display:grid;gap:1rem}.login-field{display:grid;gap:.375rem}.login-field label{font-size:.9rem;font-weight:600;color:#4b5563}.login-field input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid #d0d7e2;font-size:1rem;background:#fbfdff;transition:border-color .18s ease,box-shadow .18s ease}.login-field input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea2e}.login-actions{margin-top:.5rem}.btn-login{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 8px 24px -12px #667eea80}.btn-login:hover{transform:translateY(-1px);box-shadow:0 12px 28px -12px #667eea99}.btn-login:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.login-alert{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;background:#dc26261f;border:1px solid rgba(220,38,38,.3);color:#991b1b}.login-alert--success{background:#16a34a1f;border-color:#16a34a4d;color:#166534}.login-footer{margin-top:1.5rem;text-align:center;color:#64748b;font-size:.9rem;padding-top:1rem;border-top:1px solid #e2e8f0}.login-footer a{color:#667eea;text-decoration:none;font-weight:600}.login-footer a:hover{text-decoration:underline}#exercise-detail-modal{position:fixed;inset:0;z-index:3100;display:flex;align-items:center;justify-content:center;padding:clamp(18px,6vh,72px);background:transparent;background-color:transparent;width:auto;max-width:none;border-radius:0!important;overflow:visible!important;box-shadow:none!important}#exercise-detail-modal .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a52;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:block;padding:0;margin:0;animation:none;opacity:1;z-index:999}#exercise-detail-modal .modal-dialog{position:relative;z-index:1000;background:#fff;box-shadow:0 28px 68px -36px #0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:calc(20px * var(--layout-scale, 1));max-width:560px;width:100%;animation:none;transform:none}#exercise-detail-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}#exercise-detail-modal .modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#374151}#exercise-detail-modal .modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem;line-height:1;transition:color .15s}#exercise-detail-modal .modal-close:hover{color:#374151}#exercise-detail-modal .modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.table-container{width:100%;overflow-x:auto;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--color-background-subtle)}.table-container::-webkit-scrollbar-thumb{background-color:var(--color-border-medium);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}.table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-normal);color:var(--color-text)}.table__head{background-color:var(--color-background-subtle);border-bottom:1px solid var(--color-border-medium)}.table__head-row{border-bottom:1px solid var(--color-border-medium)}.table__head-cell{padding:var(--space-4) var(--space-4);font-weight:var(--font-weight-semibold);text-align:left;color:var(--color-text);white-space:nowrap;vertical-align:middle}.table__head-cell--center{text-align:center}.table__head-cell--right{text-align:right}.table--sticky .table__head{position:sticky;top:0;z-index:10}.table__head-cell--sortable{cursor:pointer;user-select:none;position:relative;padding-right:var(--space-8);transition:background-color var(--transition-fast)}.table__head-cell--sortable:hover{background-color:var(--color-background-hover)}.table__head-cell--sortable:after{content:"";position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-text-secondary);opacity:.3}.table__head-cell--sortable:hover:after{opacity:.6}.table__head-cell--sorted-asc:after{border-top:4px solid var(--color-primary);border-bottom:none;opacity:1}.table__head-cell--sorted-desc:after{border-top:none;border-bottom:4px solid var(--color-primary);opacity:1}.table__body-row{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.table__body-row:last-child{border-bottom:none}.table--hover .table__body-row:hover{background-color:var(--color-background-hover)}.table--striped .table__body-row:nth-child(2n){background-color:var(--color-background-subtle)}.table--striped.table--hover .table__body-row:nth-child(2n):hover{background-color:var(--color-background-hover)}.table--selectable .table__body-row{cursor:pointer}.table--selectable .table__body-row:hover{background-color:var(--color-background-hover)}.table--selectable .table__body-row.is-selected{background-color:var(--color-primary-alpha-10)}.table--selectable .table__body-row.is-selected:hover{background-color:var(--color-primary-alpha-20)}.table__body-row.is-disabled{opacity:.5;pointer-events:none}.table__cell{padding:var(--space-4) var(--space-4);vertical-align:middle}.table__cell--center{text-align:center}.table__cell--right{text-align:right}.table__cell--top{vertical-align:top}.table__cell--bottom{vertical-align:bottom}.table__cell-icon{display:inline-flex;align-items:center;gap:var(--space-2)}.table__cell-icon svg{width:var(--space-5);height:var(--space-5);fill:currentColor}.table__cell-actions{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.table--compact .table__head-cell,.table--compact .table__cell{padding:var(--space-2) var(--space-3)}.table--spacious .table__head-cell,.table--spacious .table__cell{padding:var(--space-5) var(--space-6)}.table--bordered .table__head-cell,.table--bordered .table__cell{border-right:1px solid var(--color-border)}.table--bordered .table__head-cell:last-child,.table--bordered .table__cell:last-child{border-right:none}.table__badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-tight);color:var(--color-white);background-color:var(--color-neutral-500);border-radius:var(--radius-full);white-space:nowrap}.table__badge--primary{background-color:var(--color-primary)}.table__badge--success{background-color:var(--color-success)}.table__badge--warning{background-color:var(--color-warning);color:var(--color-neutral-900)}.table__badge--error{background-color:var(--color-error)}.table__badge--info{background-color:var(--color-info)}.table__footer{background-color:var(--color-background-subtle);border-top:1px solid var(--color-border-medium)}.table__footer-row{font-weight:var(--font-weight-semibold)}.table__checkbox-cell{width:var(--space-12);padding:var(--space-4) var(--space-4)}.table__checkbox{appearance:none;position:relative;width:var(--space-5);height:var(--space-5);margin:0;border:2px solid var(--color-border-medium);border-radius:var(--radius-sm);background-color:var(--color-background);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.table__checkbox:hover{border-color:var(--color-border-strong)}.table__checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.table__checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) rotate(-45deg);width:10px;height:6px;border-left:2px solid var(--color-white);border-bottom:2px solid var(--color-white)}.table__checkbox:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.table__empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary)}.table__empty-icon{width:var(--space-16);height:var(--space-16);margin:0 auto var(--space-4);opacity:.5}.table__empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.table__empty-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table--loading{position:relative;pointer-events:none}.table--loading:after{content:"";position:absolute;inset:0;background-color:#fffc;z-index:5}.table__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-background)}.table-pagination__info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-pagination__controls{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:767px){.table-container--responsive{border:none;overflow-x:visible}.table--responsive{display:block}.table--responsive .table__head{display:none}.table--responsive .table__body{display:block}.table--responsive .table__body-row{display:block;margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-background)}.table--responsive.table--striped .table__body-row:nth-child(2n){background-color:var(--color-background)}.table--responsive .table__cell{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.table--responsive .table__cell:last-child{border-bottom:none}.table--responsive .table__cell:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex-shrink:0}.table--responsive .table__cell-actions{justify-content:flex-end;width:100%}.table--responsive .table__checkbox-cell{padding:var(--space-2) 0;width:auto}.table-pagination{flex-direction:column;gap:var(--space-4);align-items:stretch}.table-pagination__controls{justify-content:center}}.table__body-row:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.table__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}@media(prefers-reduced-motion:reduce){.table__body-row{transition:none}}@media(prefers-contrast:high){.table{border:2px solid var(--color-border-strong)}.table__head-cell,.table__cell{border:1px solid var(--color-border-strong)}}.table--therapeut .table__body-row.is-selected{background-color:var(--color-therapeut-alpha-10)}.table--therapeut .table__body-row.is-selected:hover{background-color:var(--color-therapeut-alpha-20)}.table--therapeut .table__checkbox:checked{background-color:var(--color-therapeut-primary);border-color:var(--color-therapeut-primary)}.table--patient .table__body-row.is-selected{background-color:var(--color-patient-alpha-10)}.table--patient .table__body-row.is-selected:hover{background-color:var(--color-patient-alpha-20)}.table--patient .table__checkbox:checked{background-color:var(--color-patient-primary);border-color:var(--color-patient-primary)}.table--admin .table__body-row.is-selected{background-color:var(--color-admin-alpha-10)}.table--admin .table__body-row.is-selected:hover{background-color:var(--color-admin-alpha-20)}.table--admin .table__checkbox:checked{background-color:var(--color-admin-primary);border-color:var(--color-admin-primary)}.theme-settings-button{position:relative;font-size:1.25rem}.theme-settings-wrapper{position:relative;display:inline-block}.theme-settings-panel{background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-lg, 8px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));color:var(--color-text-primary, #000000)}.theme-settings-panel[hidden]{display:none}.theme-settings-panel--dropdown{position:absolute;top:calc(100% + var(--space-2, 8px));right:0;min-width:320px;max-width:400px;z-index:1000;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.theme-settings-panel--dropdown.theme-settings-panel--open{opacity:1;transform:translateY(0);pointer-events:auto}.theme-settings-panel--dropdown:before{content:"";position:absolute;top:-6px;right:16px;width:12px;height:12px;background:var(--color-bg-primary, #ffffff);transform:rotate(45deg);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.theme-settings-panel--modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.theme-settings-panel--modal.theme-settings-panel--open{opacity:1;pointer-events:auto}.theme-settings-panel__backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.theme-settings-panel__dialog{position:relative;background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-lg, 8px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));max-width:500px;width:90%;max-height:90vh;overflow:auto;transform:scale(.9);transition:transform .3s ease}.theme-settings-panel--modal.theme-settings-panel--open .theme-settings-panel__dialog{transform:scale(1)}.theme-settings-panel--inline{position:relative;width:100%;max-width:600px}.theme-settings-panel__content{padding:var(--space-4, 16px)}.theme-settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px);border-bottom:1px solid var(--color-border-secondary, #e0e0e0)}.theme-settings-panel__title{margin:0;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #000000)}.theme-settings-panel__close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-text-secondary, #666666);cursor:pointer;padding:var(--space-2, 8px);border-radius:var(--radius-sm, 4px);transition:background-color .2s ease,color .2s ease}.theme-settings-panel__close:hover{background-color:var(--color-bg-hover, #f5f5f5);color:var(--color-text-primary, #000000)}.theme-settings-panel__body{padding:var(--space-4, 16px)}.theme-settings-panel__footer{display:flex;justify-content:flex-end;gap:var(--space-3, 12px);padding:var(--space-4, 16px);border-top:1px solid var(--color-border-secondary, #e0e0e0)}.theme-settings-section{margin-bottom:var(--space-6, 24px)}.theme-settings-section:last-child{margin-bottom:0}.theme-settings-label{display:block;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #000000);margin-bottom:var(--space-3, 12px)}.theme-settings-hint{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #999999);margin-top:var(--space-2, 8px);margin-bottom:0}.theme-mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3, 12px)}.theme-mode-button{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px);padding:var(--space-4, 16px);background:var(--color-bg-secondary, #f5f5f5);border:2px solid transparent;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .2s ease}.theme-mode-button:hover{background:var(--color-bg-hover, #e0e0e0);transform:translateY(-2px)}.theme-mode-button:focus-visible{outline:2px solid var(--color-primary, #1976d2);outline-offset:2px}.theme-mode-button--active{background:var(--color-primary-alpha-10, rgba(25, 118, 210, .1));border-color:var(--color-primary, #1976d2)}.theme-mode-button__icon{font-size:2rem;line-height:1}.theme-mode-button__label{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #000000)}.theme-mode-button--active .theme-mode-button__label{color:var(--color-primary, #1976d2);font-weight:var(--font-weight-semibold, 600)}.theme-role-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3, 12px)}@media(min-width:480px){.theme-role-selector{grid-template-columns:repeat(4,1fr)}}.theme-role-button{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px);background:var(--color-bg-secondary, #f5f5f5);border:2px solid transparent;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .2s ease}.theme-role-button:hover{background:var(--color-bg-hover, #e0e0e0);transform:translateY(-2px)}.theme-role-button:focus-visible{outline:2px solid var(--color-primary, #1976d2);outline-offset:2px}.theme-role-button--active{background:var(--color-bg-primary, #ffffff);border-color:currentColor}.theme-role-button__color{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border-primary, #cccccc)}.theme-role-button--active .theme-role-button__color{border-width:3px}.theme-role-button__label{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary, #666666)}.theme-role-button--active .theme-role-button__label{color:var(--color-text-primary, #000000);font-weight:var(--font-weight-semibold, 600)}.theme-preview{border:1px solid var(--color-border-secondary, #e0e0e0);border-radius:var(--radius-md, 6px);overflow:hidden}.theme-preview__sample{background:var(--color-bg-primary, #ffffff)}.theme-preview__header{padding:var(--space-3, 12px);background:var(--color-primary, #1976d2);color:var(--color-text-on-primary, #ffffff);font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-sm, .875rem)}.theme-preview__content{padding:var(--space-4, 16px)}.theme-preview__content p{margin:0 0 var(--space-3, 12px) 0;color:var(--color-text-primary, #000000);font-size:var(--font-size-sm, .875rem)}.theme-preview__button{padding:var(--space-2, 8px) var(--space-4, 16px);background:var(--color-primary, #1976d2);color:var(--color-text-on-primary, #ffffff);border:none;border-radius:var(--radius-sm, 4px);font-size:var(--font-size-sm, .875rem);cursor:default}@media(max-width:480px){.theme-settings-panel--dropdown{left:0;right:0;min-width:auto;margin:0 var(--space-4, 16px)}.theme-mode-selector{grid-template-columns:1fr}.theme-role-selector{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.theme-settings-panel--dropdown,.theme-settings-panel--modal,.theme-settings-panel__dialog,.theme-mode-button,.theme-role-button{transition:none}}.patients-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-4, 16px);margin-top:var(--space-2, 8px);padding:var(--space-2, 8px)}@media(min-width:1200px){.patients-list{grid-template-columns:repeat(3,1fr)}}@media(min-width:800px)and (max-width:1199px){.patients-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:799px){.patients-list{grid-template-columns:1fr}}.patient-tile{border:1px solid var(--color-border, #e2e8f0);background:var(--color-surface, #fff);border-radius:var(--radius-lg, 10px);padding:var(--space-4, 16px) var(--space-5, 20px);display:flex;align-items:center;justify-content:center;min-height:80px;box-shadow:0 2px 6px #0000000a;cursor:pointer;transition:all .2s ease;width:100%;text-align:center}.patient-tile:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px);background:var(--color-primary-light, #eff6ff);border-color:var(--color-primary, #2563eb)}.patient-tile:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.patient-tile__name{font-size:var(--font-size-lg, 1.1rem);font-weight:600;color:var(--color-text, #111);line-height:1.4}.patient-tile:hover .patient-tile__name{color:var(--color-primary, #2563eb)}.patients-list-view .hint{padding:var(--space-8, 2rem);text-align:center;color:var(--color-text-secondary, #64748b);font-size:var(--font-size-base, .9rem)}.game-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100000;display:none}.game-controls.active{display:block}.game-controls button{pointer-events:auto}.game-controls--vertical{display:flex;flex-direction:column;align-items:flex-end;padding:1rem;gap:4rem}.game-controls--vertical.active{display:flex}.game-controls__button{position:absolute!important;top:1rem!important;left:auto!important;width:48px;height:48px;padding:0;background:transparent;color:#c3c4c5;cursor:pointer;border-radius:4px;border:none;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:100001!important}.game-controls--vertical .game-controls__button{position:relative!important;top:auto!important;right:auto!important;left:auto!important}.game-controls__button:hover{background:#64748b1a;color:#475569;transform:translateY(-2px)}.game-controls__button[data-tooltip]{position:relative}.game-controls__button[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);background:#1e293bf2;color:#fff;padding:.4rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;pointer-events:none;z-index:100002;box-shadow:0 4px 12px #00000026}.game-controls__button[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(8px)}.game-controls__button:active{transform:translateY(0)}.game-controls__button--close{right:1rem!important}.game-controls__button--fullscreen{right:5rem!important}.game-controls__button--settings{right:9rem!important}.game-controls__button--patient{right:13rem!important}.game-controls__button i{font-size:1.25rem}@media(orientation:portrait){.game-controls{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:.5rem 1rem;gap:.5rem}.game-controls.active{display:flex}.game-controls__button{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:44px;height:44px;font-size:1.25rem}.game-controls__button--patient{order:1}.game-controls__button--settings{order:2}.game-controls__button--fullscreen{order:3}.game-controls__button--close{order:4}.game-controls__button--close,.game-controls__button--fullscreen,.game-controls__button--settings,.game-controls__button--patient{position:relative!important;right:auto!important}}.multi-set-display{position:fixed;bottom:1rem;left:1rem;background:var(--multi-set-bg, rgba(255, 255, 255, .9));border:none;border-radius:var(--radius-3xl, 24px);padding:.4rem .8rem;box-shadow:0 1px 3px #0000001a;display:none;align-items:center;gap:.5rem;font-size:.85rem;color:var(--multi-set-text, #475569);font-family:Lexend,sans-serif;max-width:220px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;z-index:99999;pointer-events:auto}.multi-set-display.active{display:flex;opacity:1;transform:translateY(0)}.multi-set-display__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.multi-set-display__badge{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--multi-set-badge-bg, #3b82f6);color:var(--multi-set-badge-text, white);border:none;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.multi-set-display__badge:hover{background:var(--multi-set-badge-hover, #2563eb);transform:scale(1.1)}.multi-set-display__badge:active{transform:scale(.95)}.multi-set-display--bottom-right{left:auto;right:1rem}.multi-set-display--top-left{bottom:auto;top:1rem}.multi-set-display--top-right{bottom:auto;top:1rem;left:auto;right:1rem}.multi-set-display--dark{background:var(--multi-set-bg-dark, rgba(30, 41, 59, .9));color:var(--multi-set-text-dark, #e2e8f0);box-shadow:0 2px 8px #0000004d}.multi-set-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000;opacity:0;transition:opacity .3s ease;pointer-events:none}.multi-set-modal-overlay.active{opacity:1;pointer-events:auto}.multi-set-modal{background:#fff;border-radius:var(--radius-modal, 16px);padding:2rem;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s ease}.multi-set-modal-overlay.active .multi-set-modal{transform:scale(1)}.multi-set-modal__close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:transparent;color:#64748b;font-size:1.5rem;cursor:pointer;border-radius:var(--radius-base, 4px);display:flex;align-items:center;justify-content:center;transition:all .2s}.multi-set-modal__close:hover{background:#64748b1a;color:#475569}.multi-set-modal__title{margin:0 0 1.5rem;font-size:1.25rem;color:#4b5563;font-weight:600}.multi-set-modal__list{list-style:none;padding:0;margin:0 0 1.5rem;overflow-y:auto;max-height:400px;flex:1}.multi-set-modal__item{padding:.75rem 1rem;background:#f8fafc;border-radius:6px;margin-bottom:.5rem;color:#334155;font-size:.9rem}.multi-set-modal__item:last-child{margin-bottom:0}.multi-set-modal__list::-webkit-scrollbar{width:8px}.multi-set-modal__list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.multi-set-modal__list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.multi-set-modal__list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.multi-set-modal__close-btn{width:100%;padding:.75rem;background:#f1f5f9;color:#475569;border:none;border-radius:var(--radius-lg, 8px);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.multi-set-modal__close-btn:hover{background:#e2e8f0;color:#334155}@media(max-width:640px){.multi-set-display{border-radius:var(--radius-2xl, 16px);padding:.3rem .7rem;font-size:.8rem;max-width:180px}.multi-set-display__badge{width:28px;height:28px;font-size:.8rem}.multi-set-modal{padding:1.5rem;width:95%}.multi-set-modal__title{font-size:1.1rem}}@media(max-height:600px){.multi-set-display--bottom-left,.multi-set-display--bottom-right{bottom:3.5rem}}@media(max-height:400px){.multi-set-display--bottom-left,.multi-set-display--bottom-right{bottom:3rem}}@media(max-height:300px){.multi-set-display--bottom-left,.multi-set-display--bottom-right{bottom:2.5rem}.multi-set-display{padding:.25rem .5rem;font-size:.7rem;max-width:150px}}:fullscreen .multi-set-display,:-webkit-full-screen .multi-set-display,:-moz-full-screen .multi-set-display{bottom:3.5rem;left:1rem}:fullscreen .multi-set-display--bottom-right,:-webkit-full-screen .multi-set-display--bottom-right,:-moz-full-screen .multi-set-display--bottom-right{right:2rem;left:auto}@media(prefers-color-scheme:dark){.multi-set-display{background:#1e293be6;color:#e2e8f0;box-shadow:0 2px 8px #0000004d}.multi-set-modal{background:#1e293b;color:#e2e8f0}.multi-set-modal__title{color:#f1f5f9}.multi-set-modal__item{background:#334155;color:#e2e8f0}.multi-set-modal__close{color:#94a3b8}.multi-set-modal__close:hover{background:#94a3b81a;color:#cbd5e1}.multi-set-modal__close-btn{background:#334155;color:#e2e8f0}.multi-set-modal__close-btn:hover{background:#475569}}.patient-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease;padding:1rem}.patient-modal-overlay.show{opacity:1}.patient-modal{background:#fff;border-radius:var(--radius-modal, 16px);box-shadow:0 10px 40px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.patient-modal__close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:transparent;color:#64748b;font-size:1.25rem;cursor:pointer;border-radius:var(--radius-base, 4px);display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.patient-modal__close:hover{background:#0000000d;color:#334155}.patient-modal__title{font-size:1.5rem;font-weight:600;color:#4b5563;margin:0;padding:1.5rem 1.5rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #e2e8f0}.patient-modal__title i{color:#667eea}.patient-modal__summary{padding:1.5rem;background:#f8fafc;border-radius:var(--radius-md, 6px);margin:1rem 1.5rem}.patient-modal__summary-title{font-size:1.1rem;font-weight:600;color:#334155;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.patient-modal__summary-title i{color:#667eea;font-size:1rem}.patient-modal__summary-content{font-size:.95rem;color:#475569;line-height:1.6}.patient-modal__summary-content p{margin:.5rem 0}.patient-modal__summary-content strong{color:#334155;font-weight:600}.patient-modal__form-group{padding:0 1.5rem 1.5rem}.patient-modal__label{display:block;font-size:.95rem;font-weight:600;color:#334155;margin-bottom:.5rem}.patient-modal__select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;color:#4b5563;background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.patient-modal__select:hover{border-color:#cbd5e1}.patient-modal__select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.patient-modal__buttons{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e2e8f0}.patient-modal__btn{flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-lg, 8px);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.patient-modal__btn:disabled{opacity:.5;cursor:not-allowed}.patient-modal__btn--secondary{background:#f1f5f9;color:#475569}.patient-modal__btn--secondary:hover:not(:disabled){background:#e2e8f0}.patient-modal__btn--primary{background:#667eea;color:#fff}.patient-modal__btn--primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.patient-modal__btn--primary:active:not(:disabled){transform:translateY(0)}.patient-toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:var(--radius-lg, 8px);box-shadow:0 4px 12px #0003;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:10001;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;max-width:400px}.patient-toast.show{opacity:1;transform:translateY(0)}.patient-toast--success{background:#10b981;color:#fff}.patient-toast--error{background:#ef4444;color:#fff}.patient-toast i{font-size:1.25rem}@media(max-width:640px){.patient-modal{max-width:100%;margin:0;border-radius:var(--radius-modal, 16px) var(--radius-modal, 16px) 0 0;max-height:95vh}.patient-modal__title{font-size:1.25rem;padding:1.25rem 1.25rem .75rem}.patient-modal__summary{margin:1rem 1.25rem;padding:1.25rem}.patient-modal__form-group{padding:0 1.25rem 1.25rem}.patient-modal__buttons{padding:1rem 1.25rem 1.25rem;flex-direction:column}.patient-modal__btn{width:100%}.patient-toast{bottom:1rem;right:1rem;left:1rem;max-width:none}}@media(prefers-color-scheme:dark){.patient-modal{background:#1e293b;color:#e2e8f0}.patient-modal__title{color:#f1f5f9;border-bottom-color:#334155}.patient-modal__summary{background:#0f172a}.patient-modal__summary-title{color:#f1f5f9}.patient-modal__summary-content{color:#cbd5e1}.patient-modal__summary-content strong,.patient-modal__label{color:#e2e8f0}.patient-modal__select{background:#0f172a;color:#f1f5f9;border-color:#334155}.patient-modal__select:hover{border-color:#475569}.patient-modal__select:focus{border-color:#667eea}.patient-modal__buttons{border-top-color:#334155}.patient-modal__btn--secondary{background:#334155;color:#cbd5e1}.patient-modal__btn--secondary:hover:not(:disabled){background:#475569}.patient-modal__close{color:#94a3b8}.patient-modal__close:hover{background:#ffffff1a;color:#cbd5e1}}.patient-modal__btn:focus,.patient-modal__select:focus,.patient-modal__close:focus{outline:2px solid #667eea;outline-offset:2px}@media(prefers-reduced-motion:reduce){.patient-modal-overlay,.patient-modal,.patient-toast,.patient-modal__btn{transition:none;animation:none}}.patient-modal--demo{text-align:center;padding:3rem 2rem 2rem}.patient-modal__demo-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.patient-modal__demo-icon{font-size:4rem;color:#3b82f6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.patient-modal__demo-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #4B5563)}.patient-modal__demo-text{margin:0;font-size:1rem;line-height:1.6;color:var(--color-text-secondary, #64748b);max-width:400px}.patient-modal__demo-buttons{display:flex;gap:1rem;margin-top:.5rem;justify-content:center;width:100%;max-width:450px}.patient-modal__demo-buttons .patient-modal__btn{flex:1;min-width:180px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width:500px){.patient-modal__demo-buttons{flex-direction:column;gap:.75rem}.patient-modal__demo-buttons .patient-modal__btn{width:100%}}.patient-modal--demo .patient-modal__btn--primary{margin-top:0;min-width:auto}@media(prefers-reduced-motion:reduce){.patient-modal__demo-icon{animation:none}}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background-subtle)}.app__header{position:sticky;top:0;z-index:100;background-color:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.app__main{display:flex;flex:1;overflow:hidden}.app__sidebar{display:flex;flex-direction:column;width:280px;background-color:var(--color-background);border-right:1px solid var(--color-border);overflow-y:auto;flex-shrink:0;transition:width var(--transition-normal),transform var(--transition-normal)}.app__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.app__sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.app__sidebar-toggle{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.app__sidebar-toggle:hover{background-color:var(--color-background-hover);color:var(--color-text)}.app__sidebar-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.app__sidebar-toggle svg{width:var(--space-5);height:var(--space-5);fill:currentColor;transition:transform var(--transition-fast)}.app__sidebar-body{padding:var(--space-4);flex:1;overflow-y:auto}.app__sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0}.app__sidebar--collapsed{width:64px}.app__sidebar--collapsed .app__sidebar-title{display:none}.app__sidebar--collapsed .app__sidebar-toggle svg{transform:rotate(180deg)}.app__sidebar--collapsed .app__sidebar-body{padding:var(--space-2)}.app__sidebar::-webkit-scrollbar{width:6px}.app__sidebar::-webkit-scrollbar-track{background:transparent}.app__sidebar::-webkit-scrollbar-thumb{background-color:var(--color-border-medium);border-radius:3px}.app__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}.app__content{display:flex;flex-direction:column;flex:1;overflow:hidden}.app__content-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6);background-color:var(--color-background);border-bottom:1px solid var(--color-border);flex-shrink:0}.app__content-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.app__content-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.app__content-actions{display:flex;align-items:center;gap:var(--space-2)}.app__content-body{padding:var(--space-6);overflow-y:auto;flex:1}.app__content-body--compact{padding:var(--space-4)}.app__content-body--spacious{padding:var(--space-8)}.app__content-body--no-padding{padding:0}.app__content-body::-webkit-scrollbar{width:8px}.app__content-body::-webkit-scrollbar-track{background:var(--color-background-subtle)}.app__content-body::-webkit-scrollbar-thumb{background-color:var(--color-border-medium);border-radius:4px}.app__content-body::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}.dashboard-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-grid--2-col{grid-template-columns:repeat(2,1fr)}.dashboard-grid--3-col{grid-template-columns:repeat(3,1fr)}.dashboard-grid--4-col{grid-template-columns:repeat(4,1fr)}.dashboard-grid__item{min-width:0}.dashboard-grid__item--span-2{grid-column:span 2}.dashboard-grid__item--span-3{grid-column:span 3}.dashboard-grid__item--span-full{grid-column:1 / -1}.dashboard-section{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-section__header{display:flex;align-items:center;justify-content:space-between}.dashboard-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.dashboard-section__actions{display:flex;align-items:center;gap:var(--space-2)}.dashboard-section__body{display:flex;flex-direction:column;gap:var(--space-4)}.app__footer{padding:var(--space-4) var(--space-6);background-color:var(--color-background);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:767px){.app__main{flex-direction:column}.app__sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;width:280px;transform:translate(-100%);box-shadow:var(--shadow-2xl)}.app__sidebar.is-open{transform:translate(0)}.app__sidebar--collapsed{width:280px;transform:translate(-100%)}.app__sidebar-backdrop{position:fixed;inset:0;z-index:150;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.app__sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.app__content-header{padding:var(--space-4) var(--space-4);flex-direction:column;align-items:stretch}.app__content-title{font-size:var(--font-size-xl)}.app__content-actions{width:100%;justify-content:stretch}.app__content-actions .button{flex:1}.app__content-body,.app__content-body--spacious{padding:var(--space-4)}.dashboard-grid,.dashboard-grid--2-col,.dashboard-grid--3-col,.dashboard-grid--4-col{grid-template-columns:1fr;gap:var(--space-4)}.dashboard-grid__item--span-2,.dashboard-grid__item--span-3{grid-column:auto}.app__footer{padding:var(--space-3) var(--space-4)}}@media(min-width:768px)and (max-width:1023px){.app__sidebar{width:240px}.app__sidebar--collapsed{width:64px}.dashboard-grid--3-col,.dashboard-grid--4-col{grid-template-columns:repeat(2,1fr)}}@media(min-width:1440px){.app__sidebar{width:320px}.app__content-body{padding:var(--space-8)}.dashboard-grid{gap:var(--space-8)}}.skip-to-content{position:absolute;top:-100px;left:0;padding:var(--space-3) var(--space-4);background-color:var(--color-primary);color:var(--color-white);text-decoration:none;font-weight:var(--font-weight-semibold);z-index:1000;transition:top var(--transition-fast)}.skip-to-content:focus{top:var(--space-2);outline:2px solid var(--color-focus-ring);outline-offset:2px}.app__content:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.app__sidebar,.app__sidebar-toggle svg,.app__sidebar-backdrop{transition:none}.app__sidebar.is-open{transition:none}}@media(prefers-contrast:high){.app__header,.app__sidebar,.app__content-header{border-width:2px}}.content-centered{max-width:1200px;margin-left:auto;margin-right:auto}.content-centered--narrow{max-width:800px}.content-centered--wide{max-width:1600px}.section-spacing{margin-bottom:var(--space-8)}.section-spacing:last-child{margin-bottom:0}@media print{.app__header,.app__sidebar,.app__footer,.app__content-actions{display:none}.app__content-body{padding:0}}.split-view{display:flex;height:100%;overflow:hidden;position:relative;background-color:var(--color-background-subtle)}.split-view--vertical{flex-direction:column}.split-view__panel{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border)}.split-view__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);background-color:var(--color-background-subtle);border-bottom:1px solid var(--color-border);flex-shrink:0}.split-view__panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.split-view__panel-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.split-view__panel-actions{display:flex;align-items:center;gap:var(--space-2)}.split-view__panel-body{padding:var(--space-6);overflow-y:auto;flex:1}.split-view__panel-body--no-padding{padding:0}.split-view__panel-body--compact{padding:var(--space-4)}.split-view__panel-body::-webkit-scrollbar{width:8px;height:8px}.split-view__panel-body::-webkit-scrollbar-track{background:var(--color-background-subtle)}.split-view__panel-body::-webkit-scrollbar-thumb{background-color:var(--color-border-medium);border-radius:4px}.split-view__panel-body::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}.split-view__panel-footer{padding:var(--space-4);background-color:var(--color-background-subtle);border-top:1px solid var(--color-border);flex-shrink:0}.split-view__panel--primary{flex:2}.split-view__panel--secondary,.split-view__panel--equal{flex:1}.split-view__panel--narrow{flex:0 0 300px}.split-view__panel--wide{flex:0 0 600px}.split-view__splitter{position:relative;flex:0 0 1px;background-color:var(--color-border);cursor:col-resize;z-index:10;transition:background-color var(--transition-fast)}.split-view--vertical .split-view__splitter{cursor:row-resize}.split-view__splitter:before{content:"";position:absolute;top:0;left:50%;bottom:0;width:8px;transform:translate(-50%)}.split-view__splitter:hover,.split-view__splitter:active{background-color:var(--color-primary)}.split-view__splitter:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;background-color:var(--color-border-medium);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.split-view__splitter:hover:after{opacity:1}.split-view--vertical .split-view__splitter:after{width:40px;height:4px}.split-view__panel--collapsed{flex:0 0 48px;min-width:48px}.split-view--vertical .split-view__panel--collapsed{flex:0 0 48px;min-height:48px}.split-view__panel--collapsed .split-view__panel-body,.split-view__panel--collapsed .split-view__panel-footer{display:none}.split-view__panel--collapsed .split-view__panel-header{writing-mode:vertical-rl;text-orientation:mixed;padding:var(--space-4) var(--space-3)}.split-view--vertical .split-view__panel--collapsed .split-view__panel-header{writing-mode:horizontal-tb}.split-view__panel--fullscreen{position:fixed;inset:0;z-index:500;flex:none;width:100%;height:100%}.split-view__panel--fullscreen~.split-view__panel,.split-view__panel--fullscreen~.split-view__splitter{display:none}.split-view__tabs{display:none;flex-direction:row;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.split-view__tab{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.split-view__tab:hover{color:var(--color-text)}.split-view__tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.split-view__tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.split-view__panel--loading{pointer-events:none}.split-view__panel--loading .split-view__panel-body{position:relative;opacity:.5}.split-view__panel--loading .split-view__panel-body:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--space-8);height:var(--space-8);border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:split-view-spin .8s linear infinite}@keyframes split-view-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.split-view__panel--error{border-color:var(--color-error)}.split-view__panel--error .split-view__panel-header{background-color:var(--color-error-lighter);border-bottom-color:var(--color-error)}@media(max-width:1023px){.split-view{flex-direction:column}.split-view__splitter{display:none}.split-view__panel,.split-view__panel--narrow,.split-view__panel--wide{flex:0 0 50%}}@media(max-width:767px){.split-view{flex-direction:column}.split-view__tabs{display:flex}.split-view__panel{display:none;flex:1;height:100%}.split-view__panel.is-active{display:flex}.split-view__splitter,.split-view__panel--collapsed{display:none}.split-view__panel-header{padding:var(--space-3) var(--space-4)}.split-view__panel-body{padding:var(--space-4)}.split-view__panel-footer{padding:var(--space-3) var(--space-4)}}.split-view__panel:focus{outline:none}.split-view__splitter:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.split-view__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}@media(prefers-reduced-motion:reduce){.split-view__splitter,.split-view__tab{transition:none}.split-view__panel--loading .split-view__panel-body:after{animation:none}}@media(prefers-contrast:high){.split-view__panel{border-width:2px}.split-view__splitter{background-color:var(--color-border-strong);width:2px}}.split-view--equal-height .split-view__panel{flex:1}.split-view--auto .split-view__panel{flex:0 1 auto}.split-view--gutter{gap:var(--space-4)}.split-view--gutter .split-view__splitter{display:none}.split-view--borderless .split-view__panel{border:none}@media print{.split-view{flex-direction:column}.split-view__splitter{display:none}.split-view__panel{page-break-inside:avoid}.split-view__panel-actions{display:none}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{max-width:640px;padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px;padding-left:var(--space-8);padding-right:var(--space-8)}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.container--sm{max-width:640px!important}.container--md{max-width:768px!important}.container--lg{max-width:1024px!important}.container--xl{max-width:1280px!important}.container--2xl{max-width:1536px!important}.container--fluid{max-width:none!important}.container--no-padding{padding-left:0;padding-right:0}.container--compact{padding-left:var(--space-2);padding-right:var(--space-2)}@media(min-width:640px){.container--compact{padding-left:var(--space-4);padding-right:var(--space-4)}}.container--spacious{padding-left:var(--space-8);padding-right:var(--space-8)}@media(min-width:1024px){.container--spacious{padding-left:var(--space-12);padding-right:var(--space-12)}}.container--y-padding{padding-top:var(--space-6);padding-bottom:var(--space-6)}@media(min-width:1024px){.container--y-padding{padding-top:var(--space-8);padding-bottom:var(--space-8)}}.container--y-padding-compact{padding-top:var(--space-4);padding-bottom:var(--space-4)}.container--y-padding-spacious{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}@media(min-width:1024px){.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}}@media(min-width:1280px){.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}}.section--compact{padding-top:var(--space-6);padding-bottom:var(--space-6)}@media(min-width:1024px){.section--compact{padding-top:var(--space-8);padding-bottom:var(--space-8)}}.section--spacious{padding-top:var(--space-12);padding-bottom:var(--space-12)}@media(min-width:1024px){.section--spacious{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media(min-width:1280px){.section--spacious{padding-top:var(--space-20);padding-bottom:var(--space-20)}}.prose{max-width:65ch;margin-left:auto;margin-right:auto}.content-narrow{max-width:600px;margin-left:auto;margin-right:auto}.content-wide{max-width:1400px;margin-left:auto;margin-right:auto}.content-full{max-width:none}.grid-container{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:640px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-container{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.grid-container--2-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-container--3-col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-container--4-col{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-container--compact{gap:var(--space-4)}.grid-container--spacious{gap:var(--space-8)}@media(min-width:1024px){.grid-container--spacious{gap:var(--space-12)}}.flex-container{display:flex;gap:var(--space-4)}.flex-container--column{flex-direction:column}.flex-container--wrap{flex-wrap:wrap}.flex-container--center{align-items:center;justify-content:center}.flex-container--between{justify-content:space-between}.flex-container--around{justify-content:space-around}.flex-container--evenly{justify-content:space-evenly}.flex-container--start{align-items:flex-start}.flex-container--end{align-items:flex-end}.flex-container--stretch{align-items:stretch}.flex-container--gap-sm{gap:var(--space-2)}.flex-container--gap-md{gap:var(--space-4)}.flex-container--gap-lg{gap:var(--space-6)}.flex-container--gap-xl{gap:var(--space-8)}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--space-4)}.stack--sm>*+*{margin-top:var(--space-2)}.stack--md>*+*{margin-top:var(--space-4)}.stack--lg>*+*{margin-top:var(--space-6)}.stack--xl>*+*{margin-top:var(--space-8)}.sidebar-layout{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:1024px){.sidebar-layout{grid-template-columns:300px 1fr;gap:var(--space-8)}.sidebar-layout--reverse{grid-template-columns:1fr 300px}.sidebar-layout--wide{grid-template-columns:400px 1fr}.sidebar-layout--narrow{grid-template-columns:250px 1fr}}.aspect-ratio{position:relative;width:100%}.aspect-ratio:before{content:"";display:block;padding-bottom:100%}.aspect-ratio--16-9:before{padding-bottom:56.25%}.aspect-ratio--4-3:before{padding-bottom:75%}.aspect-ratio--21-9:before{padding-bottom:42.857%}.aspect-ratio--1-1:before{padding-bottom:100%}.aspect-ratio__content{position:absolute;top:0;left:0;width:100%;height:100%}.divider{height:1px;background-color:var(--color-border);border:none;margin:var(--space-6) 0}.divider--vertical{width:1px;height:auto;align-self:stretch;margin:0 var(--space-4)}.divider--compact{margin:var(--space-4) 0}.divider--spacious{margin:var(--space-8) 0}.spacer{flex:1}.spacer--sm{height:var(--space-2)}.spacer--md{height:var(--space-4)}.spacer--lg{height:var(--space-6)}.spacer--xl{height:var(--space-8)}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px)and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}@media(min-width:768px){.show-mobile{display:none!important}}.show-tablet{display:none!important}@media(min-width:768px)and (max-width:1023px){.show-tablet{display:block!important}}.show-desktop{display:none!important}@media(min-width:1024px){.show-desktop{display:block!important}}@media print{.container,.section{padding-left:0;padding-right:0}.hide-print{display:none!important}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.page-break-inside-avoid{page-break-inside:avoid}}.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}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus-visible-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible-only:focus-visible{position:static;width:auto;height:auto;padding:var(--space-3) var(--space-4);margin:0;overflow:visible;clip:auto;white-space:normal;background-color:var(--color-primary);color:var(--color-white);z-index:1000}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.ml-8{margin-left:var(--spacing-8)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mr-8{margin-right:var(--spacing-8)}.mr-auto{margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pt-10{padding-top:var(--spacing-10)}.pt-12{padding-top:var(--spacing-12)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pb-10{padding-bottom:var(--spacing-10)}.pb-12{padding-bottom:var(--spacing-12)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.pl-8{padding-left:var(--spacing-8)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-5{padding-right:var(--spacing-5)}.pr-6{padding-right:var(--spacing-6)}.pr-8{padding-right:var(--spacing-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.gap-0{gap:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-normal{text-transform:none}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning-dark)}.text-info{color:var(--color-info)}.text-secondary{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{inset:0}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-50,.w-1-2{width:50%}.w-1-3{width:33.333333%}.w-2-3{width:66.666667%}.w-1-4{width:25%}.w-3-4{width:75%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-50{height:50%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.border{border:1px solid var(--color-border)}.border-0{border:0}.border-t{border-top:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded,.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:var(--border-radius-full)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.bg-warning{background-color:var(--color-warning)}.bg-subtle{background-color:var(--color-background-subtle)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.select-auto{user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}@media(min-width:640px){.sm\:d-block{display:block!important}.sm\:d-flex{display:flex!important}.sm\:d-none{display:none!important}}@media(min-width:768px){.md\:d-block{display:block!important}.md\:d-flex{display:flex!important}.md\:d-none{display:none!important}}@media(min-width:1024px){.lg\:d-block{display:block!important}.lg\:d-flex{display:flex!important}.lg\:d-none{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.focus-ring:focus{outline:2px solid var(--color-primary);outline-offset:2px}.focus-ring-inset:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.focus-shadow:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-background),0 0 0 5px var(--color-primary)}.focus-ring-light:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.focus-error:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.focus-success:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.focus-within-ring:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.focus-within-shadow:focus-within{box-shadow:0 0 0 3px var(--color-primary-alpha)}.show-on-focus{opacity:0;pointer-events:none}.show-on-focus:focus,.show-on-focus:focus-within{opacity:1;pointer-events:auto}.skip-link{position:absolute;top:0;left:0;z-index:9999;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:0 0 var(--border-radius-md) 0;transform:translateY(-100%);transition:transform var(--transition-base)}.skip-link:focus{transform:translateY(0);outline:2px solid var(--color-white);outline-offset:-4px}.skip-links{position:absolute;top:0;left:0;z-index:9999}.skip-links a{position:absolute;top:0;left:0;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-background);color:var(--color-text-primary);text-decoration:none;border:2px solid var(--color-border);border-radius:var(--border-radius-md);transform:translateY(-200%);transition:transform var(--transition-base)}.skip-links a:focus{transform:translateY(var(--spacing-2))}.skip-links a:not(:first-child){left:auto;right:0}@media(prefers-reduced-motion:reduce){.respect-motion-preference,.respect-motion-preference *,.respect-motion-preference:before,.respect-motion-preference:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-reduced-motion:reduce){.motion-safe{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:no-preference){.motion-safe-fade{transition:opacity var(--transition-base)}}@media(prefers-contrast:high){.high-contrast-border{border:2px solid currentColor!important}.high-contrast-outline:focus{outline:3px solid currentColor!important;outline-offset:3px!important}.high-contrast-bg{background-color:transparent!important;border:2px solid currentColor!important}}@media(forced-colors:active){.forced-color-adjust{forced-color-adjust:auto}.forced-color-icon{forced-color-adjust:auto;filter:none}}.live-region,[aria-live=polite],[aria-live=assertive]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[aria-expanded=false] .on-expanded,[aria-expanded=true] .on-collapsed{display:none}[aria-expanded=false] .expand-icon{transform:rotate(0);transition:transform var(--transition-base)}[aria-expanded=true] .expand-icon{transform:rotate(180deg)}[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}[aria-readonly=true]{background-color:var(--color-background-subtle);cursor:default}[aria-invalid=true]{border-color:var(--color-error);background-color:var(--color-error-light)}[aria-invalid=true]:focus{outline-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-alpha)}[aria-invalid=true]+.error-icon{display:inline-block;color:var(--color-error)}[role=tab]:focus{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}[role=tab][aria-selected=true]:focus{outline-color:var(--color-primary)}[role=menuitem]:focus,[role=menuitemcheckbox]:focus,[role=menuitemradio]:focus{background-color:var(--color-background-hover);outline:2px solid var(--color-primary);outline-offset:-2px}[role=treeitem]:focus{outline:2px solid var(--color-primary);outline-offset:-2px}[role=gridcell]:focus{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.text-scale-respect{font-size:1rem;line-height:1.5}.text-readable{line-height:1.6;letter-spacing:.01em}.text-optimal-width{max-width:65ch}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:767px){.touch-target-mobile{min-width:48px;min-height:48px}}.contrast-high{color:var(--color-text-primary);background-color:var(--color-background)}.text-high-contrast{color:var(--color-text-primary);text-shadow:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{.no-print{display:none!important}.print-urls a[href]:after{content:" (" attr(href) ")"}.print-keep-together{page-break-inside:avoid}.print-page-break{page-break-before:always}}#quiz-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;max-width:800px;flex-grow:1}@media(orientation:landscape)and (max-height:700px){#quiz-area{gap:0}}@media(orientation:portrait)and (min-height:900px){#quiz-area{gap:0}}#quiz-options-container{margin-bottom:clamp(3rem,8vh,6rem)}@media(orientation:landscape)and (max-height:700px){#quiz-options-container{margin-bottom:clamp(2rem,6vh,4rem)}}@media(orientation:portrait)and (min-height:900px){#quiz-options-container{margin-bottom:clamp(4rem,10vh,8rem)}}#progress-dots-container,#presentation-progress-dots-container{position:relative;padding:clamp(1rem,2.5vh,2rem) var(--spacing-3);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);width:100%;max-width:800px;z-index:10;order:3}#presentation-progress-dots-container{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:15;padding:.5rem}#screen-exercise .slides-wrapper{margin:0 auto;max-height:45vh}#screen-exercise .main-content-area{justify-content:center;padding-top:2vh}@media(orientation:landscape)and (max-height:700px){#progress-dots-container,#presentation-progress-dots-container{padding:clamp(.5rem,1.5vh,1rem) var(--spacing-3)}}.progress-dot{width:12px;height:12px;background:var(--color-border, #cbd5e1);border-radius:50%;transition:all var(--transition-base, .3s ease);box-shadow:inset 0 1px 2px #0000001a}.progress-dot.active{background:var(--color-primary, #10b981);transform:scale(1.6);box-shadow:0 0 0 3px var(--color-primary-light, #d1fae5),0 2px 8px #10b98166}.progress-dot.completed{background:var(--color-primary, #10b981);transform:scale(1.2)}.progress-dot.incorrect{background:#ef4444;transform:scale(1.2)}#quiz-sound-button{position:relative;width:100px;height:100px;background:#fff;background-image:url(/assets/lautsprecher-DpGntFS5.png);background-repeat:no-repeat;background-position:center;background-size:90%;border:3px solid #e2e8f0;border-radius:50%;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;flex-shrink:0;z-index:10;order:2;margin-bottom:clamp(.5rem,1vh,1rem)}#bottom-controls-container .sound-button{position:static;transform:none;width:100px;height:100px;background:#fff;background-image:url(/assets/lautsprecher-DpGntFS5.png);background-repeat:no-repeat;background-position:center;background-size:90%;border:3px solid #e2e8f0;border-radius:50%;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .2s,border-color .2s,box-shadow .2s;flex-shrink:0}#quiz-sound-button:hover:not(:disabled),#bottom-controls-container .sound-button:hover:not(:disabled){background-color:#dbeafe;border-color:#3b82f6;box-shadow:0 8px 16px #00000026}#quiz-sound-button:hover:not(:disabled){transform:scale(1.05)}#quiz-sound-button:disabled,#bottom-controls-container .sound-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(80%)}#bottom-controls-container .sound-button.hidden{display:none}#bottom-controls-container .sound-button.invisible{opacity:0;pointer-events:none}@media(orientation:landscape)and (max-height:700px){#quiz-sound-button{margin-bottom:clamp(.25rem,.5vh,.5rem)}}@media(orientation:portrait)and (min-height:900px){#quiz-sound-button{margin-bottom:clamp(.75rem,1.5vh,1.5rem)}}#game-controls{position:fixed;top:80px;right:20px;display:flex;gap:var(--spacing-2, .5rem);z-index:999;flex-direction:row;align-items:center}@media(orientation:portrait){#game-controls{top:80px;left:50%;transform:translate(-50%);right:auto}}@media(max-width:768px){#game-controls{top:70px;right:10px;gap:var(--spacing-1, .25rem)}@media(orientation:portrait){#game-controls{top:70px}}}@media(max-width:768px){#quiz-sound-button,.sound-button{width:70px;height:70px}#bottom-controls-container{bottom:40px}}@media(orientation:landscape)and (max-height:500px){#quiz-sound-button,.sound-button{width:60px;height:60px}#progress-dots-container,#presentation-progress-dots-container{padding:var(--spacing-1, .5rem)}.progress-dot{width:8px;height:8px}.progress-dot.active{transform:scale(1.3)}}@media(orientation:landscape)and (min-height:501px)and (max-height:800px){#quiz-sound-button,.sound-button{width:100px;height:100px}.progress-dot{width:10px;height:10px}}@media(orientation:landscape)and (min-height:801px){#quiz-sound-button,.sound-button{width:110px;height:110px}}.arrow-group.hidden,.sound-button.hidden{display:none}.sound-button.invisible{opacity:0;pointer-events:none}#btn-pause-auto-mode{background:#f1f5f9;color:#64748b;width:80px;height:80px;border-radius:50%;font-size:2rem;font-family:Lexend,sans-serif;border:none;cursor:pointer;box-shadow:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center}#btn-pause-auto-mode.hidden{display:none}#btn-pause-auto-mode:hover{background:#e2e8f0;color:#475569;transform:scale(1.05)}#btn-pause-auto-mode:active{transform:scale(.95);background:#cbd5e1}.quiz-container{display:flex;flex-direction:column;height:100%;padding:var(--spacing-4);gap:var(--spacing-4)}.quiz-header{display:flex;flex-direction:column;gap:var(--spacing-2)}.quiz-progress{height:8px;background-color:var(--color-background-subtle);border-radius:var(--border-radius-full);overflow:hidden}.quiz-progress-bar{height:100%;background-color:var(--color-primary);transition:width var(--transition-base)}.quiz-counter{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.quiz-audio-section{display:flex;justify-content:center;padding:var(--spacing-2) 0}.quiz-audio-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.quiz-audio-button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.quiz-audio-button:active{transform:translateY(0)}.quiz-audio-icon{font-size:var(--font-size-xl)}.quiz-question{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;padding:var(--spacing-2) 0}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);flex:1}.quiz-option{position:relative;padding:var(--spacing-3);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.quiz-option.correct{border-color:var(--color-success)}.quiz-option.incorrect{border-color:var(--color-error)}.quiz-option.disabled{pointer-events:none;opacity:.6}.quiz-option-image{width:100%;height:100%;object-fit:contain;max-height:200px}.quiz-score{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-background-subtle);border-radius:var(--border-radius-md);font-size:var(--font-size-base)}.quiz-score-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.quiz-score-value{font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-lg)}.quiz-results{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6)}.quiz-results-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center}.quiz-results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);width:100%;max-width:600px}.quiz-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3);background-color:var(--color-background-subtle);border-radius:var(--border-radius-md)}.quiz-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.quiz-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.auto-container{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-4)}.auto-image-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:800px}.auto-image{max-width:100%;max-height:100%;object-fit:contain}.auto-progress{display:flex;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3)}.auto-complete-stats{display:flex;justify-content:space-around;width:100%;max-width:600px;padding:var(--spacing-4);background-color:var(--color-background-subtle);border-radius:var(--border-radius-lg)}@media(max-width:768px){.quiz-options{gap:var(--spacing-2)}.quiz-option{padding:var(--spacing-2)}.quiz-results-stats{grid-template-columns:1fr}.auto-complete-stats{flex-direction:column}}#presentation-ui{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding-top:5vh;gap:var(--spacing-4);background:transparent}#word-display-area{font-size:2.8rem;font-weight:700;color:var(--color-text-primary);text-align:center;line-height:1.3;min-height:3.5rem;margin-top:-3vh;padding:var(--spacing-4);background:transparent;border-radius:var(--radius-lg);max-width:800px;width:100%}.slides-wrapper.invisible~#word-display-area,.slides-wrapper.hidden~#word-display-area{margin-top:30vh;margin-bottom:15vh}.slides-wrapper{position:relative;overflow:hidden;width:100%;aspect-ratio:4 / 3;max-width:800px;margin:-30vh auto 0;flex-shrink:0;max-height:55vh}.slides-wrapper.invisible{display:none}.slide{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;transition:transform var(--transition-base) ease-out;transform:translate(200%)}.slide.is-grabbing,.slide.no-transition{transition:none!important}.slide img{max-width:100%;max-height:100%;object-fit:contain;cursor:pointer}#presentation-ui #progress-dots-container{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@media(max-width:768px){#presentation-ui #progress-dots-container{bottom:8px}}#bottom-controls-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:0 var(--spacing-4);z-index:10}@media(max-width:768px){#word-display-area{font-size:clamp(1.5rem,5vw,2.8rem);padding:var(--spacing-3)}.slides-wrapper{max-height:45vh}.progress-dot{width:10px;height:10px}}