/**
 * Do not edit directly
 * Generated on Wed, 06 May 2026 09:18:42 GMT
 */

:root {
  --fit-font-weight-semibold: 600;
  --fit-font-weight-medium: 500;
  --fit-font-weight-regular: 400;
  --fit-font-pill-letter-spacing: 0;
  --fit-font-pill-line-height: 1.2;
  --fit-font-pill-weight: 500;
  --fit-font-pill-size: 11px;
  --fit-font-caption-micro-letter-spacing: 0.5;
  --fit-font-caption-micro-line-height: 1.2;
  --fit-font-caption-micro-weight: 500;
  --fit-font-caption-micro-size: 10px;
  --fit-font-caption-letter-spacing: 0;
  --fit-font-caption-line-height: 1.4;
  --fit-font-caption-weight: 400;
  --fit-font-caption-size: 12px;
  --fit-font-footnote-letter-spacing: 0;
  --fit-font-footnote-line-height: 1.4;
  --fit-font-footnote-weight: 400;
  --fit-font-footnote-size: 13px;
  --fit-font-body2-letter-spacing: 0;
  --fit-font-body2-line-height: 1.4;
  --fit-font-body2-weight: 400;
  --fit-font-body2-size: 14px;
  --fit-font-body1-letter-spacing: 0;
  --fit-font-body1-line-height: 1.35;
  --fit-font-body1-weight: 400;
  --fit-font-body1-size: 16px;
  --fit-font-button2-letter-spacing: 0;
  --fit-font-button2-line-height: 1.35;
  --fit-font-button2-weight: 500;
  --fit-font-button2-size: 16px;
  --fit-font-button1-letter-spacing: 0;
  --fit-font-button1-line-height: 1.3;
  --fit-font-button1-weight: 500;
  --fit-font-button1-size: 18px;
  --fit-font-nav-title-letter-spacing: 0;
  --fit-font-nav-title-line-height: 1.3;
  --fit-font-nav-title-weight: 600;
  --fit-font-nav-title-size: 17px;
  --fit-font-heading3-letter-spacing: 0;
  --fit-font-heading3-line-height: 1.3;
  --fit-font-heading3-weight: 500;
  --fit-font-heading3-size: 20px;
  --fit-font-heading2-letter-spacing: 0;
  --fit-font-heading2-line-height: 1.25;
  --fit-font-heading2-weight: 600;
  --fit-font-heading2-size: 22px;
  --fit-font-heading1-letter-spacing: -0.3;
  --fit-font-heading1-line-height: 1.2;
  --fit-font-heading1-weight: 600;
  --fit-font-heading1-size: 24px;
  --fit-font-headline-letter-spacing: 0;
  --fit-font-headline-line-height: 1.2;
  --fit-font-headline-weight: 600;
  --fit-font-headline-size: 28px;
  --fit-font-family: Rubik;
  --fit-effect-blur-glass-mild: 4px; /* Mild backdrop blur (sheet overlays) */
  --fit-effect-blur-glass: 8px; /* Standard backdrop blur */
  --fit-height-icon-btn: 32px; /* Header icon button (bell, +, etc.) */
  --fit-height-btn-lg: 50px; /* Footer primary CTA (Apple HIG, was 56px) */
  --fit-height-btn-md: 44px; /* Card-level CTA */
  --fit-height-btn-sm: 40px; /* Compact button (in sheets, cards) */
  --fit-height-tap-min: 44px; /* iOS HIG minimum tap target */
  --fit-avatar-xl: 80px; /* Profile hero avatar */
  --fit-avatar-lg: 48px; /* Event sheet / card avatar */
  --fit-avatar-md: 40px; /* Standard list avatar */
  --fit-avatar-sm: 32px; /* Compact list avatar */
  --fit-avatar-xs: 24px; /* Inline chip with avatar */
  --fit-radius-full: 9999px; /* Pill buttons, avatar circles */
  --fit-radius-28: 28px; /* Extended FAB (Material 3), large container */
  --fit-radius-20: 20px; /* Sheet top */
  --fit-radius-16: 16px; /* Card large, sheet inner — alias: lg */
  --fit-radius-14: 14px; /* Card standard */
  --fit-radius-12: 12px; /* Card compact — alias: md */
  --fit-radius-10: 10px; /* Icon container (rounded-rect avatar) */
  --fit-radius-8: 8px; /* Small button, tag — alias: sm */
  --fit-radius-6: 6px; /* Small badge, input inner */
  --fit-radius-4: 4px; /* Chip, tiny badge — alias: xs */
  --fit-layout-sheet-bottom-compact: 28; /* Sheet bottom (compact variant — quick-action sheets) */
  --fit-layout-sheet-bottom-safe: 40; /* Sheet bottom safe area */
  --fit-layout-sheet-block-rhythm: 28; /* Between major blocks in event sheets */
  --fit-layout-sheet-handle-to-body: 16; /* Sheet handle to first content block */
  --fit-layout-card-gap: 12; /* Between stacked cards */
  --fit-layout-card-padding-large: 16; /* Internal card padding (standard) */
  --fit-layout-card-padding: 12; /* Internal card padding (compact) */
  --fit-layout-label-to-content: 8; /* Title/label to its content below */
  --fit-layout-section-gap-content: 24; /* Between sections on content screens */
  --fit-layout-section-gap-form: 20; /* Between input groups on forms */
  --fit-layout-horizontal-padding: 16; /* Screen horizontal padding (Apple HIG) */
  --fit-spacing-4-5: 18px; /* Component internal edge case */
  --fit-spacing-3-5: 14px; /* Component internal — tab bar item, input padding */
  --fit-spacing-2-5: 10px; /* Component internal — card inner, icon-text gap */
  --fit-spacing-1-5: 6px; /* Component internal — chip padding, small gap */
  --fit-spacing-0-5: 2px; /* Component internal micro — pill padding, badge border */
  --fit-spacing-10: 48px; /* Extra large gap */
  --fit-spacing-9: 40px; /* Sheet bottom safe area */
  --fit-spacing-8: 32px; /* Large section gap */
  --fit-spacing-7: 28px; /* Sheet major block rhythm */
  --fit-spacing-6: 24px; /* Section gap (content) */
  --fit-spacing-5: 20px; /* Section gap (forms), sheet top radius */
  --fit-spacing-4: 16px; /* Screen horizontal padding (Apple HIG baseline) */
  --fit-spacing-3: 12px; /* Medium gap, card padding */
  --fit-spacing-2: 8px; /* Small gap */
  --fit-spacing-1: 4px; /* Micro gap */
  --fit-spacing-0: 0px; /* Zero */
  --fit-gradient-selection-overlay: linear-gradient(to right, rgba(10,147,189,0.2), rgba(5,224,166,0.2)); /* Sidebar active state, selection chip, selected calendars — translucent brand gradient */
  --fit-elevation-5-light: 0 0 24px rgba(0,0,0,0.15);
  --fit-elevation-5-dark: 0 8px 24px rgba(0,0,0,0.4);
  --fit-elevation-4-light: 0 4px 20px rgba(0,0,0,0.12);
  --fit-elevation-4-dark: 0 4px 20px rgba(0,0,0,0.35);
  --fit-elevation-3-light: 0 4px 16px rgba(0,0,0,0.12);
  --fit-elevation-3-dark: 0 4px 16px rgba(0,0,0,0.3);
  --fit-elevation-2-light: 0 0 12px rgba(0,0,0,0.07);
  --fit-elevation-2-dark: 0 0 12px rgba(0,0,0,0.07);
  --fit-elevation-1-light: 0 0 8px rgba(0,0,0,0.05);
  --fit-elevation-1-dark: 0 0 8px rgba(0,0,0,0.05);
  --fit-elevation-0: none; /* Flat — on-surface elements, no elevation */
  --fit-component-time-picker-slot-minute-chip-height: 44px;
  --fit-component-time-picker-slot-font-size: 16px;
  --fit-component-time-picker-slot-radius: 8px;
  --fit-component-time-picker-slot-padding: 12px;
  --fit-component-cal-select-row-check-radius: 6px;
  --fit-component-cal-select-row-check-size: 22px;
  --fit-component-cal-select-row-dot-size: 10px;
  --fit-component-cal-select-row-radius: 8px;
  --fit-component-cal-select-row-padding: 10px;
  --fit-component-day-chip-num-font-size: 16px;
  --fit-component-day-chip-name-font-size: 10px;
  --fit-component-day-chip-radius: 16px;
  --fit-component-day-chip-height: 62px;
  --fit-component-day-chip-width: 50px;
  --fit-component-wheel-picker-label-font-size: 12px;
  --fit-component-wheel-picker-item-font-size: 18px;
  --fit-component-wheel-picker-padding: 16px;
  --fit-component-wheel-picker-radius: 12px;
  --fit-component-star-rating-gap: 10px;
  --fit-component-star-rating-star-size: 36px;
  --fit-component-empty-state-padding: 32px;
  --fit-component-empty-state-body-font-size: 14px;
  --fit-component-empty-state-title-font-size: 16px;
  --fit-component-empty-state-icon-size: 40px;
  --fit-component-password-input-eye-icon-size: 18px;
  --fit-component-password-input-radius: 12px;
  --fit-component-password-input-height: 56px;
  --fit-component-snackbar-dot-size: 6px;
  --fit-component-snackbar-position: bottom-100px;
  --fit-component-snackbar-font-size: 13px;
  --fit-component-snackbar-padding: 10px;
  --fit-component-snackbar-radius: 9999px;
  --fit-component-toast-position: top-60px;
  --fit-component-toast-icon-size: 16px;
  --fit-component-toast-font-size: 13px;
  --fit-component-toast-padding: 12px;
  --fit-component-toast-radius: 12px;
  --fit-component-calendar-event-badge-radius: 6px;
  --fit-component-calendar-event-badge-font-size: 10px;
  --fit-component-calendar-event-border-width: 3px;
  --fit-component-calendar-event-padding: 8px;
  --fit-component-calendar-event-radius: 12px;
  --fit-component-settings-card-subtitle-font-size: 14px;
  --fit-component-settings-card-title-font-size: 16px;
  --fit-component-settings-card-chevron-size: 16px;
  --fit-component-settings-card-icon-size: 24px;
  --fit-component-settings-card-radius: 16px;
  --fit-component-settings-card-padding: 12px;
  --fit-component-stepper-font-size: 18px;
  --fit-component-stepper-radius: 12px;
  --fit-component-stepper-button-width: 48px;
  --fit-component-stepper-height: 48px;
  --fit-component-participant-row-checkbox-size: 28px;
  --fit-component-participant-row-remove-button-size: 28px;
  --fit-component-participant-row-gap: 12px;
  --fit-component-participant-row-padding: 12px;
  --fit-component-participant-row-avatar-size: 48px;
  --fit-component-spots-bar-container-radius: 12px;
  --fit-component-spots-bar-container-padding: 12px;
  --fit-component-spots-bar-bar-radius: 3px;
  --fit-component-spots-bar-height: 6px;
  --fit-component-ticket-card-radius: 16px;
  --fit-component-ticket-card-padding: 16px;
  --fit-component-bottom-sheet-handle-height: 4px;
  --fit-component-bottom-sheet-handle-width: 36px;
  --fit-component-bottom-sheet-radius: 16px;
  --fit-component-selection-chip-radius: 12px;
  --fit-component-selection-chip-height: 48px;
  --fit-component-sport-tile-radius: 16px;
  --fit-component-sport-tile-padding: 16px;
  --fit-component-sport-chip-icon-size: 24px;
  --fit-component-sport-chip-font-size: 16px;
  --fit-component-sport-chip-radius: 99px;
  --fit-component-otp-gap: 4px;
  --fit-component-otp-radius: 12px;
  --fit-component-otp-height: 56px;
  --fit-component-otp-width: 40px;
  --fit-component-badge-font-size: 12px;
  --fit-component-badge-radius: 6px;
  --fit-component-badge-padding-y: 3px;
  --fit-component-badge-padding-x: 10px;
  --fit-component-card-title-font-size: 18px;
  --fit-component-card-radius: 16px;
  --fit-component-card-padding: 16px;
  --fit-component-navbar-blur: 12px;
  --fit-component-navbar-radius: 9999px;
  --fit-component-navbar-item-size: 56px;
  --fit-component-navbar-height: 56px;
  --fit-component-avatar-radius: 9999px; /* Default circle (use 9999px) */
  --fit-component-avatar-xl: 80px; /* Profile hero avatar */
  --fit-component-avatar-lg: 48px; /* Event sheet / card avatar */
  --fit-component-avatar-md: 40px; /* Standard list avatar (Clients list) */
  --fit-component-avatar-sm: 32px; /* Compact list avatar */
  --fit-component-avatar-xs: 24px; /* Inline chip with avatar */
  --fit-component-input-states-filled-light: #1F2123;
  --fit-component-input-states-filled-dark: #F7F7F8;
  --fit-component-input-states-placeholder-light: #979EA5;
  --fit-component-input-states-placeholder-dark: #757E87;
  --fit-component-input-states-disabled-label-light: #ACB1B6;
  --fit-component-input-states-disabled-label-dark: #979EA5;
  --fit-component-input-states-disabled-opacity: 0.6;
  --fit-component-input-states-error-text-color: #F05C5B;
  --fit-component-input-states-error-border: #F05C5B;
  --fit-component-input-states-focus-border-light: #ACB1B6;
  --fit-component-input-states-focus-border-dark: #5B6269;
  --fit-component-input-padding-x: 12px;
  --fit-component-input-font-size: 16px;
  --fit-component-input-radius: 12px;
  --fit-component-input-height: 56px;
  --fit-component-button-padding-x: 32px;
  --fit-component-button-font-size: 18px;
  --fit-component-button-radius: 99px;
  --fit-component-button-height: 50px;
  --fit-color-destructive-bg-subtle-light: rgba(240, 92, 91, 0.08);
  --fit-color-destructive-bg-subtle-dark: rgba(240, 92, 91, 0.12);
  --fit-color-destructive-bg-tinted-light: rgba(240, 92, 91, 0.12);
  --fit-color-destructive-bg-tinted-dark: rgba(240, 92, 91, 0.18);
  --fit-color-bg-brand-tinted-light: rgba(5, 224, 166, 0.12);
  --fit-color-bg-brand-tinted-dark: rgba(5, 224, 166, 0.18);
  --fit-color-bg-brand-subtle-light: rgba(5, 224, 166, 0.08);
  --fit-color-bg-brand-subtle-dark: rgba(5, 224, 166, 0.12);
  --fit-color-bg-info-tinted-light: rgba(3, 178, 226, 0.12);
  --fit-color-bg-info-tinted-dark: rgba(3, 178, 226, 0.18);
  --fit-color-bg-info-subtle-light: rgba(3, 178, 226, 0.08);
  --fit-color-bg-info-subtle-dark: rgba(3, 178, 226, 0.12);
  --fit-color-bg-warning-tinted-light: rgba(247, 201, 72, 0.16);
  --fit-color-bg-warning-tinted-dark: rgba(247, 201, 72, 0.2);
  --fit-color-bg-warning-subtle-light: rgba(247, 201, 72, 0.1);
  --fit-color-bg-warning-subtle-dark: rgba(247, 201, 72, 0.12);
  --fit-color-bg-success-tinted-light: rgba(5, 224, 166, 0.12);
  --fit-color-bg-success-tinted-dark: rgba(5, 224, 166, 0.18);
  --fit-color-bg-success-subtle-light: rgba(5, 224, 166, 0.08);
  --fit-color-bg-success-subtle-dark: rgba(5, 224, 166, 0.12);
  --fit-color-bg-error-tinted-light: rgba(240, 92, 91, 0.12);
  --fit-color-bg-error-tinted-dark: rgba(240, 92, 91, 0.18);
  --fit-color-bg-error-subtle-light: rgba(240, 92, 91, 0.08);
  --fit-color-bg-error-subtle-dark: rgba(240, 92, 91, 0.12);
  --fit-color-screen-light: #f2f2f7; /* Page background light theme — iOS system gray 6 */
  --fit-color-external-telegram-blue: #229ed9; /* Telegram brand blue */
  --fit-color-external-stripe-purple: #635bff; /* Stripe brand purple */
  --fit-color-external-zoom-blue-alt: #229ed9; /* Zoom brand blue alt */
  --fit-color-external-zoom-blue: #2d8cff; /* Zoom brand blue (events) */
  --fit-color-external-whatsapp-green: #25d366; /* WhatsApp brand green */
  --fit-color-external-apple-indigo: #5856d6; /* Apple system indigo */
  --fit-color-external-apple-orange: #ff9500; /* Apple system orange */
  --fit-color-external-apple-red: #ff3b30; /* Apple system red */
  --fit-color-external-google-green: #34a853; /* Google green accent */
  --fit-color-external-google-yellow: #fbbc04; /* Google yellow accent */
  --fit-color-external-google-red: #ea4335; /* Google red accent */
  --fit-color-external-google-blue: #4285f4; /* Google brand blue (OAuth button) */
  --fit-color-green-900: #004806;
  --fit-color-green-800: #05610d;
  --fit-color-green-500: #36b03d;
  --fit-color-green-400: #51ca58;
  --fit-color-green-100: #d5f6d6;
  --fit-color-green-50: #eafbeb;
  --fit-color-yellow-900: #8d2b0a;
  --fit-color-yellow-800: #b44d12;
  --fit-color-yellow-600: #de911d;
  --fit-color-yellow-500: #f0b42a;
  --fit-color-yellow-400: #f7c948;
  --fit-color-yellow-100: #fff3c4;
  --fit-color-yellow-50: #fff8db;
  --fit-color-red-900: #610315;
  --fit-color-red-800: #8a041a;
  --fit-color-red-700: #ab081f;
  --fit-color-red-400: #f05c5b;
  --fit-color-red-300: #f98585;
  --fit-color-red-100: #ffdbdb;
  --fit-color-red-50: #fff0f0;
  --fit-color-teal-600: #08b48f;
  --fit-color-teal-500: #05e0a6;
  --fit-color-teal-400: #22f7b7;
  --fit-color-teal-200: #87f7cc;
  --fit-color-blue-900: #00334d;
  --fit-color-blue-700: #06789d;
  --fit-color-blue-600: #0a93bd;
  --fit-color-blue-500: #03b2e2;
  --fit-color-blue-400: #22ccf7;
  --fit-color-blue-300: #4fddfc;
  --fit-color-gray-black: #111213;
  --fit-color-gray-white: #ffffff;
  --fit-color-gray-900: #1f2123;
  --fit-color-gray-800: #2b2e31;
  --fit-color-gray-700: #3b4044;
  --fit-color-gray-600: #5b6269;
  --fit-color-gray-500: #757e87;
  --fit-color-gray-400: #979ea5;
  --fit-color-gray-300: #acb1b6;
  --fit-color-gray-200: #cccfd2;
  --fit-color-gray-100: #e4e6e7;
  --fit-color-gray-50: #f7f7f8;
  --fit-animation-easing-standard: ease; /* CSS default ease — generic transitions */
  --fit-animation-easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1); /* Symmetrical — back-and-forth */
  --fit-animation-easing-in: cubic-bezier(0.55, 0.055, 0.675, 0.19); /* UI in — exit animations */
  --fit-animation-easing-out: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Default UI out — enter animations */
  --fit-animation-easing-linear: linear; /* Spinner, shimmer — constant motion */
  --fit-animation-duration-shimmer: 1400ms; /* Skeleton shimmer pulse */
  --fit-animation-duration-spinner: 800ms; /* Loading spinner rotation */
  --fit-animation-duration-slow: 300ms; /* Progress fill, expand/collapse */
  --fit-animation-duration-medium: 250ms; /* Sheet slide-up, dialog */
  --fit-animation-duration-base: 200ms; /* Fade, slide, tap scale */
  --fit-animation-duration-fast: 150ms; /* Hover, button press, minor state */
  --fit-animation-duration-instant: 120ms; /* Context menu pop-in, tiny feedback */
  --fit-radius-alias-lg: var(--fit-radius-16); /* Alias for --fit-radius-16 */
  --fit-radius-alias-md: var(--fit-radius-12); /* Alias for --fit-radius-12 */
  --fit-radius-alias-sm: var(--fit-radius-8); /* Alias for --fit-radius-8 */
  --fit-radius-alias-xs: var(--fit-radius-4); /* Alias for --fit-radius-4 */
  --fit-gradient-brand-horizontal: linear-gradient(to right, var(--fit-color-blue-500), var(--fit-color-teal-500)); /* Primary button fill — left-to-right */
  --fit-gradient-brand-135: linear-gradient(135deg, var(--fit-color-blue-500), var(--fit-color-teal-500)); /* Primary CTA, hero backgrounds — 135° diagonal */
  --fit-color-destructive-primary: var(--fit-color-red-400); /* Destructive filled button bg / text on outlined (constant — destructive accent identical across themes) */
  --fit-color-border-selection: var(--fit-color-teal-600); /* Selected-state border (chips, radio) — constant across themes, matches brand.secondary line */
  --fit-color-border-error-light: var(--fit-color-red-700);
  --fit-color-border-error-dark: var(--fit-color-red-400);
  --fit-color-border-focus-light: var(--fit-color-blue-600);
  --fit-color-border-focus-dark: var(--fit-color-blue-500);
  --fit-color-border-divider-light: var(--fit-color-gray-100);
  --fit-color-border-divider-dark: var(--fit-color-gray-700);
  --fit-color-bg-disabled-light: var(--fit-color-gray-200);
  --fit-color-bg-disabled-dark: var(--fit-color-gray-700);
  --fit-color-divider-light: var(--fit-color-gray-100);
  --fit-color-divider-dark: var(--fit-color-gray-700);
  --fit-color-text-error-light: var(--fit-color-red-700);
  --fit-color-text-error-dark: var(--fit-color-red-400);
  --fit-color-text-on-brand-light: var(--fit-color-blue-700);
  --fit-color-text-on-brand-dark: var(--fit-color-gray-white);
  --fit-color-text-disabled-light: var(--fit-color-gray-300);
  --fit-color-text-disabled-dark: var(--fit-color-gray-600);
  --fit-color-text-placeholder-light: var(--fit-color-gray-400);
  --fit-color-text-placeholder-dark: var(--fit-color-gray-500);
  --fit-color-text-tertiary-light: var(--fit-color-gray-500);
  --fit-color-text-tertiary-dark: var(--fit-color-gray-400);
  --fit-color-text-secondary-light: var(--fit-color-gray-500);
  --fit-color-text-secondary-dark: var(--fit-color-gray-200);
  --fit-color-text-primary-light: var(--fit-color-gray-900);
  --fit-color-text-primary-dark: var(--fit-color-gray-white);
  --fit-color-brand-secondary: var(--fit-color-teal-500); /* Secondary brand teal (constant — used for selection / accent / brand-tint surfaces) */
  --fit-color-brand-primary: var(--fit-color-blue-500); /* Primary brand blue (constant — brand mark unchanged across themes) */
  --fit-color-surface-higher-light: var(--fit-color-gray-50);
  --fit-color-surface-higher-dark: var(--fit-color-gray-700);
  --fit-color-surface-default-light: var(--fit-color-gray-white);
  --fit-color-surface-default-dark: var(--fit-color-gray-800);
  --fit-color-surface-low-light: var(--fit-color-gray-100);
  --fit-color-surface-low-dark: var(--fit-color-gray-black);
  --fit-color-screen-dark: var(--fit-color-gray-900); /* Page background dark theme */
  --fit-color-surface-high-light: var(--fit-color-surface-default-light);
  --fit-color-surface-high-dark: var(--fit-color-surface-default-dark);
}