:root{--color-black: #000000;--color-white: #ffffff;--color-grey-light: #f5f5f5;--color-grey-medium: #888888;--color-grey-dark: #333333;--brand-black: var(--color-black);--brand-white: var(--color-white);--color-surface-primary: var(--color-black);--color-surface-secondary: var(--color-grey-dark);--color-surface-tertiary: var(--color-grey-dark);--color-surface-overlay: transparent;--color-overlay-light: rgba(0, 0, 0, .7);--color-overlay-medium: rgba(0, 0, 0, .8);--color-overlay-strong: rgba(0, 0, 0, .9);--color-overlay-badge: rgba(255, 255, 255, .9);--color-overlay-border: rgba(0, 0, 0, .2);--color-overlay-muted: rgba(119, 119, 119, .9);--color-success-transparent: rgba(0, 120, 0, .8);--bg-primary: var(--color-surface-primary);--bg-secondary: var(--color-surface-secondary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--error-text: var(--color-semantic-error);--border-primary: var(--color-border-primary);--color-text-primary: var(--color-white);--color-text-secondary: var(--color-grey-light);--color-text-muted: var(--color-grey-medium);--color-text-inverse: var(--color-black);--color-border-primary: var(--color-white);--color-border-secondary: var(--color-grey-medium);--color-border-muted: var(--color-grey-dark);--color-success: hsl(120, 50%, 50%);--color-success-surface: hsl(0, 0%, 20%);--color-success-border: var(--color-success);--color-error: hsl(0, 70%, 60%);--color-error-surface: hsl(0, 0%, 20%);--color-error-border: var(--color-error);--color-warning: hsl(45, 100%, 60%);--color-warning-surface: hsl(0, 0%, 20%);--color-warning-border: var(--color-warning);--color-info: hsl(210, 80%, 60%);--color-info-surface: hsl(0, 0%, 20%);--color-info-border: var(--color-info);--color-semantic-error: var(--color-error);--color-semantic-error-rgb: 204, 68, 75;--color-semantic-success: var(--color-success);--color-semantic-success-rgb: 72, 187, 120;--color-semantic-success-bright: #10b981;--color-semantic-warning: var(--color-warning);--color-semantic-warning-rgb: 245, 158, 11;--color-semantic-info: var(--color-info);--color-semantic-info-rgb: 59, 130, 246;--color-semantic-neutral: #6c757d;--color-semantic-muted-border: #666666;--color-semantic-muted-text: #8e8e8e;--color-semantic-gray-text: #9ca3af;--color-semantic-error-light: #dc3545;--color-semantic-primary-blue: #667eea;--color-semantic-surface-light: #f8f9fa;--color-semantic-blue-hover: rgba(102, 126, 234, .05);--color-semantic-blue-subtle: rgba(102, 126, 234, .08);--color-semantic-error-transparent: rgba(220, 53, 69, .9);--color-semantic-overlay-75: rgba(0, 0, 0, .75);--color-semantic-dark-gray: #808080;--color-semantic-overlay-80: rgba(0, 0, 0, .8);--color-semantic-warning-bg: rgba(255, 193, 7, .1);--color-semantic-error-bg: rgba(255, 107, 107, .1);--color-semantic-red: #ef4444;--color-semantic-blue: #3b82f6;--color-semantic-yellow: #f59e0b;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-2xs: var(--space-1);--space-xs: var(--space-2);--space-sm: var(--space-3);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--size-xs: 1rem;--size-sm: 1.5rem;--size-md: 2rem;--size-lg: 2.5rem;--size-xl: 3rem;--font-family-primary: "helvetica-neue-lt-pro", "Helvetica Neue", Arial, sans-serif;--font-family-heading: var(--font-family-primary);--font-family-mono: "Monaco", "Menlo", monospace;--font-weight-extrabold: 900;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--font-size-7xl: 5rem;--font-size-8xl: 6rem;--font-weight-light: 300;--font-weight-normal: var(--font-weight-regular);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(255, 255, 255, .1);--shadow-base: 0 4px 12px rgba(255, 255, 255, .15);--shadow-md: 0 8px 24px rgba(255, 255, 255, .2);--shadow-lg: 0 16px 48px rgba(255, 255, 255, .25);--shadow-xl: 0 24px 64px rgba(255, 255, 255, .3);--modal-backdrop-blur: blur(8px);--modal-shadow: 0 8px 32px rgba(0, 0, 0, .3);--modal-radius: 8px;--close-button-radius: 4px;--shadow-modal: var(--modal-shadow);--shadow-subtle: 0 2px 4px rgba(0, 0, 0, .2);--shadow-hover: 0 4px 20px rgba(0, 0, 0, .3);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--easing-linear: linear;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: all var(--duration-fast) var(--easing-ease);--transition-normal: all var(--duration-normal) var(--easing-ease);--transition-slow: all var(--duration-slow) var(--easing-ease);--transition-theme: background-color var(--duration-slower) var(--easing-smooth), color var(--duration-slower) var(--easing-smooth), border-color var(--duration-slower) var(--easing-smooth);--scale-hover: 1.1;--scale-hover-large: 1.15;--transition-hover: all .3s ease;--hover-grey-from-white: var(--color-grey-light);--hover-grey-from-black: var(--color-grey-dark);--transition-interactive: transform var(--duration-normal) var(--easing-smooth), opacity var(--duration-normal) var(--easing-ease);--transform-scale-sm: scale(var(--scale-hover));--transform-scale-lg: scale(var(--scale-hover-large));--scale-active: .95;--z-base: 1;--z-elevated: 10;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999;--layout-header-boundary: 12.5vh;--layout-footer-height: 5vh;--layout-margin-left: 5vw;--layout-margin-right: 5vw;--layout-margin-left-tablet: 4vw;--layout-margin-right-tablet: 4vw;--layout-margin-left-mobile: 2vw;--layout-margin-right-mobile: 2vw;--bp-xs: 320px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px}.light-theme{--color-surface-primary: var(--color-white);--color-surface-secondary: var(--color-grey-light);--color-surface-tertiary: var(--color-grey-light);--color-surface-overlay: rgba(0, 0, 0, .1);--color-text-primary: var(--color-black);--color-text-secondary: var(--color-grey-dark);--color-text-muted: var(--color-grey-medium);--color-text-inverse: var(--color-white);--color-border-primary: var(--color-black);--color-border-secondary: var(--color-grey-medium);--color-border-muted: var(--color-grey-light);--color-success-surface: hsl(120, 50%, 95%);--color-error-surface: hsl(0, 70%, 95%);--color-warning-surface: hsl(45, 100%, 95%);--color-info-surface: hsl(210, 80%, 95%);--color-overlay-light: rgba(255, 255, 255, .7);--color-overlay-medium: rgba(255, 255, 255, .8);--color-overlay-strong: rgba(255, 255, 255, .9);--color-overlay-badge: rgba(0, 0, 0, .9);--color-overlay-border: rgba(255, 255, 255, .2);--color-overlay-muted: rgba(136, 136, 136, .9);--color-success-transparent: rgba(0, 120, 0, .8);--hover-grey-from-white: var(--color-grey-light);--hover-grey-from-black: var(--color-grey-dark);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-base: 0 4px 12px rgba(0, 0, 0, .15);--shadow-md: 0 8px 24px rgba(0, 0, 0, .2);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .25);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .3);--shadow-subtle: 0 2px 4px rgba(0, 0, 0, .2);--shadow-hover: 0 4px 20px rgba(0, 0, 0, .3);--icon-invert: 0;--bg-primary: var(--color-surface-primary);--bg-secondary: var(--color-surface-secondary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--error-text: var(--color-semantic-error);--border-primary: var(--color-border-primary)}.icon-themed{filter:invert(var(--icon-invert, 0));transition:filter var(--duration-normal) var(--easing-ease)}.focus-ring:focus,.focus-ring:focus-visible{outline:2px solid var(--color-text-primary);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}*{transform:none!important}}@media (prefers-contrast: high){:root{--color-border-primary: var(--color-text-primary);--color-border-secondary: var(--color-text-primary);--shadow-base: none;--shadow-md: none;--shadow-lg: none}.light-theme{--color-text-muted: hsl(0, 0%, 20%);--color-border-muted: hsl(0, 0%, 60%)}}@media print{:root{--color-surface-primary: white;--color-text-primary: black;--shadow-base: none;--shadow-md: none;--shadow-lg: none}.no-print{display:none!important}*{background:transparent!important;box-shadow:none!important}}:root{--container-xs: 100%;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--content-width-narrow: 65ch;--content-width-normal: 75ch;--content-width-wide: 85ch;--content-width-full: 100%;--grid-columns-xs: 1;--grid-columns-sm: 2;--grid-columns-md: 3;--grid-columns-lg: 4;--grid-columns-xl: 6;--space-responsive-xs: var(--space-2);--space-responsive-sm: var(--space-4);--space-responsive-md: var(--space-6);--space-responsive-lg: var(--space-8);--space-responsive-xl: var(--space-12)}@media (min-width: 640px){:root{--space-responsive-xs: var(--space-3);--space-responsive-sm: var(--space-6);--space-responsive-md: var(--space-8);--space-responsive-lg: var(--space-12);--space-responsive-xl: var(--space-16)}}@media (min-width: 1024px){:root{--space-responsive-xs: var(--space-4);--space-responsive-sm: var(--space-8);--space-responsive-md: var(--space-12);--space-responsive-lg: var(--space-16);--space-responsive-xl: var(--space-20)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}#root,#__next{isolation:isolate}ul[role=list],ol[role=list]{list-style:none}.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}button{border:none;background:transparent;cursor:pointer;padding:0}a{text-decoration:none;color:inherit}textarea{resize:vertical}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input,select,textarea{font-size:max(16px,1rem)}@media (min-width: 768px){input,select,textarea{font-size:1rem}}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}table{border-collapse:collapse;border-spacing:0}html{overflow-x:hidden}html{font-size:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface-primary);transition:var(--transition-theme);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}::selection{background-color:var(--color-text-primary);color:var(--color-surface-primary)}::-moz-selection{background-color:var(--color-text-primary);color:var(--color-surface-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-secondary)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}html{scrollbar-width:thin;scrollbar-color:var(--color-text-muted) var(--color-surface-secondary)}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:var(--radius-sm)}a,button,input[type=submit],input[type=button],input[type=reset],select,[role=button],[tabindex]:not([tabindex="-1"]){cursor:pointer}:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.is-loading{pointer-events:none;overflow:hidden}.skeleton{background:linear-gradient(90deg,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 50%,var(--color-surface-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-surface-primary);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-base);z-index:var(--z-max);transition:var(--transition-fast)}.skip-link:focus{top:6px}@media print{.no-print{display:none!important}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}.print-break-inside-avoid{page-break-inside:avoid}}h1,.h1{font-family:var(--font-family-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6);color:var(--color-text-primary)}h2,.h2{font-family:var(--font-family-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--space-5);color:var(--color-text-primary)}h3,.h3{font-family:var(--font-family-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--space-4);color:var(--color-text-primary)}h4,.h4{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--space-3);color:var(--color-text-primary)}h5,.h5{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-2);color:var(--color-text-primary)}h6,.h6{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);margin-bottom:var(--space-2);color:var(--color-text-secondary)}@media (max-width: 767px){h1,.h1{font-size:var(--font-size-4xl)}h2,.h2{font-size:var(--font-size-3xl)}h3,.h3{font-size:var(--font-size-2xl)}}p,.text-body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);margin-bottom:var(--space-4);color:var(--color-text-primary)}.text-large{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.text-small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.text-primary{color:var(--color-text-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-muted{color:var(--color-text-muted)!important}.text-inverse{color:var(--color-text-inverse)!important}.text-success{color:var(--color-success)!important}.text-error{color:var(--color-error)!important}.text-warning{color:var(--color-warning)!important}.text-info{color:var(--color-info)!important}.font-light{font-weight:var(--font-weight-light)!important}.font-normal{font-weight:var(--font-weight-normal)!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-underline{text-decoration:underline!important}.text-no-underline{text-decoration:none!important}.text-line-through{text-decoration:line-through!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.text-normal-case{text-transform:none!important}.text-mono{font-family:var(--font-family-mono)!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{word-break:break-word;overflow-wrap:break-word}.text-nowrap{white-space:nowrap!important}.leading-none{line-height:1!important}.leading-tight{line-height:var(--line-height-tight)!important}.leading-normal{line-height:var(--line-height-normal)!important}.leading-relaxed{line-height:var(--line-height-relaxed)!important}ol,ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-1)}.list-none{list-style:none!important;padding-left:0!important}blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-border-primary);background-color:var(--color-surface-secondary);font-style:italic;color:var(--color-text-secondary)}cite{font-style:normal;font-size:var(--font-size-sm);color:var(--color-text-muted)}code{font-family:var(--font-family-mono);font-size:.875em;padding:var(--space-1) var(--space-2);background-color:var(--color-surface-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border-muted)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding:var(--space-4);margin:var(--space-4) 0;background-color:var(--color-surface-secondary);border-radius:var(--radius-base);border:1px solid var(--color-border-muted);overflow-x:auto}pre code{background:none;border:none;padding:0}.icon,[class*=icon-],.material-icons,.feather{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle}.icon svg,[class*=icon-] svg{stroke-width:1.5px;stroke:currentColor;fill:none;width:100%;height:100%}.material-icons-outlined,.feather{font-weight:300}.icon-xs,.icon--xs{width:12px;height:12px;font-size:12px}.icon-sm,.icon--sm{width:16px;height:16px;font-size:16px}.icon-md,.icon--md,.icon{width:20px;height:20px;font-size:20px}.icon-lg,.icon--lg{width:24px;height:24px;font-size:24px}.icon-xl,.icon--xl{width:32px;height:32px;font-size:32px}.icon-2xl,.icon--2xl{width:40px;height:40px;font-size:40px}.icon,[class*=icon-]{color:var(--color-text-primary)}.icon-secondary,.icon--secondary{color:var(--color-text-secondary)}.icon-muted,.icon--muted{color:var(--color-text-muted)}.icon-inverse,.icon--inverse{color:var(--color-text-inverse)}.icon-success,.icon--success{color:var(--color-success)}.icon-error,.icon--error{color:var(--color-error)}.icon-warning,.icon--warning{color:var(--color-warning)}.icon-info,.icon--info{color:var(--color-info)}.icon-interactive,.icon-btn,button .icon,a .icon,[role=button] .icon{transition:var(--transition-hover);cursor:pointer}.icon-interactive:hover,.icon-btn:hover,button:hover .icon,a:hover .icon,[role=button]:hover .icon{transform:scale(var(--scale-hover))}.light-theme .icon-interactive:hover,.light-theme .icon-btn:hover,.light-theme button:hover .icon,.light-theme a:hover .icon,.light-theme [role=button]:hover .icon{color:var(--color-grey-medium)}:not(.light-theme) .icon-interactive:hover,:not(.light-theme) .icon-btn:hover,:not(.light-theme) button:hover .icon,:not(.light-theme) a:hover .icon,:not(.light-theme) [role=button]:hover .icon{color:var(--color-grey-light)}.icon-close,.close-icon{width:20px;height:20px;position:relative;display:inline-flex;align-items:center;justify-content:center}.icon-close:before,.icon-close:after,.close-icon:before,.close-icon:after{content:"";position:absolute;width:12px;height:1.5px;background:currentColor;border-radius:1px}.icon-close:before,.close-icon:before{transform:rotate(45deg)}.icon-close:after,.close-icon:after{transform:rotate(-45deg)}.icon-menu,.menu-icon{width:20px;height:16px;position:relative;display:inline-flex;flex-direction:column;justify-content:space-between}.icon-menu:before,.icon-menu:after,.menu-icon:before,.menu-icon:after{content:"";height:1.5px;background:currentColor;border-radius:1px;transition:var(--transition-hover)}.icon-menu:before,.menu-icon:before{width:100%}.icon-menu:after,.menu-icon:after{width:80%}.icon-arrow,.arrow-icon{width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.icon-arrow:before,.arrow-icon:before{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}.icon-arrow--up:before,.arrow-icon--up:before{transform:rotate(-45deg)}.icon-arrow--down:before,.arrow-icon--down:before{transform:rotate(135deg)}.icon-arrow--left:before,.arrow-icon--left:before{transform:rotate(-135deg)}.icon-arrow--right:before,.arrow-icon--right:before{transform:rotate(45deg)}.text-with-icon{display:inline-flex;align-items:center;gap:var(--space-xs)}.text-with-icon .icon{flex-shrink:0}.btn-icon{padding:var(--space-xs);width:auto;height:auto;min-width:var(--size-md);min-height:var(--size-md);display:inline-flex;align-items:center;justify-content:center}.btn-icon.btn-icon--sm{min-width:var(--size-sm);min-height:var(--size-sm);padding:var(--space-2xs)}.btn-icon.btn-icon--lg{min-width:var(--size-lg);min-height:var(--size-lg);padding:var(--space-sm)}.icon[aria-hidden=true],[class*=icon-][aria-hidden=true]{speak:none}.icon-interactive:focus-visible,.icon-btn:focus-visible,button:focus-visible .icon,a:focus-visible .icon{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:2px}@media (max-width: 768px){.icon-interactive,.icon-btn,button .icon,a .icon{width:24px;height:24px;min-width:24px;min-height:24px}.btn-icon{min-width:44px;min-height:44px;padding:var(--space-sm)}}@media (prefers-reduced-motion: reduce){.icon-interactive,.icon-btn,button .icon,a .icon,[role=button] .icon{transition:none}.icon-interactive:hover,.icon-btn:hover,button:hover .icon,a:hover .icon,[role=button]:hover .icon{transform:none}}.interactive,.btn,.modal__btn,.modal__close,button,[role=button],a:not(.no-hover),.clickable{transition:var(--transition-hover);cursor:pointer;transform:scale(1.1)}.interactive:hover,.btn:hover,.modal__btn:hover,.modal__close:hover,button:hover,[role=button]:hover,a:not(.no-hover):hover,.clickable:hover{transform:scale(var(--scale-hover))}.text-interactive,.nav-link,.menu-item,.text-link{transition:var(--transition-hover);transform:scale(1)}.text-interactive:hover,.nav-link:hover,.menu-item:hover,.text-link:hover{transform:scale(var(--scale-hover));color:var(--color-grey-medium)}.icon-interactive,.icon-btn,.close-btn{transition:var(--transition-hover);transform:scale(1);display:inline-flex;align-items:center;justify-content:center}.icon-interactive:hover,.icon-btn:hover,.close-btn:hover{transform:scale(var(--scale-hover))}.card-interactive,.event-tile,.interactive-card{transition:var(--transition-hover);transform:scale(1)}.card-interactive:hover,.event-tile:hover,.interactive-card:hover{transform:scale(var(--scale-hover));box-shadow:var(--shadow-hover)}.form-input:hover,.form-select:hover,.form-textarea:hover,input:hover,select:hover,textarea:hover{transform:scale(1.02);border-color:var(--color-grey-medium)}.form-input:focus,.form-select:focus,.form-textarea:focus,input:focus,select:focus,textarea:focus{transform:scale(1.02);border-color:var(--color-text-primary);outline:2px solid var(--color-text-primary);outline-offset:2px}.interactive:active,.btn:active,.clickable:active,button:active{transform:scale(.98)}.interactive:disabled,.btn:disabled,.clickable:disabled,button:disabled,.disabled{cursor:not-allowed;opacity:.5;transform:scale(1)!important}.interactive:disabled:hover,.btn:disabled:hover,.clickable:disabled:hover,button:disabled:hover,.disabled:hover{transform:scale(1)!important}@media (prefers-reduced-motion: reduce){.interactive,.btn,.modal__btn,.modal__close,button,[role=button],a:not(.no-hover),.clickable,.text-interactive,.nav-link,.menu-item,.text-link,.icon-interactive,.icon-btn,.close-btn,.card-interactive,.event-tile,.interactive-card{transition:none!important;transform:none!important}.interactive:hover,.btn:hover,.modal__btn:hover,.modal__close:hover,button:hover,[role=button]:hover,a:not(.no-hover):hover,.clickable:hover,.text-interactive:hover,.nav-link:hover,.menu-item:hover,.text-link:hover,.icon-interactive:hover,.icon-btn:hover,.close-btn:hover,.card-interactive:hover,.event-tile:hover,.interactive-card:hover{transform:none!important}}.interactive:focus-visible,.btn:focus-visible,.clickable:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;transform:scale(var(--scale-hover))}@media (prefers-contrast: high){.interactive:hover,.btn:hover,.clickable:hover,button:hover{border:2px solid var(--color-text-primary)!important}}.events-wall{flex:1;padding:0;width:100%;background:transparent;overflow-y:auto}.loading-events{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:var(--space-4)}.loading-events p{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-base);margin:0}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-surface-secondary);border-top:3px solid var(--color-text-primary);border-radius:50%;animation:spin 1s linear infinite}.empty-events{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:var(--space-4);color:var(--color-text-secondary);text-align:center}.empty-events .empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-2)}.empty-events h3{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0;color:var(--color-text-primary)}@media (max-width: 1024px){.events-wall{padding:var(--space-6) var(--space-4);margin-top:var(--layout-header-boundary-tablet);margin-bottom:4vh}}@media (max-width: 480px){.events-wall{padding:var(--space-4) var(--space-2);margin-top:var(--layout-header-boundary-mobile);margin-bottom:6vh}.loading-events,.empty-events{min-height:30vh}.empty-events .empty-icon{font-size:var(--font-size-3xl)}.empty-events h3{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none;border:3px solid var(--color-text-primary);border-radius:0}.events-wall{overflow-y:visible}}@media (prefers-contrast: high){.loading-spinner{border-width:4px}.empty-events{border:1px solid var(--color-border-primary);border-radius:var(--radius-base);padding:var(--space-8)}}@media print{.events-wall{margin-top:0;margin-bottom:0;overflow:visible}.loading-events,.empty-events{display:none}}.header{background:var(--color-surface-primary);color:var(--color-text-primary);padding:var(--space-2) 0 var(--space-4) 0;height:var(--layout-header-boundary);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);transition:var(--transition-theme)}.header__content{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin-left:var(--layout-margin-left);margin-right:var(--layout-margin-right)}.header__title{font-weight:var(--font-weight-medium);font-size:clamp(32pt,5vw,75pt);font-family:var(--font-family-primary);margin:0;line-height:1;letter-spacing:0;color:var(--color-text-primary);width:40vw;max-width:600px}.header__controls{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}.header__admin-toggle{background:transparent;border:1px solid var(--color-text-muted);color:var(--color-text-muted);padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-family:var(--font-family-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal)}.header__admin-toggle:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);transform:var(--transform-scale-sm)}.header__admin-toggle:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.header--transparent{background:transparent;backdrop-filter:blur(10px)}.header--compact{height:8vh;padding:var(--space-1) 0}.header--compact .header__title{font-size:clamp(24pt,4vw,50pt)}@media (max-width: 1024px){.header{padding:var(--space-3);height:var(--layout-header-boundary-tablet);align-items:flex-end;justify-content:flex-start}.header__content{gap:var(--space-2);align-items:flex-start;margin-left:var(--layout-margin-left-tablet);margin-right:var(--layout-margin-right-tablet)}.header__title{margin:0;width:20vw;max-width:300px;font-size:clamp(28pt,4.5vw,60pt)}.header__admin-toggle{font-size:var(--font-size-2xs);padding:var(--space-1) var(--space-3)}}@media (max-width: 480px){.header{padding:var(--space-2);height:var(--layout-header-boundary-mobile)}.header__content{margin-left:var(--layout-margin-left-mobile);margin-right:var(--layout-margin-right-mobile);gap:var(--space-1)}.header__title{width:60vw;max-width:250px;font-size:clamp(24pt,6vw,45pt)}.header__admin-toggle{font-size:var(--font-size-2xs);padding:var(--space-1) var(--space-2)}}.header__admin-toggle--active{background:var(--color-text-primary);color:var(--color-surface-primary);border-color:var(--color-text-primary)}.header__admin-toggle--active:hover{background:var(--color-text-secondary);transform:var(--transform-scale-sm)}.header--loading{opacity:.8;pointer-events:none}.header--loading .header__title{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion: reduce){.header,.header__admin-toggle,.header__title{transition:none}.header__admin-toggle:hover,.header__admin-toggle--active:hover{transform:none}.header--loading .header__title{animation:none}}@media (prefers-contrast: high){.header__admin-toggle{border-width:2px}.header__admin-toggle:hover,.header__admin-toggle--active{border-width:3px}}@media print{.header{position:static;height:auto;background:transparent;border-bottom:1px solid var(--color-border-primary)}.header__controls{display:none}}body.light-theme .header--transparent{backdrop-filter:blur(10px) brightness(1.1)}body:not(.light-theme) .header--transparent{backdrop-filter:blur(10px) brightness(.9)}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;width:calc(100% - var(--layout-margin-left) - var(--layout-margin-right));margin-left:var(--layout-margin-left);margin-right:var(--layout-margin-right);margin-top:var( --layout-header-boundary );margin-bottom:var(--layout-footer-height);box-sizing:border-box}.events-grid--responsive{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.events-grid--dense{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.events-grid--cols-2{grid-template-columns:repeat(2,1fr)}.events-grid--cols-3{grid-template-columns:repeat(3,1fr)}.events-grid--cols-4{grid-template-columns:repeat(4,1fr)}.events-grid--cols-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 1024px){.events-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.events-grid--cols-5{grid-template-columns:repeat(4,1fr)}.events-grid--cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.events-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.events-grid--responsive{gap:var(--space-2xs);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.events-grid--cols-5,.events-grid--cols-4,.events-grid--cols-3{grid-template-columns:repeat(2,1fr)}.events-grid--cols-2{grid-template-columns:1fr}}@media (max-width: 480px){.events-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.events-grid--responsive,.events-grid--cols-5,.events-grid--cols-4,.events-grid--cols-3,.events-grid--cols-2{grid-template-columns:1fr}}.events-grid.loading{opacity:.6;pointer-events:none}.events-grid:empty:after{content:"No events available";display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary);font-style:italic;grid-column:1 / -1}@media (prefers-contrast: high){.events-grid--responsive{gap:var(--space-sm);border:1px solid var(--color-border-primary)}}.event-tile .sold-out-badge{position:absolute;top:1rem;right:1rem;background:rgba(220,38,38,.9);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;z-index:2;backdrop-filter:blur(4px)}.event-tile__overlay.sold-out{background:rgba(0,0,0,.7)!important}.event-tile__overlay.sold-out .event-tile__title,.event-tile__overlay.sold-out .event-tile__meta{opacity:.6}.event-tile{position:relative;width:100%;aspect-ratio:1 / 1;cursor:pointer;overflow:hidden;transition:var(--transition-hover);transform:scale(1);font-family:var(--font-family-primary)}.event-tile__image{width:100%;height:100%;object-fit:cover;background:var(--color-surface-secondary);display:block;transition:var(--transition-normal)}.event-tile:hover{transform:scale(var(--scale-hover));z-index:var(--z-overlay)}.event-tile:hover .event-tile__image{transform:scale(1.05)}.event-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface-primary);color:var(--color-text-primary);padding:var(--space-lg);display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity var(--duration-normal) var(--easing-ease)}.event-tile:hover .event-tile__overlay{opacity:1}.event-tile__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);margin-bottom:var(--space-md);color:var(--color-text-primary);text-align:center;line-height:var(--line-height-tight)}.event-tile__meta{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.event-tile__date{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);font-size:var(--font-size-base)}.event-tile__genre{color:var(--color-text-secondary);opacity:.8}.event-tile__price{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);font-size:var(--font-size-base);margin-top:var(--space-xs)}.event-tile--today:after{content:"HOY";position:absolute;top:var(--space-xs);right:var(--space-xs);background:var(--color-semantic-error);color:var(--color-surface-primary);padding:var(--space-2xs) var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);z-index:var(--z-elevated);border-radius:var(--radius-sm)}.event-tile--past{opacity:1}.event-tile--create-new{border:2px dashed var(--color-border-primary);background:transparent;display:flex;align-items:center;justify-content:center;transition:var(--transition-interactive)}.event-tile--create-new:hover{border-color:var(--color-text-primary);background:transparent;transform:scale(var(--scale-hover))}.event-tile__create-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary)}.event-tile__create-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);font-family:var(--font-family-primary);text-transform:lowercase;letter-spacing:0em}.event-tile__controls{position:absolute;top:var(--space-xs);left:var(--space-xs);display:flex;gap:var(--space-2xs);z-index:var(--z-elevated);opacity:0;transition:var(--transition-normal)}.event-tile:hover .event-tile__controls{opacity:1}.event-tile__control-btn{width:var(--size-md);height:var(--size-md);border:1px solid black;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);transition:var(--transition-fast);background:var(--color-surface-primary);color:var(--color-text-inverse)}.event-tile__control-btn--edit{background:var(--color-text-primary)!important;color:var(--color-surface-primary)!important;border:1px solid var(--color-text-primary)!important;font-family:var(--font-family-primary)!important}.event-tile__control-btn--edit:hover{color:var(--color-text-primary)!important;border:1px solid var(--color-text-primary)!important;transform:scale(var(--scale-hover))}.event-tile__control-btn--delete{background:var(--color-text-primary)!important;color:var(--color-surface-primary)!important;border:1px solid var(--color-text-primary)!important;font-family:var(--font-family-primary)!important}.event-tile__control-btn--delete:hover{background:var(--color-semantic-error)!important;color:var(--color-white)!important;border:1px solid var(--color-semantic-error)!important;transform:scale(var(--scale-hover))}.event-tile__control-btn .admin-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;transition:all .2s ease}.event-tile__control-btn .edit-icon,.event-tile__control-btn .delete-icon{color:inherit}@media (max-width: 768px){.event-tile{min-height:200px}.event-tile__overlay{padding:var(--space-md)}.event-tile__title{font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.event-tile__meta{font-size:var(--font-size-xs)}.event-tile--today:after{top:var(--space-2xs);right:var(--space-2xs);font-size:var(--font-size-2xs)}.event-tile__controls{top:var(--space-2xs);left:var(--space-2xs)}.event-tile__control-btn{width:var(--size-sm);height:var(--size-sm)}}@media (prefers-reduced-motion: reduce){.event-tile,.event-tile__image,.event-tile__overlay,.event-tile__controls,.event-tile__control-btn{transition:none}.event-tile:hover .event-tile__image,.event-tile--create-new:hover,.event-tile:hover,.event-tile__control-btn:hover{transform:none}}@media (prefers-color-scheme: dark){.event-tile--create-new{border-color:var(--color-border-secondary)}}.event-tile.loading{pointer-events:none;opacity:.6}.event-tile.loading .event-tile__image{filter:blur(1px)}.modal-close{position:absolute;top:.5rem;right:.5rem;z-index:10;width:32px;height:32px;border-radius:4px;background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-hover);outline:none;user-select:none}.modal-close--backdrop{position:fixed;top:1rem;right:1rem;z-index:10001;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.15)}.modal-close--backdrop:hover{background:#fff;border-color:rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.2)}.modal-close__icon{width:85%;height:85%;pointer-events:none;stroke:#000;fill:none;stroke-width:2;stroke-linecap:round}[data-theme=dark] .modal-close__icon{stroke:#000}.modal-close:hover{transform:scale(1.1);background:var(--bg-secondary, var(--bg-primary));border-color:var(--border-secondary, var(--border-primary))}.modal-close:active{transform:scale(.95)}.modal-close:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.modal-close--round{border-radius:50%}.modal-close--large{width:40px;height:40px;font-size:24px}.modal-close--small{width:24px;height:24px;font-size:14px;top:.75rem;right:.75rem}.modal-close--minimal{background:transparent;border:1px solid var(--border-primary)}.modal-close--minimal:hover{background:rgba(0,0,0,.1);border:1px solid var(--border-secondary, var(--border-primary))}.modal-close--dark{background:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.8);color:#fff}.modal-close--dark:hover{background:rgba(0,0,0,.9);border-color:#000}.modal-close--light{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,1);color:#000}.modal-close--light:hover{background:#fff;border-color:#fff}@media (max-width: 768px){.modal-close{width:28px;height:28px;font-size:16px;top:.25rem;right:.25rem}.modal-close--backdrop{top:.75rem;right:.75rem;width:30px;height:30px}.modal-close--large{width:32px;height:32px;font-size:18px}.modal-close--small{width:20px;height:20px;font-size:12px;top:.25rem;right:.25rem}}@media (prefers-reduced-motion: reduce){.modal-close{transition:none!important}.modal-close:hover,.modal-close:active{transform:none!important}}@media (prefers-contrast: high){.modal-close{border-width:2px}.modal-close:focus-visible{outline-width:3px}}.event-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease;overflow:hidden;overscroll-behavior:contain}.event-modal.active{opacity:1;visibility:visible}.event-modal .modal-container{max-height:75vh;height:75vh;max-width:80vw;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden;position:relative;display:flex;flex-direction:row}.event-modal #modalEventContent{width:100%;height:100%;display:flex;flex-direction:row}.event-modal .modal-scrollable-content{width:100%;height:100%;display:flex;flex-direction:row;overflow:visible}.event-modal .modal-image-container{width:50%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface-primary);overflow:hidden}.event-modal .modal-flyer{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.event-modal .modal-content{width:50%;height:100%;display:flex;flex-direction:column;background:var(--color-surface-primary)}.event-modal .modal-text-content{flex:1;padding:1.5rem 2rem 0 1.5rem;overflow-y:auto;min-height:0}.event-modal .modal-header{margin-bottom:1rem}.event-modal .modal-title{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin:0;color:var(--color-text-primary);line-height:1.2;letter-spacing:-.02em;word-wrap:break-word}.event-modal .modal-body{flex:1;display:flex;flex-direction:column;gap:1rem}.event-modal .modal-info{margin-bottom:.5rem;color:var(--color-text-primary);line-height:1.4}.event-modal .modal-info strong{font-weight:600}.event-modal .modal-datetime{font-weight:var(--font-weight-medium)}.event-modal .modal-description{line-height:1.4;color:var(--color-text-primary);word-wrap:break-word}.event-modal .modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}.event-modal .modal-tag{font-weight:var(--font-weight-medium);background:transparent;border:1px solid var(--color-border-primary);border-radius:12px;padding:4px 8px;font-size:var(--font-size-xs);color:var(--color-text-primary)}.event-modal .modal-actions{position:absolute;bottom:0;right:0;width:50%;padding:1rem 2rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-primary);border-top:1px solid var(--color-border-primary);flex-shrink:0}.event-modal .modal-btn{padding:.5rem 1rem;border:1px solid var(--color-border-primary);background:var(--color-surface-primary);color:var(--color-text-primary);border-radius:4px;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:transform .2s ease;white-space:nowrap}.event-modal .modal-btn:hover{transform:scale(1.05)}.event-modal .modal-btn--admin{padding:.75rem 1rem}.event-modal .modal-btn.disabled,.event-modal .modal-btn:disabled{background:var(--color-surface-secondary, #f5f5f5)!important;color:var(--color-text-muted, #666)!important;cursor:not-allowed!important;opacity:.6}.event-modal .modal-btn.disabled:hover,.event-modal .modal-btn:disabled:hover{transform:none!important}@media (max-width: 768px) and (orientation: portrait){.event-modal .modal-container{flex-direction:column;max-width:95vw;max-height:95vh;height:auto}.event-modal #modalEventContent,.event-modal .modal-scrollable-content{flex-direction:column;overflow-y:auto}.event-modal .modal-image-container{width:100%;height:auto;min-height:200px;padding:1rem}.event-modal .modal-flyer{width:100%;height:auto;max-height:none;pointer-events:none}.event-modal .modal-content{width:100%;height:auto}.event-modal .modal-text-content{padding:1rem;overflow-y:visible}.event-modal .modal-actions{position:static;width:100%;padding:1rem}}@media (max-width: 480px) and (orientation: portrait){.event-modal .modal-container{max-width:80vw}.event-modal .modal-image-container,.event-modal .modal-text-content{padding:.75rem}.event-modal .modal-actions{position:static;width:100%;padding:.75rem}.event-modal .modal-title{font-size:var(--font-size-xl)}}#shareModal{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}#shareModal.active{opacity:1;visibility:visible}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:inherit}.modal__container{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden;position:relative;max-width:90vw;max-height:90vh}.modal__header{padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:1px solid var(--color-border-primary)}.modal__title{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);margin:0;color:var(--color-text-primary)}.modal__body{padding:1.5rem}.share-modal-container{max-width:480px;width:90%}#shareModal .modal-header{padding:20px 24px 16px;text-align:center}#shareModal .modal-body{padding:16px 24px 24px;text-align:center}.share-options-carousel{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.share-option{background:none;border:none;padding:16px 8px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.share-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.share-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.share-option:hover .share-icon{transform:var(--hover-scale-small)}.whatsapp-icon{background:var(--text-primary);border-radius:50%}.whatsapp-icon:before{content:"";width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.891 3.297' fill='%23000000'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;display:block}.share-option-circle .email-icon{background:var(--text-primary);border-radius:50%}.share-option-circle .email-icon:before{content:"";width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z' fill='none' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M22 6l-10 7L2 6' fill='none' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;display:block}.share-option-circle .facebook-icon{background:var(--text-primary);border-radius:50%}.share-option-circle .facebook-icon:before{content:"";width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z' fill='%23000000'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;display:block}.share-option-circle .twitter-icon{background:var(--text-primary);border-radius:50%}.share-option-circle .twitter-icon:before{content:"";width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z' fill='%23000000'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;display:block}.share-option-circle .instagram-share-icon{background:var(--text-primary);border-radius:50%}.share-option-circle .instagram-share-icon:before{content:"";width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.89-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.40s-.644-1.44-1.439-1.40z' fill='%23000000'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;display:block}body.light-theme .share-option-circle .whatsapp-icon:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.891 3.297' fill='%23ffffff'/%3E%3C/svg%3E")!important}body.light-theme .share-option-circle .email-icon:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M22 6l-10 7L2 6' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E")!important}body.light-theme .share-option-circle .facebook-icon:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z' fill='%23ffffff'/%3E%3C/svg%3E")!important}body.light-theme .share-option-circle .twitter-icon:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z' fill='%23ffffff'/%3E%3C/svg%3E")!important}body.light-theme .share-option-circle .instagram-share-icon:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.89-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.40s-.644-1.44-1.439-1.40z' fill='%23ffffff'/%3E%3C/svg%3E")!important}.share-option-circle{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s ease}.share-option-circle:hover{transform:var(--hover-scale);background:var(--bg-secondary)}.share-option-circle .share-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.share-option span{font-size:12px;font-weight:500;text-align:center;line-height:1.2}.share-link-section{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px}.share-link-display{flex:1;min-width:0}.share-link-text{color:var(--text-secondary);font-size:14px;word-break:break-all;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{background:var(--text-primary);color:var(--bg-primary);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{opacity:.8}.copy-btn .copy-text,.copy-btn .copy-check{display:inline-block}.share-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.share-option{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.share-option:hover{background:var(--border-color);transform:translateY(-2px)}.share-option:before{font-size:1.5rem;margin-bottom:.5rem;display:block}.share-option.whatsapp:before{content:"📱"}.share-option.email:before{content:"✉️"}.share-option.facebook:before{content:"📘"}.share-option.twitter:before{content:"🐦"}.share-option.telegram:before{content:"✈️"}.copy-link-option{position:relative}@media (max-width: 480px){.share-options-carousel{gap:8px;padding:8px;justify-content:center}.share-option-circle{width:48px;height:48px;margin:2px}.share-option-circle .share-icon{width:40px;height:40px}.share-modal-container{max-width:95%;margin:.5rem}.share-link-section{padding:8px}}@media (max-width: 360px){.share-options-carousel{gap:4px;padding:4px}.share-option-circle{width:44px;height:44px}.share-option-circle .share-icon{width:36px;height:36px}}.toast-message{position:fixed;top:20px;right:20px;z-index:15000;padding:1rem 1.5rem;border-radius:var(--radius-md);color:var(--color-text-inverse);font-weight:500;font-size:.9rem;box-shadow:0 4px 20px rgba(0,0,0,.3);transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);max-width:300px;word-wrap:break-word}.toast-message.show{transform:translate(0);opacity:1}.toast-success{background:var(--color-semantic-success-bright)}.toast-error{background:var(--color-semantic-red)}.toast-info{background:var(--color-semantic-blue)}.toast-warning{background:var(--color-semantic-yellow)}.presale-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-semantic-overlay-80);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.presale-modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.presale-modal-container{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.1);animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);position:relative;min-width:550px;width:30vw;overflow-y:auto;overflow-x:hidden;pointer-events:auto;display:flex!important;flex-direction:column!important;margin:auto;transform:scale(.96);animation:modalScaleIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalScaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.presale-modal-header{text-align:left;padding:2rem;border-bottom:0px solid var(--color-border-secondary);display:block!important;width:100%;flex-shrink:0;background:var(--color-surface-primary);border-radius:12px 12px 0 0}.presale-modal-header h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:.5rem;font-weight:600}.presale-modal-header h3{color:var(--text-secondary);font-size:1.2rem;margin-bottom:.5rem;font-weight:500}.presale-modal-header .event-date{color:var(--text-muted);font-size:.9rem;margin:0}.presale-modal-content{padding:.5rem 2rem 2rem;flex:1;overflow-y:auto;min-height:0;background:var(--color-surface-primary)}.presale-form{display:flex;flex-direction:column;gap:2rem;width:100%;position:relative}.form-step{display:none;flex-direction:column;gap:2rem;width:100%;min-height:400px}.form-step.active{display:flex!important;visibility:visible!important;opacity:1!important}.presale-form .form-section:first-child{margin-top:0!important;padding-top:0!important;display:flex!important;visibility:visible!important;opacity:1!important}.presale-modal .form-section,.presale-modal .modal-section{display:flex!important;flex-direction:column!important;gap:.5rem!important;width:100%!important;margin-bottom:0rem!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1!important}.form-section h4,.modal-section h4,.modal-section-title{color:var(--text-primary)!important;font-size:1rem!important;margin:0!important;font-weight:600!important;border-bottom:1px solid var(--border-secondary)!important;padding-bottom:.25rem!important;display:block!important;visibility:visible!important;opacity:1!important}.upload-section-wrapper .modal-section-title{text-align:center!important;border-bottom:none!important;padding-bottom:0!important;margin-bottom:0rem!important}.presale-modal .form-group,.presale-modal .modal-form-group{display:flex!important;flex-direction:column!important;gap:.15rem!important;margin-bottom:.25rem!important;width:100%!important}.presale-modal .modal-form-row{display:flex!important;flex-direction:column!important;gap:0rem!important;margin-bottom:0!important}.documento-row{display:flex;gap:.75rem;align-items:center}.documento-number{flex:1}.presale-modal .form-label{color:var(--text-primary)!important;font-size:.9rem!important;font-weight:600!important;display:block!important;margin-bottom:.5rem!important}.presale-modal .form-input,.presale-modal .form-select,.presale-modal .modal-input,.presale-modal .modal-select{padding:1rem 1.25rem;border:1px solid var(--color-border-primary);border-radius:8px;background:var(--color-surface-primary);color:var(--color-text-primary);font-size:1rem;font-weight:400;line-height:1.5;transition:all .2s ease;font-family:inherit;position:relative;z-index:1;width:100%;box-sizing:border-box;margin:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}[data-theme=dark] .presale-modal .form-input,[data-theme=dark] .presale-modal .form-select,[data-theme=dark] .presale-modal .modal-input,[data-theme=dark] .presale-modal .modal-select{background:#000}.presale-modal .form-input:focus,.presale-modal .form-select:focus,.presale-modal .modal-input:focus,.presale-modal .modal-select:focus{outline:none;border-color:var(--color-text-primary);background:var(--color-surface-primary);box-shadow:0 0 0 3px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.presale-modal .form-input::placeholder,.presale-modal .modal-input::placeholder{color:var(--color-text-muted);font-weight:400}.presale-modal .form-input.error,.presale-modal .form-select.error,.presale-modal .modal-input.error,.presale-modal .modal-select.error{border-color:#ef4444;background:#fef2f2;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.field-error{color:var(--error-text);font-size:.8rem;font-weight:500;display:none}.field-error.active{display:block}.document-info{background:var(--color-semantic-warning-bg);border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-md);padding:1rem}.document-info p{color:var(--text-primary);font-size:.9rem;margin:0;line-height:1.4}.presale-options{display:flex;flex-direction:column;gap:.5rem}.presale-option-radio{display:flex;align-items:center;padding:1.25rem 1.5rem;border:1px solid var(--color-border-secondary);border-radius:10px;cursor:pointer;transition:all .2s ease;background:var(--color-surface-secondary);gap:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1);position:relative}.presale-option-radio:hover{border-color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.presale-option-radio input[type=radio]{width:20px;height:20px;accent-color:var(--color-text-primary);margin:0}.presale-option-radio:has(input:checked){border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-surface-primary);box-shadow:0 4px 12px rgba(0,0,0,.15)}.presale-option-radio:has(input:checked):before{content:"✓";position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-surface-primary);font-weight:700;font-size:1.2rem}.presale-option-content{display:flex;justify-content:space-between;align-items:center;flex:1}.presale-type{font-weight:600;font-size:1rem}.presale-price{font-weight:700;font-size:1.1rem}.student-warning{background:var(--color-semantic-error-bg);border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);padding:1rem}.student-warning p{color:var(--error-text);font-size:.9rem;margin:0;line-height:1.4}.upload-section-wrapper{border:1px solid #ffffff;border-radius:var(--radius-md);padding:1.5rem 1.5rem 0}.upload-section{display:flex;flex-direction:column;gap:.5rem}.upload-area{border:2px dashed var(--border-secondary);border-radius:var(--radius-md);padding:1.5rem;text-align:center;cursor:pointer;transition:var(--transition-normal);background:var(--bg-primary)}.upload-area:hover,.upload-area.dragover{border-color:var(--text-primary)}.upload-icon{display:flex;justify-content:center;align-items:center;font-size:2rem;margin-bottom:1rem}.upload-area p{color:var(--text-secondary);margin:.5rem 0;line-height:1.4}.upload-link{color:var(--text-primary);font-weight:600;text-decoration:underline;cursor:pointer}.upload-info{font-size:.8rem;color:var(--text-muted)}.upload-preview{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.file-info{display:flex;flex-direction:column;gap:.25rem}.file-name{color:var(--text-primary);font-weight:600;font-size:.9rem}.file-size{color:var(--text-muted);font-size:.8rem}.remove-file{background:var(--error-text);color:var(--color-text-inverse);border:none;width:24px;height:24px;border-radius:var(--radius-full);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.remove-file:hover{opacity:.8;transform:var(--hover-scale-small)}.payment-instructions{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;text-align:center}.payment-info-container{display:block!important;width:100%!important;margin-bottom:1.5rem!important}.selected-tarifa-info{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;text-align:center}.selected-tarifa-info h5{margin:0 0 .5rem;font-size:.9rem;color:var(--text-muted)}.selected-tarifa-info p{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.payment-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.payment-method{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:1rem}.payment-method h5{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.payment-method p{margin:.5rem 0;font-family:monospace;font-size:1rem;background:var(--bg-primary);padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.qr-code-section{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:1.5rem}.qr-code-section h5{margin:0 0 1rem;color:var(--text-primary)}.payment-qr{max-width:200px;max-height:200px;border:2px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:1rem}.next-step-container{display:flex!important;justify-content:center!important;align-items:center!important;padding:1rem 0 0rem!important;margin-bottom:0!important}.modal-btn.next-step{background:transparent;border:2px solid var(--color-border-primary);border-radius:50%;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative}.modal-btn.next-step:hover:not(:disabled){border-color:var(--color-text-primary);background:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.modal-btn.next-step:hover:not(:disabled) .next-arrow{color:var(--color-surface-primary)}.next-arrow{width:18px;height:18px;color:var(--color-text-primary);transition:all .3s ease}.modal-btn.next-step:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 1px 3px rgba(0,0,0,.1)}.form-actions{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid var(--border-secondary)}.step-2-actions{justify-content:center;gap:1rem;flex-direction:column;align-items:center}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-primary);padding:1rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-interactive);min-width:120px;display:flex;align-items:center;justify-content:center}.btn-secondary:hover{transform:var(--hover-scale-small)}.btn-submit,.presale-modal .modal-btn.primary{background:var(--color-text-primary);color:var(--color-surface-primary);border:none;padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:50%;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.15);text-transform:none}.btn-submit:hover:not(:disabled),.presale-modal .modal-btn.primary:hover:not(:disabled){background:var(--color-text-primary);opacity:.9;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.btn-submit:disabled,.presale-modal .modal-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-secondary:hover{background:var(--color-surface-primary);border-color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.submit-loading{font-size:.9rem}.payment-method-selection{margin-top:0rem}.payment-method-selection h5{font-family:var(--font-family-primary);font-weight:400;font-size:1rem;color:var(--text-primary, #333333);margin:0 0 8px;line-height:1.4}.payment-options{display:flex;flex-direction:column;gap:8px}.payment-option{display:flex;align-items:center;padding:16px;border:1px solid var(--border-primary, #e1e1e1);border-radius:3px;background:var(--bg-primary, #ffffff);cursor:pointer;transition:all .2s ease;position:relative}.payment-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.payment-option input[type=radio]:checked+.payment-option-content{font-weight:400}.payment-option input[type=radio]:checked~*{color:var(--text-primary, #333333)}.payment-option.selected,.payment-option input[type=radio]:checked~.payment-option{background:var(--bg-secondary, #f5f5f5);border-color:var(--text-primary, #333333)}.payment-option-content{display:flex;align-items:center;width:100%;gap:12px}.payment-option-content:before{content:"";width:16px;height:16px;border:2px solid var(--border-primary, #e1e1e1);border-radius:50%;background:var(--bg-primary, #ffffff);transition:all .2s ease;flex-shrink:0}.payment-option input[type=radio]:checked+.payment-option-content:before{border-color:var(--text-primary, #333333);background:var(--text-primary, #333333);box-shadow:inset 0 0 0 2px var(--bg-primary, #ffffff)}.payment-method-label{font-family:var(--font-family-primary);font-weight:300;font-size:1rem;color:var(--text-primary, #333333)}.payment-details-container{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-primary, #e1e1e1)}.payment-details h5{font-family:var(--font-family-primary);font-weight:400;font-size:1rem;color:var(--text-primary, #333333);margin:0 0 12px;line-height:1.4}.payment-info-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-primary, #e1e1e1);border-radius:3px;margin-bottom:12px}.payment-number{font-family:var(--font-family-primary);font-weight:400;font-size:1.1rem;color:var(--text-primary, #333333);margin:0;letter-spacing:.5px}.copy-btn{font-family:var(--font-family-primary);font-weight:400;font-size:.85rem;padding:8px 16px;border:1px solid var(--border-primary, #e1e1e1);border-radius:2px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333333);cursor:pointer;transition:all .2s ease}.copy-btn:hover{color:var(--bg-primary, #ffffff)}.qr-payment-container{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0}.payment-details .qr-container{display:inline-block;position:relative;cursor:pointer;flex-shrink:0}.payment-details .payment-qr{max-width:120px;height:auto;border-radius:3px;border:1px solid var(--border-primary, #e1e1e1)}.payment-details .qr-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-overlay-border);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:3px}.payment-details .qr-container:hover .qr-overlay{opacity:1}.payment-details .expand-icon{color:var(--bg-primary, #ffffff);font-size:1.2rem}.payment-details p{font-family:var(--font-family-primary);font-weight:300;font-size:.85rem;color:var(--text-secondary, #666666);margin:0}.no-payment-methods{text-align:center;padding:2rem;color:var(--text-secondary, #666666)}.no-payment-methods p{margin:0;font-style:italic}.modal-form .modal-form-group{gap:0px}.modal-form .modal-section{margin-bottom:16px}.modal-form .modal-section:last-child{margin-bottom:0}.presale-options{display:flex;flex-direction:column;gap:12px}.presale-option-radio{width:100%}@media (max-width: 768px){.presale-modal-container{width:75vw;min-width:300px;margin:auto;max-height:95vh}}@media (max-width: 480px){.presale-modal-header h2{font-size:1.5rem}.presale-modal-header h3,.form-section h4{font-size:1rem}.presale-modal .form-input,.presale-modal .form-select{padding:.75rem;font-size:.9rem}.documento-row{flex-direction:column;gap:.5rem;align-items:stretch}.presale-option-radio{padding:.75rem}.presale-type{font-size:.9rem}.presale-price{font-size:1rem}.document-info,.student-warning{padding:.75rem}.upload-area{padding:1rem}.upload-area p{font-size:.85rem}.upload-info{font-size:.75rem}}.presales-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease;overflow:hidden;overscroll-behavior:contain}.presales-modal.modal-visible{opacity:1;visibility:visible}.presales-modal-container{max-width:90vw;width:90vw;max-height:90vh;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative}.presales-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--color-border-secondary);background:var(--color-surface-primary);flex-shrink:0}.presales-modal-header h2{color:var(--color-text-primary);font-size:1.5rem;margin:0 0 .5rem;font-weight:600}.presales-modal-header .event-date{color:var(--color-text-muted);font-size:.9rem;margin:0}.presales-modal-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.presales-stats-section,.presales-filters-section,.presales-export-section,.presales-table-section{margin-bottom:2rem}.presales-modal-content h3{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 1rem;font-weight:600;border-bottom:1px solid var(--color-border-secondary);padding-bottom:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-card{background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:8px;padding:1rem;text-align:center;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;align-items:center}.filter-input,.filter-select{padding:.75rem;border:1px solid var(--color-border-secondary);border-radius:6px;background:var(--color-surface-primary);color:var(--color-text-primary);font-size:.9rem;transition:all .2s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-text-primary);box-shadow:0 0 0 2px rgba(0,0,0,.1)}.export-buttons{display:flex;gap:1rem}.btn-export{padding:.75rem 1.5rem;background:var(--color-text-primary);color:var(--color-surface-primary);border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-export:hover{background:var(--color-text-secondary);transform:translateY(-1px)}.btn-export:active{transform:translateY(0)}.presales-table-wrapper{overflow-x:auto;border:1px solid var(--color-border-secondary);border-radius:8px;background:var(--color-surface-primary)}.presales-table{width:100%;border-collapse:collapse;font-size:.85rem}.presales-table th{background:var(--color-surface-secondary);color:var(--color-text-primary);font-weight:600;padding:.75rem .5rem;text-align:left;border-bottom:2px solid var(--color-border-secondary);cursor:pointer;user-select:none;transition:background-color .2s ease}.presales-table th:hover{background:var(--color-border-secondary)}.presales-table td{padding:.75rem .5rem;border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-primary);vertical-align:top}.presales-table tr:hover{background:var(--color-surface-secondary)}.presales-table tr:nth-child(2n){background:rgba(0,0,0,.02)}.presales-table tr:nth-child(2n):hover{background:var(--color-surface-secondary)}.date-cell{width:120px;font-size:.8rem;white-space:nowrap}.client-cell{min-width:150px}.client-info strong{display:block;margin-bottom:.25rem}.client-info small{color:var(--color-text-muted);font-size:.75rem}.email-cell{min-width:180px}.email-link{color:var(--color-text-primary);text-decoration:none;font-size:.8rem}.email-link:hover{color:var(--color-text-secondary);text-decoration:underline}.tarifa-cell,.price-cell,.payment-cell{width:100px;text-align:center}.tarifa-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.tarifa-normal{background:#e3f2fd;color:#1976d2}.tarifa-estudiante{background:#f3e5f5;color:#7b1fa2}.payment-method{font-size:.8rem;text-transform:capitalize}.status-cell{width:120px}.status-select{padding:.25rem .5rem;border:1px solid var(--color-border-secondary);border-radius:4px;background:var(--color-surface-primary);color:var(--color-text-primary);font-size:.75rem;width:100%}.actions-cell{width:80px;text-align:center}.btn-action{background:none;border:none;cursor:pointer;padding:.25rem;margin:0 .125rem;border-radius:4px;font-size:.9rem;transition:all .2s ease}.btn-action:hover{background:var(--color-surface-secondary);transform:scale(1.1)}.loading-spinner{text-align:center;padding:3rem;color:var(--color-text-muted);font-size:1.1rem}.loading-spinner:before{content:"⏳ ";animation:spin 1s linear infinite}.error-message{text-align:center;padding:3rem;color:var(--color-error);font-size:1.1rem}.no-data{text-align:center;padding:3rem;color:var(--color-text-muted);font-size:1rem}.no-data:before{content:"📝 "}.sort-icon{margin-left:.25rem;font-size:.7rem;opacity:.7}@media (max-width: 768px){.presales-modal-container{width:95vw;max-height:90vh}.presales-modal-content{padding:1rem}.filters-grid{grid-template-columns:1fr;gap:.75rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.export-buttons{flex-direction:column}.presales-table{font-size:.75rem}.presales-table th,.presales-table td{padding:.5rem .25rem}.date-cell,.tarifa-cell,.price-cell,.payment-cell,.status-cell,.actions-cell{width:auto;min-width:80px}.client-cell,.email-cell{min-width:120px}}@media (max-width: 480px){.presales-modal-header{padding:1rem}.presales-modal-header h2,.stat-value{font-size:1.2rem}.stat-label{font-size:.7rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .stat-card{background:var(--color-surface-tertiary)}[data-theme=dark] .presales-table tr:nth-child(2n){background:rgba(255,255,255,.02)}[data-theme=dark] .tarifa-normal{background:rgba(25,118,210,.2);color:#90caf9}[data-theme=dark] .tarifa-estudiante{background:rgba(123,31,162,.2);color:#ce93d8}.presale-details-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;visibility:hidden;transition:all .3s ease}.presale-details-modal.modal-visible{opacity:1;visibility:visible}.presale-details-modal-container{max-width:500px;width:90vw;max-height:90vh;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative}.presale-details-header{padding:1.5rem 2rem;border-bottom:1px solid var(--color-border-secondary);background:var(--color-surface-primary);flex-shrink:0}.presale-details-header h3{color:var(--color-text-primary);font-size:1.2rem;margin:0;font-weight:600}.presale-details-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-secondary)}.detail-row:last-child{border-bottom:none;margin-bottom:0}.detail-label{font-weight:600;color:var(--color-text-primary);min-width:100px;flex-shrink:0}.detail-value{color:var(--color-text-primary);text-align:right;flex-grow:1;word-break:break-word}.presale-details-modal .modal-close--backdrop{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.2);z-index:10002}.presale-details-modal .modal-close--backdrop:hover{background:#fff;border-color:rgba(0,0,0,.3)}@media (max-width: 768px){.presale-details-modal-container{width:95vw;max-height:85vh}.presale-details-header,.presale-details-content{padding:1rem 1.5rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-value{text-align:left}}.receipt-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.95);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;visibility:hidden;transition:all .3s ease}.receipt-modal.modal-visible{opacity:1;visibility:visible}.receipt-modal-container{max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center;position:relative}.receipt-modal-content{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.receipt-image{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.3);cursor:zoom-in;transition:transform .3s ease}.receipt-image:hover{transform:scale(1.02)}.receipt-modal .modal-close--backdrop{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.2);z-index:10002}.receipt-modal .modal-close--backdrop:hover{background:#fff;border-color:rgba(0,0,0,.3)}@media (max-width: 768px){.receipt-image{max-width:98vw;max-height:98vh}.receipt-modal .modal-close--backdrop{top:.5rem;right:.5rem;width:36px;height:36px}}.view-receipt-btn{background:none;border:none;font-size:14px;cursor:pointer;padding:2px 4px;color:var(--color-primary, #007bff);text-decoration:underline;border-radius:4px;transition:color .2s ease}.view-receipt-btn:hover{color:var(--color-primary-dark, #0056b3);text-decoration:none}.view-receipt-btn:active{transform:scale(.95)}#presalesGridContainer .gridjs-wrapper{border:1px solid var(--color-border, #e1e5e9);border-radius:8px;overflow:hidden}#presalesGridContainer .gridjs-table{border-radius:0}#presalesGridContainer .gridjs-th{background-color:var(--color-background-secondary, #f8f9fa)!important;font-weight:600!important;text-align:left!important;padding:12px 16px!important}#presalesGridContainer .gridjs-td{padding:12px 16px!important;border-bottom:1px solid var(--color-border, #e1e5e9);vertical-align:middle}#presalesGridContainer .gridjs-search{margin-bottom:16px}#presalesGridContainer .gridjs-search input{width:100%;padding:8px 12px;border:1px solid var(--color-border, #e1e5e9);border-radius:4px;font-size:14px}#presalesGridContainer .gridjs-pagination{margin-top:16px;justify-content:center}.qr-fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-semantic-overlay-80);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:15000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease;cursor:pointer}.qr-fullscreen-modal.active{opacity:1;visibility:visible}.qr-fullscreen-container{background:var(--bg-primary, white);width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;padding:2rem;box-sizing:border-box}.qr-fullscreen-container .qr-image{max-width:min(80vh,80vw);max-height:min(80vh,80vw);width:auto;height:auto;border:2px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow);cursor:default}.qr-fullscreen-container .qr-instructions{text-align:center;color:var(--text-primary);font-family:var(--font-family-primary);font-size:1.2rem;font-weight:400;max-width:600px;line-height:1.5;cursor:default}.qr-fullscreen-container .qr-instructions p{margin:.5rem 0}.qr-fullscreen-container .qr-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.qr-fullscreen-close-icon{position:fixed;top:2rem;right:2rem;width:3rem;height:3rem;background:rgba(0,0,0,.75);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:15001;transition:all .2s ease;user-select:none;opacity:1;visibility:visible}.qr-fullscreen-close-icon:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.qr-fullscreen-container .close-instruction{position:absolute;top:2rem;right:2rem;background:var(--color-semantic-overlay-75);color:var(--color-text-inverse);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:default;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.qr-fullscreen-container .close-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--text-secondary);font-size:.9rem;font-style:italic;cursor:default;opacity:.7}@media (max-width: 768px){.qr-fullscreen-container{padding:1.5rem;gap:1.5rem}.qr-fullscreen-container .qr-image{max-width:min(70vh,90vw);max-height:min(70vh,90vw)}.qr-fullscreen-container .qr-instructions{font-size:1rem}.qr-fullscreen-container .qr-title{font-size:1.3rem}.qr-fullscreen-close-icon{top:1rem;right:1rem;width:2.5rem;height:2.5rem;font-size:1.2rem}.qr-fullscreen-container .close-instruction{top:1rem;right:1rem;padding:.5rem .75rem;font-size:.8rem}.qr-fullscreen-container .close-hint{bottom:1rem;font-size:.8rem}}@media (max-width: 480px){.qr-fullscreen-container{padding:1rem;gap:1rem}.qr-fullscreen-container .qr-image{max-width:min(60vh,95vw);max-height:min(60vh,95vw)}.qr-fullscreen-container .qr-instructions{font-size:.9rem}.qr-fullscreen-container .qr-title{font-size:1.2rem}.qr-fullscreen-close-icon{top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;font-size:1.1rem}.qr-fullscreen-container .close-instruction{position:relative;top:auto;right:auto;margin-bottom:1rem}}.qr-fullscreen-container .qr-image.loading{opacity:.5;filter:blur(2px)}.qr-fullscreen-container .qr-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:1.1rem;font-weight:500}@keyframes qrFullscreenFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qr-fullscreen-modal.active .qr-fullscreen-container{animation:qrFullscreenFadeIn .3s ease-out}.event-form-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.event-form-modal.active{opacity:1;visibility:visible}.event-form-modal .modal-container{max-height:75vh;min-height:45vh;max-width:75vw;min-width:600px;width:75vw;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden;position:relative;display:flex;flex-direction:row}.event-form-modal #modalFormContent{width:100%;height:100%;display:flex;flex-direction:row}.event-form-modal .modal-image-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-surface-primary);overflow:hidden;min-width:0}.event-form-modal .flyer-upload-container{position:relative;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:400px}.event-form-modal .modal-flyer{cursor:pointer}.event-form-modal .flyer-upload-container.no-image{background:var(--color-surface-secondary, #f8f8f8);border:2px dashed var(--color-border-primary);transition:all .3s ease}.event-form-modal .flyer-upload-container.no-image:hover{border-color:var(--color-text-primary)}.event-form-modal .upload-text{color:var(--color-text-primary);font-size:1.25rem;font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;padding:2rem 3rem;transition:transform .2s ease,color .2s ease}.event-form-modal .flyer-upload-container.no-image:hover .upload-text{transform:scale(1.05);color:var(--color-text-secondary, #666)}.event-form-modal .modal-flyer{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.event-form-modal .flyer-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:flex-start;justify-content:flex-end;opacity:0;transition:opacity .3s ease;padding:.5rem;cursor:pointer}.event-form-modal .flyer-upload-overlay:before{content:"click to change image";position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;background:rgba(0,0,0,.6);padding:.25rem .75rem;border-radius:4px;white-space:nowrap}.event-form-modal .flyer-upload-container:hover .flyer-upload-overlay{opacity:1}.event-form-modal .image-remove-btn{width:32px;height:32px;border-radius:4px;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.event-form-modal .image-remove-btn:hover{transform:scale(1.1)}.event-form-modal .modal-content{flex:0 0 30vw;max-width:30vw;background:var(--color-surface-primary);position:relative}.event-form-modal .modal-text-content{height:100%;display:flex;flex-direction:column;padding:2rem 1.5rem 1.5rem;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;word-break:break-word}.event-form-modal .modal-header{margin-bottom:.5rem}.event-form-modal .modal-title{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin:0;color:var(--color-text-primary);line-height:1.2;letter-spacing:-.02em;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;width:100%;background:transparent;border:1px solid var(--color-border-primary);border-radius:4px;outline:none;resize:none;padding:.5rem}.event-form-modal .modal-title::placeholder{color:var(--color-text-muted);font-style:italic}.event-form-modal .modal-body{flex:1;margin-bottom:1.5rem}.event-form-modal .modal-info{margin-bottom:.25rem;color:var(--color-text-primary);line-height:1.3;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.event-form-modal .form-input{width:100%;background:transparent;border:1px solid var(--color-border-primary);border-radius:4px;outline:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-text-primary);padding:.5rem;margin:0}.event-form-modal .form-input::placeholder{color:var(--color-text-muted);font-style:italic}.event-form-modal .date-time-inputs{display:flex;flex-direction:column;gap:.25rem}.event-form-modal .time-inputs-row{display:flex;align-items:center;gap:.5rem}.event-form-modal .time-separator{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-base)}.event-form-modal .time-select{flex:1;min-width:60px;border:1px solid var(--color-border-primary);border-radius:4px;background:transparent;padding:.5rem}.event-form-modal input[type=date],.event-form-modal input[type=time]{background:transparent;border:1px solid var(--color-border-primary);border-radius:4px;outline:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-text-primary);padding:.5rem}.event-form-modal .price-section{margin-bottom:1rem}.event-form-modal .price-inputs-row{display:flex;gap:.5rem;align-items:center}.event-form-modal .price-inputs-row .form-input{flex:1;min-width:0}.event-form-modal .payment-inputs{margin-bottom:1rem}.event-form-modal .payment-inputs-row{display:flex;gap:.5rem;align-items:center}.event-form-modal .payment-inputs-row .form-input{flex:1;min-width:0}.event-form-modal .modal-description{margin-bottom:0;line-height:1.6;color:var(--color-text-primary);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;width:100%;background:transparent;border:1px solid var(--color-border-primary);border-radius:4px;outline:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);resize:vertical;min-height:80px;padding:0}.event-form-modal .modal-description::placeholder{color:var(--color-text-muted);font-style:italic}.event-form-modal textarea#eventDescription{border:none!important;border-radius:0!important;padding:0!important;margin-bottom:0!important}.event-form-modal .modal-tags{margin-top:1rem}.event-form-modal .tags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.event-form-modal .modal-tag{display:inline-flex;align-items:center;background:var(--color-surface-secondary, #f5f5f5);border:1px solid var(--color-border-primary);border-radius:12px;padding:.25rem .75rem;font-size:var(--font-size-sm);color:var(--color-text-primary);gap:.25rem}.event-form-modal .modal-tag-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:12px;line-height:1;padding:2px;border-radius:2px;transition:color .2s ease}.event-form-modal .modal-tag-remove:before{content:"×";font-weight:700}.event-form-modal .modal-tag-remove:hover{color:var(--color-text-primary);background:rgba(0,0,0,.1)}.event-form-modal .qr-upload-label{transition:transform .2s ease,background .2s ease;padding:.25rem .5rem;border-radius:4px}.event-form-modal .qr-upload-label:hover{transform:scale(1.02);background:var(--color-surface-secondary, #f5f5f5)}.event-form-modal .presale-limits{margin-bottom:1rem}.event-form-modal .presale-limits-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:.25rem;font-weight:var(--font-weight-medium)}.event-form-modal .presale-limits-row{display:flex;align-items:center;gap:.5rem}.event-form-modal .presale-limit-input{flex:1;min-width:60px;text-align:center}.event-form-modal .presale-separator{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-base)}.event-form-modal .presale-total{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-base);min-width:50px}.event-form-modal .modal-separator{width:100%;height:1px;background-color:var(--color-border-primary);margin:1rem 0 .5rem}.event-form-modal .modal-actions{display:flex;gap:3rem;flex-wrap:wrap;margin-top:auto;padding:0 .4rem}.event-form-modal .btn-cancel{flex:1;min-width:80px;max-width:150px;padding:6px;margin:0;border:1px solid var(--color-border-primary);background:var(--color-surface-primary);color:var(--color-text-primary);border-radius:4px;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.event-form-modal .btn-save{flex:1;min-width:80px;max-width:150px;padding:0;margin:0;border:1px solid var(--color-border-primary);background:var(--color-surface-primary);color:var(--color-text-primary);border-radius:4px;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:transform .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.event-form-modal .btn-cancel:hover,.event-form-modal .btn-save:hover{transform:scale(1.05)}.event-form-modal .btn-save:disabled{opacity:.5;cursor:not-allowed}.event-form-modal .btn-save:disabled:hover{transform:none}@media (orientation: portrait){.event-form-modal .modal-container{flex-direction:column;width:auto;max-width:90vw;overflow-y:auto}.event-form-modal #modalFormContent{flex-direction:column}.event-form-modal .modal-image-container{order:1;flex:0 0 auto;padding:0;width:100%;max-height:60vh}.event-form-modal .flyer-upload-container{max-height:60vh;min-height:300px}.event-form-modal .modal-flyer{width:100%;height:auto;max-height:60vh;object-fit:contain}.event-form-modal .modal-content{order:2;flex:0 0 auto;max-width:100%;padding:1rem 1.5rem}.event-form-modal .modal-text-content{padding:0;display:flex;flex-direction:column}.event-form-modal .modal-header{margin-bottom:1rem}.event-form-modal .date-time-inputs{display:flex;flex-direction:row;align-items:center;gap:.5rem}.event-form-modal .date-time-inputs input[type=date]{flex:1}.event-form-modal .time-inputs-row{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.event-form-modal .modal-actions{display:flex;flex-direction:row;gap:1rem}.event-form-modal .modal-body,.event-form-modal .modal-separator{display:flex;flex-direction:column}}@media (max-width: 768px){.event-form-modal .modal-container{flex-direction:column;width:auto;max-width:90vw;overflow-y:auto}.event-form-modal #modalFormContent{flex-direction:column}.event-form-modal .modal-image-container{order:1;flex:0 0 auto;padding:0;width:100%;max-height:60vh}.event-form-modal .flyer-upload-container{max-height:60vh;min-height:300px}.event-form-modal .modal-flyer{width:100%;height:auto;max-height:60vh;object-fit:contain}.event-form-modal .modal-content{order:2;flex:0 0 auto;max-width:100%;padding:1rem 1.5rem}.event-form-modal .modal-text-content{padding:0;display:flex;flex-direction:column}.event-form-modal .modal-header{margin-bottom:1rem}.event-form-modal .modal-body,.event-form-modal .modal-separator,.event-form-modal .modal-actions{display:flex;flex-direction:column}}@media (max-width: 640px){.event-form-modal .modal-container{width:95vw;max-width:95vw;overflow-y:auto;border-radius:0}.event-form-modal .modal-image-container{order:1;flex:0 0 auto;padding:0;margin:0;width:100%;max-height:50vh}.event-form-modal .flyer-upload-container{max-height:50vh;min-height:250px}.event-form-modal .modal-flyer{width:100%;height:auto;max-height:50vh;object-fit:cover;border-radius:0}.event-form-modal .modal-content{order:2;flex:0 0 auto;max-width:100%;padding:1rem .75rem}.event-form-modal .modal-text-content{padding:0}.event-form-modal .modal-header{margin-bottom:.75rem}.event-form-modal .modal-title{font-size:var(--font-size-lg);line-height:1.3}.event-form-modal .modal-info{margin-bottom:.5rem;font-size:var(--font-size-sm)}.event-form-modal .modal-actions{flex-direction:column;gap:.75rem}.event-form-modal .modal-actions button{width:100%;padding:.75rem;font-size:var(--font-size-sm)}}.footer{background:var(--color-surface-primary);color:var(--color-text-primary);padding:var(--space-2) 0 var(--space-2) 0;height:5vh;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);display:flex;transition:var(--transition-theme)}.footer__content{width:100%;margin-left:var(--layout-margin-left);margin-right:var(--layout-margin-right);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.footer__left{display:flex;align-items:center}.footer__right{display:flex;align-items:center;gap:var(--space-8)}.footer__location{position:absolute;left:50vw;transform:translate(-50%);text-align:center;display:flex;align-items:baseline;justify-content:center;transition:var(--transition-normal)}.footer__location:hover{transform:translate(-50%)}.footer__address{margin:0;padding:0;font-size:14pt;font-family:var(--font-family-primary);text-transform:lowercase;transition:var(--transition-normal);cursor:pointer}.footer__address:hover{transform:var(--transform-scale-sm)}.footer__social-links{display:flex;align-items:center;gap:var(--space-4)}.footer__social-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:inherit;transition:var(--transition-interactive);padding:var(--space-1);border-radius:var(--radius-sm)}.footer__social-icon{width:28px;height:28px;fill:currentColor;transition:var(--transition-interactive)}.footer__social-link:hover{transform:var(--transform-scale-sm)}.footer__social-link:hover .footer__social-icon{transform:var(--transform-scale-sm);fill:currentColor!important;color:inherit!important}.footer__theme-toggle{margin:0;display:flex!important;align-items:center;gap:var(--space-2)}@media (max-width: 768px){.footer{height:4vh;padding:var(--space-1) var(--space-4) var(--space-1) 0}.footer__content{flex-direction:row;gap:0;text-align:left;margin-right:var(--space-4)}.footer__address{font-size:12pt}.footer__social-icon{width:24px;height:24px}.footer__location{left:50vw}.footer__social-links{gap:var(--space-3)}}@media (max-width: 480px){.footer{height:6vh;padding:var(--space-1) var(--space-2) var(--space-1) 0}.footer__content{flex-direction:row;gap:0;text-align:left;margin-right:var(--space-2)}.footer__address{font-size:10pt;display:none}.footer__social-icon{width:20px;height:20px}.footer__social-links{gap:.7rem}.footer__address-link{display:flex;align-items:center;justify-content:center;text-decoration:none;width:20px;height:20px}.footer__address-link:before{content:"";width:18px;height:18px;display:block;cursor:pointer;transition:var(--transition-normal);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11a3 3 0 11-6 0 3 3 0 016 0z'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;filter:invert(var(--icon-invert))}.footer__address-link:hover{transform:var(--transform-scale-sm)}.footer__address-link:hover:before{transform:var(--transform-scale-sm)}}@media (prefers-reduced-motion: reduce){.footer__address,.footer__social-link,.footer__social-icon,.footer__location,.footer__address-link:before{transition:none}.footer__address:hover,.footer__social-link:hover,.footer__social-link:hover .footer__social-icon,.footer__address-link:hover,.footer__address-link:hover:before{transform:none}}body.light-theme .footer__address-link:before{filter:invert(0)}body:not(.light-theme) .footer__address-link:before{filter:invert(1)}.footer__theme-toggle{margin:0;display:flex!important;align-items:center;gap:var(--space-2);z-index:var(--z-elevated)}.theme-toggle-btn{width:46px;height:22px;background:var(--color-surface-primary)!important;border:1px solid var(--color-border-primary)!important;padding:0;cursor:pointer;border-radius:50px;position:relative;transition:var(--transition-normal);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.theme-toggle-btn:hover{opacity:.8!important;transform:var(--transform-scale-sm);box-shadow:var(--shadow-hover)}.toggle-track{width:100%;height:100%;background:transparent;border:none;border-radius:50px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 2px}.toggle-thumb{width:18px;height:18px;background:var(--color-text-primary);border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%);transition:var(--transition-normal);z-index:var(--z-base)}.toggle-thumb:after{content:"";position:absolute;width:22px;height:20px;background:var(--color-surface-primary);border-radius:50%;top:-2px;right:-13px;transition:var(--transition-normal)}.sun-icon,.moon-icon{display:none;font-size:var(--font-size-xs);color:var(--color-text-muted)}body.light-theme .theme-toggle-btn{background:var(--color-black)!important}body.light-theme .toggle-thumb{transform:translateY(-50%) translate(24px)!important;background:var(--color-white)!important}body.light-theme .toggle-thumb:after{opacity:0!important}@media (max-width: 768px){.footer__theme-toggle{margin-left:var(--space-8);display:flex!important;align-items:center;visibility:visible!important}.theme-toggle-btn{width:42px;height:20px}.toggle-thumb{width:16px;height:16px}body.light-theme .toggle-thumb{transform:translateY(-50%) translate(22px)!important}}@media (max-width: 480px){.footer__theme-toggle{margin-left:var(--space-6);display:flex!important;align-items:center;visibility:visible!important}.theme-toggle-btn{width:36px;height:18px}.toggle-thumb{width:14px;height:14px;top:2px;left:2px;transform:translateY(0)}.toggle-thumb:after{width:18px;height:18px;top:-2px;right:-12px}body.light-theme .toggle-thumb{transform:translate(18px)!important}}@media (prefers-reduced-motion: reduce){.theme-toggle-btn,.toggle-thumb,.toggle-thumb:after{transition:none}.theme-toggle-btn:hover{transform:none}}.theme-toggle-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}@media (prefers-contrast: high){.theme-toggle-btn{border-width:2px!important}.toggle-thumb{border:1px solid var(--color-border-primary)}}.theme-toggle{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-modal);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);width:var(--size-lg);height:var(--size-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-interactive);font-size:var(--font-size-lg)}.theme-toggle:hover{transform:var(--transform-scale-sm);box-shadow:var(--shadow-hover)}.admin-login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--color-surface-primary)}.admin-login-card{background:var(--color-surface-secondary);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-muted)}.admin-login-header{text-align:center;margin-bottom:var(--space-8)}.admin-login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.admin-login-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:0}.admin-login-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.form-input{padding:var(--space-3) var(--space-4);border:2px solid var(--color-border-muted);border-radius:var(--radius-base);background:var(--color-surface-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-text-primary);background:var(--color-surface-primary)}.form-input:invalid{border-color:var(--color-error)}.admin-login-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);text-align:center;display:flex;align-items:center;justify-content:center;min-height:48px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-text-primary);color:var(--color-surface-primary);border:2px solid var(--color-text-primary)}.btn-primary:hover:not(:disabled){background:var(--color-text-secondary);border-color:var(--color-text-secondary);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:2px solid var(--color-border-muted)}.btn-secondary:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-primary);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.admin-login-error{background:var(--color-error-surface);border:1px solid var(--color-error);border-radius:var(--radius-base);padding:var(--space-3);color:var(--color-error);font-size:var(--font-size-sm);text-align:center;margin-top:var(--space-2)}.login-loading{display:inline-flex;align-items:center;gap:var(--space-2)}.login-loading:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.admin-login-container{padding:var(--space-4)}.admin-login-card{padding:var(--space-6)}.admin-login-title{font-size:var(--font-size-2xl)}}.light-theme .admin-login-card{background:var(--color-surface-secondary);border-color:var(--color-border-secondary);box-shadow:var(--shadow-md)}.app-navigation{position:fixed;top:20px;right:20px;z-index:1000;display:flex;gap:10px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.app-navigation.hidden{display:none}.nav-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:8px 12px;font-size:14px;color:var(--color-text);cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-btn:hover{background:var(--color-primary);color:var(--color-primary-text);transform:translateY(-1px)}.nav-btn:active{transform:translateY(0)}[data-theme=dark] .app-navigation{background:var(--color-background);border-color:var(--color-border);box-shadow:0 2px 8px rgba(0,0,0,.3)}@media (max-width: 768px){.app-navigation{top:10px;right:10px;flex-direction:column;min-width:120px}.nav-btn{font-size:12px;padding:6px 10px}}.m-0{margin:var(--space-0)!important}.m-1{margin:var(--space-1)!important}.m-2{margin:var(--space-2)!important}.m-3{margin:var(--space-3)!important}.m-4{margin:var(--space-4)!important}.m-5{margin:var(--space-5)!important}.m-6{margin:var(--space-6)!important}.m-8{margin:var(--space-8)!important}.m-10{margin:var(--space-10)!important}.m-12{margin:var(--space-12)!important}.m-xs{margin:var(--space-xs)!important}.m-sm{margin:var(--space-sm)!important}.m-md{margin:var(--space-md)!important}.m-lg{margin:var(--space-lg)!important}.m-xl{margin:var(--space-xl)!important}.mt-0{margin-top:var(--space-0)!important}.mt-1{margin-top:var(--space-1)!important}.mt-2{margin-top:var(--space-2)!important}.mt-3{margin-top:var(--space-3)!important}.mt-4{margin-top:var(--space-4)!important}.mt-5{margin-top:var(--space-5)!important}.mt-6{margin-top:var(--space-6)!important}.mt-8{margin-top:var(--space-8)!important}.mt-10{margin-top:var(--space-10)!important}.mt-12{margin-top:var(--space-12)!important}.mb-0{margin-bottom:var(--space-0)!important}.mb-1{margin-bottom:var(--space-1)!important}.mb-2{margin-bottom:var(--space-2)!important}.mb-3{margin-bottom:var(--space-3)!important}.mb-4{margin-bottom:var(--space-4)!important}.mb-5{margin-bottom:var(--space-5)!important}.mb-6{margin-bottom:var(--space-6)!important}.mb-8{margin-bottom:var(--space-8)!important}.mb-10{margin-bottom:var(--space-10)!important}.mb-12{margin-bottom:var(--space-12)!important}.ml-0{margin-left:var(--space-0)!important}.ml-1{margin-left:var(--space-1)!important}.ml-2{margin-left:var(--space-2)!important}.ml-3{margin-left:var(--space-3)!important}.ml-4{margin-left:var(--space-4)!important}.ml-5{margin-left:var(--space-5)!important}.ml-6{margin-left:var(--space-6)!important}.ml-8{margin-left:var(--space-8)!important}.ml-10{margin-left:var(--space-10)!important}.ml-12{margin-left:var(--space-12)!important}.mr-0{margin-right:var(--space-0)!important}.mr-1{margin-right:var(--space-1)!important}.mr-2{margin-right:var(--space-2)!important}.mr-3{margin-right:var(--space-3)!important}.mr-4{margin-right:var(--space-4)!important}.mr-5{margin-right:var(--space-5)!important}.mr-6{margin-right:var(--space-6)!important}.mr-8{margin-right:var(--space-8)!important}.mr-10{margin-right:var(--space-10)!important}.mr-12{margin-right:var(--space-12)!important}.mx-0{margin-left:var(--space-0)!important;margin-right:var(--space-0)!important}.mx-1{margin-left:var(--space-1)!important;margin-right:var(--space-1)!important}.mx-2{margin-left:var(--space-2)!important;margin-right:var(--space-2)!important}.mx-3{margin-left:var(--space-3)!important;margin-right:var(--space-3)!important}.mx-4{margin-left:var(--space-4)!important;margin-right:var(--space-4)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:var(--space-0)!important;margin-bottom:var(--space-0)!important}.my-1{margin-top:var(--space-1)!important;margin-bottom:var(--space-1)!important}.my-2{margin-top:var(--space-2)!important;margin-bottom:var(--space-2)!important}.my-3{margin-top:var(--space-3)!important;margin-bottom:var(--space-3)!important}.my-4{margin-top:var(--space-4)!important;margin-bottom:var(--space-4)!important}.p-0{padding:var(--space-0)!important}.p-1{padding:var(--space-1)!important}.p-2{padding:var(--space-2)!important}.p-3{padding:var(--space-3)!important}.p-4{padding:var(--space-4)!important}.p-5{padding:var(--space-5)!important}.p-6{padding:var(--space-6)!important}.p-8{padding:var(--space-8)!important}.p-10{padding:var(--space-10)!important}.p-12{padding:var(--space-12)!important}.pt-0{padding-top:var(--space-0)!important}.pt-1{padding-top:var(--space-1)!important}.pt-2{padding-top:var(--space-2)!important}.pt-3{padding-top:var(--space-3)!important}.pt-4{padding-top:var(--space-4)!important}.pt-5{padding-top:var(--space-5)!important}.pt-6{padding-top:var(--space-6)!important}.pt-8{padding-top:var(--space-8)!important}.pt-10{padding-top:var(--space-10)!important}.pt-12{padding-top:var(--space-12)!important}.pb-0{padding-bottom:var(--space-0)!important}.pb-1{padding-bottom:var(--space-1)!important}.pb-2{padding-bottom:var(--space-2)!important}.pb-3{padding-bottom:var(--space-3)!important}.pb-4{padding-bottom:var(--space-4)!important}.pb-5{padding-bottom:var(--space-5)!important}.pb-6{padding-bottom:var(--space-6)!important}.pb-8{padding-bottom:var(--space-8)!important}.pb-10{padding-bottom:var(--space-10)!important}.pb-12{padding-bottom:var(--space-12)!important}.pl-0{padding-left:var(--space-0)!important}.pl-1{padding-left:var(--space-1)!important}.pl-2{padding-left:var(--space-2)!important}.pl-3{padding-left:var(--space-3)!important}.pl-4{padding-left:var(--space-4)!important}.pl-5{padding-left:var(--space-5)!important}.pl-6{padding-left:var(--space-6)!important}.pl-8{padding-left:var(--space-8)!important}.pl-10{padding-left:var(--space-10)!important}.pl-12{padding-left:var(--space-12)!important}.pr-0{padding-right:var(--space-0)!important}.pr-1{padding-right:var(--space-1)!important}.pr-2{padding-right:var(--space-2)!important}.pr-3{padding-right:var(--space-3)!important}.pr-4{padding-right:var(--space-4)!important}.pr-5{padding-right:var(--space-5)!important}.pr-6{padding-right:var(--space-6)!important}.pr-8{padding-right:var(--space-8)!important}.pr-10{padding-right:var(--space-10)!important}.pr-12{padding-right:var(--space-12)!important}.px-0{padding-left:var(--space-0)!important;padding-right:var(--space-0)!important}.px-1{padding-left:var(--space-1)!important;padding-right:var(--space-1)!important}.px-2{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.px-4{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.px-5{padding-left:var(--space-5)!important;padding-right:var(--space-5)!important}.px-6{padding-left:var(--space-6)!important;padding-right:var(--space-6)!important}.py-0{padding-top:var(--space-0)!important;padding-bottom:var(--space-0)!important}.py-1{padding-top:var(--space-1)!important;padding-bottom:var(--space-1)!important}.py-2{padding-top:var(--space-2)!important;padding-bottom:var(--space-2)!important}.py-3{padding-top:var(--space-3)!important;padding-bottom:var(--space-3)!important}.py-4{padding-top:var(--space-4)!important;padding-bottom:var(--space-4)!important}.py-5{padding-top:var(--space-5)!important;padding-bottom:var(--space-5)!important}.py-6{padding-top:var(--space-6)!important;padding-bottom:var(--space-6)!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.inline-grid{display:inline-grid!important}.hidden{display:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-initial{flex:0 1 auto!important}.flex-none{flex:none!important}.flex-grow{flex-grow:1!important}.flex-grow-0{flex-grow:0!important}.flex-shrink{flex-shrink:1!important}.flex-shrink-0{flex-shrink:0!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.items-stretch{align-items:stretch!important}.content-center{align-content:center!important}.content-start{align-content:flex-start!important}.content-end{align-content:flex-end!important}.content-between{align-content:space-between!important}.content-around{align-content:space-around!important}.content-evenly{align-content:space-evenly!important}.self-auto{align-self:auto!important}.self-start{align-self:flex-start!important}.self-end{align-self:flex-end!important}.self-center{align-self:center!important}.self-stretch{align-self:stretch!important}.self-baseline{align-self:baseline!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.col-auto{grid-column:auto!important}.col-span-1{grid-column:span 1 / span 1!important}.col-span-2{grid-column:span 2 / span 2!important}.col-span-3{grid-column:span 3 / span 3!important}.col-span-4{grid-column:span 4 / span 4!important}.col-span-5{grid-column:span 5 / span 5!important}.col-span-6{grid-column:span 6 / span 6!important}.col-span-full{grid-column:1 / -1!important}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))!important}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))!important}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))!important}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))!important}.gap-0{gap:var(--space-0)!important}.gap-1{gap:var(--space-1)!important}.gap-2{gap:var(--space-2)!important}.gap-3{gap:var(--space-3)!important}.gap-4{gap:var(--space-4)!important}.gap-5{gap:var(--space-5)!important}.gap-6{gap:var(--space-6)!important}.gap-8{gap:var(--space-8)!important}.gap-x-0{column-gap:var(--space-0)!important}.gap-x-1{column-gap:var(--space-1)!important}.gap-x-2{column-gap:var(--space-2)!important}.gap-x-3{column-gap:var(--space-3)!important}.gap-x-4{column-gap:var(--space-4)!important}.gap-y-0{row-gap:var(--space-0)!important}.gap-y-1{row-gap:var(--space-1)!important}.gap-y-2{row-gap:var(--space-2)!important}.gap-y-3{row-gap:var(--space-3)!important}.gap-y-4{row-gap:var(--space-4)!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.inset-0{top:0;right:0;bottom:0;left:0}.inset-auto{top:auto;right:auto;bottom:auto;left:auto}.top-0{top:0!important}.top-auto{top:auto!important}.right-0{right:0!important}.right-auto{right:auto!important}.bottom-0{bottom:0!important}.bottom-auto{bottom:auto!important}.left-0{left:0!important}.left-auto{left:auto!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.z-auto{z-index:auto!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-dropdown{z-index:var(--z-dropdown)!important}.z-modal{z-index:var(--z-modal)!important}.z-max{z-index:var(--z-max)!important}