@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-1\/2{top:50%}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.left-1\/2,.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-full{width:100%;height:100%}.h-\[1\.15rem\]{height:1.15rem}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.min-h-svh{min-height:100svh}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-3\/4{width:75%}.w-\[100px\]{width:100px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-max{max-width:-moz-max-content;max-width:max-content}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.touch-none{touch-action:none}.resize-none{resize:none}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-\[3px\]{padding:3px}.p-px{padding:1px}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-none{transition-property:none}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}*{box-sizing:border-box;margin:0;padding:0}:root{--ucm-primary:#009688;--ucm-primary-hover:#00796b;--ucm-secondary:#2196f3;--ucm-info:#00bcd4;--ucm-success:#4caf50;--ucm-warning:#ff9800;--ucm-error:#f44336;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--sidebar-width:250px;--header-height:60px;--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{font-family:var(--font-family);color:var(--gray-900);background-color:var(--gray-50);margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:600}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}input,textarea,select{border:1px solid var(--gray-300);border-radius:4px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--ucm-primary);outline:none}button{cursor:pointer;background-color:var(--ucm-primary);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}button:hover{background-color:var(--ucm-primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}.login-container{background-color:#f9fafb;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:420px;padding:3rem;box-shadow:0 2px 4px #0000000d}.login-box h1{text-align:center;color:#111827;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-box h2{text-align:center;color:#6b7280;margin-bottom:2rem;font-size:1rem;font-weight:400}.user-type-selector{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.user-type-selector label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input{border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-box button{background-color:#3b82f6;border-radius:8px;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600}.login-box button:hover{background-color:#2563eb}.login-box button:disabled{background-color:#9ca3af}.admin-layout,.participant-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);color:#111827;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.sidebar-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:20px}.sidebar-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.sidebar-subtitle{color:#6b7280;letter-spacing:.02em;text-transform:uppercase;margin:4px 0 0;font-size:12px;font-weight:500}.sidebar-nav{flex:1;padding:12px;overflow:hidden}.sidebar-nav a{color:#6b7280;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav a:hover{color:#111827;background-color:#f9fafb}.sidebar-nav a.active{color:#3b82f6;background-color:#eff6ff;font-weight:600}.sidebar-nav a svg{flex-shrink:0}.sidebar-footer{flex-shrink:0;padding:12px}.sidebar-footer button{color:#6b7280;cursor:pointer;background-color:#fff;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.sidebar-footer button:hover{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.sidebar-footer button svg{flex-shrink:0}.main-content{background-color:#f9fafb;flex:1;padding:0;overflow-y:auto}.main-content .page-header{display:none}.main-content h1{height:0;margin:0;font-size:0;overflow:hidden}.admin-dashboard,.participant-dashboard{max-width:100%;margin:0 auto;padding:20px}.dashboard-header{margin-bottom:20px}.dashboard-header p{color:var(--gray-600)}.dashboard-location{text-align:right;margin-top:1rem}.dashboard-location p{margin:.25rem 0;font-size:.875rem}.dashboard-location p:first-child{color:var(--ucm-primary);font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px;display:grid}.stat-card{background:#fff;border-radius:8px;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 4px #0000000d}.stat-icon{color:#3b82f6;background-color:#dbeafe;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-content h3{color:var(--gray-600);margin-bottom:.25rem;font-size:.875rem}.stat-value{color:var(--gray-900);font-size:2rem;font-weight:600}.dashboard-sections{flex-direction:column;gap:16px;display:flex}.dashboard-sections section{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000000d}.next-event-card{background:var(--ucm-primary);color:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.event-details{gap:2rem;margin-top:1rem;display:flex}.event-details p{align-items:center;gap:.5rem;display:flex}.quick-actions{margin-top:2rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.action-btn{border:1px solid var(--gray-300);color:var(--gray-700);background:#fff;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.action-btn:hover{background-color:var(--gray-50);border-color:var(--ucm-primary);color:var(--ucm-primary)}.welcome-container{max-width:800px;margin:0 auto;padding:2rem}.welcome-header{text-align:center;margin-bottom:3rem}.steps-progress{justify-content:space-between;margin-bottom:3rem;display:flex;position:relative}.steps-progress:before{content:"";background-color:var(--gray-300);z-index:-1;height:2px;position:absolute;top:20px;left:0;right:0}.step{flex-direction:column;align-items:center;gap:.5rem;display:flex}.step-indicator{background-color:var(--gray-300);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .3s;display:flex}.step.active .step-indicator{background-color:var(--ucm-primary);color:#fff}.step.completed .step-indicator{background-color:var(--ucm-success);color:#fff}.step-title{color:var(--gray-600);text-align:center;font-size:.875rem}.step-container{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000000d}.step-content h2{margin-bottom:1rem}.step-content p{color:var(--gray-600);margin-bottom:2rem}.loading{min-height:200px;color:var(--gray-600);justify-content:center;align-items:center;display:flex}.key-metrics-section{margin-bottom:2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{color:var(--gray-900);margin:0;font-size:1.5rem}.section-header p{color:var(--gray-600);margin:0;font-size:.875rem}.last-updated{color:var(--gray-500);font-size:.75rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.metric-card{border:1px solid var(--gray-200);background:#fff;border-radius:8px;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.metric-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.metric-card.loading{pointer-events:none}.metric-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.metric-icon.primary{background-color:var(--ucm-primary);color:#fff}.metric-icon.success{background-color:var(--ucm-success);color:#fff}.metric-icon.warning{background-color:var(--ucm-warning);color:#fff}.metric-icon.danger{background-color:var(--ucm-error);color:#fff}.metric-icon.info{background-color:var(--ucm-info);color:#fff}.metric-content{flex:1}.metric-label{color:var(--gray-600);margin-bottom:.25rem;font-size:.875rem}.metric-value{color:var(--gray-900);font-size:2rem;font-weight:600;line-height:1.2}.metric-total{color:var(--gray-500);font-size:1.2rem;font-weight:400}.metric-trend{align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.metric-trend.positive{color:var(--ucm-success)}.metric-trend.negative{color:var(--ucm-error)}.metric-trend.neutral{color:var(--gray-500)}.skeleton{background:linear-gradient(90deg,var(--gray-200)25%,var(--gray-100)50%,var(--gray-200)75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite loading}.metric-icon.skeleton{border-radius:8px;width:50px;height:50px}.metric-label.skeleton{width:80px;height:14px;margin-bottom:8px}.metric-value.skeleton{width:60px;height:32px}@media (min-width:769px) and (max-width:1024px){.admin-dashboard,.participant-dashboard{padding:16px}.dashboard-header h1{font-size:1.75rem}.dashboard-location{text-align:left;margin-top:.75rem}}@media (max-width:768px){.sidebar{z-index:1000;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.admin-dashboard,.participant-dashboard{padding:12px}.dashboard-header{margin-bottom:16px}.dashboard-header h1{margin-bottom:.5rem;font-size:1.5rem}.dashboard-header p{font-size:.875rem}.dashboard-location{text-align:left;margin-top:.75rem}.dashboard-location p{font-size:.8125rem}.stats-grid,.dashboard-sections,.metrics-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}[data-sonner-toast]{border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}[data-sonner-toast][data-type=success]{color:#166534!important;background:#f0fdf4!important;border-color:#4ade80!important}[data-sonner-toast][data-type=success] [data-icon]{color:#16a34a!important}[data-sonner-toast][data-type=error]{color:#991b1b!important;background:#fef2f2!important;border-color:#f87171!important}[data-sonner-toast][data-type=error] [data-icon]{color:#dc2626!important}[data-sonner-toast][data-type=warning]{color:#92400e!important;background:#fffbeb!important;border-color:#fbbf24!important}[data-sonner-toast][data-type=warning] [data-icon]{color:#f59e0b!important}[data-sonner-toast][data-type=info]{color:#1e40af!important;background:#eff6ff!important;border-color:#60a5fa!important}[data-sonner-toast][data-type=info] [data-icon]{color:#3b82f6!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */:root{--font-size:14px;--background:#f8f9fa;--foreground:#1f2937;--card:#fff;--card-foreground:#1f2937;--popover:#fff;--popover-foreground:#1f2937;--primary:#0f2027;--primary-foreground:#fff;--secondary:#f3f4f6;--secondary-foreground:#1f2937;--muted:#f3f4f6;--muted-foreground:#6b7280;--accent:#e5e7eb;--accent-foreground:#1f2937;--destructive:#ef4444;--destructive-foreground:#fff;--border:#e5e7eb;--input:#e5e7eb;--input-background:#fff;--switch-background:#cbced4;--ring:#0f2027;--chart-1:#0f2027;--chart-2:#22c55e;--chart-3:#3b82f6;--chart-4:#f59e0b;--chart-5:#ef4444;--radius:.75rem;--ucm-primary-teal:#0f2027;--ucm-primary-teal-hover:#1e3a3a;--ucm-success-green:#22c55e;--ucm-light-green:#bbf7d0;--ucm-dark-green:#15803d;--ucm-error-red:#ef4444;--ucm-warning-orange:#f59e0b;--ucm-light-orange:#fed7aa;--ucm-dark-orange:#ea580c;--ucm-warning-yellow:#fbbf24;--ucm-light-yellow:#fef3c7;--ucm-dark-yellow:#d97706;--ucm-info-blue:#3b82f6;--ucm-light-blue:#bfdbfe;--ucm-dark-blue:#1e40af;--ucm-bg-gray:#f8f9fa;--ucm-text-dark:#1f2937;--ucm-text-medium:#6b7280;--ucm-text-light:#9ca3af;--ucm-border-light:#e5e7eb;--ucm-border-medium:#d1d5db;--ucm-disabled-gray:#f3f4f6;--ucm-blue-link:#3b82f6;--ucm-blue-link-hover:#2563eb;--ucm-booked-purple:#7c3aed;--ucm-booked-purple-dark:#5b21b6;--ucm-light-gray:#f9fafb;--ucm-accent-red:#ef4444;--ucm-light-red:#fee2e2;--ucm-dark-red:#dc2626;--ucm-neutral-gray:#9ca3af;--ucm-neutral-gray-light:#f3f4f6;--ucm-neutral-gray-dark:#6b7280}.dark{--background:#1f2937;--foreground:#fff;--card:#1f2937;--card-foreground:#fff;--popover:#1f2937;--popover-foreground:#fff;--primary:#0f2027;--primary-foreground:#fff;--secondary:#374151;--secondary-foreground:#fff;--muted:#374151;--muted-foreground:#9ca3af;--accent:#374151;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--border:#374151;--input:#374151;--ring:#0f2027}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--ucm-bg-gray);color:var(--ucm-text-dark);font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{color:var(--ucm-text-dark);margin-bottom:32px;font-family:Figtree,sans-serif;font-size:28px;font-weight:700;line-height:1.2}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{color:var(--ucm-text-dark);font-family:Figtree,sans-serif;font-size:20px;font-weight:600;line-height:1.3}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{color:var(--ucm-text-dark);font-family:Figtree,sans-serif;font-size:16px;font-weight:600;line-height:1.4}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{color:var(--ucm-text-medium);text-align:center;font-family:Figtree,sans-serif;font-size:16px;font-weight:400;line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label{color:var(--ucm-text-medium);margin-bottom:8px;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;line-height:1.4;display:block}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-family:Figtree,sans-serif;font-size:16px;font-weight:600;line-height:1.4}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-family:Figtree,sans-serif;font-size:16px;font-weight:400;line-height:1.4}}@media (max-width:768px){:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:24px}}@layer components{.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dialog-card{background:#fff;border-radius:20px;width:320px;max-width:90vw;padding:32px;box-shadow:0 20px 40px #00000026}@media (min-width:768px){.dialog-card{width:400px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.dialog-overlay-enter{animation:.2s forwards fadeIn}.dialog-overlay-exit{animation:.2s forwards fadeOut}.dialog-card-enter{animation:.2s forwards scaleIn}.dialog-card-exit{animation:.2s forwards scaleOut}.terms-link{color:var(--ucm-blue-link);cursor:pointer;font-family:Figtree,sans-serif;font-weight:400;text-decoration:none;transition:color .2s}.terms-link:hover{color:var(--ucm-blue-link-hover);text-decoration:underline}.terms-link:focus{color:var(--ucm-blue-link-hover);outline:2px solid var(--ucm-blue-link);outline-offset:2px;border-radius:2px}.terms-link:active{color:var(--ucm-blue-link-hover)}.event-status-container{justify-content:center;margin-top:16px;display:flex}.status-badge{text-align:center;border:1px solid;border-radius:20px;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.status-contract-missing{color:var(--ucm-error-red);border-color:var(--ucm-error-red);background:#ef44441a}.status-checkin-ready{color:var(--ucm-dark-orange);background:var(--ucm-light-orange);border-color:var(--ucm-warning-orange)}.status-ready-work{color:var(--ucm-dark-blue);background:var(--ucm-light-blue);border-color:var(--ucm-info-blue)}.status-approved{color:var(--ucm-dark-green);background:var(--ucm-light-green);border-color:var(--ucm-success-green)}.status-payrolled{color:var(--ucm-booked-purple-dark);border-color:var(--ucm-booked-purple);background:#7c3aed1a}.status-unavailable{color:var(--ucm-text-medium);background:var(--ucm-disabled-gray);border-color:var(--ucm-border-medium)}.intro-screen-container{background:var(--ucm-bg-gray);flex-direction:column;min-height:calc(100vh - 120px);padding:24px 16px;display:flex}.intro-header{text-align:center;margin-bottom:32px}.intro-icon{background:var(--ucm-primary-teal);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex}.intro-content{background:#fff;border-radius:16px;flex:1;margin-bottom:24px;padding:24px;box-shadow:0 4px 16px #00000014}.intro-reasons{margin-bottom:24px}.reason-item{background:var(--ucm-bg-gray);border-radius:12px;align-items:flex-start;margin-bottom:20px;padding:16px;display:flex}.reason-item:last-child{margin-bottom:0}.reason-icon{background:var(--ucm-primary-teal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:16px;display:flex}.reason-text{flex:1}.trust-message{background:var(--ucm-light-blue);border:1px solid var(--ucm-info-blue);border-radius:12px;padding:16px}.intro-actions{padding:0 24px}.terms-conditions-section{background:var(--ucm-light-blue);border:1px solid var(--ucm-info-blue);border-radius:12px;margin:24px 0;padding:20px}.terms-conditions-section h3{color:var(--ucm-dark-blue);margin:0 0 16px;font-size:16px;font-weight:600}.terms-content p{color:var(--ucm-dark-blue);text-align:left;margin:0 0 12px;font-size:14px;line-height:1.5}.terms-list{margin:12px 0 16px;padding:0}.terms-list li{color:var(--ucm-dark-blue);margin-bottom:8px;font-size:14px;line-height:1.4}.terms-content p:last-child{margin-bottom:0;font-weight:600}.notification-alert-badge{margin-left:8px;position:relative}.alert-count{background:var(--ucm-error-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.notification-alert-badge.no-alerts{display:none}.notification-container{background:var(--ucm-bg-gray);min-height:100vh;padding-bottom:100px}.notification-header{border-bottom:1px solid var(--ucm-border-light);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.notification-header h2{text-align:center;color:var(--ucm-text-dark);flex:1;margin:0;font-size:18px;font-weight:600}.mark-all-read{color:var(--ucm-blue-link);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500}.notification-list{padding:16px}.notification-item{border:1px solid var(--ucm-border-light);background:#fff;border-radius:12px;align-items:flex-start;margin-bottom:12px;padding:16px;transition:all .2s;display:flex;position:relative}.notification-item.unread{border-left:4px solid var(--ucm-info-blue);background:#3b82f605}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:18px;display:flex}.notification-icon.system{background:var(--ucm-light-orange)}.notification-icon.event{background:var(--ucm-light-blue)}.notification-icon.payment{background:var(--ucm-light-green)}.notification-icon.welcome{background:var(--ucm-light-yellow)}.notification-content{flex:1}.notification-header-info{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.notification-header-info h4{color:var(--ucm-text-dark);flex:1;margin:0;font-size:16px;font-weight:600}.notification-time{color:var(--ucm-text-light);margin-left:12px;font-size:12px}.notification-content p{color:var(--ucm-text-medium);margin:0 0 12px;font-size:14px;line-height:1.4}.notification-actions{margin-top:12px}.notification-cta{background:var(--ucm-primary-teal);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500}.notification-cta.secondary{background:var(--ucm-border-medium);color:var(--ucm-text-dark)}.unread-indicator{background:var(--ucm-info-blue);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;right:16px}.profile-completion-card{border-left:4px solid var(--ucm-primary-teal);background:#0f202705}.profile-progress{margin-top:12px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-text{color:var(--ucm-text-medium);font-size:12px;font-weight:500}.progress-percentage{color:var(--ucm-primary-teal);font-size:12px;font-weight:600}.progress-bar{background:var(--ucm-border-light);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--ucm-primary-teal);height:100%;transition:width .3s}.onboarding-welcome-container{background:var(--ucm-bg-gray);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.welcome-content{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:40px 32px;box-shadow:0 4px 16px #00000014}.welcome-icon{margin-bottom:24px;font-size:64px}.onboarding-steps-preview{text-align:left;margin:32px 0}.steps-list{space-y:12px;margin-top:16px}.step-preview{align-items:center;padding:12px 0;display:flex}.step-number{background:var(--ucm-primary-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:16px;font-size:14px;font-weight:600;display:flex}.step-name{color:var(--ucm-text-dark);font-size:14px;font-weight:500}.welcome-actions{flex-direction:column;gap:12px;margin-top:32px;display:flex}.primary-button{background:var(--ucm-primary-teal);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:16px 32px;font-size:16px;font-weight:600;transition:background-color .2s}.primary-button:hover{background:var(--ucm-primary-teal-hover)}.secondary-button{background:var(--ucm-disabled-gray);color:var(--ucm-text-dark);cursor:pointer;border:none;border-radius:50px;padding:16px 32px;font-size:16px;font-weight:600;transition:background-color .2s}.secondary-button:hover{background:var(--ucm-border-medium)}.onboarding-step-container{background:var(--ucm-bg-gray);flex-direction:column;min-height:100vh;display:flex}.onboarding-header{border-bottom:1px solid var(--ucm-border-light);background:#fff;padding:20px 24px}.step-indicator{color:var(--ucm-text-medium);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.onboarding-content{flex:1;padding:24px}.onboarding-actions{border-top:1px solid var(--ucm-border-light);background:#fff;gap:12px;padding:20px 24px;display:flex}.profile-completion-container{background:var(--ucm-bg-gray);min-height:100vh}.profile-progress-summary{background:#fff;border-radius:16px;margin:0 16px 24px;padding:24px;box-shadow:0 4px 16px #00000014}.profile-tasks-list{padding:0 16px}.profile-task-item{border:1px solid var(--ucm-border-light);cursor:pointer;background:#fff;border-radius:16px;align-items:flex-start;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.profile-task-item:hover{box-shadow:0 6px 20px #0000001f}.profile-task-item.completed{border-left:4px solid var(--ucm-success-green);background:#22c55e05}.task-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:16px;display:flex}.task-details{flex:1}.task-details h4{color:var(--ucm-text-dark);margin:0 0 8px;font-size:16px;font-weight:600}.task-details p{color:var(--ucm-text-medium);text-align:left;margin:0 0 8px;font-size:14px;line-height:1.4}.task-status-text{margin:0}.task-status-text.pending{color:var(--ucm-warning-orange)}.task-arrow{color:var(--ucm-text-light);margin-left:12px}.adjust-settings-button{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;width:100%;min-height:80px;padding:0;transition:all .2s;display:flex;position:relative;overflow:hidden}.adjust-settings-button:hover{background:var(--ucm-light-gray);border-color:var(--ucm-primary-teal);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.adjust-settings-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.button-content{flex:1;align-items:center;gap:16px;padding:24px 20px;display:flex}.button-icon{background:var(--ucm-light-blue);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-gear-icon{color:var(--ucm-primary-teal);width:24px;height:24px}.button-text{flex-direction:column;flex:1;align-items:flex-start;display:flex}.button-title{color:var(--foreground);font-family:Figtree,sans-serif;font-size:18px;font-weight:600;line-height:1.2}.button-arrow{flex-shrink:0;justify-content:center;align-items:center;display:flex}.arrow-right{color:var(--muted-foreground);width:20px;height:20px;transition:transform .2s}.adjust-settings-button:hover .arrow-right{color:var(--ucm-primary-teal);transform:translate(4px)}.button-progress-bar{background:var(--ucm-neutral-gray-light);border-radius:0 0 12px 12px;height:3px;position:absolute;bottom:0;left:0;right:0}.button-notification-badge{background:var(--ucm-error-red);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.notification-count{line-height:1}@media (max-width:767px){.adjust-settings-button{min-height:72px}.button-content{gap:12px;padding:20px 16px}.button-icon{width:36px;height:36px}.settings-gear-icon{width:20px;height:20px}.button-title{font-size:16px}.arrow-right{width:18px;height:18px}}@media (min-width:768px){.adjust-settings-button{max-width:600px;min-height:88px;margin:0 auto}.button-content{gap:20px;padding:28px 24px}.button-icon{width:44px;height:44px}.settings-gear-icon{width:28px;height:28px}.button-title{font-size:20px}}.calendar-section{width:100%}.section-title{color:var(--ucm-text-dark);margin-bottom:20px;font-family:Figtree,sans-serif;font-size:20px;font-weight:600}.month-navigation{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px;display:flex}.nav-arrow{color:var(--ucm-text-dark);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.nav-arrow:hover{background:var(--ucm-light-gray);color:var(--ucm-primary-teal)}.month-title{color:var(--ucm-text-dark);margin:0;font-family:Figtree,sans-serif;font-size:18px;font-weight:600}.calendar-grid{width:100%}.day-headers{margin-bottom:16px}.day-header{color:var(--ucm-text-medium);text-align:center;padding:8px 0;font-family:Figtree,sans-serif;font-size:14px;font-weight:600}.date-grid{gap:12px}.date-slot{border:1px solid var(--ucm-border-light)!important;cursor:pointer!important;text-align:center!important;visibility:visible!important;opacity:1!important;background:#fff!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:100%!important;min-height:86px!important;padding:16px!important;transition:all .2s!important;display:flex!important;position:relative!important}.date-number{color:var(--ucm-text-dark)!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important;font-family:Figtree,sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important;display:block!important}.availability{color:var(--ucm-text-medium)!important;visibility:visible!important;opacity:.8!important;margin:0!important;padding:0!important;font-family:Figtree,sans-serif!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;display:block!important}.date-slot:hover{border-color:var(--ucm-primary-teal)!important;background:var(--ucm-light-blue)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001a!important}.date-slot:hover .date-number{color:var(--ucm-primary-teal)!important}.date-slot:hover .availability{color:var(--ucm-primary-teal)!important;opacity:1!important}.date-slot.selected{background:var(--ucm-primary-teal)!important;border-color:var(--ucm-primary-teal)!important;color:#fff!important;box-shadow:0 4px 16px #0f202733!important}.date-slot.selected .date-number{color:#fff!important;font-weight:700!important}.date-slot.selected .availability{color:#fff!important;opacity:.9!important}.date-slot.selected:hover{background:var(--ucm-primary-teal-hover)!important;transform:translateY(-2px)!important}.selected-checkmark{color:#fff!important;visibility:visible!important;opacity:1!important;z-index:10!important;background:#0003!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;font-size:16px!important;font-weight:700!important;display:flex!important;position:absolute!important;top:8px!important;right:8px!important}.date-slot *{visibility:visible!important;opacity:1!important;display:block!important}.date-slot .selected-checkmark{display:flex!important}.tuesday-column,.thursday-column{flex-direction:column;width:100%;display:flex}.date-slot-empty{width:100%;min-height:86px}.job-header-section{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 16px #00000014}.job-title{color:var(--ucm-text-dark);margin-bottom:20px;font-family:Figtree,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.info-item{align-items:center;gap:12px;margin-bottom:16px;display:flex}.info-icon{background:var(--ucm-light-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-text{flex:1}.location-name,.shift-time{color:var(--ucm-text-dark);font-family:Figtree,sans-serif;font-size:16px;font-weight:600;text-decoration:underline}.job-description{border-top:1px solid var(--ucm-border-light);margin-top:20px;padding-top:20px}.description-text{color:var(--ucm-text-medium);text-align:left;margin-bottom:12px;font-family:Figtree,sans-serif;font-size:14px;line-height:1.5}.see-more-btn{color:var(--ucm-text-medium);cursor:pointer;background:0 0;border:none;padding:0;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;text-decoration:underline;transition:color .2s}.see-more-btn:hover{color:var(--ucm-primary-teal)}.application-edit-section{border-top:1px solid var(--ucm-border-light);background:var(--ucm-light-gray);margin-top:24px;padding:20px}.edit-application-btn{border:1px solid var(--ucm-border-light);width:100%;color:var(--ucm-text-dark);cursor:pointer;background:#fff;border-radius:12px;padding:16px;font-family:Figtree,sans-serif;font-size:16px;font-weight:500;transition:all .2s}.edit-application-btn:hover:not(:disabled){border-color:var(--ucm-primary-teal);background:var(--ucm-light-blue);color:var(--ucm-primary-teal)}.edit-application-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:767px){.job-title{margin-bottom:16px;font-size:24px}.info-item{gap:10px;margin-bottom:12px}.info-icon{width:36px;height:36px}.date-grid{gap:8px}.date-slot{min-height:76px!important;padding:12px!important}.date-number{font-size:16px!important}.availability{font-size:11px!important}.selected-checkmark{width:18px!important;height:18px!important;font-size:14px!important;top:6px!important;right:6px!important}}@media (min-width:768px){.calendar-section{max-width:600px;margin:0 auto}.date-slot{min-height:94px!important;padding:18px!important}.date-number{font-size:20px!important}.availability{font-size:13px!important}.selected-checkmark{width:22px!important;height:22px!important;font-size:18px!important;top:10px!important;right:10px!important}}.profile-intro-overlay{z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.overlay-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:absolute;top:0;right:0;bottom:0;left:0}.overlay-content{background:var(--card);z-index:1001;border-radius:16px;width:100%;max-width:480px;max-height:80vh;position:relative;overflow-y:auto;box-shadow:0 10px 25px #0003}.overlay-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:20px;padding:24px 24px 16px;display:flex}.overlay-icon{background:var(--ucm-primary-teal);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.overlay-title{color:var(--foreground);margin:0;font-family:Figtree,sans-serif;font-size:20px;font-weight:600}.overlay-body{color:var(--foreground);padding:0 24px;line-height:1.6}.overlay-description{color:var(--muted-foreground);text-align:left;margin-bottom:20px;font-size:16px}.overlay-list h3{color:var(--foreground);margin-bottom:12px;font-size:16px;font-weight:600}.overlay-list ul{margin:0 0 20px;padding-left:20px}.overlay-list li{color:var(--muted-foreground);margin-bottom:12px;font-size:14px;line-height:1.5}.overlay-privacy{background:var(--ucm-light-blue);border:1px solid var(--ucm-info-blue);border-radius:8px;margin-top:20px;padding:16px}.overlay-privacy p{color:var(--ucm-dark-blue);text-align:left;margin:0 0 8px;font-size:14px}.overlay-privacy p:last-child{margin-bottom:0;font-weight:600}.overlay-footer{border-top:1px solid var(--border);margin-top:20px;padding:20px 24px 24px}.overlay-action-button{background:var(--ucm-primary-teal);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px 20px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;transition:all .2s}.overlay-action-button:hover{background:var(--ucm-primary-teal-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.overlay-action-button:active{transform:translateY(0)}.screen-header{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.back-button,.help-button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.back-button:hover,.help-button:hover{background:var(--ucm-light-gray);color:var(--foreground)}.screen-title{color:var(--foreground);text-align:center;flex:1;margin:0;font-family:Figtree,sans-serif;font-size:18px;font-weight:600}.profile-form-content{background:var(--ucm-bg-gray);max-width:600px;min-height:calc(100vh - 80px);margin:0 auto;padding:20px}@media (max-width:767px){.overlay-content{max-height:85vh;margin:20px}.overlay-header{padding:20px 20px 0}.overlay-body{padding:0 20px}.overlay-footer{padding:16px 20px 20px}.overlay-title{font-size:18px}.overlay-description{font-size:15px}.screen-header{padding:12px 16px}.screen-title{font-size:16px}.profile-form-content{padding:16px}}.dashboard-container{flex-direction:column;gap:8px;width:100%;padding:0;display:flex}.dashboard-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;width:100%;height:60px;min-height:60px;max-height:60px;margin:0;padding:0;transition:all .2s;display:flex;overflow:hidden}.dashboard-card:hover{background:var(--ucm-light-gray);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-content{white-space:nowrap;flex:1;justify-content:flex-start;align-items:center;gap:12px;height:100%;padding:16px 20px;display:flex;overflow:hidden}.card-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.completed-icon{background:var(--ucm-light-green)}.progress-icon,.settings-icon,.clipboard-icon,.calendar-icon{background:var(--ucm-light-blue)}.group-icon{background:var(--ucm-light-orange)}.chat-icon{background:var(--ucm-light-blue)}.document-icon{background:var(--ucm-light-green)}.question-icon{background:var(--ucm-light-blue)}.default-icon{background:var(--ucm-disabled-gray)}.card-text{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.card-title{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;text-align:left;justify-content:flex-start;align-items:center;width:100%;margin:0;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.card-description{display:none}.card-arrow{flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.card-arrow svg{width:16px;height:16px}.card-progress{align-items:center;height:12px;padding:0 20px 8px;display:flex}.progress-bar{background:var(--ucm-neutral-gray-light);border-radius:2px;width:100%;height:3px;overflow:hidden}.progress-fill{background:var(--ucm-primary-teal);border-radius:2px;height:100%;transition:width .3s}.dashboard-card.profile-completion{height:80px;min-height:80px;max-height:80px}.dashboard-card.profile-completion .card-content{padding:12px 20px 0}:root{--ucm-neutral-gray:#6b7280;--ucm-neutral-gray-light:#f3f4f6;--ucm-success-green-light:#bbf7d0;--ucm-info-blue-light:#bfdbfe;--ucm-primary-teal-light:#e0f2f1}@media (max-width:767px){.dashboard-container{gap:6px}.dashboard-card{height:56px;min-height:56px;max-height:56px}.dashboard-card.profile-completion{height:72px;min-height:72px;max-height:72px}.card-content{gap:10px;padding:14px 16px}.card-icon{width:28px;height:28px}.card-title{font-size:13px}.card-progress{padding:0 16px 6px}}@media (min-width:768px){.dashboard-container{gap:8px;max-width:600px;margin:0 auto}.dashboard-card{height:64px;min-height:64px;max-height:64px}.dashboard-card.profile-completion{height:84px;min-height:84px;max-height:84px}.card-content{gap:14px;padding:18px 24px}.card-icon{width:36px;height:36px}.card-title{font-size:15px}.card-progress{padding:0 24px 8px}}}html{font-size:var(--font-size)}.target-bar-container{position:relative;width:100%}.target-bar-background{width:100%;background-color:#f3f4f6;border-radius:9999px;position:relative;transition:all .3s ease}.target-bar-fill{border-radius:9999px;transition:all .3s ease}.target-bar-indicators{position:absolute;top:0;width:100%;pointer-events:none}.target-range{position:absolute;background-color:#22c55e99;border-radius:9999px;opacity:.6}.target-line{position:absolute;width:2px;height:100%;background-color:#059669;opacity:.8;transform:translate(-50%)}.range-indicator{position:absolute;width:2px;height:100%;background-color:#f59e0b;opacity:.6;transform:translate(-50%)}.status-legend{display:flex;align-items:center;gap:16px;font-size:.875rem}.legend-item{display:flex;align-items:center;gap:4px}.legend-indicator{flex-shrink:0}.legend-indicator.circle{border-radius:50%}.legend-indicator.square{border-radius:2px}.legend-indicator.sm{width:8px;height:8px}.legend-indicator.md{width:12px;height:12px}.legend-label{color:#374151;font-weight:500}.key-metrics-section{background:#fff;border-radius:8px;padding:24px;border:1px solid #e5e7eb;margin-bottom:24px;width:100%}.key-metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.key-metrics-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.key-metrics-header p{color:#6b7280;margin:0;font-size:.875rem}.key-metrics-content{display:flex;gap:24px;align-items:stretch}.age-distribution-section{flex:2;min-width:0;overflow:visible;display:flex;flex-direction:column;height:100%}.side-sections{flex:1;flex-basis:33.333%;display:flex;flex-direction:column;gap:16px;height:100%}.workforce-section,.frequent-flyer-section{flex:1;display:flex;flex-direction:column}.horizontal-divider{height:1px;background:#e5e7eb;width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:0}.section-title h3{font-size:1rem;font-weight:500;color:#111827;margin:0 0 4px}.section-title h4{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.section-icon{color:#9ca3af;width:16px;height:16px}.age-groups-container{width:100%;margin-top:0;padding:0;flex:1;display:flex;flex-direction:column}.age-groups-grid{display:flex;flex-direction:column;gap:12px;width:100%;flex:1;justify-content:space-between}.age-group-item{display:flex;flex-direction:column;gap:8px;width:100%;padding:0}.age-group-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.age-group-label{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.age-group-values{display:flex;align-items:center;gap:8px}.age-group-percentage{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap}.age-group-target{font-size:.75rem;color:#9ca3af;white-space:nowrap}.age-group-bar{margin-top:2px;width:100%;display:block}.workforce-content{display:flex;flex-direction:column;gap:16px;margin-top:0;flex:1;justify-content:space-between}.workforce-overall{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.workforce-header{display:flex;justify-content:space-between;align-items:center}.workforce-label{font-size:.875rem;font-weight:500;color:#374151}.workforce-percentage{font-size:1.125rem;font-weight:600;color:#111827}.workforce-bar{margin-top:4px}.workforce-stats{display:flex;flex-direction:column;gap:12px}.workforce-stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.875rem;color:#6b7280}.workforce-stats .stat-value{font-size:1.125rem;font-weight:600;color:#111827}.frequent-flyer-content{display:flex;flex-direction:column;gap:12px;margin-top:0;flex:1;justify-content:space-around}.frequent-flyer-item{display:flex;flex-direction:column;gap:8px}.frequent-flyer-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.frequent-flyer-label{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.frequent-flyer-values{display:flex;align-items:center;gap:8px}.frequent-flyer-percentage{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap}.frequent-flyer-target{font-size:.75rem;color:#9ca3af;white-space:nowrap}.frequent-flyer-bar{margin-top:2px;width:100%;display:block}.key-metrics-loading{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start}.key-metrics-skeleton-main,.key-metrics-skeleton-side{height:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@media (min-width: 769px) and (max-width: 1024px){.key-metrics-section{padding:20px}.key-metrics-header{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:20px}.key-metrics-header h2{font-size:1.125rem}.key-metrics-content{gap:20px}.age-distribution-section{flex:1.5}.side-sections{flex:1}}@media (max-width: 768px){.key-metrics-content{flex-direction:column;gap:24px}.vertical-divider{display:none}.age-distribution-section,.side-sections{flex:1;flex-basis:auto}.side-sections{order:-1}.horizontal-divider{display:block}.key-metrics-loading{grid-template-columns:1fr;gap:24px}.age-groups-grid{gap:12px}}@media (max-width: 480px){.age-group-label,.age-group-percentage{font-size:.8125rem}.age-group-target{font-size:.6875rem}}.data-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.data-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.data-table tbody tr:hover{background:#fafafa}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:12px 16px;font-size:14px}.data-table td:last-child{text-align:left;vertical-align:middle}.data-table th:last-child{text-align:left;vertical-align:middle}.data-table th.center,.data-table td.center{text-align:center}.data-table th.right,.data-table td.right{text-align:right}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.expandable-row{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table tbody tr.expandable-row:hover{background:#f7fbff}.data-table tbody tr.expandable-row.expanded{background:#f7fbff;border-bottom:none}.data-table tbody tr.expanded-content-row{background:#f8fafc;border-bottom:1px solid #f0f0f0}.data-table tbody tr.expanded-content-row:hover{background:#f8fafc}.data-table tbody tr.expanded-content-row td.expanded-content-cell{padding:0}.data-table tbody tr.expanded-content-row td.expanded-content-cell>*{padding:16px}.data-table-loading{padding:80px 20px;text-align:center}.data-table-loading .spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid #f0f0f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.data-table-empty{padding:80px 20px;text-align:center;color:#999}.data-table-empty svg{margin:0 auto 16px;opacity:.3}.data-table-empty p{margin:0;font-size:16px;color:#666}.daily-deployment-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;width:100%}.daily-deployment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.header-title-group{display:flex;align-items:center;gap:12px}.daily-deployment-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.external-only-badge{padding:4px 10px;background-color:#dbeafe;color:#1e40af;border-radius:12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.capacity-cell{display:flex;flex-direction:column;gap:6px;min-width:200px}.demographics-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;display:inline-block}.demographics-badge.demographics-balanced{background-color:#dcfce7;color:#166534}.demographics-badge.demographics-warning{background-color:#fef3c7;color:#92400e}.demographics-badge.demographics-skewed{background-color:#fee2e2;color:#dc2626}.status-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;text-align:center;display:inline-block;min-width:80px}.status-badge.status-full{background-color:#dcfce7;color:#166534}.status-badge.status-nearly-full{background-color:#fef3c7;color:#92400e}.status-badge.status-good{background-color:#e0e7ff;color:#3730a3}.status-badge.status-underbooked{background-color:#fee2e2;color:#dc2626}.status-badge.status-no-target{background-color:#f3f4f6;color:#6b7280}.expand-icon{color:#6b7280;transition:transform .2s ease}.expandable-row.expanded .expand-icon{transform:rotate(180deg)}.deployment-expanded-content{background:#f7fbff;padding:0!important;border-radius:8px}.demographics-section{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;padding:16px 0;margin:0 16px;border-top:1px solid #e5e7eb}.demographics-group{display:flex;flex-direction:column;gap:16px}.demographics-group-stacked{display:flex;flex-direction:column;gap:24px}.vertical-divider{width:1px;background:#e5e7eb;align-self:stretch}.demographics-group .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:0}.demographics-group .section-title h3{font-size:1rem;font-weight:500;color:#111827;margin:0 0 4px}.demographics-group .section-icon{color:#9ca3af;width:16px;height:16px}.age-groups-breakdown,.gender-breakdown,.frequent-flyer-breakdown{display:flex;flex-direction:column;gap:12px}.demographic-item{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:12px}.demographic-label{font-size:.875rem;color:#6b7280;font-weight:500}.demographic-value{font-size:.875rem;font-weight:600;min-width:90px;text-align:right;color:#111827}.daily-deployment-skeleton{height:400px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.no-data{text-align:center;padding:40px 20px;color:#6b7280}.no-data svg{margin-bottom:12px;opacity:.3}.no-data p{margin:0;font-size:.875rem}@media (max-width: 1024px){.demographics-section{grid-template-columns:1fr;gap:24px}.vertical-divider{display:none}.demographics-group-stacked{gap:24px}}@media (max-width: 768px){.daily-deployment-section{padding:16px}.daily-deployment-header{flex-direction:column;align-items:flex-start;gap:16px}.deployment-expanded-content{padding:16px}.demographic-item{grid-template-columns:60px 1fr;gap:8px}.demographic-value{grid-column:1 / -1;text-align:left;margin-top:4px}}.filters-section{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;margin-bottom:16px}.action-controls{display:flex;gap:10px;align-items:center;margin-left:auto;flex-shrink:0}.action-controls>*{flex-shrink:0}.action-controls .btn{min-width:-moz-fit-content;min-width:fit-content;padding-left:16px;padding-right:16px}.action-controls .btn-small,.action-controls .btn-sm{min-width:-moz-fit-content;min-width:fit-content;padding-left:14px;padding-right:14px}.search-bar{flex:1 1 auto;display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;transition:border-color .2s ease;min-width:200px}.search-bar:focus-within{border-color:#3b82f6;background:#fff}.search-icon{color:#6b7280;flex-shrink:0;min-width:16px;display:flex;align-items:center}.search-bar input{flex:1;border:none;outline:none;background:transparent;font-size:14px;height:100%;color:#111827;line-height:1.5;padding:0;margin:0;vertical-align:middle}.search-bar input::-moz-placeholder{color:#9ca3af;line-height:1.5}.search-bar input::placeholder{color:#9ca3af;line-height:1.5}.filter-controls{display:flex;gap:10px;flex-wrap:nowrap;align-items:center}.filter-group{display:flex;align-items:center;gap:8px;height:42px}.filter-group select{height:42px;padding:0 32px 0 14px;margin:0;border:1px solid #e5e7eb;background:#f9fafb url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%236b7280" d="M6 9L1 4h10z"/></svg>') no-repeat right 10px center;border-radius:8px;font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:150px;flex-shrink:0;box-sizing:border-box;color:#111827;transition:border-color .2s ease,background-color .2s ease;display:block}.filter-group select:hover{border-color:#d1d5db}.filter-group select:focus{outline:none;border-color:#3b82f6;background-color:#fff}@media (max-width: 768px){.filters-section{flex-direction:column;gap:12px}.search-bar{width:100%}.filter-controls{width:100%;flex-direction:column;gap:8px}.filter-group,.filter-group select{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.filters-section{gap:12px}.filter-controls{flex-wrap:wrap}.filter-group select{min-width:130px}}.extras-page{padding:20px;width:100%}.extras-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.extras-table{width:100%;border-collapse:collapse}.extras-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.extras-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.extras-table tbody tr:hover{background:#fafafa}.extras-table td{padding:16px;font-size:14px}.name-cell strong{color:#1a1a1a;font-weight:600}.id-badge{font-size:12px;color:#999}.contact-item{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.demographics-cell{display:flex;gap:8px}.demo-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.demo-badge.age{background:#dbeafe;color:#3b82f6}.demo-badge.gender{background:#fce4ec;color:#c2185b}.date-cell{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.action-buttons{display:flex;gap:8px}.check-time-cell{display:flex;flex-direction:column;gap:4px;font-size:12px}.check-in,.check-out,.id-check{display:flex;align-items:center;gap:4px;color:#666}.check-in svg{color:#28a745}.check-out svg{color:#dc3545}.id-check svg{color:#007bff}.no-check{color:#999;font-style:italic;font-size:12px}.badge-primary{background:#cce5ff;color:#004085}.group-cell{position:relative;display:inline-block}.group-code{background:#dbeafe;color:#3b82f6;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-block}.group-code:hover{background:#bfdbfe;color:#2563eb}.no-group{color:#999;font-style:italic;font-size:13px}.group-hover-panel{position:absolute;left:0;z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;min-width:250px;animation:fadeIn .2s ease}.group-hover-panel.panel-below{top:100%;margin-top:4px}.group-hover-panel.panel-above{bottom:100%;margin-bottom:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.group-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.group-panel-header h4{margin:0;font-size:14px;font-weight:600;color:#1a1a1a}.group-details{font-size:11px;color:#6b7280;margin-top:4px}.group-description{font-size:12px;color:#4b5563;margin:8px 0;padding:8px;background:#f9fafb;border-radius:4px}.members-header{margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #e5e7eb}.member-count{background:#f3f4f6;color:#4b5563;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.group-members-list{display:flex;flex-direction:column;gap:8px}.group-member-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#fafafa;border-radius:4px;transition:background .2s}.group-member-item:hover{background:#f0f0f0}.member-name{font-size:13px;color:#374151;font-weight:500}.member-id{font-size:11px;color:#9ca3af;font-weight:500}.event-status-cell{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.event-date{color:#666;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.events-page{padding:20px;width:100%}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.events-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.events-table{width:100%;border-collapse:collapse}.events-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.events-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.events-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.events-table tbody tr:hover{background:#fafafa}.events-table td{padding:16px;font-size:14px}.id-cell{font-weight:600;color:#666}.date-cell{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.time-cell{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.booking-cell{display:flex;align-items:center;gap:8px;font-size:14px}.progress-cell{display:flex;align-items:center;gap:10px}.badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.badge-secondary{background:#e2e3e5;color:#383d41}.action-buttons .btn{width:100px;min-width:100px;max-width:100px;justify-content:center}.events-table td:has(.action-buttons){padding-right:0;text-align:right}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;color:#666}.btn-icon:hover{background:#f0f0f0;color:#1a1a1a}.btn-icon.edit:hover{background:#dbeafe;border-color:#3b82f6}.btn-icon.delete:hover{background:#fee2e2;border-color:#ef4444}.no-data{padding:80px 20px;text-align:center;color:#999}.no-data svg{margin:0 auto 16px;opacity:.3}.no-data p{margin:0;font-size:16px;color:#666}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.event-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s}.event-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.event-card.external{border-left:4px solid #f59e0b}.event-card:not(.external){border-left:4px solid #10b981}.event-card-header{padding:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.event-date{display:flex;align-items:center;gap:8px;font-weight:600;color:#1f2937}.time-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.time-past{background:#f3f4f6;color:#6b7280}.time-today{background:#fef3c7;color:#92400e}.time-tomorrow{background:#dbeafe;color:#1e40af}.time-week{background:#e0e7ff;color:#3730a3}.time-future{background:#f3e8ff;color:#6b21a8}.event-card-body{padding:16px}.event-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.event-time{display:flex;align-items:center;gap:6px;color:#4b5563;font-size:14px}.event-id{font-size:12px;color:#9ca3af;font-weight:500}.booking-info{background:#f9fafb;border-radius:8px;padding:12px}.booking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.booking-numbers{display:flex;align-items:center;gap:6px;font-weight:600;color:#1f2937}.booking-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-full{background:#dc2626;color:#fff}.status-nearly-full{background:#f59e0b;color:#fff}.status-filling{background:#3b82f6;color:#fff}.status-open{background:#10b981;color:#fff}.booking-progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .3s ease}.progress-text{font-size:12px;font-weight:600;color:#4b5563;min-width:35px;text-align:right}.event-card-footer{padding:16px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px}.event-card-footer button{flex:1}.empty-state{padding:80px 20px;text-align:center;color:#999}.empty-state h3{margin:16px 0 8px;font-size:18px;font-weight:600;color:#666}.empty-state p{margin:0;font-size:14px}.loading-state{padding:80px 20px;text-align:center}.spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid #f0f0f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content.event-modal{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px}.event-detail-section{margin-bottom:32px}.event-detail-section:last-child{margin-bottom:0}.event-detail-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:16px;color:#1f2937;font-weight:500}.loading-extras{display:flex;flex-direction:column;align-items:center;padding:40px;gap:12px}.loading-extras .spinner{animation:spin .8s linear infinite}.extras-list{overflow-x:auto}.extras-table{width:100%;border-collapse:collapse;font-size:14px}.extras-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.extras-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.extras-table tbody tr{border-bottom:1px solid #f3f4f6}.extras-table tbody tr:last-child{border-bottom:none}.extras-table tbody tr:hover{background:#f9fafb}.extras-table td{padding:12px;color:#374151}.no-extras{text-align:center;padding:40px;color:#9ca3af;font-size:14px}.modal-content.book-modal{max-width:700px;max-height:600px;height:600px;display:flex;flex-direction:column;overflow:hidden}.modal-header.book-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-shrink:0}.book-header-content{flex:1}.book-header-content h2{margin:0 0 12px;font-size:20px;font-weight:600;color:#1f2937}.event-details-inline{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.event-detail-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.event-detail-item svg{color:#9ca3af}.event-detail-item.booking-count{font-weight:600;color:#1f2937}.book-modal .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.search-extras-section{margin:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.search-extras-section .filters-section{margin-bottom:16px;flex-shrink:0}.extras-selection-list{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;min-height:0}.extra-selection-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f3f4f6}.extra-selection-item:last-child{border-bottom:none}.extra-selection-item:hover{background:#f9fafb}.extra-selection-item.selected{background:#dbeafe;border-color:#3b82f6}.extra-selection-info{display:flex;flex-direction:column;gap:4px}.extra-selection-info strong{font-size:14px;color:#1f2937}.extra-email{font-size:13px;color:#6b7280}.extra-id-badge{padding:4px 8px;background:#f3f4f6;border-radius:4px;font-size:12px;font-weight:500;color:#6b7280;font-family:Monaco,Courier New,monospace}.extra-selection-item.selected .extra-id-badge{background:#3b82f6;color:#fff}.extra-selection-item.already-booked{background:#fef3c7;border-color:#f59e0b;opacity:.7}.extra-selection-item.already-booked:hover{background:#fef3c7}.booked-badge{background:#f59e0b;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;margin-left:8px;cursor:help}.no-extras-found{text-align:center;padding:40px;color:#9ca3af;font-size:14px;margin:0}.modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-secondary{display:flex;align-items:center;gap:6px}.checked-in-badge{font-size:12px;color:#6b7280;font-weight:500;padding:4px 8px;background:#f3f4f6;border-radius:4px;white-space:nowrap}.btn-cancel{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fee2e2;color:#991b1b;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-cancel:hover:not(:disabled){background:#fecaca;transform:translateY(-1px)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.date-picker-input{height:42px!important;padding:0 14px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;font-size:14px!important;color:#111827!important;background:#f9fafb!important;cursor:pointer!important;transition:border-color .2s ease,background-color .2s ease!important;width:180px!important;min-width:180px!important;max-width:180px!important;font-family:inherit!important;box-sizing:border-box!important;line-height:42px!important;vertical-align:middle!important;flex-shrink:0!important;outline:none!important;margin:0!important}.date-picker-input:hover{border-color:#d1d5db!important;border-width:1px!important}.date-picker-input:focus{outline:none!important;border-color:#3b82f6!important;border-width:1px!important;background-color:#fff!important}.date-picker-input::-moz-placeholder{color:#9ca3af!important}.date-picker-input::placeholder{color:#9ca3af!important}.react-datepicker-wrapper{display:inline-block!important;vertical-align:middle!important;width:180px!important;min-width:180px!important;max-width:180px!important;flex-shrink:0!important;box-sizing:border-box!important;margin:0!important;padding:0!important}.react-datepicker-wrapper input{vertical-align:middle!important}.react-datepicker__input-container{display:block!important;width:180px!important;min-width:180px!important;max-width:180px!important;box-sizing:border-box!important;margin:0!important;padding:0!important}.react-datepicker-popper{z-index:1000!important}.react-datepicker{font-family:inherit;border:1px solid #e5e7eb;border-radius:12px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.react-datepicker__header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-top-left-radius:12px!important;border-top-right-radius:12px!important;padding-top:12px}.react-datepicker__current-month{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:8px}.react-datepicker__day-name{color:#6b7280;font-size:12px;font-weight:600;width:2rem;line-height:2rem}.react-datepicker__day{width:2rem;line-height:2rem;font-size:13px;color:#374151;border-radius:6px;transition:all .2s}.react-datepicker__day:hover{background-color:#f3f4f6;border-radius:6px}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:#3b82f6;color:#fff;font-weight:600;border-radius:6px}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{background-color:#2563eb}.react-datepicker__day--outside-month{color:#d1d5db}.react-datepicker__navigation{top:10px;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;line-height:32px;text-align:center}.react-datepicker__navigation:hover{background-color:#e5e7eb}.react-datepicker__navigation--previous{left:8px}.react-datepicker__navigation--next{right:8px}.react-datepicker__navigation-icon:before{border-color:#6b7280;border-width:2px 2px 0 0;height:7px;width:7px;top:12px}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:#1f2937}.react-datepicker__close-icon{right:8px;display:flex;align-items:center;justify-content:center;height:100%;padding:0 8px}.react-datepicker__close-icon:after{background-color:#6b7280;font-size:12px;line-height:1;width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0}.react-datepicker__close-icon:hover:after{background-color:#1f2937}.events-page .filters-section{flex-wrap:nowrap!important;align-items:center!important;position:relative!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}.events-page .filters-section>*{flex-shrink:0!important;flex-grow:0!important}.events-page .filters-section .search-bar{flex:1 1 250px!important;min-width:250px!important;max-width:100%!important}.events-page .filters-section .react-datepicker-wrapper{flex-shrink:0!important;flex-grow:0!important;flex-basis:180px!important;width:180px!important}.events-page .action-controls{flex-shrink:0!important;flex-grow:0!important;flex-wrap:nowrap!important;margin-left:auto!important;gap:10px!important}.events-page .action-controls>*{flex-shrink:0!important;flex-grow:0!important}.events-page .action-controls .btn{width:140px!important;min-width:140px!important;max-width:140px!important;justify-content:center!important;padding-left:10px!important;padding-right:10px!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.events-page .action-controls .btn-secondary:first-child,.events-page .action-controls .btn-primary:first-child{width:125px!important;min-width:125px!important;max-width:125px!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;font-family:inherit;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;white-space:nowrap;box-sizing:border-box;line-height:1.5}.btn:disabled{opacity:.6;cursor:not-allowed}.btn svg{flex-shrink:0;color:inherit;stroke:currentColor}.btn-small,.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-medium,.btn-default{height:42px;padding:0 14px;font-size:14px}.btn-large{height:48px;padding:0 20px;font-size:16px}.btn-icon{height:32px;width:32px;padding:0}.btn-primary{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-primary:active:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.btn-secondary{background:#f0f0f0;color:#333;border:1px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#e0e0e0;border-color:#d1d5db}.btn-secondary:active:not(:disabled){background:#d4d4d4}.btn-danger{background:#ef4444;color:#fff;border:1px solid #ef4444}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-danger:active:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-notify{background:#10b981;color:#fff;border:1px solid #10b981}.btn-notify:hover:not(:disabled){background:#059669;border-color:#059669}.btn-notify:active:not(:disabled){background:#047857;border-color:#047857}.btn-remind{background:#f59e0b;color:#fff;border:1px solid #f59e0b}.btn-remind:hover:not(:disabled){background:#d97706;border-color:#d97706}.btn-remind:active:not(:disabled){background:#b45309;border-color:#b45309}.btn-ghost{background:transparent;color:#333;border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:#f0f0f0}.btn-ghost:active:not(:disabled){background:#e0e0e0}.btn-outline{background:transparent;color:#3b82f6;border:1px solid #e5e7eb}.btn-outline:hover:not(:disabled){background:#f0f9ff;border-color:#3b82f6}.btn-outline:active:not(:disabled){background:#dbeafe}.btn-link{background:transparent;color:#3b82f6;border:none;text-decoration:underline;padding:0;height:auto}.btn-link:hover:not(:disabled){color:#2563eb}.btn-link:active:not(:disabled){color:#1d4ed8}.btn-full-width{width:100%}.action-controls .btn{height:42px;margin:0}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.groups-page{padding:20px;width:100%}.header-title h1{margin:0;font-size:28px;font-weight:600;color:#1a1a1a}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-secondary{background:#f0f0f0;color:#333;padding:6px 12px;font-size:13px}.btn-secondary:hover{background:#e0e0e0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{background:#fff;border-radius:8px;padding:12px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:10px;transition:all .2s ease;min-width:0;overflow:hidden}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.success{background-color:#f0f9ff;color:#0ea5e9}.stat-label{font-size:.8125rem;color:#6b7280;margin:0 0 4px;font-weight:500}.stat-value{font-size:1.75rem;font-weight:700;color:#111827;line-height:1}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.groups-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.groups-table{width:100%;border-collapse:collapse}.groups-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.groups-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.groups-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.groups-table tbody tr:hover{background:#fafafa}.groups-table td{padding:16px;font-size:14px}.group-cell{display:flex;align-items:center;gap:12px}.group-icon{width:40px;height:40px;background:#dbeafe;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.group-info strong{display:block;margin-bottom:4px;color:#1a1a1a}.group-info span{font-size:13px;color:#666}.members-cell{display:flex;align-items:center;gap:8px}.badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-secondary{background:#f3f4f6;color:#4b5563}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-icon{width:32px;height:32px;border:none;background:#f0f0f0;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#e0e0e0}.btn-icon.edit{color:#3b82f6}.btn-icon.edit:hover{background:#dbeafe}.btn-icon.delete{color:#ef4444}.btn-icon.delete:hover{background:#fee2e2}.no-data{text-align:center;padding:60px 20px;color:#999}.no-data svg{margin:0 auto 20px;opacity:.3}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#666}.spinner{animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#ef4444;background:#fee2e2;border-radius:12px;margin:24px}.error-state p{margin:0;font-size:16px}.group-code{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;color:#4b5563;border:1px solid #e5e7eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#1a1a1a}.modal-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:6px;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#e5e7eb;color:#1a1a1a}.modal-body{padding:24px;overflow-y:auto}.group-detail-section{margin-bottom:32px}.group-detail-section:last-child{margin-bottom:0}.group-detail-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1a1a1a}.detail-row{display:flex;padding:12px 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#666;min-width:140px}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;transition:background .2s}.member-item:hover{background:#f3f4f6}.member-avatar{width:40px;height:40px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;text-transform:uppercase}.member-avatar.owner{background:#f59e0b;box-shadow:0 0 0 2px #fef3c7}.member-info{display:flex;flex-direction:column;gap:4px;flex:1}.member-name-row{display:flex;align-items:center;gap:8px}.member-info strong{color:#1a1a1a;font-size:14px}.member-id{font-size:12px;color:#666}.owner-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.no-members{text-align:center;padding:32px;color:#999;font-size:14px}.passengers-page{padding:20px;width:100%}.page-header{margin-bottom:20px}.header-content{display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:12px}.header-title h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.header-title svg{color:#3b82f6}.count-badge{background:#f0f0f0;padding:4px 12px;border-radius:16px;font-size:14px;color:#666;font-weight:500}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:space-between;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-content h3{font-size:13px;color:#6c757d;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:600;color:#1a1a1a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.primary{background:#dbeafe;color:#3b82f6}.stat-icon.success{background:#f0fdf4;color:#22c55e}.stat-icon.warning{background:#fef3c7;color:#f59e0b}.stat-icon.info{background:#fef3e2;color:#fb923c}.passengers-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.passengers-table{width:100%;border-collapse:collapse}.passengers-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.passengers-table th{padding:12px 16px;text-align:center;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.passengers-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.passengers-table tbody tr:hover{background:#f8f9fa}.passengers-table td{padding:16px;font-size:14px;color:#212529;text-align:center}.id-cell{font-weight:600;color:#6c757d;font-size:12px}.avatar{width:40px;height:40px;border-radius:50%;background:#dbeafe;display:flex;align-items:center;justify-content:center;color:#3b82f6}.passenger-info{display:flex;flex-direction:column}.passenger-info strong{font-weight:600;color:#1a1a1a}.passenger-info .registered-date{font-size:12px;color:#6c757d;margin-top:2px}.pnl-format{font-size:11px;color:#6c757d;font-family:monospace}.contact-cell{display:flex;flex-direction:column;gap:4px}.contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057}.contact-item svg{color:#6c757d}.location-cell{display:flex;align-items:center;gap:8px;color:#495057}.location-cell svg{color:#6c757d}.special-needs-cell{font-size:13px}.special-needs-cell.none{color:#6c757d;font-style:italic}.special-needs-cell.required{color:#6f42c1;font-weight:500}.events-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#dbeafe;color:#3b82f6;border-radius:20px;font-size:13px;font-weight:500}.events-badge svg{width:14px;height:14px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.badge-success{background:#d4f4dd;color:#28a745}.badge-danger{background:#f8d7da;color:#dc3545}.badge-warning{background:#fff3cd;color:#856404}.action-buttons{display:flex;gap:8px;justify-content:flex-start}.btn-icon{width:32px;height:32px;border:none;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f5f5f5}.btn-icon.edit:hover{background:#dbeafe;color:#3b82f6}.btn-icon.delete:hover{background:#f8d7da;color:#dc3545}.flight-info{display:flex;flex-direction:column;gap:4px;align-items:center}.airline-badge{font-size:11px;color:#6c757d;font-weight:500}.route-info{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.route-info .airport{font-weight:600;color:#3b82f6;font-size:14px}.route-info .arrow{color:#6c757d;font-size:14px}.route-detail{width:100%;font-size:11px;color:#6c757d;margin-top:2px;text-align:center}.time-info{display:flex;align-items:center;justify-content:center;gap:6px;color:#495057}.booking-info{display:flex;flex-direction:column;gap:2px;align-items:center;background:none;border:none}.booking-info .pnr{font-weight:500;font-size:13px;background:none;border:none}.booking-info .ticket{font-size:11px;color:#6c757d;background:none;border:none}.demographics{display:flex;flex-direction:column;gap:4px;align-items:center}.demographics .age{font-size:13px;color:#495057}.gender-badge{display:inline-block;padding:2px 8px;background:#f5f5f5;border-radius:4px;font-size:11px;font-weight:500}.bags-info{display:flex;align-items:center;justify-content:center;gap:6px;color:#495057}.checkin-type{font-size:20px;cursor:help}.badge-first{background:#fff3cd;color:#856404}.badge-business{background:#cce5ff;color:#004085}.badge-economy{background:#e2e3e5;color:#383d41}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.no-data{padding:60px 20px;text-align:center;color:#6c757d}.no-data svg{margin-bottom:16px;color:#dee2e6}.no-data p{font-size:16px;margin:0}.loading{opacity:.6;pointer-events:none}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.document-approvals-page{padding:20px;background-color:#f9fafb;min-height:100vh}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}.stat-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.primary{background-color:#f0fdf4;color:#22c55e}.stat-icon.info{background-color:#eff6ff;color:#3b82f6}.stat-icon.warning{background-color:#fef3c7;color:#f59e0b}.stat-label{font-size:.875rem;color:#6b7280;margin:0 0 4px;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:#111827;line-height:1}.document-approvals-page .data-table th:nth-child(2),.document-approvals-page .data-table td:nth-child(2){text-align:left}.id-cell{font-weight:600;color:#3b82f6;font-size:14px}.name-cell{display:flex;flex-direction:column;gap:4px}.name-cell strong{color:#111827;font-weight:600;font-size:14px}.email-text{font-size:13px;color:#9ca3af}.filename-text{font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;color:#6b7280;font-weight:500}.date-text{font-size:13px;color:#6b7280;font-weight:500}.doc-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;min-width:120px}.type-occupation,.type-id{background-color:#dbeafe;color:#1e40af}.type-matriculation{background-color:#d1fae5;color:#065f46}.type-work-permit{background-color:#fef3c7;color:#92400e}.type-health{background-color:#fce7f3;color:#9f1239}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;border:none;line-height:1;height:24px}.status-badge svg{width:11px;height:11px;margin-right:4px}.status-pending{background-color:#fef3c7;color:#92400e}.status-approved{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.document-info{display:flex;flex-direction:column;gap:24px}.info-section{margin-bottom:0}.info-section h4{margin:0 0 16px;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6;gap:16px}.info-label{font-size:13px;color:#6b7280;font-weight:600;white-space:nowrap}.info-value{font-size:14px;color:#111827;font-weight:500;text-align:right}.info-value.rejection-reason{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;color:#dc2626;font-weight:600;text-align:left;white-space:pre-wrap;word-wrap:break-word}.rejection-section{background-color:#fef2f2;padding:16px;border-radius:8px;border:1px solid #fee2e2}.rejection-section h4{display:flex;align-items:center;gap:8px;color:#991b1b;margin-bottom:8px}.rejection-reason{margin:0;font-size:14px;color:#7f1d1d;line-height:1.5}.document-viewer{border:2px solid #e5e7eb;border-radius:12px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #0000000d}.document-iframe{width:100%;height:100%;border:none;background:#fff;pointer-events:none}.pdf-container{width:100%;height:100%;position:relative}.pdf-container.clickable{cursor:zoom-in}.pdf-click-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent}.document-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;background:#fff}.document-image.clickable{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.document-image.clickable:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.viewer-placeholder{text-align:center;color:#6b7280}.viewer-placeholder svg{margin-bottom:12px}.viewer-placeholder p{margin:8px 0;font-size:14px;font-weight:500}.viewer-placeholder .filename{font-size:12px;color:#9ca3af;font-family:Monaco,Courier New,monospace}.btn-icon{padding:10px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background-color:#eff6ff;color:#3b82f6;border-color:#3b82f6;transform:scale(1.05);box-shadow:0 2px 4px #3b82f633}.btn-icon:active{transform:scale(.98)}.empty-state{padding:80px 20px;text-align:center;color:#9ca3af}.empty-state svg{margin-bottom:20px;color:#d1d5db}.empty-state h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#6b7280}.empty-state p{margin:0;font-size:14px;color:#9ca3af}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:20px}.loading-state .spinner{animation:spin 1s linear infinite;color:#3b82f6}.loading-state p{color:#6b7280;font-size:14px;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.document-modal{max-width:95vw;max-height:95vh;display:flex;flex-direction:column}.document-modal .modal-header{padding:8px 12px;display:flex;justify-content:flex-end;border-bottom:1px solid #e5e7eb}.document-modal-body{display:grid;grid-template-columns:300px 1fr;gap:0;overflow:hidden;flex:1}.modal-body-left{padding:24px;overflow-y:auto;border-right:1px solid #e5e7eb;background:#fafbfc}.modal-body-right{padding:24px;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch;background:#f9fafb}.document-modal-footer{display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:20px 24px;border-top:1px solid #e5e7eb;background:#fff}.btn-reject,.btn-approve{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-reject{background-color:#fee2e2;color:#991b1b}.btn-reject:hover{background-color:#fecaca;transform:translateY(-1px);box-shadow:0 4px 6px #dc262626}.btn-reject:active{transform:translateY(0)}.btn-reject:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-approve{background-color:#10b981;color:#fff}.btn-approve:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 6px #10b98140}.btn-approve:active{transform:translateY(0)}.btn-approve:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-download{padding:10px 16px;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-download:hover{background-color:#e5e7eb}.modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.modal-header button{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-header button:hover{background-color:#f3f4f6;color:#1a1a1a}.modal-body{padding:20px}.modal-body p{margin:0 0 16px;color:#6b7280;font-size:14px}.confirm-details{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:#f9fafb;border-radius:8px}.confirm-details strong{font-size:16px;color:#1a1a1a}.rejection-input{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none}.rejection-input:focus{border-color:#3b82f6}.modal-footer{padding:20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-secondary{background-color:#f3f4f6;color:#4b5563}.btn-secondary:hover{background-color:#e5e7eb}.btn-primary{background-color:#10b981;color:#fff}.btn-primary:hover{background-color:#059669}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-danger:disabled{background-color:#fca5a5;cursor:not-allowed}@media (max-width: 1200px){.document-modal{max-width:95%}.document-modal-body{grid-template-columns:1fr}.modal-body-left{border-right:none;border-bottom:1px solid #e5e7eb}.modal-body-right{min-height:400px}}@media (max-width: 768px){.stats-bar{grid-template-columns:1fr}.document-modal-footer{flex-direction:column}.document-modal-footer .btn-download{width:100%}}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out;padding:20px}.fullscreen-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;font-size:36px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2001}.fullscreen-close:hover{background:#fff3;transform:scale(1.1)}.fullscreen-image{max-width:95vw;max-height:95vh;-o-object-fit:contain;object-fit:contain;cursor:default;border-radius:4px;box-shadow:0 0 40px #00000080}.fullscreen-pdf{width:90vw;height:90vh;border:none;border-radius:4px;box-shadow:0 0 40px #00000080;background:#fff}.contracts-page{padding:20px;width:100%;margin:0 auto}.page-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px;position:relative;z-index:1}.page-header>div:last-child{background:#ff0!important;padding:10px!important;min-width:150px!important}.page-header h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;color:#111827;margin:0 0 8px}.page-header p{color:#6b7280;font-size:16px;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#6b7280;font-size:16px}.spinner{animation:spin 1s linear infinite;margin-bottom:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.total{background:#eff6ff;color:#2563eb}.stat-icon.warning{background:#fef3c7;color:#d97706}.stat-icon.info{background:#dbeafe;color:#3b82f6}.stat-icon.primary{background:#e0f2fe;color:#0891b2}.stat-icon.success{background:#dcfce7;color:#16a34a}.stat-icon.viewed{background:#fae8ff;color:#a855f7}.stat-content{flex:1}.stat-label{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 4px}.stat-value{font-size:32px;font-weight:700;color:#111827;line-height:1}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.status-awaiting{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.status-badge.status-downloaded{background:#dbeafe;color:#1e40af;border:1px solid #60a5fa}.status-badge.status-signed{background:#e0f2fe;color:#0f766e;border:1px solid #67e8f9}.status-badge.status-complete{background:#dcfce7;color:#166534;border:1px solid #4ade80}.status-badge.status-cancelled{background:#fee2e2;color:#dc2626;border:1px solid #f87171}.status-badge.status-active{background:#f0fdf4;color:#16a34a;border:1px solid #86efac}.status-badge.status-viewed{background:#fae8ff;color:#7c3aed;border:1px solid #c084fc}.id-cell{font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:600;color:#374151;background:#f3f4f6;padding:2px 6px;border-radius:4px}.user-cell{display:flex;flex-direction:column;gap:2px}.user-cell strong{font-weight:600;color:#111827;font-size:14px}.email-text{color:#6b7280;font-size:12px}.extra-id{color:#9ca3af;font-size:11px;font-family:Monaco,Menlo,monospace}.event-cell{display:flex;flex-direction:column;gap:2px}.event-name{font-weight:500;color:#111827;font-size:14px}.event-id{color:#6b7280;font-size:12px;font-family:Monaco,Menlo,monospace}.date-text{color:#374151;font-size:13px}.file-size{color:#6b7280;font-size:12px;font-family:Monaco,Menlo,monospace}.action-buttons{display:flex;gap:8px;justify-content:flex-end;align-items:flex-end}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#9ca3af;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px}.no-data svg{margin-bottom:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.contract-modal{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.modal-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-header button:hover{background:#e5e7eb;color:#374151}.modal-body{flex:1;overflow-y:auto;padding:24px}.contract-modal-body{padding:0}.contract-info{padding:24px}.info-section{margin-bottom:24px}.info-section:last-child{margin-bottom:0}.info-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:600;color:#374151;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.info-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#6b7280;min-width:140px;font-size:14px}.info-value{color:#111827;font-size:14px;flex:1}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.contract-modal-footer{justify-content:space-between}.pdf-modal{max-width:95vw;max-height:95vh;width:1200px;height:800px}.pdf-modal-body{display:flex;flex-direction:column;height:100%;padding:0}.pdf-iframe{width:100%;height:100%;border:none;border-radius:0 0 8px 8px}.pdf-loading,.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#6b7280;background:#f9fafb}.pdf-loading .spinner,.pdf-error svg{margin-bottom:12px}.pdf-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.contract-info{display:flex;gap:16px;font-size:14px;color:#6b7280}.contract-info span{display:flex;align-items:center;gap:4px}.no-pdf-text{color:#9ca3af;font-size:12px;font-style:italic}@media (max-width: 768px){.contracts-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header .btn{align-self:stretch;justify-content:center}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{width:40px;height:40px}.stat-value{font-size:24px}.action-buttons{flex-direction:column;gap:4px}.modal-content{margin:10px;max-width:calc(100vw - 20px)}.modal-header,.modal-body,.modal-footer{padding:16px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-label{min-width:auto;font-weight:600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}