@import"https://fonts.googleapis.com/css2?family=Anton&family=Inter: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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-900:oklch(39.6% .141 25.723);--color-orange-400:oklch(75% .183 55.934);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-400:oklch(76.5% .177 163.223);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-cyan-400:oklch(78.9% .154 211.53);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-400:oklch(67.3% .182 276.935);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-500:oklch(64.5% .246 16.439);--color-gray-300:oklch(87.2% .01 258.338);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-0\.5{top:calc(var(--spacing)*.5)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-3{left:calc(var(--spacing)*3)}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-full{height:100%}.h-screen{height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-64{width:calc(var(--spacing)*64)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[140px\]{max-width:140px}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5);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)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}: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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-gray-300{background-color:var(--color-gray-300)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-cyan-400{--tw-gradient-from:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-400{--tw-gradient-from:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-400{--tw-gradient-from:var(--color-indigo-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-400{--tw-gradient-from:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-pink-400{--tw-gradient-from:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-400{--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-teal-400{--tw-gradient-from:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-500{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-500{--tw-gradient-to:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-500{--tw-gradient-to:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-rose-500{--tw-gradient-to:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-16{padding-top:calc(var(--spacing)*16)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.hover\:bg-red-900\/30:hover{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-900\/30:hover{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);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-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-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:64rem){.lg\:hidden{display:none}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:pt-0{padding-top:calc(var(--spacing)*0)}}}:root{--color-carbon-black:#0e0e0e;--color-anthracite:#1f1f1f;--color-anthracite-2:#2a2a2a;--color-white:#fff;--color-paper:#fafafa;--color-surface:#f3f4f6;--color-yellow-primary:#f5b400;--color-yellow-dark:#d19a00;--color-yellow-glow:#f5b4002e;--color-accent:var(--color-yellow-primary);--color-accent-hover:var(--color-yellow-dark);--color-accent-glow:var(--color-yellow-glow);--color-success:#22c55e;--color-success-dark:#16a34a;--color-success-bg:#22c55e1f;--color-error:#ef4444;--color-error-dark:#dc2626;--color-error-bg:#ef44441f;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-warning-bg:#f59e0b1f;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-display:"Anton",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--font-size-4xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--bg-primary:var(--color-carbon-black);--bg-secondary:var(--color-anthracite);--bg-elevated:var(--color-anthracite-2);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-tertiary:var(--bg-elevated);--text-primary:#f2f2f2;--text-secondary:#b0b0b0;--text-muted:#707070;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--border-subtle:#3a3a3a;--border-strong:#5a5a5a;--color-border:var(--border-subtle);--color-border-strong:var(--border-strong);--color-divider:#ffffff0f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 30px #00000080;--shadow-glow-sm:0 0 10px #f5b40026;--shadow-glow-md:0 0 20px #f5b40040;--shadow-glow-lg:0 0 30px #f5b40059;--shadow-glow-text:0 0 8px #f5b40066;--glass-bg:#14141466;--glass-border:#ffffff14;--glass-blur:blur(12px);--pattern-opacity:.07;--pattern-color:#f5b400}[data-theme=light]{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-elevated:#f0f1f3;--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-tertiary:var(--bg-elevated);--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--border-subtle:#e0e0e0;--border-strong:silver;--color-border:var(--border-subtle);--color-border-strong:var(--border-strong);--color-divider:#0000000f;--color-yellow-primary:#e5a800;--color-yellow-dark:#cc9500;--color-accent:var(--color-yellow-primary);--color-accent-hover:var(--color-yellow-dark);--color-accent-glow:#f5b40040;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #0000001f;--shadow-glow-sm:0 0 10px #e5a80033;--shadow-glow-md:0 0 20px #e5a8004d;--shadow-glow-lg:0 0 30px #e5a80066;--shadow-glow-text:none;--glass-bg:#ffffff80;--glass-border:#0000000f;--glass-blur:blur(10px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);min-height:100vh;transition:color var(--transition-normal);background:0 0;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(var(--pattern-color)1.5px,transparent 1.5px);opacity:.15;background-size:24px 24px;width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 100%);mask-image:radial-gradient(circle,#000 60%,#0000)}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-moz-selection{background:var(--color-accent);color:var(--color-carbon-black)}::selection{background:var(--color-accent);color:var(--color-carbon-black)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}.badge{font-size:var(--font-size-sm);border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-weight:500;display:inline-flex}.bg-carbon-black{background-color:var(--bg-primary)}.bg-anthracite{background-color:var(--bg-secondary)}.bg-anthracite-2,.bg-anthracite-3{background-color:var(--bg-elevated)}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:#9ca3af}.bg-yellow-primary{background-color:var(--color-yellow-primary)}.bg-yellow-light{background-color:var(--color-yellow-light,#ffd54f)}.bg-yellow-dark{background-color:var(--color-yellow-dark,#d49b00)}.bg-success{background-color:var(--color-success)}.bg-success-bg{background-color:var(--color-success-bg)}.bg-warning{background-color:var(--color-warning)}.bg-warning-bg{background-color:var(--color-warning-bg)}.bg-error{background-color:var(--color-error)}.bg-error-bg{background-color:var(--color-error-bg)}.bg-info{background-color:var(--color-info,#3b82f6)}.bg-info-bg{background-color:var(--color-info-bg,#3b82f626)}.text-carbon-black{color:var(--color-carbon-black)}.text-white{color:var(--color-white)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-text-muted{color:var(--text-muted)}.text-yellow-primary{color:var(--color-yellow-primary)}.text-yellow-light{color:var(--color-yellow-light,#ffd54f)}.text-yellow-dark{color:var(--color-yellow-dark,#d49b00)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.border-border-subtle{border-color:var(--border-subtle)}.border-border-strong{border-color:var(--border-strong)}.border-yellow-primary{border-color:var(--color-yellow-primary)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-error{border-color:var(--color-error)}.focus\:ring-yellow-primary:focus{--tw-ring-color:var(--color-yellow-primary)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.from-yellow-primary{--tw-gradient-from:var(--color-yellow-primary)}.to-yellow-dark{--tw-gradient-to:var(--color-yellow-dark,#d49b00)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.h-screen{height:100vh}.h-full{height:100%}.h-16{height:4rem}.w-full{width:100%}.w-64{width:16rem}.w-10{width:2.5rem}.w-8{width:2rem}.w-4{width:1rem}.w-1\.5{width:.375rem}.min-w-0{min-width:0}.max-w-7xl{max-width:80rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>*+*{margin-top:.25rem}.space-y-3>*+*{margin-top:.75rem}.space-y-6>*+*{margin-top:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-none{line-height:1}.tracking-wide{letter-spacing:.025em}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uppercase{text-transform:uppercase}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(min-width:1024px){.lg\:static{position:static}.lg\:hidden{display:none}.lg\:translate-x-0{transform:translate(0)}.lg\:pt-0{padding-top:0}.lg\:p-8{padding:2rem}}.transition-all{transition-property:all}.transition-colors{transition-property:color,background-color,border-color}.transition-transform{transition-property:transform}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.translate-x-0{transform:translate(0)}.translate-x-4{transform:translate(1rem)}.-translate-x-full{transform:translate(-100%)}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.command-dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:90vw;max-width:600px;max-height:50vh;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-primary);z-index:10001;animation:scaleIn .2s ease-out forwards}[cmdk-overlay]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000}[cmdk-input]{width:100%;padding:1.25rem;background:transparent;border:none;border-bottom:1px solid var(--color-border);font-size:1.1rem;color:var(--color-text-primary);outline:none;flex-shrink:0}[cmdk-list]{overflow-y:auto;overscroll-behavior:contain;padding:.5rem;scroll-padding-block-end:1rem;flex:1}[cmdk-group-heading]{padding:.75rem .75rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none}[cmdk-item]{display:flex;align-items:center;gap:.75rem;height:48px;padding:0 1rem;border-radius:var(--radius-md);font-size:.95rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);content-visibility:auto}[cmdk-item][data-selected=true]{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[cmdk-item] svg{width:20px;height:20px;opacity:.6}[cmdk-item][data-selected=true] svg{opacity:1;color:var(--color-accent)}[cmdk-empty]{padding:3rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:1rem}.login-card{width:100%;max-width:400px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;margin:0 0 .5rem;color:var(--color-text-primary)}.login-header p{color:var(--color-text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{background:var(--color-error-bg);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;text-align:center;border:1px solid var(--color-error)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input{padding:.875rem 1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{margin-top:.5rem;padding:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;background:var(--color-accent);color:var(--color-carbon-black);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.login-button:hover:not(:disabled){background:var(--color-accent-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-loading{color:var(--color-text-secondary);font-size:1.125rem}.entries-chart-container{position:relative;height:200px;width:100%;padding:1rem 0 2rem 2rem;display:flex;flex-direction:column}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:100%;width:100%;gap:4px;border-bottom:1px solid var(--color-border)}.chart-column-wrapper{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.chart-column{width:80%;max-width:12px;background:var(--color-accent);border-radius:4px 4px 0 0;transition:all .3s ease;opacity:.6;position:relative;min-height:4px}.chart-column:hover{opacity:1;transform:scaleY(1.05);box-shadow:0 0 10px var(--color-accent-glow)}.column-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--color-bg-primary);border:1px solid var(--color-border);padding:.5rem;border-radius:var(--radius-md);pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap;z-index:10;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:2px}.chart-column:hover .column-tooltip{opacity:1}.tooltip-date{font-size:.7rem;color:var(--color-text-muted)}.tooltip-count{font-size:.8rem;font-weight:700;color:var(--color-text-primary)}.column-label{margin-top:6px;font-size:.65rem;color:var(--color-text-muted);text-align:center}.chart-axis-y{position:absolute;left:0;top:1rem;bottom:2rem;display:flex;flex-direction:column;justify-content:space-between;font-size:.7rem;color:var(--color-text-muted);padding-right:.5rem;border-right:1px dashed var(--color-divider)}.dashboard{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end}.dashboard-header h1{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.dashboard-date{color:var(--color-text-muted);font-size:.9rem;text-transform:capitalize}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.stat-icon-wrapper{width:48px;height:48px;border-radius:12px;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-fast)}.stat-card:hover .stat-icon-wrapper{opacity:.9;transform:scale(1.05)}.stat-card:hover .stat-icon-wrapper.success{background:#22c55e26}.stat-card:hover .stat-icon-wrapper.warning{background:#eab30826}.stat-card:hover .stat-icon-wrapper.error{background:#ef444426}.stat-icon-wrapper.success{background:#22c55e1a;color:var(--color-success)}.stat-icon-wrapper.warning{background:#eab3081a;color:var(--color-warning)}.stat-icon-wrapper.error{background:#ef44441a;color:var(--color-error)}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2;font-family:var(--font-body);letter-spacing:-.02em}.stat-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.dashboard-main-columns{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:1024px){.dashboard-main-columns{grid-template-columns:1fr}}.dashboard-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.1rem;font-weight:600;margin:0}.metric-badge{display:flex;align-items:center;gap:.5rem;background:var(--color-bg-tertiary);padding:.4rem .8rem;border-radius:999px;font-size:.85rem;color:var(--color-text-secondary)}.dashboard-side{display:flex;flex-direction:column;gap:1.5rem}.metric-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.metric-header h3{font-size:1rem;margin:0;font-weight:500;color:var(--color-text-secondary)}.metric-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-body);letter-spacing:-.02em;margin-bottom:.5rem}.metric-secondary{font-size:.85rem;color:var(--color-text-muted)}.quick-actions-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.quick-actions-card h3{font-size:1rem;margin:0 0 1rem;color:var(--color-text-primary)}.actions-list{display:flex;flex-direction:column;gap:.8rem}.quick-action-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:.8rem 1rem;background:var(--color-bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;text-align:left}.quick-action-btn:hover{background:var(--color-bg-primary);border-color:var(--color-accent);transform:translate(4px)}.action-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff0d;color:var(--color-text-secondary)}.quick-action-btn:hover .action-icon{color:var(--color-accent);background:#f5b4001a}.skeleton{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);animation:shimmer 2s infinite linear;background:linear-gradient(90deg,var(--bg-tertiary) 0px,var(--bg-elevated) 40px,var(--bg-tertiary) 80px);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.members-page{max-width:1200px}.members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:baseline;gap:.75rem}.header-title h1{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.member-count{font-size:.8rem;color:var(--color-text-muted);padding:.25rem .625rem;background:var(--color-bg-tertiary);border-radius:9999px}.btn-filter{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-filter:hover,.btn-filter.active{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-accent)}.btn-icon{padding:.5rem;background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-secondary)}.btn-icon:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.members-toolbar{display:flex;gap:.75rem;margin-bottom:1rem}.search-box{flex:1;max-width:400px;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.search-box:focus-within{border-color:var(--color-accent)}.search-box svg{color:var(--color-text-muted);flex-shrink:0}.search-box:focus-within svg{color:var(--color-accent)}.search-box input{flex:1;border:none;background:none;color:var(--color-text-primary);font-size:.875rem;outline:none}.search-box input::-moz-placeholder{color:var(--color-text-muted)}.search-box input::placeholder{color:var(--color-text-muted)}.filters-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-buttons button{padding:.5rem 1rem;font-size:.8rem;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-buttons button:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.filter-buttons button.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-carbon-black);font-weight:600}.members-table-wrapper{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:relative}.loading-overlay{position:absolute;top:0;right:0;padding:.5rem;background:#fffc;border-radius:0 0 0 8px;z-index:10;color:var(--color-accent)}.members-table{width:100%;border-collapse:collapse}.members-table th{padding:.875rem 1rem;text-align:left;font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.members-table td{padding:.875rem 1rem;font-size:.875rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.members-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.members-table tbody tr:hover{background:var(--color-bg-tertiary)}.members-table tbody tr:last-child td{border-bottom:none}.member-name{display:flex;align-items:center;gap:.75rem}.avatar{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-carbon-black);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.days-left{font-size:.75rem;color:var(--color-text-muted);margin-left:.25rem}.text-error{color:var(--color-error)!important}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.7rem;font-weight:500;border-radius:9999px}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;color:var(--color-text-secondary);font-size:.875rem}.loading-state,.empty-state,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--color-text-secondary)}.empty-state svg{color:var(--color-text-muted);margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--color-text-primary);font-weight:600}.empty-state p{margin:0 0 1.5rem;max-width:300px}.error-message{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-lg);margin:2rem 0}.error-message p{margin:0 0 1rem;color:var(--color-error)}.error-message button{padding:.5rem 1rem;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500}@media(max-width:768px){.members-header{flex-direction:column;align-items:stretch}.members-toolbar{flex-direction:column}.search-box{max-width:none}.members-table-wrapper{overflow-x:auto}.members-table{min-width:600px}}.member-form-page{max-width:800px}.form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.form-header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.member-form{display:flex;flex-direction:column;gap:1.5rem}.form-error{background:var(--color-error-bg);color:var(--color-error);padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-error);font-size:.875rem}.form-section h2{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.form-section h2+.form-row,.form-section h2+.form-group{margin-top:1.5rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;font-size:.875rem;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--color-text-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}@media(max-width:600px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.member-detail{max-width:1000px}.member-detail.loading,.member-detail.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-secondary);gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-back:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-primary{background:var(--color-accent);color:var(--color-carbon-black);border-color:var(--color-accent);font-weight:600}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.profile-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;text-align:center;margin-bottom:1.5rem}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--color-accent);color:var(--color-carbon-black);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto 1rem}.profile-name{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.profile-dni{margin:0 0 1rem;color:var(--color-text-muted);font-size:.875rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.8rem;font-weight:600}.status-badge.success{background:var(--color-success-bg);color:var(--color-success)}.status-badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.error{background:var(--color-error-bg);color:var(--color-error)}.status-badge.neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.days-info{opacity:.8;margin-left:.25rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.info-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.info-section h2{margin:0 0 1rem;font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.info-list{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--color-text-primary)}.info-item svg{color:var(--color-accent);flex-shrink:0;opacity:.8}.info-item a{color:var(--color-accent);text-decoration:none}.info-item a:hover{text-decoration:underline}.membership-info{display:flex;flex-direction:column;gap:.5rem}.membership-plan{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.membership-dates{display:flex;gap:1rem;font-size:.8rem;color:var(--color-text-secondary)}.membership-amount{font-size:.875rem;color:var(--color-success);font-weight:600}.note-block{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-divider)}.note-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.note-block h3{margin:0 0 .375rem;font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.note-block p{margin:0;font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.activity-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.activity-section h2{margin:0 0 1rem;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem}.activity-section h2 svg{color:var(--color-accent)}.activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.activity-list li{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color-text-primary);padding:.5rem 0;border-bottom:1px solid var(--color-divider)}.activity-list li:last-child{border-bottom:none}.payment-amount{font-weight:600;color:var(--color-success)}.no-activity{margin:0;font-size:.875rem;color:var(--color-text-muted);font-style:italic;text-align:center;padding:1rem 0}.routine-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1.5rem}.routine-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.routine-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.routine-header h2 svg{color:var(--color-accent)}.routine-preview{display:flex;flex-direction:column;gap:1rem}.routine-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.routine-info .routine-description{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-muted)}.routine-days-count{font-size:.75rem;color:var(--color-text-muted)}.routine-days-preview{display:flex;gap:.5rem;flex-wrap:wrap}.routine-day-chip{display:flex;flex-direction:column;padding:.5rem .75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.routine-day-chip strong{font-size:.8rem;color:var(--color-text-primary)}.routine-day-chip span{font-size:.7rem;color:var(--color-text-muted)}.routine-day-chip.more{justify-content:center;align-items:center;font-size:.75rem;color:var(--color-text-muted)}.no-routine{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--color-text-muted);text-align:center}.no-routine svg{opacity:.5}.no-routine p{margin:0;font-size:.875rem}@media(max-width:600px){.detail-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.header-actions .btn{width:100%;justify-content:center}.info-grid,.activity-grid{grid-template-columns:1fr}.profile-card{padding:1.5rem}.profile-avatar{width:64px;height:64px;font-size:1.5rem}.profile-name{font-size:1.25rem}}.payment-form-page{max-width:600px;margin:0 auto}.plan-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.plan-option{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all var(--transition-fast);text-align:left;height:100%;display:flex;flex-direction:column}.plan-option:hover{border-color:var(--color-text-secondary)}.plan-option.selected{background:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.plan-option h4{margin:0 0 .5rem;color:var(--color-text-primary);font-size:1rem}.plan-option .price{font-size:1.25rem;font-weight:700;color:var(--color-accent);margin-bottom:.25rem}.plan-option .duration{font-size:.75rem;color:var(--color-text-muted)}.payment-summary{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:1.5rem;margin-top:1.5rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-secondary)}.summary-row.total{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--color-border);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.summary-row.total span:last-child{color:var(--color-accent)}.method-grid{display:flex;gap:.5rem;flex-wrap:wrap}.method-chip{padding:.5rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:9999px;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.method-chip.selected{background:var(--color-accent);color:var(--color-carbon-black);border-color:var(--color-accent);font-weight:600}.range-group{display:flex;gap:1rem}.range-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.range-option input[type=radio]{accent-color:var(--color-accent)}.settings-page{max-width:900px}.settings-header{margin-bottom:2rem}.settings-header h1{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.settings-subtitle{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.settings-section h2{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.section-description{margin:0 0 1.5rem;font-size:.8rem;color:var(--color-text-muted)}.settings-section h2+.form-row,.settings-section h2+.logo-upload-section{margin-top:1.5rem}.logo-upload-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.logo-preview-container{display:flex;justify-content:center;align-items:center;height:150px;background:var(--color-bg-tertiary);border:2px dashed var(--color-border);border-radius:var(--radius-md);overflow:hidden}.logo-preview{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-muted)}.logo-placeholder svg{opacity:.5}.logo-upload-controls{display:flex;gap:.75rem;flex-wrap:wrap}.help-text{margin:0;font-size:.75rem;color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-group:last-child{margin-bottom:0}.form-group label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group select{padding:.75rem 1rem;font-size:.875rem;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent)}.form-group input::-moz-placeholder{color:var(--color-text-muted)}.form-group input::placeholder{color:var(--color-text-muted)}.form-group select{cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-primary{background:var(--color-accent);color:var(--color-carbon-black);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.btn:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin .8s linear infinite}@media(max-width:600px){.form-row{grid-template-columns:1fr}.logo-upload-controls{flex-direction:column}.logo-upload-controls .btn{width:100%}}.checkin-form{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);width:100%;max-width:520px;animation:formSlideUp .5s ease-out}@keyframes formSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.checkin-form__label{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.checkin-form__input-wrapper{width:100%;position:relative}.checkin-form__input{width:100%;padding:var(--spacing-xl) var(--spacing-2xl);font-family:var(--font-body);font-size:var(--font-size-4xl);font-weight:700;text-align:center;letter-spacing:.15em;border:2px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-normal);caret-color:var(--color-yellow-primary)}.checkin-form__input:hover{border-color:var(--color-gray-cement)}.checkin-form__input:focus{outline:none;border-color:var(--color-yellow-primary);box-shadow:var(--shadow-yellow)}.checkin-form__input::-moz-placeholder{color:var(--text-muted);font-weight:400;letter-spacing:.1em}.checkin-form__input::placeholder{color:var(--text-muted);font-weight:400;letter-spacing:.1em}.checkin-form__input:disabled{opacity:.5;cursor:not-allowed}.checkin-form__input:focus:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-yellow-primary);animation:scanLine 2s linear infinite}@keyframes scanLine{0%,to{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.checkin-form__button{width:100%;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--color-carbon-black);background:var(--color-yellow-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;min-height:72px;position:relative;overflow:hidden}.checkin-form__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.checkin-form__button:hover:not(:disabled):before{left:100%}.checkin-form__button:hover:not(:disabled){background:var(--color-yellow-dark);box-shadow:var(--shadow-yellow);transform:translateY(-2px)}.checkin-form__button:active:not(:disabled){transform:translateY(0);box-shadow:none}.checkin-form__button:disabled{opacity:.4;cursor:not-allowed;transform:none}.checkin-form__loader{width:28px;height:28px;border:3px solid rgba(0,0,0,.18);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkin-form__hint{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}.checkin-form__hint kbd{display:inline-block;padding:2px 6px;font-family:var(--font-body);font-size:var(--font-size-sm);background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary)}.result-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-3xl) var(--spacing-2xl);border-radius:var(--radius-lg);cursor:pointer;min-height:350px;width:100%;max-width:480px;text-align:center;position:relative;overflow:hidden;animation:cardReveal .4s cubic-bezier(.16,1,.3,1)}@keyframes cardReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;animation:scanPulse 2s ease-in-out infinite}.result-card--success{background:var(--bg-secondary);border:3px solid var(--color-success);color:var(--text-primary);box-shadow:0 0 40px #22c55e26}.result-card--success:before{background:var(--color-success)}.result-card--error{background:var(--bg-secondary);border:3px solid var(--color-error);color:var(--text-primary);box-shadow:0 0 40px #ef444426}.result-card--error:before{background:var(--color-error)}.result-card--warning{background:var(--bg-secondary);border:3px solid #f59e0b;color:var(--text-primary);box-shadow:0 0 40px #f59e0b26}.result-card--warning:before{background:#f59e0b}.result-card--warning .result-card__icon{background:#f59e0b26;border:2px solid #f59e0b;color:#f59e0b}.result-card--warning .result-card__status{background:#f59e0b26;color:#f59e0b}@keyframes scanPulse{0%,to{opacity:.3;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}.result-card__icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;animation:iconPop .5s cubic-bezier(.34,1.56,.64,1)}.result-card--success .result-card__icon{background:#22c55e26;border:2px solid var(--color-success);color:var(--color-success)}.result-card--error .result-card__icon{background:#ef444426;border:2px solid var(--color-error);color:var(--color-error)}@keyframes iconPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.result-card__icon svg{width:48px;height:48px;stroke-width:2.5}.result-card__name{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:400;letter-spacing:.05em;text-transform:uppercase;margin:0;animation:textSlide .4s ease-out .2s backwards}@keyframes textSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card__message{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;max-width:300px;animation:textSlide .4s ease-out .3s backwards}.result-card__status{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);animation:textSlide .4s ease-out .4s backwards}.result-card--success .result-card__status{background:#22c55e26;color:var(--color-success)}.result-card--error .result-card__status{background:#ef444426;color:var(--color-error)}.result-card__hint{position:absolute;bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-muted);animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.result-card:hover{transform:scale(1.01);transition:transform var(--transition-normal)}.result-card:hover .result-card__hint{color:var(--text-secondary)}@media(max-width:480px){.result-card{padding:var(--spacing-2xl) var(--spacing-lg);min-height:300px}.result-card__icon{width:80px;height:80px}.result-card__icon svg{width:36px;height:36px}.result-card__name{font-size:var(--font-size-xl)}}.theme-toggle{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:100;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:var(--bg-secondary);border:2px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{border-color:var(--color-yellow-primary);background:var(--bg-elevated);box-shadow:var(--shadow-yellow);transform:translateY(-2px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle__icon{width:22px;height:22px;transition:transform var(--transition-normal)}.theme-toggle:hover .theme-toggle__icon{transform:rotate(15deg);color:var(--color-yellow-primary)}@media(max-width:480px){.theme-toggle{top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px}.theme-toggle__icon{width:18px;height:18px}}.kiosk-button{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;border:none;background:var(--bg-elevated);color:var(--text-secondary);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:12px;transition:all .2s ease;z-index:100}.kiosk-button:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.05)}.kiosk-button:active{transform:scale(.95)}.kiosk-button svg{width:100%;height:100%}@media(max-width:400px){.kiosk-button{display:none}}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);position:relative;overflow:hidden}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(-500px,-500px)}}.app:before{content:"";position:absolute;inset:-500px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200' fill='none' stroke='%23F5B400' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.15'%3E%3C!-- Dumbbell (top-left) --%3E%3Cg transform='translate(15, 15)'%3E%3Cpath d='M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z'/%3E%3Cpath d='m2.5 21.5 1.4-1.4'/%3E%3Cpath d='m20.1 3.9 1.4-1.4'/%3E%3Cpath d='M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z'/%3E%3Cpath d='m9.6 14.4 4.8-4.8'/%3E%3C/g%3E%3C!-- Biceps (top-right) --%3E%3Cg transform='translate(115, 15)'%3E%3Cpath d='M12.409 13.017A5 5 0 0 1 22 15c0 3.866-4 7-9 7-4.077 0-8.153-.82-10.371-2.462-.426-.316-.631-.832-.62-1.362C2.118 12.723 2.627 2 10 2a3 3 0 0 1 3 3 2 2 0 0 1-2 2c-1.105 0-1.64-.444-2-1'/%3E%3Cpath d='M15 14a5 5 0 0 0-7.584 2'/%3E%3Cpath d='M9.964 6.825C8.019 7.977 9.5 13 8 15'/%3E%3C/g%3E%3C!-- Trophy (bottom-left) --%3E%3Cg transform='translate(15, 115)'%3E%3Cpath d='M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978'/%3E%3Cpath d='M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978'/%3E%3Cpath d='M18 9h1.5a1 1 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z'/%3E%3Cpath d='M6 9H4.5a1 1 0 0 1 0-5H6'/%3E%3C/g%3E%3C!-- Medal (bottom-right) --%3E%3Cg transform='translate(115, 115)'%3E%3Cpath d='M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15'/%3E%3Cpath d='M11 12 5.12 2.2'/%3E%3Cpath d='m13 12 5.88-9.8'/%3E%3Cpath d='M8 7h8'/%3E%3Ccircle cx='12' cy='17' r='5'/%3E%3Cpath d='M12 18v-2h-.5'/%3E%3C/g%3E%3C/svg%3E");background-size:500px 500px;pointer-events:none;z-index:0;animation:patternMove 60s linear infinite;will-change:transform}[data-theme=light] .app:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200' fill='none' stroke='%238B7500' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.22'%3E%3C!-- Dumbbell (top-left) --%3E%3Cg transform='translate(15, 15)'%3E%3Cpath d='M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z'/%3E%3Cpath d='m2.5 21.5 1.4-1.4'/%3E%3Cpath d='m20.1 3.9 1.4-1.4'/%3E%3Cpath d='M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z'/%3E%3Cpath d='m9.6 14.4 4.8-4.8'/%3E%3C/g%3E%3C!-- Biceps (top-right) --%3E%3Cg transform='translate(115, 15)'%3E%3Cpath d='M12.409 13.017A5 5 0 0 1 22 15c0 3.866-4 7-9 7-4.077 0-8.153-.82-10.371-2.462-.426-.316-.631-.832-.62-1.362C2.118 12.723 2.627 2 10 2a3 3 0 0 1 3 3 2 2 0 0 1-2 2c-1.105 0-1.64-.444-2-1'/%3E%3Cpath d='M15 14a5 5 0 0 0-7.584 2'/%3E%3Cpath d='M9.964 6.825C8.019 7.977 9.5 13 8 15'/%3E%3C/g%3E%3C!-- Trophy (bottom-left) --%3E%3Cg transform='translate(15, 115)'%3E%3Cpath d='M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978'/%3E%3Cpath d='M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978'/%3E%3Cpath d='M18 9h1.5a1 1 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z'/%3E%3Cpath d='M6 9H4.5a1 1 0 0 1 0-5H6'/%3E%3C/g%3E%3C!-- Medal (bottom-right) --%3E%3Cg transform='translate(115, 115)'%3E%3Cpath d='M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15'/%3E%3Cpath d='M11 12 5.12 2.2'/%3E%3Cpath d='m13 12 5.88-9.8'/%3E%3Cpath d='M8 7h8'/%3E%3Ccircle cx='12' cy='17' r='5'/%3E%3Cpath d='M12 18v-2h-.5'/%3E%3C/g%3E%3C/svg%3E")}.app__header{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);position:relative;z-index:1}.app__logo{display:flex;align-items:center;gap:var(--spacing-md);font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);animation:logoFadeIn .6s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app__logo-icon{font-size:var(--font-size-3xl);filter:drop-shadow(0 0 10px rgba(245,180,0,.5))}.app__logo-text{background:linear-gradient(135deg,var(--color-yellow-primary) 0%,var(--color-yellow-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;z-index:1}.app__error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);cursor:pointer;text-align:center;max-width:400px;transition:all var(--transition-normal)}.app__error:hover{border-color:var(--color-error-dark);box-shadow:0 0 20px #ef444433}.app__error p{font-size:var(--font-size-lg);font-weight:600}.app__error span{font-size:var(--font-size-sm);color:var(--text-secondary)}.app__footer{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg);position:relative;z-index:1}.app__footer p{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.app__footer:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:var(--color-yellow-primary);border-radius:var(--radius-sm)}@media(max-width:480px){.app__logo,.app__logo-icon{font-size:var(--font-size-2xl)}}.plans-page{max-width:1200px}.plans-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.plans-header h1{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.plan-count{font-size:.8rem;color:var(--color-text-muted);padding:.25rem .625rem;background:var(--color-bg-tertiary);border-radius:9999px;font-weight:500}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.plan-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-fast);position:relative;overflow:hidden}.plan-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-card.inactive{opacity:.7;background:var(--color-bg-primary)}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.plan-name{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-body);letter-spacing:-.01em}.plan-price{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.plan-duration{font-size:.8rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.plan-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.5;flex:1}.plan-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}.plan-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-edit{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-edit:hover{border-color:var(--color-text-secondary)}.btn-toggle{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.btn-toggle:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.btn-toggle.active{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-bg)}.status-badge{position:absolute;top:1rem;right:1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:var(--radius-sm)}.status-badge.active{color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success)}.status-badge.inactive{color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.plan-form-page{max-width:600px;margin:0 auto}.duration-presets{display:flex;gap:.5rem;margin-top:.5rem}.duration-chip{padding:.25rem .75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:9999px;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.duration-chip:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.price-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:1rem;color:var(--color-text-muted);font-weight:500}.price-input-wrapper input{padding-left:2rem;font-size:1.25rem;font-weight:600;color:var(--color-accent)}.payments-list-page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.payment-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stat-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%)}.stat-icon-wrapper{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);flex-shrink:0}.stat-icon-wrapper.success{background:#22c55e1a;border-color:#22c55e33;color:var(--color-success)}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.02em}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-body);letter-spacing:-.02em;line-height:1.1}.stat-detail{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.payments-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d}.filters-search{flex:1;min-width:300px;position:relative}.filters-search input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;transition:all var(--transition-fast)}.filters-search input:focus{background:var(--color-bg-primary);border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow);outline:none}.filters-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.filter-select{padding:.75rem 2.5rem .75rem 1rem;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);min-width:180px;cursor:pointer;font-size:.95rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;transition:all var(--transition-fast)}.filter-select:hover{border-color:var(--color-text-muted)}.filter-select:focus{border-color:var(--color-accent);outline:none}.table-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-table thead{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.admin-table th{padding:1rem 1.5rem;text-align:left;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;white-space:nowrap}.admin-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.admin-table td{padding:1.25rem 1.5rem;color:var(--color-text-primary);vertical-align:middle}.admin-table th.text-right,.admin-table td.text-right{text-align:right}.col-amount{font-weight:600;color:var(--color-success);font-family:var(--font-body);font-size:1.05rem;white-space:nowrap}.method-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:9999px;font-size:.75rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap}.method-badge svg{opacity:.7;width:14px;height:14px}.member-info-cell{display:flex;flex-direction:column;gap:.25rem}.member-name{font-weight:500;color:var(--color-text-primary)}.member-id{font-size:.75rem;color:var(--color-text-muted);font-family:monospace}.plan-info-cell{display:flex;flex-direction:column;gap:.25rem}.plan-name{color:var(--color-text-primary)}.plan-note{font-size:.75rem;color:var(--color-text-muted);max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{text-align:center;padding:4rem!important;color:var(--color-text-muted);font-style:italic}.loading-state{display:flex;justify-content:center;align-items:center;padding:4rem;color:var(--color-text-muted)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h1{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-secondary)}.expiring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;flex:1;overflow-y:auto;padding:.5rem}.expiring-column{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;min-height:400px;max-height:calc(100vh - 180px);overflow:hidden}.column-header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-tertiary)}.column-header h2{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.column-header.error h2{color:var(--color-error)}.column-header.warning h2{color:var(--color-warning)}.column-header.info h2{color:var(--color-accent)}.count-badge{background:var(--color-bg-primary);padding:.1rem .6rem;border-radius:999px;font-size:.75rem;color:var(--color-text-secondary);border:1px solid var(--color-border)}.column-content{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.expiring-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;cursor:pointer;transition:all var(--transition-fast);position:relative;border-left:3px solid transparent}.expiring-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-accent)}.expiring-card.status-error{border-left-color:var(--color-error)}.expiring-card.status-warning{border-left-color:var(--color-warning)}.expiring-card.status-info{border-left-color:var(--color-accent)}.card-header{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.member-info{flex:1;min-width:0}.member-name{font-size:.95rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.plan-badge{font-size:.7rem;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:.1rem .4rem;border-radius:4px}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.date-info{display:flex;align-items:center;gap:.4rem;color:var(--color-text-muted)}.days-badge{display:flex;align-items:center;gap:.3rem;font-weight:500;font-size:.75rem}.days-badge.status-error{color:var(--color-error)}.days-badge.status-warning{color:var(--color-warning)}.days-badge.status-info{color:var(--color-accent)}.action-hint{position:absolute;top:1rem;right:1rem;opacity:0;transition:opacity var(--transition-fast);display:flex;align-items:center;gap:.2rem;color:var(--color-accent)}.expiring-card:hover .action-hint{opacity:1}.empty-message{text-align:center;padding:2rem;color:var(--color-text-muted);font-size:.9rem;font-style:italic}.routines-page{max-width:1200px}.routines-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.routines-header h1{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.routine-count{font-size:.8rem;color:var(--color-text-muted);padding:.25rem .625rem;background:var(--color-bg-tertiary);border-radius:9999px;font-weight:500}.routines-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.filter-tabs{display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.filter-tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.filter-tab.active{color:var(--color-accent);background:var(--color-bg-tertiary)}.member-filter{flex:1;min-width:200px;max-width:300px}.member-search-wrapper svg{position:absolute;left:.75rem;color:var(--color-text-muted);pointer-events:none}.member-search-wrapper input{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary)}.member-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem;background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.selected-member-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.selected-member-chip button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:currentColor;cursor:pointer;font-size:1.25rem;line-height:1;opacity:.7}.selected-member-chip button:hover{opacity:1}.routines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.routine-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all var(--transition-fast);position:relative}.routine-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.routine-card.is-template{border-left:3px solid var(--color-accent)}.template-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-bg);padding:.25rem .5rem;border-radius:var(--radius-sm);margin-bottom:.75rem}.routine-name{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.routine-member{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.75rem}.routine-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.75rem}.routine-meta .day-type{color:var(--color-text-secondary);font-weight:500}.routine-description{font-size:.875rem;color:var(--color-text-muted);line-height:1.4;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.routine-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;color:var(--color-text-primary);margin:0 0 .5rem}.empty-state p{margin:0 0 1.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.pagination span{font-size:.875rem;color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-xl)}.modal h2{font-size:1.25rem;margin:0 0 .5rem;color:var(--color-text-primary)}.modal>p{font-size:.875rem;color:var(--color-text-muted);margin:0 0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.form-group input{width:100%;padding:.625rem .75rem;font-size:.875rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary)}.form-group input:focus{outline:none;border-color:var(--color-accent)}.help-text{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.routine-builder{margin-top:1.5rem}.empty-days{text-align:center;padding:3rem 2rem;background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.empty-days p{margin:0 0 1.5rem}.days-list{display:flex;flex-direction:column;gap:1rem}.day-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.day-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;transition:background var(--transition-fast)}.day-header:hover{background:var(--color-bg-tertiary)}.day-header-left{display:flex;align-items:center;gap:.75rem}.drag-handle{color:var(--color-text-muted);cursor:grab}.day-info{display:flex;flex-direction:column;gap:.25rem}.day-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.day-name-input{font-size:1rem;font-weight:600;color:var(--color-text-primary);background:transparent;border:none;padding:0;width:200px}.day-name-input:focus{outline:none;background:var(--color-bg-primary);padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:var(--radius-sm)}.day-name-input::-moz-placeholder{color:var(--color-text-muted);font-weight:500}.day-name-input::placeholder{color:var(--color-text-muted);font-weight:500}.exercise-count{font-size:.75rem;color:var(--color-text-muted)}.day-header-right{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted)}.day-content{padding:1rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-bg-primary)}.no-exercises{text-align:center;color:var(--color-text-muted);font-size:.875rem;padding:1rem;margin:0}.exercises-table{width:100%;border-collapse:collapse;font-size:.875rem}.exercises-table th{text-align:left;font-weight:500;color:var(--color-text-muted);padding:.5rem;border-bottom:1px solid var(--color-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.exercises-table td{padding:.625rem .5rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.exercises-table tr:last-child td{border-bottom:none}.exercises-table .editable-row{cursor:pointer;transition:background var(--transition-fast)}.exercises-table .editable-row:hover{background:var(--color-bg-tertiary)}.exercises-table .editing td{padding:.375rem .5rem}.exercises-table .editing input{width:100%;padding:.375rem .5rem;font-size:.875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary)}.exercises-table .editing input:focus{outline:none;border-color:var(--color-accent)}.exercise-name{font-weight:500;min-width:200px}.exercise-sets,.exercise-reps{width:80px;text-align:center}.exercise-notes{color:var(--color-text-muted);font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exercise-actions{width:100px;text-align:right}.exercise-actions .btn{opacity:.5}.exercises-table tr:hover .exercise-actions .btn{opacity:1}.add-exercise-form{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--color-border)}.exercise-input-row{display:flex;gap:.5rem;align-items:flex-start}.exercise-name-wrapper{position:relative;flex:1;min-width:200px}.exercise-name-wrapper input{width:100%;padding:.5rem .75rem;font-size:.875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary)}.exercise-name-wrapper input:focus{outline:none;border-color:var(--color-accent)}.sets-input,.reps-input{width:70px;padding:.5rem .75rem;font-size:.875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);text-align:center}.notes-input{flex:.5;min-width:120px;padding:.5rem .75rem;font-size:.875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary)}.sets-input:focus,.reps-input:focus,.notes-input:focus{outline:none;border-color:var(--color-accent)}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:200px;overflow-y:auto}.suggestion-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.625rem .75rem;background:none;border:none;cursor:pointer;text-align:left;font-size:.875rem;color:var(--color-text-primary);transition:background var(--transition-fast)}.suggestion-item:hover{background:var(--color-bg-tertiary)}.suggestion-item .usage-count{font-size:.7rem;color:var(--color-text-muted)}.add-day-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;margin-top:1rem;background:transparent;border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.add-day-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn-icon{padding:.375rem}@media(max-width:768px){.exercise-input-row{flex-wrap:wrap}.exercise-name-wrapper{width:100%}.sets-input,.reps-input{width:60px}.notes-input{flex:1}.exercises-table{display:block;overflow-x:auto}.exercise-notes{max-width:120px}}.routine-form-page{max-width:900px}.routine-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.routine-form-header h1{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.header-actions{display:flex;gap:.75rem}.routine-form-content{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.form-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.form-section h2 svg{color:var(--color-accent)}.form-grid{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group>label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input[type=text],.form-group input[type=number],.form-group textarea{padding:.75rem 1rem;font-size:.9375rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:80px}.help-text{font-size:.75rem;color:var(--color-text-muted)}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-option:hover{border-color:var(--color-text-muted)}.radio-option.selected{border-color:var(--color-accent);background:var(--color-accent-bg)}.radio-option input[type=radio]{margin-top:.25rem;accent-color:var(--color-accent)}.radio-label{display:flex;flex-direction:column;gap:.25rem}.radio-label strong{color:var(--color-text-primary);font-weight:500}.radio-label small{color:var(--color-text-muted);font-size:.8rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.checkbox-label:hover{border-color:var(--color-text-muted)}.checkbox-label input[type=checkbox]{accent-color:var(--color-accent);width:18px;height:18px}.checkbox-label svg{color:var(--color-accent)}.checkbox-label span{font-weight:500;color:var(--color-text-primary)}.member-search-wrapper{position:relative;display:flex;align-items:center}.member-search-wrapper svg{position:absolute;left:1rem;color:var(--color-text-muted);pointer-events:none}.member-search-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.9375rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary)}.member-search-wrapper input:focus{outline:none;border-color:var(--color-accent)}.member-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:200px;overflow-y:auto}.member-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.member-option:hover{background:var(--color-bg-tertiary)}.member-option .member-name{font-weight:500;color:var(--color-text-primary)}.member-option .member-dni{font-size:.75rem;color:var(--color-text-muted)}.selected-member-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);font-weight:500}.selected-member-display button{margin-left:auto;background:none;border:none;color:currentColor;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.7}.selected-member-display button:hover{opacity:1}.info-box{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);padding:1rem 1.25rem}.info-box p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.info-box strong{color:var(--color-text-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--color-text-muted)}.btn-danger.btn-ghost{color:var(--color-error);background:transparent;border:1px solid transparent}.btn-danger.btn-ghost:hover{background:var(--color-error-bg);border-color:var(--color-error)}@media(max-width:640px){.routine-form-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.radio-group{gap:.5rem}.radio-option{padding:.75rem}}