@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Work+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Rubik:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";@layer properties,base,components,utilities;@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-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--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);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--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;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)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%;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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family-primary,system-ui,sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{min-height:100vh}html,body{font-family:var(--font-family-primary,system-ui,-apple-system,sans-serif)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading,var(--font-family-primary,system-ui,-apple-system,sans-serif))}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.top-0\.5{top:calc(var(--spacing)*.5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.-right-2{right:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-2\.5{left:calc(var(--spacing)*2.5)}.left-3{left:calc(var(--spacing)*3)}.z-0{z-index:0}.z-10{z-index:10}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-0\.5{margin-right:calc(var(--spacing)*.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-2\.5{margin-right:calc(var(--spacing)*2.5)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-2\.5{margin-left:calc(var(--spacing)*2.5)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-auto{height:auto}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[calc\(90vh-120px\)\]{max-height:calc(90vh - 120px)}.min-h-\[32px\]{min-height:32px}.min-h-\[36px\]{min-height:36px}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-8{width:calc(var(--spacing)*8)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[100px\]{max-width:100px}.max-w-\[120px\]{max-width:120px}.max-w-\[140px\]{max-width:140px}.max-w-\[200px\]{max-width:200px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-12{gap:calc(var(--spacing)*12)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-\[var\(--input-bg\)\]{background-color:var(--input-bg)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black)0%,transparent)}}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-transparent{background-color:#0000}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.stroke-current{stroke:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.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-8{padding-inline:calc(var(--spacing)*8)}.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{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-3{padding-left:calc(var(--spacing)*3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.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-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[var\(--font-family-heading\)\]{--tw-font-weight:var(--font-family-heading);font-weight:var(--font-family-heading)}.font-\[var\(--font-family-primary\)\]{--tw-font-weight:var(--font-family-primary);font-weight:var(--font-family-primary)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--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)}.shadow-\[0_0_0_3px_var\(--bg-accent\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--bg-accent));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--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)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);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,)}.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,-webkit-backdrop-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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-\[var\(--color-accent-hover\)\]:hover{border-color:var(--color-accent-hover)}.hover\:bg-\[var\(--color-accent-hover\)\]:hover{background-color:var(--color-accent-hover)}.hover\:bg-\[var\(--color-error\)\]:hover{background-color:var(--color-error)}.hover\:bg-black\/30:hover{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/30:hover{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\:flex-1{flex:1}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:items-stretch{align-items:stretch}.sm\:gap-8{gap:calc(var(--spacing)*8)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:64rem){.lg\:flex{display:flex}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}@media(min-width:40rem){.sm\:\[\&\>\*\]\:w-full>*{width:100%}}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media(max-width:640px){.mobile-hidden{display:none}}@media(min-width:641px){.desktop-hidden{display:none}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-hover:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-on-accent{color:var(--text-on-accent)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-accent{background-color:var(--bg-accent)}.bg-overlay{background-color:var(--bg-overlay)}.border-subtle{border-color:var(--border-subtle)}.border-accent{border-color:var(--border-accent)}.border-strong{border-color:var(--border-strong)}.shadow-theme-sm{box-shadow:var(--shadow-sm)}.shadow-theme-md{box-shadow:var(--shadow-md)}.shadow-theme-lg{box-shadow:var(--shadow-lg)}.shadow-theme-xl{box-shadow:var(--shadow-xl)}.input-bg{background-color:var(--input-bg)}.input-border{border-color:var(--input-border)}.input-border-focus{border-color:var(--input-border-focus)}.input-text{color:var(--input-text)}.input-placeholder{color:var(--input-placeholder)}.card-bg{background-color:var(--card-bg)}.card-border{border-color:var(--card-border)}.card-shadow{box-shadow:var(--card-shadow)}.link-color{color:var(--link-color)}.link-color-hover:hover{color:var(--link-color-hover)}.alert-bg{background-color:var(--alert-bg)}.alert-border{border-color:var(--alert-border)}.alert-shadow{box-shadow:var(--alert-shadow)}.color-accent{color:var(--color-accent)}.bg-color-accent{background-color:var(--color-accent)}.border-color-accent{border-color:var(--color-accent)}.color-success{color:var(--color-success)}.bg-color-success{background-color:var(--color-success)}.border-color-success{border-color:var(--color-success)}.color-error{color:var(--color-error)}.bg-color-error{background-color:var(--color-error)}.border-color-error{border-color:var(--color-error)}.color-warning{color:var(--color-warning)}.bg-color-warning{background-color:var(--color-warning)}.border-color-warning{border-color:var(--color-warning)}.color-info{color:var(--color-info)}.bg-color-info{background-color:var(--color-info)}.border-color-info{border-color:var(--color-info)}}:root{--color-accent:transparent;--color-accent-hover:transparent;--color-success:transparent;--color-error:transparent;--color-warning:transparent;--color-info:transparent;--glass-bg:transparent;--glass-bg-hover:transparent;--glass-modal-bg:transparent;--glass-blur:10px;--glass-border:transparent;--glass-border-hover:transparent;--glass-shadow:transparent;--text-primary:transparent;--text-secondary:transparent;--text-on-accent:transparent;--text-muted:transparent;--bg-primary:transparent;--bg-secondary:transparent;--bg-accent:transparent;--bg-overlay:transparent;--border-subtle:transparent;--border-accent:transparent;--border-strong:transparent;--shadow-sm:transparent;--shadow-md:transparent;--shadow-lg:transparent;--shadow-xl:transparent;--input-bg:transparent;--input-border:transparent;--input-border-focus:transparent;--input-text:transparent;--input-placeholder:transparent;--card-bg:transparent;--card-border:transparent;--card-shadow:transparent;--link-color:transparent;--link-color-hover:transparent;--alert-bg:transparent;--alert-border:transparent;--alert-shadow:transparent;--strength-weak:transparent;--strength-medium:transparent;--strength-strong:transparent;--font-family-primary:system-ui,-apple-system,sans-serif;--font-family-heading:system-ui,-apple-system,sans-serif;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}*{transition:background-color .3s,color .3s,border-color .3s}[data-theme=sunrise-momentum]{--color-accent:#ff8c42;--color-accent-hover:#ff6b1a;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--glass-bg:#ffb88c26;--glass-bg-hover:#ffb88c33;--glass-modal-bg:#ffb88cbf;--glass-blur:10px;--glass-border:#ff8c424d;--glass-border-hover:#ff8c4266;--glass-shadow:#ff8c421a;--text-primary:#2c1810;--text-secondary:#5c3d2e;--text-on-accent:#fff;--text-muted:#8b6f5f;--bg-primary:#fff8f0;--bg-secondary:#ffe5d4;--bg-accent:#ff8c421a;--bg-overlay:#ff8c4233;--border-subtle:#ff8c4226;--border-accent:#ff8c4280;--border-strong:#ff8c4266;--shadow-sm:0 1px 2px #ff8c421a;--shadow-md:0 4px 6px #ff8c4226;--shadow-lg:0 10px 15px #ff8c4233;--shadow-xl:0 20px 25px #ff8c4240;--input-bg:#fff9;--input-border:#ff8c424d;--input-border-focus:#ff8c4299;--input-text:#2c1810;--input-placeholder:#8b6f5f;--card-bg:#ffffff80;--card-border:#ff8c4233;--card-shadow:0 8px 32px #ff8c4226;--link-color:#ff8c42;--link-color-hover:#ff6b1a;--alert-bg:#ffffffb3;--alert-border:#ff8c424d;--alert-shadow:0 8px 32px #ff8c4233;--strength-weak:#ef4444;--strength-medium:#f59e0b;--strength-strong:#10b981}[data-theme=midnight-focus]{--color-accent:#00d9ff;--color-accent-hover:#00b8d4;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#00d9ff;--glass-bg:#00d9ff14;--glass-bg-hover:#00d9ff1f;--glass-modal-bg:#00d9ffbf;--glass-blur:10px;--glass-border:#00d9ff40;--glass-border-hover:#00d9ff59;--glass-shadow:#00d9ff26;--text-primary:#e8f4f8;--text-secondary:#b0d4e0;--text-on-accent:#0a1628;--text-muted:#7a9ba8;--bg-primary:#0a1628;--bg-secondary:#1a2332;--bg-accent:#00d9ff1a;--bg-overlay:#0009;--border-subtle:#00d9ff26;--border-accent:#00d9ff80;--border-strong:#00d9ff66;--shadow-sm:0 1px 2px #00d9ff33;--shadow-md:0 4px 6px #00d9ff40;--shadow-lg:0 10px 15px #00d9ff4d;--shadow-xl:0 20px 25px #00d9ff59;--input-bg:#1e3a5f4d;--input-border:#00d9ff4d;--input-border-focus:#00d9ff99;--input-text:#e8f4f8;--input-placeholder:#7a9ba8;--card-bg:#00d9ff0f;--card-border:#00d9ff33;--card-shadow:0 8px 32px #00d9ff33;--link-color:#00d9ff;--link-color-hover:#4dd0e1;--alert-bg:#00d9ff1a;--alert-border:#00d9ff4d;--alert-shadow:0 8px 32px #00d9ff40;--strength-weak:#ef4444;--strength-medium:#f59e0b;--strength-strong:#10b981}[data-theme=forest-path]{--color-accent:#5b8e3d;--color-accent-hover:#4a7c2f;--color-success:#5b8e3d;--color-error:#c85a3d;--color-warning:#d4a574;--color-info:#6b8e5a;--glass-bg:#8fb5731f;--glass-bg-hover:#8fb5732e;--glass-modal-bg:#8fb573bf;--glass-blur:10px;--glass-border:#5b8e3d4d;--glass-border-hover:#5b8e3d66;--glass-shadow:#5b8e3d1a;--text-primary:#2d2416;--text-secondary:#5c4a35;--text-on-accent:#fff;--text-muted:#8b7a65;--bg-primary:#f5f1e8;--bg-secondary:#e8e0d1;--bg-accent:#5b8e3d1a;--bg-overlay:#8b6f4733;--border-subtle:#5b8e3d33;--border-accent:#5b8e3d80;--border-strong:#5b8e3d66;--shadow-sm:0 1px 2px #5b8e3d26;--shadow-md:0 4px 6px #5b8e3d33;--shadow-lg:0 10px 15px #5b8e3d40;--shadow-xl:0 20px 25px #5b8e3d4d;--input-bg:#fff9;--input-border:#5b8e3d4d;--input-border-focus:#5b8e3d99;--input-text:#2d2416;--input-placeholder:#8b7a65;--card-bg:#ffffff80;--card-border:#5b8e3d33;--card-shadow:0 8px 32px #5b8e3d26;--link-color:#5b8e3d;--link-color-hover:#4a7c2f;--alert-bg:#ffffffb3;--alert-border:#5b8e3d4d;--alert-shadow:0 8px 32px #5b8e3d33;--strength-weak:#c85a3d;--strength-medium:#d4a574;--strength-strong:#5b8e3d}[data-theme=ocean-flow]{--color-accent:#2e86ab;--color-accent-hover:#1e5f7a;--color-success:#2e86ab;--color-error:#e63946;--color-warning:#f77f00;--color-info:#4ecdc4;--glass-bg:#6bb6d626;--glass-bg-hover:#6bb6d633;--glass-modal-bg:#6bb6d6bf;--glass-blur:10px;--glass-border:#2e86ab4d;--glass-border-hover:#2e86ab66;--glass-shadow:#2e86ab1a;--text-primary:#1a2e3a;--text-secondary:#4a6b7a;--text-on-accent:#fff;--text-muted:#7a9ba8;--bg-primary:#f0f7fa;--bg-secondary:#e0edf2;--bg-accent:#2e86ab1a;--bg-overlay:#2e86ab33;--border-subtle:#2e86ab33;--border-accent:#2e86ab80;--border-strong:#2e86ab66;--shadow-sm:0 1px 2px #2e86ab1a;--shadow-md:0 4px 6px #2e86ab26;--shadow-lg:0 10px 15px #2e86ab33;--shadow-xl:0 20px 25px #2e86ab40;--input-bg:#fff9;--input-border:#2e86ab4d;--input-border-focus:#2e86ab99;--input-text:#1a2e3a;--input-placeholder:#7a9ba8;--card-bg:#ffffff80;--card-border:#2e86ab33;--card-shadow:0 8px 32px #2e86ab26;--link-color:#2e86ab;--link-color-hover:#1e5f7a;--alert-bg:#ffffffb3;--alert-border:#2e86ab4d;--alert-shadow:0 8px 32px #2e86ab33;--strength-weak:#e63946;--strength-medium:#f77f00;--strength-strong:#2e86ab}[data-theme=playground-pop]{--color-accent:#ff6b9d;--color-accent-hover:#ff4d7a;--color-success:#40e0d0;--color-error:#ff6b9d;--color-warning:#ffd93d;--color-info:#a78bfa;--glass-bg:#ffb3d11f;--glass-bg-hover:#ffb3d12e;--glass-modal-bg:#ffb3d1bf;--glass-blur:10px;--glass-border:#ff6b9d66;--glass-border-hover:#ff6b9d80;--glass-shadow:#ff6b9d33;--text-primary:#fff;--text-secondary:#e0e0e0;--text-on-accent:#1a1a2e;--text-muted:#b0b0b0;--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-accent:#ff6b9d26;--bg-overlay:#0009;--border-subtle:#ff6b9d33;--border-accent:#ff6b9d80;--border-strong:#ff6b9d66;--shadow-sm:0 1px 2px #ff6b9d33;--shadow-md:0 4px 6px #ff6b9d40;--shadow-lg:0 10px 15px #ff6b9d4d;--shadow-xl:0 20px 25px #ff6b9d59;--input-bg:#16213e66;--input-border:#ff6b9d66;--input-border-focus:#ff6b9db3;--input-text:#fff;--input-placeholder:#b0b0b0;--card-bg:#ff6b9d14;--card-border:#ff6b9d4d;--card-shadow:0 8px 32px #ff6b9d40;--link-color:#ff6b9d;--link-color-hover:#ffb3d1;--alert-bg:#ff6b9d1a;--alert-border:#ff6b9d66;--alert-shadow:0 8px 32px #ff6b9d4d;--strength-weak:#ff6b9d;--strength-medium:#ffd93d;--strength-strong:#40e0d0}[data-theme=minimal-zen]{--color-accent:#6b7280;--color-accent-hover:#4b5563;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#6b7280;--glass-bg:#ffffffb3;--glass-bg-hover:#fffc;--glass-modal-bg:#ffffffbf;--glass-blur:10px;--glass-border:#6b728033;--glass-border-hover:#6b72804d;--glass-shadow:#6b72800d;--text-primary:#1f2937;--text-secondary:#4b5563;--text-on-accent:#fff;--text-muted:#9ca3af;--bg-primary:#fff;--bg-secondary:#f8f8f8;--bg-accent:#6b72800d;--bg-overlay:#6b72801a;--border-subtle:#6b728026;--border-accent:#6b728066;--border-strong:#6b72804d;--shadow-sm:0 1px 2px #6b72800d;--shadow-md:0 4px 6px #6b728014;--shadow-lg:0 10px 15px #6b72801a;--shadow-xl:0 20px 25px #6b72801f;--input-bg:#ffffffe6;--input-border:#6b728033;--input-border-focus:#6b728080;--input-text:#1f2937;--input-placeholder:#9ca3af;--card-bg:#fffc;--card-border:#6b728026;--card-shadow:0 8px 32px #6b728014;--link-color:#6b7280;--link-color-hover:#4b5563;--alert-bg:#ffffffbf;--alert-border:#6b728033;--alert-shadow:0 8px 32px #6b72801a;--strength-weak:#ef4444;--strength-medium:#f59e0b;--strength-strong:#10b981}[data-theme=cosmic-vision]{--color-accent:#9333ea;--color-accent-hover:#7c3aed;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#9333ea;--glass-bg:#c084fc1a;--glass-bg-hover:#c084fc26;--glass-modal-bg:#c084fcbf;--glass-blur:10px;--glass-border:#9333ea59;--glass-border-hover:#9333ea73;--glass-shadow:#9333ea33;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-on-accent:#fff;--text-muted:#94a3b8;--bg-primary:#0f0c29;--bg-secondary:#1a1538;--bg-accent:#9333ea26;--bg-overlay:#0009;--border-subtle:#9333ea33;--border-accent:#9333ea80;--border-strong:#9333ea66;--shadow-sm:0 1px 2px #9333ea33;--shadow-md:0 4px 6px #9333ea40;--shadow-lg:0 10px 15px #9333ea4d;--shadow-xl:0 20px 25px #9333ea59;--input-bg:#581c874d;--input-border:#9333ea59;--input-border-focus:#9333ea99;--input-text:#f1f5f9;--input-placeholder:#94a3b8;--card-bg:#9333ea14;--card-border:#9333ea40;--card-shadow:0 8px 32px #9333ea40;--link-color:#9333ea;--link-color-hover:#c084fc;--alert-bg:#9333ea1a;--alert-border:#9333ea59;--alert-shadow:0 8px 32px #9333ea4d;--strength-weak:#ef4444;--strength-medium:#f59e0b;--strength-strong:#10b981}[data-theme=retro-boost]{--color-accent:#d97706;--color-accent-hover:#b45309;--color-success:#0d9488;--color-error:#dc2626;--color-warning:#d97706;--color-info:#0d9488;--glass-bg:#f59e0b1a;--glass-bg-hover:#f59e0b26;--glass-modal-bg:#f59e0bbf;--glass-blur:10px;--glass-border:#d9770659;--glass-border-hover:#d9770673;--glass-shadow:#d9770633;--text-primary:beige;--text-secondary:#e0d4c8;--text-on-accent:#2d1b1e;--text-muted:#c4b5a0;--bg-primary:#2d1b1e;--bg-secondary:#3d2b2e;--bg-accent:#d9770626;--bg-overlay:#0009;--border-subtle:#d9770633;--border-accent:#d9770680;--border-strong:#d9770666;--shadow-sm:0 1px 2px #d9770633;--shadow-md:0 4px 6px #d9770640;--shadow-lg:0 10px 15px #d977064d;--shadow-xl:0 20px 25px #d9770659;--input-bg:#3d2b2e66;--input-border:#d9770659;--input-border-focus:#d9770699;--input-text:beige;--input-placeholder:#c4b5a0;--card-bg:#d9770614;--card-border:#d977064d;--card-shadow:0 8px 32px #d9770640;--link-color:#d97706;--link-color-hover:#f59e0b;--alert-bg:#d977061a;--alert-border:#d9770659;--alert-shadow:0 8px 32px #d977064d;--strength-weak:#dc2626;--strength-medium:#d97706;--strength-strong:#0d9488}[data-theme=blush-crown]{--color-accent:#ec4899;--color-accent-hover:#db2777;--color-success:#10b981;--color-error:#f43f5e;--color-warning:#f59e0b;--color-info:#c4b5fd;--glass-bg:#f9a8d426;--glass-bg-hover:#f9a8d433;--glass-modal-bg:#f9a8d4bf;--glass-blur:10px;--glass-border:#ec48994d;--glass-border-hover:#ec489966;--glass-shadow:#ec48991a;--text-primary:#4a1e3d;--text-secondary:#7a4a6b;--text-on-accent:#fff;--text-muted:#a87a9a;--bg-primary:#fff5f7;--bg-secondary:#ffebef;--bg-accent:#ec48991a;--bg-overlay:#ec489933;--border-subtle:#ec489933;--border-accent:#ec489980;--border-strong:#ec489966;--shadow-sm:0 1px 2px #ec48991a;--shadow-md:0 4px 6px #ec489926;--shadow-lg:0 10px 15px #ec489933;--shadow-xl:0 20px 25px #ec489940;--input-bg:#fff9;--input-border:#ec48994d;--input-border-focus:#ec489999;--input-text:#4a1e3d;--input-placeholder:#a87a9a;--card-bg:#ffffff80;--card-border:#ec489933;--card-shadow:0 8px 32px #ec489926;--link-color:#ec4899;--link-color-hover:#db2777;--alert-bg:#ffffffb3;--alert-border:#ec48994d;--alert-shadow:0 8px 32px #ec489933;--strength-weak:#f43f5e;--strength-medium:#f59e0b;--strength-strong:#10b981}[data-theme=lilac-daydream]{--color-accent:#b794f6;--color-accent-hover:#9f7aea;--color-success:#10b981;--color-error:#e879f9;--color-warning:#f59e0b;--color-info:#c4a5f5;--glass-bg:#c7b5f526;--glass-bg-hover:#c7b5f533;--glass-modal-bg:#c7b5f5bf;--glass-blur:10px;--glass-border:#b794f64d;--glass-border-hover:#b794f666;--glass-shadow:#b794f61a;--text-primary:#3d2a5f;--text-secondary:#5a4a7a;--text-on-accent:#fff;--text-muted:#7a6a9a;--bg-primary:#faf8ff;--bg-secondary:#f5f0ff;--bg-accent:#b794f61a;--bg-overlay:#b794f633;--border-subtle:#b794f633;--border-accent:#b794f680;--border-strong:#b794f666;--shadow-sm:0 1px 2px #b794f61a;--shadow-md:0 4px 6px #b794f626;--shadow-lg:0 10px 15px #b794f633;--shadow-xl:0 20px 25px #b794f640;--input-bg:#fff9;--input-border:#b794f64d;--input-border-focus:#b794f699;--input-text:#3d2a5f;--input-placeholder:#7a6a9a;--card-bg:#ffffff80;--card-border:#b794f633;--card-shadow:0 8px 32px #b794f626;--link-color:#b794f6;--link-color-hover:#9f7aea;--alert-bg:#ffffffb3;--alert-border:#b794f64d;--alert-shadow:0 8px 32px #b794f633;--strength-weak:#e879f9;--strength-medium:#f59e0b;--strength-strong:#10b981}[data-font=soft-modern]{--font-family-primary:"Nunito",system-ui,-apple-system,sans-serif;--font-family-heading:"Nunito",system-ui,-apple-system,sans-serif}[data-font=playful-rounded]{--font-family-primary:"Fredoka",system-ui,-apple-system,sans-serif;--font-family-heading:"Fredoka",system-ui,-apple-system,sans-serif}[data-font=elegant-serif]{--font-family-primary:"Libre Baskerville","Playfair Display",Georgia,serif;--font-family-heading:"Playfair Display","Libre Baskerville",Georgia,serif}[data-font=minimal-zen]{--font-family-primary:"Work Sans","Manrope",system-ui,-apple-system,sans-serif;--font-family-heading:"Work Sans","Manrope",system-ui,-apple-system,sans-serif}[data-font=bold-motivator]{--font-family-primary:"DM Sans","Montserrat",system-ui,-apple-system,sans-serif;--font-family-heading:"Montserrat","DM Sans",system-ui,-apple-system,sans-serif}[data-font=dreamy-script]{--font-family-primary:"Work Sans",system-ui,-apple-system,sans-serif;--font-family-heading:"Great Vibes","Work Sans",system-ui,-apple-system,sans-serif}[data-font=retro-soft]{--font-family-primary:"Quicksand","Rubik",system-ui,-apple-system,sans-serif;--font-family-heading:"Quicksand","Rubik",system-ui,-apple-system,sans-serif}[data-font=futuristic-calm]{--font-family-primary:"Space Grotesk","Outfit",system-ui,-apple-system,sans-serif;--font-family-heading:"Space Grotesk","Outfit",system-ui,-apple-system,sans-serif}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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 components{.modal-content{max-height:90vh;overflow-y:auto}.modal-content.glass{background:var(--glass-modal-bg)!important;-webkit-backdrop-filter:none;backdrop-filter:none}}@layer components;@layer components{.error-page{background:var(--bg-primary);position:relative}.error-container{animation:fadeInUp .5s ease}.error-card{text-align:center}.error-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.error-icon{color:var(--color-error);animation:shake .5s ease}.error-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;font-family:var(--font-family-heading)}.error-message{font-size:1.1rem;color:var(--text-secondary);margin:0;line-height:1.6;max-width:600px;font-family:var(--font-family-primary)}.error-details{width:100%;margin-top:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:.5rem;text-align:left}.error-details-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;font-family:var(--font-family-heading)}.error-details-content{font-size:.875rem;color:var(--text-secondary);font-family:Courier New,monospace}.error-details-message{margin:0 0 1rem;line-height:1.5}.error-stack,.error-component-stack pre{background:var(--bg-primary);padding:1rem;border-radius:.375rem;overflow-x:auto;font-size:.75rem;line-height:1.5;margin:.5rem 0;border:1px solid var(--border-subtle);white-space:pre-wrap;word-wrap:break-word}.error-component-stack{margin-top:1rem}.error-component-stack summary{cursor:pointer;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-family-primary)}.error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.error-action-button{min-width:150px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media(max-width:768px){.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-icon svg{width:60px;height:60px}.error-actions{flex-direction:column;width:100%}.error-action-button{width:100%}.error-details{padding:1rem;font-size:.75rem}}}:root{--nav-bg: rgba(255, 255, 255, .08);--nav-bg-hover: rgba(255, 255, 255, .12);--nav-border: rgba(0, 0, 0, .08);--nav-shadow: 0 2px 8px rgba(0, 0, 0, .04);--nav-transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme*=dark]{--nav-bg: rgba(0, 0, 0, .08);--nav-bg-hover: rgba(0, 0, 0, .12);--nav-border: rgba(255, 255, 255, .08)}@keyframes shine{0%{transform:translate(-100%) translateY(-50%)}to{transform:translate(100%) translateY(-50%)}}.nav{position:fixed;z-index:1000;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--nav-border);box-shadow:var(--nav-shadow);transition:var(--nav-transition);display:flex;flex-direction:column}.nav-top{top:0;left:0;right:0;height:64px;flex-direction:row;align-items:center;border-bottom:1px solid var(--nav-border);border-left:none;border-right:none;border-top:none}.nav-top.nav-collapsed{height:48px}.nav-left{top:0;left:0;bottom:0;width:280px;border-right:1px solid var(--nav-border);border-top:none;border-bottom:none}.nav-left.nav-collapsed{width:72px}.nav-right{top:0;right:0;bottom:0;width:280px;border-left:1px solid var(--nav-border);border-top:none;border-bottom:none}.nav-right.nav-collapsed{width:72px}.nav-bottom{bottom:0;left:0;right:0;height:64px;flex-direction:row;align-items:center;border-top:1px solid var(--nav-border);border-left:none;border-right:none;border-bottom:none}.nav-bottom.nav-collapsed{height:48px}.nav-items{flex:1;display:flex;gap:4px;padding:8px;overflow-y:auto;overflow-x:hidden}.nav-top .nav-items,.nav-bottom .nav-items{padding:4px;gap:2px}.nav-items-horizontal{flex-direction:row;align-items:center}.nav-items-vertical{flex-direction:column}.nav-item{position:relative;display:flex;align-items:center;padding:10px 16px;border-radius:12px;color:var(--text-primary);text-decoration:none;transition:var(--nav-transition);overflow:hidden;cursor:pointer;gap:12px;min-height:44px}.nav-item:hover{background:var(--nav-bg-hover);position:relative}.nav-item:hover:before{content:"";position:absolute;inset:-4px;border-radius:12px;background:var(--color-accent);opacity:.3;filter:blur(12px);z-index:-1;pointer-events:none}.nav-item-active{background:var(--nav-bg-hover);color:var(--color-accent)}.nav-item-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-accent);border-radius:0 2px 2px 0}.nav-top .nav-item-active:before,.nav-bottom .nav-item-active:before{left:50%;top:0;transform:translate(-50%);width:60%;height:3px;border-radius:2px 2px 0 0}.nav-bottom .nav-item-active:before{top:auto;bottom:0;border-radius:0 0 2px 2px}.nav-right .nav-item-active:before{left:auto;right:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-accent);border-radius:2px 0 0 2px}.nav-item-content{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.nav-item-icon{flex-shrink:0;transition:var(--nav-transition)}.nav-item-label{font-size:14px;font-weight:500;white-space:nowrap;transition:var(--nav-transition)}.nav-item-collapsed .nav-item-label{opacity:0;width:0;overflow:hidden}.nav-item-badge{position:absolute;top:4px;right:4px;background:var(--color-accent);color:var(--text-on-accent);font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;z-index:2;animation:badgePulse 2s ease-in-out infinite;box-shadow:0 0 8px #3b82f666}.nav-item-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:badgeShine 3s ease-in-out infinite}.nav-item-collapsed .nav-item-badge{top:2px;right:2px}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 8px #3b82f666}50%{transform:scale(1.05);box-shadow:0 0 12px #3b82f699}}@keyframes badgeShine{0%{left:-100%}50%,to{left:100%}}.nav-item-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-item:hover .nav-item-shine,.nav-item-active .nav-item-shine{opacity:1;animation:shine .6s ease-out}.nav-profile{padding:16px;border-bottom:1px solid var(--nav-border);display:flex;align-items:center;gap:12px}.nav-profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.nav-profile-info{flex:1;min-width:0}.nav-profile-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-profile-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-controls{display:flex;flex-direction:column;gap:4px;padding:8px;border-top:1px solid var(--nav-border)}.nav-top .nav-controls,.nav-bottom .nav-controls{flex-direction:row;border-top:none;border-left:1px solid var(--nav-border);padding:2px 4px;gap:2px}.nav-bottom .nav-controls{border-left:none;border-top:1px solid var(--nav-border)}.nav-collapse-button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:10px 16px;border-radius:12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:var(--nav-transition);min-height:44px;position:relative;overflow:hidden}.nav-collapse-label{font-size:14px;font-weight:500;white-space:nowrap;transition:var(--nav-transition);opacity:1;overflow:hidden}.nav-collapsed .nav-collapse-label{opacity:0;width:0;overflow:hidden}.nav-collapsed .nav-collapse-button{justify-content:center;padding:10px}.nav-collapsed .nav-collapse-button svg{width:20px;height:20px;flex-shrink:0}.nav-collapse-button:hover{background:var(--nav-bg-hover)}.nav-collapse-button:hover:before{content:"";position:absolute;inset:-4px;border-radius:12px;background:var(--color-accent);opacity:.3;filter:blur(12px);z-index:-1;pointer-events:none}.nav-top .nav-collapse-button,.nav-bottom .nav-collapse-button{width:auto;padding:6px 12px;min-height:auto;height:36px;justify-content:center}.nav-top .nav-collapse-button .nav-collapse-label,.nav-bottom .nav-collapse-button .nav-collapse-label{display:none}.nav-top .nav-collapse-button svg,.nav-bottom .nav-collapse-button svg{stroke-width:3;width:24px;height:24px}.nav-footer{padding:8px;border-top:1px solid var(--nav-border);margin-top:8px}.nav-top .nav-footer,.nav-bottom .nav-footer{padding:0 4px;margin-top:0;border-top:none;border-left:1px solid var(--nav-border);display:flex;align-items:center}.nav-bottom .nav-footer{border-left:none;border-top:1px solid var(--nav-border)}.nav-logout{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border-radius:12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:var(--nav-transition);font-size:14px;font-weight:500}.nav-logout:hover{background:var(--nav-bg-hover);color:var(--color-error)}.nav-top .nav-logout,.nav-bottom .nav-logout{width:auto;padding:6px 12px;height:36px;gap:8px}.nav-settings{position:relative;width:100%}.nav-settings .popup-trigger{display:block;width:100%}.nav-settings-trigger{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:10px 16px;border-radius:12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:var(--nav-transition);min-height:44px;position:relative;overflow:hidden}.nav-settings-trigger:hover{background:var(--nav-bg-hover)}.nav-settings-trigger:hover:before{content:"";position:absolute;inset:-4px;border-radius:12px;background:var(--color-accent);opacity:.3;filter:blur(12px);z-index:-1;pointer-events:none}.nav-settings-label{font-size:14px;font-weight:500;white-space:nowrap;transition:var(--nav-transition);opacity:1;overflow:hidden}.nav-collapsed .nav-settings-label{opacity:0;width:0;overflow:hidden}.nav-collapsed .nav-settings-trigger{justify-content:center;padding:10px}.nav-collapsed .nav-settings-trigger svg{width:20px;height:20px;flex-shrink:0}.nav-collapsed .nav-settings-chevron{display:none}.nav-top .nav-settings-trigger,.nav-bottom .nav-settings-trigger{width:auto;padding:6px 12px;min-height:auto;height:36px}.nav-settings-chevron{transition:transform .3s ease}.nav-settings-chevron-open{transform:rotate(180deg)}.nav-settings-dropdown{padding:12px;min-width:280px}.nav-settings-header{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.nav-settings-options{display:flex;flex-direction:column;gap:8px}.nav-settings-option{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--nav-transition);text-align:left}.nav-settings-option:hover{background:var(--nav-bg-hover);border-color:var(--nav-border)}.nav-settings-option-active{background:var(--nav-bg-hover);border-color:var(--color-accent)}.nav-settings-option-preview{width:48px;height:32px;border-radius:6px;background:var(--nav-bg);border:1px solid var(--nav-border);position:relative;flex-shrink:0}.nav-settings-preview-bar{position:absolute;background:var(--color-accent);border-radius:2px;opacity:.6}.nav-settings-option-preview[data-position=top] .nav-settings-preview-bar{top:4px;left:8px;right:8px;height:4px}.nav-settings-option-preview[data-position=left] .nav-settings-preview-bar{top:8px;left:4px;width:4px;bottom:8px}.nav-settings-option-preview[data-position=bottom] .nav-settings-preview-bar{bottom:4px;left:8px;right:8px;height:4px}.nav-settings-option-preview[data-position=right] .nav-settings-preview-bar{top:8px;right:4px;width:4px;bottom:8px}.nav-settings-option-info{flex:1;min-width:0}.nav-settings-option-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.nav-settings-option-description{font-size:12px;color:var(--text-muted)}@media(max-width:768px){.nav{display:none}.nav-mobile-button{position:fixed;width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:var(--text-on-accent);border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;transition:var(--nav-transition)}.nav-mobile-button-top-left{top:24px;left:24px}.nav-mobile-button-top-right{top:24px;right:24px}.nav-mobile-button-bottom-left{bottom:24px;left:24px}.nav-mobile-button-bottom-right{bottom:24px;right:24px}.nav-mobile-button-bottom-center{bottom:24px;left:50%;transform:translate(-50%)}.nav-mobile-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.nav-mobile-button-bottom-center:hover{transform:translate(-50%) scale(1.05)}.nav-mobile-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000}.nav-mobile-sheet{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--nav-border);border-radius:24px 24px 0 0;box-shadow:0 -4px 24px #0000001a;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.nav-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--nav-border)}.nav-mobile-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.nav-mobile-user-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.nav-mobile-user-info{flex:1;min-width:0}.nav-mobile-user-name{font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-mobile-user-email{font-size:14px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-mobile-close{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--nav-transition)}.nav-mobile-close:hover{background:var(--nav-bg-hover)}.nav-mobile-items{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.nav-mobile-items .nav-item{width:100%;padding:14px 16px}.nav-mobile-footer{padding:16px 20px;border-top:1px solid var(--nav-border)}.nav-mobile-logout{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:var(--nav-transition);font-size:16px;font-weight:500}.nav-mobile-logout:hover{background:var(--nav-bg-hover);color:var(--color-error)}}.nav-collapsed .nav-item-label{opacity:0;width:0;overflow:hidden}.nav-collapsed .nav-profile{padding:12px;justify-content:center}.nav-collapsed .nav-profile-info{display:none}.nav-collapsed .nav-profile-avatar{width:32px;height:32px;font-size:14px}.nav-items::-webkit-scrollbar{width:6px}.nav-items::-webkit-scrollbar-track{background:transparent}.nav-items::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:3px}.nav-items::-webkit-scrollbar-thumb:hover{background:var(--color-accent);opacity:.5}.nav-mobile-items::-webkit-scrollbar{width:6px}.nav-mobile-items::-webkit-scrollbar-track{background:transparent}.nav-mobile-items::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:3px}.nav-mobile-items::-webkit-scrollbar-thumb:hover{background:var(--color-accent);opacity:.5}@layer components{.popup-trigger{display:inline-block}.popup-container{min-width:200px;max-width:90vw;padding:0;background:var(--glass-bg)}}@layer components{.alert{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:calc(100% - 1rem);pointer-events:none}.notification-item{pointer-events:auto;cursor:pointer;animation:slideInRight .3s ease-out;transition:transform .2s ease-out,opacity .2s ease-out}.notification-item:hover{transform:translate(-2px)}@media(max-width:768px){.notification-container{right:.5rem;left:.5rem;max-width:none;width:auto}}.viewed-notification-alert-container{position:fixed;bottom:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:calc(100% - 1rem);pointer-events:none}.viewed-notification-alert-item{pointer-events:auto;animation:slideInRight .3s ease-out;transition:transform .2s ease-out,opacity .2s ease-out}.viewed-notification-alert-item:hover{transform:translate(-2px)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.viewed-notification-alert-container{right:.5rem;left:.5rem;max-width:none;width:auto}}.layout{min-height:100vh;transition:padding .3s cubic-bezier(.4,0,.2,1)}.layout-content{width:100%;height:100%}.layout-padding-top{padding-top:64px}.layout-padding-top-collapsed{padding-top:48px}.layout-padding-left{padding-left:280px}.layout-padding-left-collapsed{padding-left:72px}.layout-padding-bottom{padding-bottom:64px}.layout-padding-bottom-collapsed{padding-bottom:48px}.layout-padding-right{padding-right:280px}.layout-padding-right-collapsed{padding-right:72px}@media(max-width:768px){.layout{padding:0!important}}.project-mode-warning-modal-content{display:flex;flex-direction:column;gap:24px}.project-mode-warning-modal-message{font-size:16px;line-height:1.6;color:var(--color-text-secondary, #4A6B7A);margin:0}.project-mode-warning-modal-actions{display:flex;justify-content:flex-end;gap:12px}.project-mode-warning-modal-button{min-width:120px}@layer components{.spinner-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-progress-bar:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-accent)}}@layer components{.accordion{width:100%;display:flex;flex-direction:column;gap:.5rem}.accordion-item{border:1px solid var(--border-subtle);border-radius:8px;background:var(--card-bg);overflow:hidden;transition:all .3s ease}.accordion-item-open{border-color:var(--border-accent);box-shadow:var(--shadow-theme-sm)}.accordion-item-disabled{opacity:.6;cursor:not-allowed}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary, system-ui);color:var(--text-primary);font-size:16px;font-weight:500;gap:1rem;min-height:56px}.accordion-header:hover:not(:disabled){background-color:var(--bg-accent)}.accordion-header:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent)}.accordion-header:active:not(:disabled){background-color:var(--bg-secondary)}.accordion-header-open{border-bottom:1px solid var(--border-subtle)}.accordion-header-disabled{cursor:not-allowed;opacity:.6}.accordion-header:disabled{cursor:not-allowed;opacity:.6}.accordion-header-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.accordion-icon{flex-shrink:0;color:var(--text-secondary);transition:color .2s ease}.accordion-icon-open{color:var(--color-accent)}.accordion-header-text{flex:1;min-width:0;word-wrap:break-word}.accordion-chevron-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.accordion-chevron{color:var(--text-secondary);transition:color .2s ease;flex-shrink:0}.accordion-chevron-open{color:var(--color-accent)}.accordion-content-wrapper{overflow:hidden}.accordion-content{padding:1rem 1.25rem;color:var(--text-secondary);font-family:var(--font-family-primary, system-ui);font-size:15px;line-height:1.6}.accordion-item.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-color:var(--glass-border)}.accordion-item-open.glass{border-color:var(--glass-border-hover);box-shadow:var(--shadow-theme-md)}@media(max-width:768px){.accordion-header{padding:.875rem 1rem;font-size:15px;min-height:52px;gap:.75rem}.accordion-header-content{gap:.625rem}.accordion-icon,.accordion-chevron{width:18px;height:18px}.accordion-content{padding:.875rem 1rem;font-size:14px}}@media(max-width:640px){.accordion{gap:.375rem}.accordion-item{border-radius:6px}.accordion-header{padding:.75rem .875rem;font-size:14px;min-height:48px;gap:.625rem}.accordion-header-content{gap:.5rem}.accordion-icon,.accordion-chevron{width:16px;height:16px}.accordion-content{padding:.75rem .875rem;font-size:13px;line-height:1.5}}}@layer components{.link-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--link-color);transition:width .3s ease}.link-text:hover:after{width:100%}.link-text:hover{color:var(--link-color-hover)}.link:hover .link-icon-left{transform:translate(-2px)}.link:hover .link-icon-right{transform:translate(2px)}}.priority-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:2px solid;font-family:var(--font-family-primary)}.priority-low{color:var(--text-secondary);border-color:var(--border-subtle);background:transparent}.priority-medium{color:#3b82f6;border-color:#3b82f6;background:transparent}.priority-high{color:#f97316;border-color:#f97316;background:transparent}.priority-critical{color:#ef4444;border-color:#ef4444;background:transparent}.dashboard-widget-card{display:flex;flex-direction:column;height:100%}.dashboard-widget-card .text-secondary{display:flex;flex-direction:column;flex:1;min-height:0}.widget-content{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.widget-header{display:flex;flex-direction:column;gap:.25rem}.widget-count{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.widget-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.widget-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.widget-list-item{padding:.75rem;border-radius:.5rem;background:var(--color-bg-subtle);transition:all .2s}.widget-list-item.clickable{cursor:pointer}.widget-list-item.clickable:hover{background:var(--color-bg-hover);transform:translate(4px)}.widget-item-content{display:flex;flex-direction:column;gap:.5rem}.widget-item-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-item-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.widget-item-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.overdue-badge{background:var(--color-error);color:#fff}.widget-progress{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.widget-time{font-size:.75rem;color:var(--color-text-secondary)}.widget-item-context{font-size:.75rem;color:var(--color-text-tertiary);font-style:italic}.widget-empty{padding:1rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.widget-note{font-size:.75rem;color:var(--color-text-secondary);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border-subtle);text-align:center}.widget-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border-subtle);display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center}.widget-footer-actions{display:flex;align-items:center}.widget-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0}.widget-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.widget-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.widget-stat-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.widget-section{margin-top:1rem}.widget-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.widget-chart{display:flex;align-items:flex-end;gap:.5rem;height:120px;padding:.5rem 0}.widget-chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;gap:.25rem}.widget-chart-bar-fill{width:100%;background:var(--color-accent);border-radius:.25rem .25rem 0 0;min-height:4px;transition:all .3s}.widget-chart-bar-label{font-size:.625rem;color:var(--color-text-tertiary);text-align:center;writing-mode:horizontal-tb;transform:rotate(-45deg);transform-origin:center;white-space:nowrap}.widget-chart-bar-value{font-size:.75rem;font-weight:600;color:var(--color-text-primary);margin-top:.25rem}.widget-expand-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;margin-top:.5rem;background:transparent;border:1px solid var(--color-border-subtle);border-radius:.5rem;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s;gap:.5rem}.widget-expand-toggle:hover{background:var(--color-bg-subtle);color:var(--color-text-primary);border-color:var(--color-border)}.widget-chevron{transition:transform .2s;flex-shrink:0}.widget-chevron-open{transform:rotate(180deg)}.widget-list-expanded{margin-top:.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.widget-list{max-height:none}.widget-expand-toggle{font-size:.8125rem;padding:.625rem}}.dashboard-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0;font-family:var(--font-family-heading)}.dashboard-loading,.dashboard-error{display:flex;justify-content:center;align-items:center;min-height:400px}.dashboard-error{color:var(--color-text-error)}.dashboard-grid{display:flex;flex-direction:column;gap:1.5rem}.dashboard-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:stretch}.dashboard-widget{min-height:200px;display:flex;flex-direction:column}.dashboard-widget .card-bg{flex:1;display:flex;flex-direction:column;height:100%}.dashboard-widget .widget-content{flex:1;display:flex;flex-direction:column}.dashboard-widget-quarter{grid-column:span 1}.dashboard-widget-half{grid-column:span 2}@media(max-width:1200px){.dashboard-row{grid-template-columns:repeat(2,1fr)}.dashboard-widget-quarter{grid-column:span 1}.dashboard-widget-half{grid-column:span 2}}@media(max-width:768px){.dashboard-page{padding:1rem}.dashboard-row{grid-template-columns:1fr}.dashboard-widget-quarter,.dashboard-widget-half{grid-column:span 1}.dashboard-desktop-only{display:none}.dashboard-mobile-only{display:block}.dashboard-task-accordion{width:100%}.widget-content-mobile{padding:.5rem 0}.widget-content-mobile .card-bg{background:transparent;border:none;box-shadow:none;padding:0}}@media(min-width:769px){.dashboard-desktop-only{display:block}.dashboard-mobile-only{display:none}}@layer components{.select-field{color:var(--input-text)!important;position:relative;z-index:10;background-color:var(--input-bg)!important}.select-field option,[data-theme] .select-field option,select.select-field{background-color:var(--input-bg)!important;color:var(--input-text)!important}select.select-field:focus{background-color:var(--input-bg)!important;color:var(--input-text)!important}.select-label-floating{top:.5rem;font-size:.75rem;color:var(--input-text);opacity:.9;transform:translateY(0);z-index:0;background-color:var(--input-bg)!important;padding-left:.25rem;padding-right:.25rem;font-weight:500}.select-label-not-floating{color:var(--input-text);opacity:.9;font-weight:500}.select-label-floating:before{content:"";position:absolute;top:50%;left:-.25rem;right:-.25rem;height:1px;background-color:var(--input-bg);z-index:-1;transform:translateY(-50%)}.select-focused .select-underline{width:100%}.select-chevron-icon{color:var(--input-text);opacity:.9}.select-chevron-icon svg{stroke:var(--input-text);fill:none;opacity:.9}@media(max-width:640px){.select-field{font-size:16px}}.select-pill{border-radius:9999px!important;padding:0;border-width:1.5px;box-shadow:0 1px 2px #0000000d}.select-pill:hover{box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.select-pill.select-focused{box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 0, 0, 0),.1),0 2px 4px #00000014}.select-pill .select-field{font-size:.875rem!important;padding:.375rem .75rem!important;min-height:32px!important;border-radius:9999px}.select-pill .select-label-floating{font-size:.625rem!important;top:.25rem!important;font-weight:600;letter-spacing:.025em}.select-pill .select-label-not-floating{font-size:.875rem!important}.select-pill .select-chevron-icon{opacity:.7;transition:opacity .2s ease}.select-pill.select-focused .select-chevron-icon{opacity:1}.select-pill .select-underline{display:none}.select-pill,.select-pill:hover{background:var(--bg-accent);border-color:var(--border-subtle)}.select-pill.select-focused{background:var(--input-bg);border-color:var(--color-accent, var(--border-subtle))}}@layer components{.input-field::placeholder{color:transparent}.input-field{position:relative;z-index:10}.input-label-floating{top:.5rem;font-size:.75rem;color:var(--input-border-focus);transform:translateY(0);z-index:0;background-color:var(--input-bg)!important;padding-left:.25rem;padding-right:.25rem}.input-field.text-sm+label.input-label-floating{top:.375rem;font-size:.6875rem}.input-focused .input-underline{width:100%}.input-label-floating:before{content:"";position:absolute;top:50%;left:-.25rem;right:-.25rem;height:1px;background-color:var(--input-bg);z-index:-1;transform:translateY(-50%)}@media(max-width:640px){.input-field{font-size:16px}}}@layer components{.password-strength-bar{background:linear-gradient(to right,var(--strength-weak) 0%,var(--strength-medium) 50%,var(--strength-strong) 100%)}.password-strength-weak{background:var(--strength-weak)}.password-strength-medium{background:linear-gradient(to right,var(--strength-weak) 0%,var(--strength-medium) 100%)}.password-strength-strong{background:linear-gradient(to right,var(--strength-weak) 0%,var(--strength-medium) 50%,var(--strength-strong) 100%)}}@layer components{.checkbox-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.checkbox-input{position:absolute;opacity:0;width:20px;height:20px;margin:0;cursor:pointer;z-index:1;top:0;left:0}.checkbox-box{width:20px;height:20px;min-width:20px;min-height:20px;border:2px solid var(--input-border);border-radius:4px;background-color:var(--input-bg);display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;position:relative;z-index:0;pointer-events:none}.checkbox-wrapper:hover .checkbox-box{border-color:var(--input-border-focus);background-color:var(--glass-bg-hover)}.checkbox-input:focus-visible+.checkbox-box{outline:none;box-shadow:0 0 0 3px var(--bg-accent);border-color:var(--input-border-focus)}.checkbox-focused .checkbox-box{box-shadow:0 0 0 3px var(--bg-accent);border-color:var(--input-border-focus)}.checkbox-checked{background-color:var(--color-accent);border-color:var(--color-accent)}.checkbox-check-icon{color:var(--text-on-accent);stroke-width:3}.checkbox-error .checkbox-box{border-color:var(--color-error)}.checkbox-success .checkbox-box{border-color:var(--color-success)}.checkbox-error.checkbox-checked .checkbox-box{background-color:var(--color-error);border-color:var(--color-error)}.checkbox-success.checkbox-checked .checkbox-box{background-color:var(--color-success);border-color:var(--color-success)}@media(max-width:640px){.checkbox-box{width:22px;height:22px;min-width:22px;min-height:22px}.checkbox-input{width:22px;height:22px}}}.planning-period-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.planning-period-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.planning-period-back-button{flex-shrink:0}.planning-period-breadcrumb{font-size:24px;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.breadcrumb-separator{color:var(--text-secondary);margin:0 4px}.breadcrumb-link{background:none;border:none;color:var(--text-primary);font-size:24px;font-weight:600;font-family:var(--font-family-heading);cursor:pointer;padding:0;transition:color .2s ease;text-decoration:none}.breadcrumb-link:hover{color:var(--color-accent);text-decoration:underline}.breadcrumb-link:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.planning-period-header-right{flex-shrink:0;display:flex;align-items:center;gap:12px}.planning-period-header-actions{display:flex;align-items:center;gap:8px}.planning-period-create-button{flex-shrink:0;min-height:36px;padding-top:8px;padding-bottom:8px}.planning-period-add-content{display:inline-flex;align-items:center;gap:6px}.planning-period-chevron{flex-shrink:0;margin-left:2px}.planning-period-create-custom-button{flex-shrink:0}.planning-period-create-menu{display:flex;flex-direction:column;padding:8px;min-width:200px}.planning-period-create-menu-item{padding:12px 16px;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;font-family:var(--font-family-primary)}.planning-period-create-menu-item:hover{background:var(--bg-accent);color:var(--color-accent)}.planning-period-view-selector{min-width:150px}@media(max-width:640px){.planning-period-header{flex-direction:column;align-items:flex-start}.planning-period-breadcrumb{font-size:20px}.planning-period-header-right{width:100%;flex-direction:column;gap:8px}.planning-period-header-actions{width:100%;flex-direction:column}.planning-period-create-button,.planning-period-create-custom-button,.planning-period-view-selector{width:100%}}.period-card{min-width:280px;width:280px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-md);flex-shrink:0;opacity:.65;filter:grayscale(.3)}.period-card:hover:not(.period-card-active){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--glass-border-hover);background:var(--glass-bg-hover);opacity:.75;filter:grayscale(.25)}.period-card-active:hover{transform:scale(1.05) translateY(-4px)}.period-card-active{transform:scale(1.05);z-index:10;border-width:2px;border-color:var(--color-accent);box-shadow:0 0 30px var(--color-accent) 40,var(--shadow-xl);animation:pulse-glow 2s ease-in-out infinite;opacity:1;filter:grayscale(0)}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px var(--color-accent) 40,var(--shadow-xl)}50%{box-shadow:0 0 40px var(--color-accent) 60,var(--shadow-xl)}}.period-card-header{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;z-index:1}.period-card-active-badge{background:var(--color-accent);color:var(--text-on-accent);padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.period-card-settings{z-index:2;margin-left:auto}.period-card-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.period-card-icon-container{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.period-card-icon{color:var(--color-accent);transition:transform .3s ease}.period-card-active .period-card-icon{color:var(--color-accent)}.period-card:hover .period-card-icon{transform:scale(1.1)}.period-card-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px;font-family:var(--font-family-heading);line-height:1.3}.period-card-description{font-size:13px;color:var(--text-secondary);margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:36px}.period-card-badge{display:inline-block;padding:4px 12px;background:var(--bg-accent);color:var(--color-accent);border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.period-card-progress{width:100%;margin-top:8px}.period-card-progress-label{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.period-card-progress-bar{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.period-card-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:3px;transition:width .3s ease}.period-card-actions{width:100%;margin-top:12px;display:flex;flex-direction:row;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap}.period-card-actions>.period-card-cta:only-child{width:100%}.period-card-cta{flex-shrink:0;font-size:14px;flex:1 1 auto;min-width:0}@media(max-width:640px){.period-card{min-width:240px;width:240px;padding:20px}.period-card-active{transform:scale(1.05)}.period-card-icon{width:40px;height:40px}.period-card-title{font-size:18px}}.horizontal-scroll-buttons{position:absolute;width:100%;height:100%;pointer-events:none;z-index:20}.horizontal-scroll-button{position:absolute;pointer-events:auto;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026;padding:0;min-width:48px;min-height:48px;gap:0}.horizontal-scroll-button svg{margin:0;flex-shrink:0}.horizontal-scroll-button .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.horizontal-scroll-buttons-top{top:0}.horizontal-scroll-buttons-middle{top:50%;transform:translateY(-50%)}.horizontal-scroll-buttons-bottom{bottom:0}@media(max-width:640px){.horizontal-scroll-button{width:44px;height:44px;min-width:44px;min-height:44px}}.period-carousel-container{position:relative;width:100%;margin:32px 0;display:flex;align-items:center;justify-content:center;min-height:400px;padding:0 60px}.period-carousel{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:16px 20px;-webkit-overflow-scrolling:touch}.period-carousel::-webkit-scrollbar{display:none}.period-carousel>*{scroll-snap-align:start}@media(max-width:640px){.period-carousel-container{margin:24px 0;padding:0 50px;min-height:350px}.period-carousel{gap:16px;padding:12px 16px}}@layer components{.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;min-height:400px;animation:fadeInUp .5s ease}.empty-state-icon{margin-bottom:1.5rem;color:var(--color-accent);opacity:.8;animation:float 3s ease-in-out infinite}.empty-state-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;font-family:var(--font-family-heading)}.empty-state-description{font-size:1rem;color:var(--text-secondary);margin:0;max-width:500px;line-height:1.6;font-family:var(--font-family-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.empty-state{padding:2rem 1rem;min-height:300px}.empty-state-icon{margin-bottom:1rem}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{font-size:1.25rem}.empty-state-description{font-size:.9rem}}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}@layer components{.date-input-field{position:relative;z-index:10}.date-input-label-floating{top:.5rem;font-size:.75rem;color:var(--input-border-focus);transform:translateY(0);z-index:0;background-color:var(--input-bg)!important;padding-left:.25rem;padding-right:.25rem}.date-input-field.text-sm+label.date-input-label-floating{top:.375rem;font-size:.6875rem}.input-focused .input-underline{width:100%}.date-input-label-floating:before{content:"";position:absolute;top:50%;left:-.25rem;right:-.25rem;height:1px;background-color:var(--input-bg);z-index:-1;transform:translateY(-50%)}.react-datepicker{font-family:var(--font-family-primary)!important;background-color:var(--bg-primary)!important;border:1px solid var(--input-border)!important;border-radius:.75rem!important;box-shadow:var(--shadow-lg)!important;padding:.75rem!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;position:relative!important}.date-picker-floating-container{z-index:10000!important;position:fixed!important}.date-picker-floating-container .react-datepicker{margin:0!important}.react-datepicker__header{background-color:var(--bg-primary)!important;border-bottom:1px solid var(--border-subtle)!important;border-radius:.5rem .5rem 0 0!important;padding:1rem!important}.react-datepicker__current-month{color:var(--text-primary)!important;font-weight:600!important;font-size:1rem!important;margin-bottom:.75rem!important}.react-datepicker__day-names{display:flex!important;justify-content:space-around!important;margin-bottom:.5rem!important}.react-datepicker__day-name{color:var(--text-secondary)!important;font-weight:500!important;font-size:.875rem!important;width:2.5rem!important;line-height:2.5rem!important;margin:.125rem!important}.react-datepicker__month{margin:.5rem 0!important;padding:.5rem!important}.react-datepicker__week{display:flex!important;justify-content:space-around!important}.react-datepicker__day{color:var(--text-primary)!important;width:2.5rem!important;height:2.5rem!important;line-height:2.5rem!important;border-radius:.5rem!important;margin:.125rem!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.react-datepicker__day:hover{background-color:var(--bg-accent)!important;color:var(--text-primary)!important;border-radius:.5rem!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:var(--color-accent)!important;color:var(--text-on-accent)!important;font-weight:600!important;border-radius:.5rem!important}.react-datepicker__day--today{font-weight:600!important;border:2px solid var(--color-accent)!important;border-radius:.5rem!important}.react-datepicker__day--disabled{color:var(--text-muted)!important;opacity:.4!important}.react-datepicker__day--outside-month{color:var(--text-muted)!important;opacity:.5!important}.react-datepicker__navigation{top:1.25rem!important}.react-datepicker__navigation-icon:before{border-color:var(--text-secondary)!important}.react-datepicker__navigation:hover *:before{border-color:var(--color-accent)!important}.react-datepicker__triangle{display:none!important}@media(max-width:640px){.date-input-field{font-size:16px}.react-datepicker{padding:.5rem!important}.react-datepicker__day{width:2.25rem!important;height:2.25rem!important;line-height:2.25rem!important}.react-datepicker__day-name{width:2.25rem!important;line-height:2.25rem!important}}}@layer components{.textarea-field::placeholder{color:transparent}.textarea-label-floating{top:.5rem;font-size:.75rem;color:var(--input-border-focus);transform:translateY(0);z-index:0;background-color:var(--input-bg)!important;padding-left:.25rem;padding-right:.25rem}.textarea-label-floating:before{content:"";position:absolute;top:50%;left:-.25rem;right:-.25rem;height:1px;background-color:var(--input-bg);z-index:-1;transform:translateY(-50%)}.textarea-focused .textarea-underline{width:100%}.textarea-field{min-height:100px}@media(max-width:640px){.textarea-field{font-size:16px}}}.delete-confirmation-modal-content{display:flex;flex-direction:column;gap:1.5rem}.delete-confirmation-modal-message{margin:0;color:var(--text-primary);font-size:.875rem;line-height:1.5}.delete-confirmation-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.delete-confirmation-modal-delete-button{background:var(--color-error);border-color:var(--color-error);color:var(--on-error, #ffffff)}.delete-confirmation-modal-delete-button:hover{background:var(--color-error-hover, var(--color-error));border-color:var(--color-error-hover, var(--color-error))}@media(max-width:640px){.delete-confirmation-modal-actions{flex-direction:column-reverse}.delete-confirmation-modal-actions button{width:100%}}.planning-period-page{min-height:100vh;padding:2rem 1rem;background:var(--bg-primary)}@media(min-width:640px){.planning-period-page{padding:1.5rem}}.planning-period-container{max-width:1280px;margin-left:auto;margin-right:auto;position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 4rem)}.planning-period-loading-overlay{display:flex;justify-content:center;align-items:center;padding:32px;opacity:.7}.planning-period-error{text-align:center;padding:48px 24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.planning-period-error h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:12px;font-family:var(--font-family-heading)}.planning-period-error p{color:var(--text-secondary);margin-bottom:24px}.planning-period-error button{padding:12px 24px;background:var(--color-accent);color:var(--text-on-accent);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.planning-period-error button:hover{background:var(--color-accent-hover);transform:translateY(-2px)}@media(max-width:640px){.planning-period-page{padding:1rem .75rem}.planning-period-container{padding:0 8px}}@layer components{.settings-dropdown-trigger{flex-shrink:0}@media(max-width:768px){.settings-dropdown-trigger{padding:4px 8px;font-size:12px;min-width:auto}.settings-dropdown-trigger svg{width:14px;height:14px}}.settings-dropdown-menu{display:flex;flex-direction:column;padding:4px;gap:2px;min-width:180px;background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a}.settings-dropdown-menu-item{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:0;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .15s ease,color .15s ease;font-family:var(--font-family-primary);width:100%}.settings-dropdown-menu-item:hover{background-color:var(--bg-accent, rgba(0, 0, 0, .05));color:var(--color-accent, var(--text-primary))}.settings-dropdown-menu-item:active{background-color:var(--bg-accent, rgba(0, 0, 0, .1))}.settings-dropdown-menu-item-danger{color:var(--color-error, #dc2626)}.settings-dropdown-menu-item-danger:hover{background-color:var(--color-error, #dc2626);color:#fff}.settings-dropdown-menu-item-danger:active{background-color:var(--color-error, #b91c1c)}.settings-dropdown-menu-item-icon{flex-shrink:0}}.tabs{display:flex;gap:8px;border-bottom:2px solid var(--border-color, #e0e0e0);margin-bottom:24px}.tabs-tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #666);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;bottom:-2px}.tabs-tab:hover{color:var(--text-primary, #333);background:var(--bg-accent, rgba(0, 0, 0, .02))}.tabs-tab-active{color:var(--color-accent, #2E86AB);border-bottom-color:var(--color-accent, #2E86AB);font-weight:600}.tabs-tab:focus{outline:2px solid var(--color-accent, #2E86AB);outline-offset:2px;border-radius:4px}@media(max-width:768px){.tabs{gap:4px}.tabs-tab{padding:10px 16px;font-size:14px}}.bulk-action-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;animation:bulk-action-bar-slide-up .3s ease-out}@keyframes bulk-action-bar-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bulk-action-bar-content{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-primary, rgba(255, 255, 255, .9));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;min-width:400px;max-width:90vw}.bulk-action-bar-info{display:flex;align-items:center;flex-shrink:0}.bulk-action-bar-count{font-size:14px;font-weight:500;color:var(--text-primary, #1a1a1a);white-space:nowrap}.bulk-action-bar-actions{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.bulk-action-bar-status-button{flex-shrink:0}.bulk-action-modal-status-select-wrapper{margin-bottom:16px}.bulk-action-modal-status-select{width:100%}.bulk-action-bar-delete-button{flex-shrink:0}.bulk-action-bar-clear-button{flex-shrink:0;min-width:44px;padding:8px}.bulk-action-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:bulk-action-modal-fade-in .2s ease-out}@keyframes bulk-action-modal-fade-in{0%{opacity:0}to{opacity:1}}.bulk-action-modal{background:var(--bg-primary, #ffffff);border-radius:16px;padding:24px;max-width:480px;width:90vw;box-shadow:0 16px 48px #0003;animation:bulk-action-modal-slide-up .3s ease-out;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1))}@keyframes bulk-action-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bulk-action-modal-title{font-size:20px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 12px}.bulk-action-modal-message{font-size:14px;color:var(--text-secondary, #666666);margin:0 0 24px;line-height:1.5}.bulk-action-modal-actions{display:flex;gap:12px;justify-content:flex-end}.bulk-action-modal-delete-button{background:var(--color-error, #E63946);border-color:var(--color-error, #E63946);color:var(--text-on-accent, #ffffff)}.bulk-action-modal-delete-button:hover{background:var(--color-error-hover, #d32f3e);border-color:var(--color-error-hover, #d32f3e)}.bulk-action-modal-confirm-button{background:var(--color-accent, #2E86AB);border-color:var(--color-accent, #2E86AB);color:var(--text-on-accent, #ffffff)}.bulk-action-modal-confirm-button:hover{background:var(--color-accent-hover, #256a8a);border-color:var(--color-accent-hover, #256a8a)}@media(max-width:768px){.bulk-action-bar{bottom:16px;left:16px;right:16px;transform:none;width:calc(100% - 32px)}.bulk-action-bar-content{flex-direction:column;align-items:stretch;gap:12px;min-width:auto;padding:16px}.bulk-action-bar-info{justify-content:center}.bulk-action-bar-actions{flex-direction:column;width:100%}.bulk-action-bar-status-button,.bulk-action-bar-delete-button,.bulk-action-bar-clear-button{width:100%}.bulk-action-modal{margin:16px;padding:20px}.bulk-action-modal-actions{flex-direction:column}.bulk-action-modal-actions button{width:100%}}.note-accordion-item{background:var(--bg-primary);border:1px solid var(--nav-border);border-radius:8px;margin-bottom:12px;transition:all .2s ease;cursor:pointer}.note-accordion-item:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000001a}.note-accordion-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;gap:12px}.note-accordion-header-content{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.note-accordion-checkbox{flex-shrink:0;margin-top:2px}.note-accordion-title-section{flex:1;min-width:0}.note-accordion-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.note-accordion-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0}.note-accordion-pin{color:var(--color-warning, #F77F00);flex-shrink:0}.note-accordion-status{font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px;background:var(--bg-accent);flex-shrink:0}.note-accordion-preview{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-accordion-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;margin-bottom:8px}.note-accordion-tag{display:inline-block;font-size:11px;font-weight:500;padding:4px 10px;background:var(--bg-accent);border-radius:12px;color:var(--text-secondary);line-height:1.4}.note-accordion-chevron{flex-shrink:0;color:var(--text-secondary);margin-top:2px}.note-accordion-content{padding:16px;border-top:1px solid var(--nav-border);margin-top:8px}.note-accordion-section{margin-bottom:16px}.note-accordion-section:last-child{margin-bottom:0}.note-accordion-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.note-accordion-section-header h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.note-accordion-section-header svg{color:var(--text-secondary)}.note-accordion-content-text{font-size:14px;color:var(--text-primary);line-height:1.6;margin:0 0 8px;white-space:pre-wrap}.note-accordion-word-count{font-size:12px;color:var(--text-muted);margin:0}.note-accordion-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--nav-border)}.note-accordion-action-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--nav-border);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary)}.note-accordion-action-button:hover{background:var(--bg-accent);border-color:var(--color-accent)}.note-accordion-action-edit{color:var(--color-accent)}.note-accordion-action-edit:hover{background:var(--color-accent);color:var(--text-on-accent);border-color:var(--color-accent)}.note-accordion-action-delete{color:var(--color-error);border-color:var(--color-error)}.note-accordion-action-delete:hover{background:var(--color-error);color:var(--text-on-accent);border-color:var(--color-error)}@media(max-width:768px){.note-accordion-header,.note-accordion-content{padding:12px}.note-accordion-title{font-size:14px}.note-accordion-preview{font-size:13px}}.note-modal-content{display:flex;flex-direction:column;gap:24px}.note-modal-form{display:flex;flex-direction:column;gap:20px}.note-modal-textarea-wrapper{position:relative}.note-modal-word-count{position:absolute;bottom:8px;right:12px;font-size:12px;color:var(--text-muted);background:var(--bg-primary);padding:2px 6px;border-radius:4px}.note-modal-tags-section{display:flex;flex-direction:column;gap:12px}.note-modal-label{font-size:14px;font-weight:500;color:var(--text-primary)}.note-modal-tag-input{display:flex;gap:8px;align-items:flex-start}.note-modal-tag-input .input-wrapper{flex:1}.note-modal-tags{display:flex;flex-wrap:wrap;gap:8px}.note-modal-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 12px;background:var(--bg-accent);border-radius:6px;color:var(--text-primary)}.note-modal-tag-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;line-height:1;padding:0;margin-left:4px;transition:color .2s}.note-modal-tag-remove:hover{color:var(--color-error)}.note-modal-options{display:flex;flex-direction:column;gap:16px}.note-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--nav-border)}@media(max-width:768px){.note-modal-content,.note-modal-form{gap:16px}.note-modal-tag-input{flex-direction:column}.note-modal-actions{flex-direction:column-reverse}.note-modal-actions button{width:100%}}.image-upload-modal-content{display:flex;flex-direction:column;gap:20px}.image-upload-dropzone{position:relative;border:2px dashed var(--border-subtle);border-radius:12px;padding:40px;text-align:center;background:var(--bg-accent);transition:all .2s ease;cursor:pointer}.image-upload-dropzone:hover{border-color:var(--color-accent);background:var(--bg-accent-hover)}.image-upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-upload-dropzone-content{pointer-events:none}.image-upload-icon{color:var(--color-accent);margin:0 auto 16px}.image-upload-text{font-size:16px;font-weight:500;color:var(--text-primary);margin:0 0 8px;font-family:var(--font-family-primary)}.image-upload-hint{font-size:14px;color:var(--text-secondary);margin:0;font-family:var(--font-family-primary)}.image-upload-preview{display:flex;flex-direction:column;gap:12px}.image-upload-preview-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--bg-accent);border:1px solid var(--border-subtle)}.image-upload-preview-image{width:100%;height:100%;object-fit:cover}.image-upload-remove-button{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.image-upload-remove-button:hover:not(:disabled){background:#000c;transform:scale(1.1)}.image-upload-remove-button:disabled{opacity:.5;cursor:not-allowed}.image-upload-filename{font-size:14px;color:var(--text-secondary);text-align:center;margin:0;font-family:var(--font-family-primary);word-break:break-all}.image-upload-error{padding:12px 16px;background:var(--bg-error);color:var(--color-error);border-radius:8px;font-size:14px;font-family:var(--font-family-primary)}.image-upload-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media(max-width:768px){.image-upload-dropzone{padding:30px 20px}.image-upload-actions{flex-direction:column-reverse}.image-upload-actions button{width:100%}}.period-hero-banner{width:100%;margin-bottom:16px}.period-hero-banner-image{position:relative;width:100%;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;overflow:hidden}.period-hero-banner-overlay{position:absolute;inset:0;pointer-events:none}.period-hero-banner-content{position:absolute;bottom:0;left:0;right:0;padding:32px;z-index:1}.period-hero-banner-badges{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.period-hero-banner-type-badge,.period-hero-banner-active-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.period-hero-banner-type-badge{background:#ffffff40;color:#fff;border:1px solid rgba(255,255,255,.3)}.period-hero-banner-active-badge{background:#2e86abcc;color:#fff;border:1px solid rgba(46,134,171,.9)}.period-hero-banner-title{font-size:36px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5);font-family:var(--font-family-heading, system-ui);line-height:1.2}.period-hero-banner-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:2}.period-hero-banner-action-button{width:40px;height:40px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.period-hero-banner-action-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.period-hero-banner-action-button:active{transform:scale(.95)}@media(max-width:768px){.period-hero-banner-image{height:200px}.period-hero-banner-content{padding:20px}.period-hero-banner-title{font-size:28px}.period-hero-banner-type-badge,.period-hero-banner-active-badge{font-size:12px;padding:5px 12px}.period-hero-banner-actions{top:12px;right:12px;gap:6px}.period-hero-banner-action-button{width:36px;height:36px}}.period-description-card{background:var(--card-bg, rgba(255, 255, 255, .5));-webkit-backdrop-filter:blur(var(--glass-blur, 10px));backdrop-filter:blur(var(--glass-blur, 10px));border:1px solid var(--card-border, rgba(46, 134, 171, .2));border-radius:12px;padding:20px 24px;box-shadow:var(--card-shadow, 0 8px 32px rgba(46, 134, 171, .15));margin-bottom:32px}.period-description-text{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;max-width:100%;transition:all .3s ease}.period-description-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.period-description-toggle{margin-top:12px;background:none;border:none;color:var(--color-accent);font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease;font-family:var(--font-family-primary, system-ui)}.period-description-toggle:hover{color:var(--color-accent-hover);text-decoration:underline}@media(max-width:768px){.period-description-card{padding:16px 20px;margin-bottom:24px}.period-description-text{font-size:14px}}.period-info-card{background:var(--card-bg, rgba(255, 255, 255, .5));-webkit-backdrop-filter:blur(var(--glass-blur, 10px));backdrop-filter:blur(var(--glass-blur, 10px));border:1px solid var(--card-border, rgba(46, 134, 171, .2));border-radius:12px;padding:32px;box-shadow:var(--card-shadow, 0 8px 32px rgba(46, 134, 171, .15));margin-bottom:48px}.period-info-card-grid{display:grid;grid-template-columns:1fr auto auto;gap:32px;align-items:center}.period-info-date{display:flex;flex-direction:column;gap:16px}.period-info-date-item{display:flex;align-items:center;gap:12px}.period-info-icon{color:var(--color-accent);flex-shrink:0}.period-info-date-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.period-info-date-value{font-size:16px;font-weight:600;color:var(--text-primary);font-family:var(--font-family-heading, system-ui)}.period-info-type{display:flex;flex-direction:column;align-items:center;gap:8px}.period-info-type-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.period-info-type-badge{padding:10px 20px;background:var(--bg-accent);color:var(--color-accent);border-radius:20px;font-size:16px;font-weight:700;font-family:var(--font-family-heading, system-ui)}.period-info-progress{display:flex;align-items:center;justify-content:center}.period-info-progress-ring{position:relative;width:100px;height:100px}.period-info-progress-svg{transform:rotate(-90deg);width:100px;height:100px}.period-info-progress-bg{stroke:var(--bg-secondary, #E0EDF2);opacity:.3}.period-info-progress-fill{stroke:var(--color-accent);stroke-linecap:round;transition:stroke-dashoffset .8s ease}.period-info-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.period-info-progress-percentage{font-size:24px;font-weight:700;color:var(--text-primary);font-family:var(--font-family-heading, system-ui);line-height:1}.period-info-progress-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:4px}@media(max-width:768px){.period-info-card{padding:24px;margin-bottom:32px}.period-info-card-grid{grid-template-columns:1fr;gap:24px;text-align:center}.period-info-date{align-items:center}.period-info-date-item{flex-direction:column;text-align:center}.period-info-progress-ring,.period-info-progress-svg{width:80px;height:80px}.period-info-progress-percentage{font-size:20px}}.list-card{position:relative;width:100%;min-height:120px;padding:20px 24px;background:var(--card-bg, rgba(255, 255, 255, .5));-webkit-backdrop-filter:blur(var(--glass-blur, 10px));backdrop-filter:blur(var(--glass-blur, 10px));border:1px solid var(--card-border, rgba(46, 134, 171, .2));border-left:4px solid var(--priority-color, var(--color-accent));border-radius:12px;box-shadow:var(--card-shadow, 0 8px 32px rgba(46, 134, 171, .15));transition:all .3s ease;overflow:hidden}.list-card:after{content:"";display:table;clear:both}.list-card-clickable{cursor:pointer}.list-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 10px 15px rgba(46, 134, 171, .2));border-color:var(--border-accent, rgba(46, 134, 171, .5))}.list-card-clickable:active{transform:translateY(0)}.list-card-with-checkbox{padding-left:0}.list-card-checkbox-wrapper{float:left;margin-right:12px;margin-top:2px;margin-left:4px;z-index:10}.list-card-content{display:block;overflow:hidden}.list-card-header{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:8px}.list-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading, system-ui);line-height:1.4}.list-card-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.list-card-description-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;width:100%;min-width:0}.list-card-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;max-width:100%;min-width:0;transition:all .3s ease}.list-card-description-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.list-card-read-more{align-self:flex-start;background:none;border:none;color:var(--color-accent);font-size:13px;font-weight:500;cursor:pointer;padding:4px 0;transition:color .2s ease;font-family:var(--font-family-primary, system-ui)}.list-card-read-more:hover{color:var(--color-accent-hover);text-decoration:underline}.list-card-metadata{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px;margin-bottom:4px}.list-card-metadata-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.list-card-metadata-item svg{flex-shrink:0;color:var(--text-muted)}.list-card-categories{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.list-card-category-tag{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.list-card-category-tag svg{flex-shrink:0}.list-card-category-more{font-size:12px;color:var(--text-muted);font-style:italic}.list-card-progress-ring{float:right;position:relative;width:60px;height:60px;margin-left:16px;margin-bottom:8px;margin-top:0;flex-shrink:0;clear:right}.list-card-progress-svg{transform:rotate(-90deg);width:60px;height:60px}.list-card-progress-bg{stroke:var(--bg-secondary, #E0EDF2);opacity:.3}.list-card-progress-fill{stroke-linecap:round;transition:stroke-dashoffset .6s ease}.list-card-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-family-heading, system-ui)}@media(max-width:768px){.list-card{padding:16px 20px;min-height:100px}.list-card-content{margin-right:0}.list-card-title{font-size:16px}.list-card-description{font-size:13px}.list-card-progress-ring{width:50px;height:50px;margin-left:16px}.list-card-progress-svg{width:50px;height:50px}.list-card-progress-text{font-size:12px}}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-button{min-width:36px;height:36px;padding:0 12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;font-family:var(--font-family-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background:var(--bg-accent);border-color:var(--color-accent);color:var(--color-accent)}.pagination-button:active:not(:disabled){transform:scale(.95)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-page{min-width:36px}.pagination-page-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination-page-active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.pagination-prev,.pagination-next{padding:0 8px}.pagination-ellipsis{padding:0 8px;color:var(--text-secondary);font-size:14px;-webkit-user-select:none;user-select:none}@media(max-width:768px){.pagination{gap:4px}.pagination-button{min-width:32px;height:32px;padding:0 8px;font-size:13px}.pagination-pages{gap:2px}.pagination-ellipsis{padding:0 4px;font-size:13px}}.create-goal-selection{display:flex;flex-direction:column;gap:1.5rem}.create-goal-selection-description{color:var(--text-secondary);font-size:.9375rem;margin:0;text-align:center}.create-goal-selection-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.create-goal-option-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;border:2px solid var(--border-subtle);border-radius:.75rem;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;text-align:center;font-family:var(--font-family-primary)}.create-goal-option-card:hover{border-color:var(--color-accent);background:var(--bg-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.create-goal-option-card:active{transform:translateY(0)}.create-goal-option-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--bg-accent);color:var(--color-accent);transition:all .2s ease}.create-goal-option-card:hover .create-goal-option-icon{transform:scale(1.1)}.create-goal-option-icon-quick{background:#fbbf241a;color:#fbbf24}.create-goal-option-icon-detailed{background:#3b82f61a;color:#3b82f6}.create-goal-option-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading)}.create-goal-option-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.priority-selector{display:flex;gap:.75rem;flex-wrap:wrap}.priority-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:2px solid;cursor:pointer;transition:all .2s ease;background:transparent;font-family:var(--font-family-primary)}.priority-pill:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.priority-pill:active{transform:translateY(0)}.priority-check-icon{flex-shrink:0}.priority-pill-selected{box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 0, 0, 0),.1)}.priority-low{color:var(--text-secondary);border-color:var(--border-subtle)}.priority-low.priority-pill-selected{background:var(--bg-accent);color:var(--text-primary);border-color:var(--text-primary)}.priority-medium{color:#3b82f6;border-color:#3b82f6}.priority-medium.priority-pill-selected{background:#3b82f6;color:#fff;border-color:#3b82f6}.priority-high{color:#f97316;border-color:#f97316}.priority-high.priority-pill-selected{background:#f97316;color:#fff;border-color:#f97316}.priority-critical{color:#ef4444;border-color:#ef4444}.priority-critical.priority-pill-selected{background:#ef4444;color:#fff;border-color:#ef4444}@layer components{.expense-input-field::placeholder{color:transparent}.expense-input-field{position:relative;z-index:10}.expense-input-label-floating{top:.5rem;font-size:.75rem;color:var(--input-border-focus);transform:translateY(0);z-index:0;background-color:var(--input-bg)!important;padding-left:.25rem;padding-right:.25rem}.expense-input-field.text-sm+label.expense-input-label-floating{top:.375rem;font-size:.6875rem}.input-focused .input-underline{width:100%}.expense-input-label-floating:before{content:"";position:absolute;top:50%;left:-.25rem;right:-.25rem;height:1px;background-color:var(--input-bg);z-index:-1;transform:translateY(-50%)}.expense-currency-badge{background-color:var(--bg-accent);color:var(--text-secondary);border-radius:.375rem;font-weight:500;white-space:nowrap;flex-shrink:0;border:1px solid var(--border-subtle)}.expense-input-readonly{cursor:default}.expense-input-readonly:hover{border-color:var(--input-border)}@media(max-width:640px){.expense-input-field{font-size:16px}}}@layer components{.category-select-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.category-select-content{display:flex;flex-direction:column;gap:.75rem}.category-select-content-horizontal{flex-direction:row;align-items:center;gap:.75rem;min-width:0;overflow:hidden;width:100%}.category-select-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem;font-family:var(--font-family-primary)}.category-select-pills-wrapper{display:flex;align-items:center;gap:.5rem;position:relative}.category-select-scroll-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;border:2px solid var(--border-subtle);border-radius:9999px;background:var(--input-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.category-select-scroll-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--bg-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.category-select-scroll-btn:active:not(:disabled){transform:translateY(0)}.category-select-scroll-btn:disabled{opacity:.4;cursor:not-allowed}.category-select-pills-container{display:flex;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;flex:1;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem 0}.category-select-pills-container::-webkit-scrollbar{display:none}.category-select-pill{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:2px solid;border-radius:9999px;background:var(--bg-accent);color:var(--text-primary);font-size:.875rem;font-family:var(--font-family-primary);flex-shrink:0;transition:all .2s ease}.category-select-pill:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.category-select-pill-text{font-weight:500;white-space:nowrap}.category-select-pill-remove{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;width:1rem;height:1rem;border-radius:50%;transition:all .2s ease;flex-shrink:0}.category-select-pill-remove:hover:not(:disabled){background:#0000001a;color:var(--text-primary)}.category-select-pill-remove:disabled{opacity:.5;cursor:not-allowed}.category-select-input-wrapper{display:flex;align-items:flex-start;gap:.75rem;flex-shrink:0}.category-select-horizontal .category-select-input-wrapper{flex:0 0 auto;min-width:200px;align-items:center}.category-select-dropdown{flex:1}.category-select-horizontal .category-select-dropdown{flex:0 1 auto;min-width:150px}.category-select-horizontal .category-select-pills-wrapper{flex:1;min-width:0;overflow:hidden}.category-select-horizontal .category-select-pills-container{min-width:0}.category-select-add-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:2.75rem;border:2px solid var(--border-subtle);border-radius:.5rem;background:var(--input-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.category-select-add-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--bg-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.category-select-add-btn:active:not(:disabled){transform:translateY(0)}.category-select-add-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.category-select-pills-wrapper{gap:.25rem}.category-select-scroll-btn{width:1.75rem;height:1.75rem;min-width:1.75rem}.category-select-input-wrapper{gap:.5rem}.category-select-add-btn{width:2.5rem;height:2.5rem;min-width:2.5rem}}}.quick-create-goal-form{display:flex;flex-direction:column;gap:1.5rem}.quick-create-goal-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:.5rem;color:#ef4444;font-size:.875rem}.quick-create-goal-main-fields{display:flex;flex-direction:column;gap:1.25rem}.quick-create-goal-field{display:flex;flex-direction:column;gap:.5rem}.quick-create-goal-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);font-family:var(--font-family-primary)}.quick-create-goal-error-text{color:#ef4444;font-size:.875rem;margin-top:.25rem;font-family:var(--font-family-primary)}.quick-create-goal-accordion{margin-top:.5rem}.quick-create-goal-accordion-content{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0}.quick-create-goal-categories{display:flex;flex-direction:column;gap:.5rem}.quick-create-goal-empty-text{color:var(--text-secondary);font-size:.875rem;margin:0;font-style:italic}.quick-create-goal-empty-categories{display:flex;align-items:center;gap:.75rem}.quick-create-goal-category-selector{display:flex;align-items:flex-start;gap:.75rem}.quick-create-goal-category-chips{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.quick-create-goal-add-category-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:2px solid var(--border-subtle);border-radius:9999px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.quick-create-goal-add-category-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--bg-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.quick-create-goal-add-category-btn:active{transform:translateY(0)}.quick-create-goal-category-chip{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:2px solid var(--border-subtle);border-radius:9999px;background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary)}.quick-create-goal-category-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.quick-create-goal-category-chip-selected{font-weight:500}.quick-create-goal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-subtle)}@media(max-width:640px){.quick-create-goal-footer{flex-direction:column-reverse}.quick-create-goal-footer button{width:100%}}.goals-section{width:100%}.goals-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.goals-section-header-left{display:flex;align-items:center;gap:12px}.goals-section-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;font-family:var(--font-family-heading, system-ui)}.goals-section-count{padding:4px 12px;background:var(--bg-accent);color:var(--color-accent);border-radius:16px;font-size:14px;font-weight:600}.goals-section-list{display:flex;flex-direction:column;gap:16px}.goals-section-loading{display:flex;justify-content:center;align-items:center;padding:40px 0}.goals-section-error{padding:20px;background:var(--bg-error);color:var(--color-error);border-radius:8px;text-align:center;font-family:var(--font-family-primary)}@media(max-width:768px){.goals-section-title{font-size:24px}.goals-section-header{margin-bottom:20px}.goals-section-list{gap:12px}}.planning-period-detail-page{width:100%;min-height:100vh;padding:24px}.planning-period-detail-container{max-width:1280px;margin:0 auto;width:100%}.planning-period-detail-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.planning-period-detail-back-link{display:inline-flex;align-items:center;font-size:16px;color:var(--link-color, var(--color-accent))}.planning-period-detail-error{text-align:center;padding:48px 24px;background:var(--card-bg, rgba(255, 255, 255, .5));-webkit-backdrop-filter:blur(var(--glass-blur, 10px));backdrop-filter:blur(var(--glass-blur, 10px));border:1px solid var(--card-border, rgba(46, 134, 171, .2));border-radius:12px;box-shadow:var(--card-shadow, 0 8px 32px rgba(46, 134, 171, .15))}.planning-period-detail-error h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px;font-family:var(--font-family-heading, system-ui)}.planning-period-detail-error p{font-size:16px;color:var(--text-secondary);margin:0 0 24px}.planning-period-detail-back-button{padding:12px 24px;background:var(--color-accent);color:var(--text-on-accent);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary, system-ui)}.planning-period-detail-back-button:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(46, 134, 171, .15))}.planning-period-detail-back-button:active{transform:translateY(0)}.planning-period-tabs-section{margin-top:32px}.planning-period-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.planning-period-add-note-button{flex-shrink:0}.planning-period-tab-content{min-height:200px}.planning-period-notes-content{width:100%}.planning-period-notes-list{display:flex;flex-direction:column;gap:0}.planning-period-loading,.planning-period-error{display:flex;justify-content:center;align-items:center;padding:48px 24px}.planning-period-error{color:var(--color-error, #E63946)}@media(max-width:768px){.planning-period-detail-page{padding:16px}.planning-period-detail-error{padding:32px 20px}.planning-period-detail-error h2{font-size:20px}.planning-period-detail-error p{font-size:14px}.planning-period-tabs-header{flex-direction:column;align-items:stretch;gap:12px}.planning-period-add-note-button{width:100%}.planning-period-loading,.planning-period-error{padding:32px 16px}}@layer components{.multi-step-indicator{width:100%}.multi-step-indicator-list{display:flex;align-items:flex-start;justify-content:space-between;list-style:none;margin:0;padding:0;position:relative;gap:0}.multi-step-indicator-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:0}.multi-step-indicator-item-disabled{opacity:.6}.multi-step-indicator-step-wrapper{display:flex;align-items:center;width:100%;position:relative;margin-bottom:.5rem}.multi-step-indicator-line{flex:1;height:2px;background-color:var(--border-subtle);transition:background-color .3s ease;margin:0 .5rem}.multi-step-indicator-line-completed{background-color:var(--color-accent)}.multi-step-indicator-step{position:relative;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:2px solid var(--border-subtle);background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:default;flex-shrink:0;z-index:1}.multi-step-indicator-step button{border:none;background:none;padding:0;margin:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.multi-step-indicator-step:is(button){cursor:pointer}.multi-step-indicator-step:is(button):hover:not(:disabled){transform:scale(1.1);border-color:var(--color-accent);background-color:var(--bg-accent)}.multi-step-indicator-step:is(button):focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg-accent);border-color:var(--color-accent)}.multi-step-indicator-step:is(button):active:not(:disabled){transform:scale(.95)}.multi-step-indicator-step-completed{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--text-on-accent)}.multi-step-indicator-step-current{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--text-on-accent);box-shadow:0 0 0 4px var(--bg-accent);font-weight:600}.multi-step-indicator-step-disabled{opacity:.5;cursor:not-allowed}.multi-step-indicator-step:is(button):disabled{cursor:not-allowed;opacity:.5}.multi-step-indicator-step-number{font-size:14px;font-weight:600;color:var(--text-secondary);font-family:var(--font-family-primary, system-ui)}.multi-step-indicator-step-completed .multi-step-indicator-step-number,.multi-step-indicator-step-current .multi-step-indicator-step-number{color:var(--text-on-accent)}.multi-step-indicator-check-icon{color:var(--text-on-accent);stroke-width:3}.multi-step-indicator-content{text-align:center;margin-top:.5rem;max-width:120px}.multi-step-indicator-label{font-size:14px;font-weight:500;color:var(--text-secondary);font-family:var(--font-family-primary, system-ui);line-height:1.4;word-wrap:break-word}.multi-step-indicator-label-current{color:var(--text-primary);font-weight:600}.multi-step-indicator-label-disabled{color:var(--text-muted);opacity:.6}.multi-step-indicator-description{font-size:12px;color:var(--text-muted);font-family:var(--font-family-primary, system-ui);line-height:1.4;margin-top:.25rem;word-wrap:break-word}.multi-step-indicator-description-current{color:var(--text-secondary)}.multi-step-indicator-description-disabled{opacity:.6}@media(max-width:768px){.multi-step-indicator-step{width:28px;height:28px;min-width:28px;min-height:28px}.multi-step-indicator-step-number{font-size:12px}.multi-step-indicator-check-icon{width:12px;height:12px}.multi-step-indicator-line{margin:0 .25rem}.multi-step-indicator-content{max-width:80px;margin-top:.375rem}.multi-step-indicator-label{font-size:12px}.multi-step-indicator-description{font-size:11px}}@media(max-width:640px){.multi-step-indicator-step{width:24px;height:24px;min-width:24px;min-height:24px}.multi-step-indicator-step-number{font-size:11px}.multi-step-indicator-check-icon{width:10px;height:10px}.multi-step-indicator-content{max-width:60px}.multi-step-indicator-label{font-size:11px}.multi-step-indicator-description{font-size:10px}}}.create-goal-page{min-height:100vh;padding:2rem;display:flex;flex-direction:column}.create-goal-container{max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:2rem}.create-goal-header{display:flex;align-items:center;gap:1rem}.create-goal-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;border:2px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary)}.create-goal-back-button:hover{background:var(--bg-accent);border-color:var(--color-accent);transform:translateY(-1px)}.create-goal-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading)}.create-goal-content{flex:1;min-height:400px}.create-goal-step-content-first{margin-bottom:0;padding-bottom:0}.create-goal-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:.5rem;color:#ef4444;font-size:.875rem;margin-bottom:1.5rem}.create-goal-step-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:0}.create-goal-step-content:first-child{margin-bottom:0;padding-bottom:0}.create-goal-field{display:flex;flex-direction:column;gap:.75rem}.create-goal-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);font-family:var(--font-family-primary)}.required-indicator{color:#ef4444;margin-left:.25rem}.create-goal-empty-text{color:var(--text-secondary);font-size:.875rem;margin:0;font-style:italic}.create-goal-error-text{color:#ef4444;font-size:.875rem;margin-top:.25rem;font-family:var(--font-family-primary)}.create-goal-category-chips{display:flex;flex-wrap:wrap;gap:.5rem}.create-goal-category-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid var(--border-subtle);border-radius:9999px;background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary)}.create-goal-category-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.create-goal-category-chip-selected{font-weight:500}.create-goal-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.create-goal-empty-icon{color:var(--text-secondary);opacity:.5}.create-goal-empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading)}.create-goal-empty-description{font-size:.9375rem;color:var(--text-secondary);margin:0;max-width:400px}.create-goal-preview{display:flex;flex-direction:column;gap:1.5rem}.create-goal-preview-section{display:flex;flex-direction:column;gap:.75rem}.create-goal-preview-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;font-family:var(--font-family-heading);border-bottom:2px solid var(--border-subtle);padding-bottom:.5rem}.create-goal-preview-field{display:flex;gap:.5rem;padding:.5rem 0}.create-goal-preview-label{font-weight:500;color:var(--text-secondary);min-width:140px;font-family:var(--font-family-primary);flex-shrink:0}.create-goal-preview-value{color:var(--text-primary);flex:1;font-family:var(--font-family-primary)}.create-goal-footer{position:sticky;bottom:0;background:var(--bg-primary);padding:1.5rem 0;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto}.create-goal-footer-left{display:flex;gap:1rem;align-items:center}.create-goal-planning-period-name{color:var(--text-primary);font-size:.875rem;margin:.25rem 0 0;padding:.5rem;background:var(--bg-secondary);border-radius:.5rem;font-family:var(--font-family-primary)}.create-goal-planning-period-display{color:var(--text-primary);font-size:.875rem;margin:0;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem;font-family:var(--font-family-primary);word-break:break-word}@media(max-width:640px){.create-goal-page{padding:1rem}.create-goal-title{font-size:1.5rem}.create-goal-footer{flex-direction:row;flex-wrap:wrap;padding:1rem 0;gap:.75rem}.create-goal-footer-left{flex:1;flex-direction:row;gap:.5rem;min-width:0}.create-goal-footer-left button{flex:0 0 auto;padding:.4rem .6rem;font-size:.8125rem;min-width:auto}.create-goal-footer-left button:first-child{padding:.4rem;min-width:36px}.create-goal-footer>button:last-child{flex:0 0 auto;padding:.5rem 1.25rem;font-size:.875rem;min-width:100px}.create-goal-planning-period-name,.create-goal-planning-period-display{font-size:.8125rem;padding:.5rem;margin-bottom:.5rem;word-break:break-word;overflow-wrap:break-word}.create-goal-preview-label{min-width:100px}}.create-goal-tasks-section{display:flex;flex-direction:column;gap:1.5rem}.create-goal-tasks-section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading)}.create-goal-tasks-section-description{font-size:.9375rem;color:var(--text-secondary);margin:0}.create-goal-task-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-subtle)}.create-goal-task-form-row{display:flex;flex-direction:column;gap:1rem}.create-goal-task-form-row-two{flex-direction:row;gap:1rem}.create-goal-field-inline{flex-direction:row;align-items:center;gap:.75rem}.create-goal-label-inline{margin:0;white-space:nowrap;min-width:fit-content}.create-goal-task-title-input{flex:1}.create-goal-add-task-button{align-self:flex-start}.create-goal-tasks-list{display:flex;flex-direction:column;gap:1rem}.create-goal-tasks-list-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading)}.create-goal-tasks-list-items{display:flex;flex-direction:column;gap:.75rem}.create-goal-task-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-subtle);gap:1rem;transition:all .2s ease}.create-goal-task-item:hover{border-color:var(--color-accent);box-shadow:0 2px 4px #0000000d}.create-goal-task-item-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.create-goal-task-item-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.create-goal-task-item-title{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin:0;font-family:var(--font-family-primary);flex:1;min-width:0;word-break:break-word}.create-goal-task-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);font-family:var(--font-family-primary)}.create-goal-task-item-meta svg{flex-shrink:0}.create-goal-task-item-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.create-goal-task-item-remove:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}@media(max-width:640px){.create-goal-task-form-row-two{flex-direction:column}.create-goal-task-item{flex-direction:column;align-items:flex-start}.create-goal-task-item-remove{align-self:flex-end}}@layer components{.filter-modal{max-width:600px}.filter-modal-content{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto}.filter-modal-group-content{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.filter-modal-filter-item,.filter-modal-priority-selector{width:100%}.filter-modal-boolean{padding:.5rem 0}.filter-modal-text-input{width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:1rem;font-family:var(--font-family-primary);transition:all .2s ease}.filter-modal-text-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--bg-accent)}.filter-modal-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-subtle);position:sticky;bottom:0;left:0;right:0;background:var(--glass-modal-bg, var(--card-bg, var(--bg-primary)));margin-top:auto;z-index:10;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:768px){.filter-modal{max-width:100%;margin:0;border-radius:0;height:100vh;max-height:100vh}.filter-modal-content{max-height:calc(100vh - 120px)}}}@layer components{.filter-container{width:100%;display:flex;flex-direction:column;gap:1rem}.filter-container-desktop{flex-direction:row;align-items:flex-start;gap:1rem}.filter-container-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.filter-container-view-all-btn,.filter-container-clear-all-btn{white-space:nowrap}.filter-container-bar-wrapper{position:relative;display:flex;align-items:flex-start;gap:.5rem;flex:1;min-width:0}.filter-container-bar{display:flex;align-items:flex-start;gap:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;padding:.25rem 0}.filter-container-bar::-webkit-scrollbar{display:none}.filter-container-filter-item{flex-shrink:0;display:flex;align-items:center;gap:.75rem;position:relative;min-width:180px}.filter-item-content{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.filter-item-content .category-select-container{gap:.5rem}.filter-item-content .category-select-label{display:none}.filter-item-separator{width:1px;height:60%;background:var(--border-subtle);flex-shrink:0;margin:0 .25rem}.filter-container-select,.filter-container-priority,.filter-container-date{min-width:180px;width:100%}.filter-pills-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-height:2rem}.filter-pill{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:2px solid var(--border-subtle);border-radius:9999px;background:var(--bg-accent);color:var(--text-primary);font-size:.875rem;font-weight:500;font-family:var(--font-family-primary);flex-shrink:0;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.filter-pill-text{white-space:nowrap}.filter-pill-remove{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;width:1rem;height:1rem;border-radius:50%;transition:all .2s ease;flex-shrink:0}.filter-pill-remove:hover{background:#0000001a;color:var(--text-primary)}.filter-pill-priority-low{color:var(--text-secondary);border-color:var(--border-subtle)}.filter-pill-priority-medium{color:#3b82f6;border-color:#3b82f6;background:#3b82f620}.filter-pill-priority-high{color:#f97316;border-color:#f97316;background:#f9731620}.filter-pill-priority-critical{color:#ef4444;border-color:#ef4444;background:#ef444420}.filter-container-active-badge{flex-shrink:0;padding:.5rem .75rem;background:var(--bg-accent);border:1px solid var(--border-accent);border-radius:6px;font-size:.875rem;color:var(--text-primary);white-space:nowrap}.filter-container-mobile{gap:.75rem}.filter-container-pills-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;width:100%}.filter-container-pills{display:flex;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0}.filter-container-pills::-webkit-scrollbar{display:none}.filter-container-pill{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-accent);border:1px solid var(--border-subtle);border-radius:6px;font-size:.875rem;color:var(--text-primary);white-space:nowrap}.filter-container-pill-text{flex:1;min-width:0}.filter-container-pill-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;padding:0}.filter-container-pill-remove:hover{background:var(--bg-secondary);color:var(--text-primary)}.filter-container-filters-btn{width:100%;justify-content:center}@media(max-width:768px){.filter-container-desktop{flex-direction:column}.filter-container-bar-wrapper,.filter-container-bar{width:100%}}}@layer components{.tooltip-trigger{display:inline-block}.tooltip{padding:.5rem .75rem;background:var(--bg-primary, #ffffff);color:var(--text-primary, #000);border:1px solid var(--border-subtle, #e0e0e0);border-radius:.375rem;font-size:.875rem;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06));pointer-events:none;animation:tooltip-fade-in .15s ease-out;max-width:200px;word-wrap:break-word;white-space:normal;line-height:1.4;opacity:1}.tooltip:before{content:"";position:absolute;width:0;height:0;border-style:solid}.tooltip-top:before{bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--bg-primary, #ffffff) transparent transparent transparent}.tooltip-bottom:before{top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--bg-primary, #ffffff) transparent}.tooltip-left:before{right:-6px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--bg-primary, #ffffff)}.tooltip-right:before{left:-6px;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--bg-primary, #ffffff) transparent transparent}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}.view-switcher{display:flex;gap:.5rem;background:var(--bg-secondary, #f5f5f5);padding:.25rem;border-radius:.5rem;width:fit-content}.view-switcher-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary, #666);border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.view-switcher-button:hover{background:var(--bg-accent, rgba(0, 0, 0, .05));color:var(--text-primary, #000)}.view-switcher-button-active{background:var(--bg-primary, #fff);color:var(--text-primary, #000);box-shadow:0 1px 3px #0000001a}.view-switcher-button:focus{outline:2px solid var(--color-accent, #2E86AB);outline-offset:2px}.view-switcher-button:disabled,.view-switcher-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:auto}.view-switcher-button:disabled:hover,.view-switcher-button-disabled:hover{background:transparent;color:var(--text-secondary, #666)}@media(max-width:768px){.view-switcher-button span{display:none}.view-switcher-button{padding:.5rem}}.goals-list-view{display:flex;flex-direction:column;gap:1.5rem}.goals-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media(min-width:768px){.goals-list-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(min-width:1024px){.goals-list-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media(min-width:1440px){.goals-list-grid{grid-template-columns:repeat(4,1fr)}}.goals-list-pagination{display:flex;justify-content:center;margin-top:1rem}.goals-table-view,.goals-table-container{width:100%;overflow-x:auto}.goals-table{width:100%;border-collapse:collapse;background:var(--bg-primary, #fff);border-radius:.5rem;overflow:hidden}.goals-table-header{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary, #666);background:var(--bg-secondary, #f5f5f5);border-bottom:2px solid var(--border-color, #e0e0e0);white-space:nowrap}.goals-table-header-content{display:flex;align-items:center;gap:.5rem}.goals-table-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.goals-table-sortable:hover{background:var(--bg-accent, rgba(0, 0, 0, .05))}.goals-table-row{cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-color, #e0e0e0)}.goals-table-row:hover{background:var(--bg-accent, rgba(0, 0, 0, .02))}.goals-table-row:last-child{border-bottom:none}.goals-table-cell{padding:1rem;font-size:.875rem;color:var(--text-primary, #000)}.goals-table-title{min-width:200px}.goals-table-title-content{display:flex;flex-direction:column;gap:.25rem}.goals-table-description{font-size:.75rem;color:var(--text-secondary, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.goals-table-status{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.goals-table-status-active,.goals-table-status-completed{background:#2e86ab1a;color:#2e86ab}.goals-table-status-paused{background:#f77f001a;color:#f77f00}.goals-table-status-draft,.goals-table-status-archived{background:#7a9ba81a;color:#7a9ba8}.goals-table-priority{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.goals-table-priority-critical,.goals-table-priority-high{background:#e639461a;color:#e63946}.goals-table-priority-medium{background:#f77f001a;color:#f77f00}.goals-table-priority-low{background:#2e86ab1a;color:#2e86ab}.goals-table-progress{display:flex;align-items:center;gap:.5rem;min-width:120px}.goals-table-progress-bar{flex:1;height:8px;background:var(--bg-secondary, #f5f5f5);border-radius:4px;overflow:hidden}.goals-table-progress-fill{height:100%;background:var(--color-accent, #2E86AB);transition:width .3s ease}.goals-table-progress-text{font-size:.75rem;color:var(--text-secondary, #666);min-width:35px;text-align:right}.goals-table-checkbox-header{width:48px;text-align:center}.goals-table-checkbox-cell{width:48px;text-align:center;padding:1rem .5rem}@media(max-width:768px){.goals-table{font-size:.75rem}.goals-table-cell{padding:.75rem .5rem}.goals-table-description{display:none}}.goals-kanban-view{width:100%;position:relative;overflow-x:auto;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none}.goals-kanban-view::-webkit-scrollbar{display:none}.goals-kanban-columns{display:flex;gap:1rem;min-width:min-content}.goals-kanban-column{flex:1;min-width:var(--kanban-column-width, 220px);max-width:var(--kanban-column-width, 220px);background:var(--bg-secondary, #f5f5f5);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;height:fit-content;max-height:calc(100vh - 200px);transition:min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.goals-kanban-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color, #e0e0e0)}.goals-kanban-column-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #000);margin:0}.goals-kanban-column-count{font-size:.75rem;color:var(--text-secondary, #666);background:var(--bg-primary, #fff);padding:.25rem .5rem;border-radius:.375rem;font-weight:500}.goals-kanban-column-content{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1}.goals-kanban-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted, #999);font-size:.875rem}.goals-kanban-card{background:var(--bg-primary, #fff);border-radius:.5rem;padding:1.25rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color, #e0e0e0);position:relative}.goals-kanban-card-checkbox{position:absolute;top:.5rem;right:.5rem;z-index:10}.goals-kanban-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.goals-kanban-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.goals-kanban-card-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #000);margin:0;flex:1;line-height:1.4}.goals-kanban-card-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.goals-kanban-card-description{font-size:.75rem;color:var(--text-secondary, #666);margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.goals-kanban-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.goals-kanban-card-progress{display:flex;align-items:center;gap:.5rem;flex:1}.goals-kanban-card-progress-bar{flex:1;height:6px;background:var(--bg-secondary, #f5f5f5);border-radius:3px;overflow:hidden}.goals-kanban-card-progress-fill{height:100%;transition:width .3s ease}.goals-kanban-card-progress-text{font-size:.75rem;color:var(--text-secondary, #666);font-weight:500;min-width:35px}.goals-kanban-card-date{font-size:.75rem;color:var(--text-secondary, #666);white-space:nowrap}.goals-kanban-card-categories{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.goals-kanban-card-category{font-size:.625rem;padding:.125rem .5rem;border-radius:.25rem;font-weight:500}@media(max-width:768px){.goals-kanban-column{min-width:180px;max-width:180px}}.goals-timeline-view{display:flex;flex-direction:column;gap:1.5rem;width:100%}.goals-timeline-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem;background:var(--bg-secondary, #f5f5f5);border-radius:.5rem}.goals-timeline-zoom{display:flex;gap:.5rem;background:var(--bg-primary, #fff);padding:.25rem;border-radius:.375rem}.goals-timeline-zoom-button{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary, #666);border-radius:.25rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.goals-timeline-zoom-button:hover{background:var(--bg-accent, rgba(0, 0, 0, .05));color:var(--text-primary, #000)}.goals-timeline-zoom-button.active{background:var(--color-accent, #2E86AB);color:#fff}.goals-timeline-navigation{display:flex;align-items:center;gap:1rem}.goals-timeline-nav-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-color, #e0e0e0);background:var(--bg-primary, #fff);border-radius:.375rem;cursor:pointer;color:var(--text-primary, #000);transition:all .2s ease}.goals-timeline-nav-button:hover{background:var(--bg-accent, rgba(0, 0, 0, .05));border-color:var(--color-accent, #2E86AB)}.goals-timeline-current-period{font-weight:600;color:var(--text-primary, #000);min-width:120px;text-align:center}.goals-timeline-content{min-height:400px}.goals-timeline-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #666)}.goals-timeline-empty-hint{font-size:.875rem;color:var(--text-muted, #999);margin-top:.5rem}.goals-timeline-list{display:flex;flex-direction:column;gap:1rem}.goals-timeline-item{cursor:pointer;transition:transform .2s ease;position:relative;display:flex;align-items:flex-start;gap:.75rem}.goals-timeline-item-checkbox{flex-shrink:0;margin-top:.25rem}.goals-timeline-item:hover{transform:translate(4px)}.goals-timeline-item-bar{background:var(--bg-primary, #fff);border-left:4px solid;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease;flex:1;width:100%}.goals-timeline-item:hover .goals-timeline-item-bar{box-shadow:0 4px 6px #00000026}.goals-timeline-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.goals-timeline-item-title{font-size:1rem;font-weight:600;color:var(--text-primary, #000);margin:0;flex:1}.goals-timeline-item-priority{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.goals-timeline-item-dates{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary, #666);margin-bottom:.75rem}.goals-timeline-item-progress{display:flex;align-items:center;gap:.75rem}.goals-timeline-item-progress-bar{flex:1;height:8px;background:var(--bg-secondary, #f5f5f5);border-radius:4px;overflow:hidden}.goals-timeline-item-progress-fill{height:100%;transition:width .3s ease}.goals-timeline-item-progress span{font-size:.875rem;color:var(--text-secondary, #666);font-weight:500;min-width:40px}@media(max-width:768px){.goals-timeline-controls{flex-direction:column;align-items:stretch}.goals-timeline-zoom{width:100%;justify-content:stretch}.goals-timeline-zoom-button{flex:1}.goals-timeline-navigation{width:100%;justify-content:space-between}}.all-goals-page{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;max-width:1600px;margin:0 auto}.all-goals-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.all-goals-header-left{display:flex;flex-direction:column;gap:.5rem}.all-goals-title{font-size:2rem;font-weight:700;color:var(--text-primary, #000);margin:0}.all-goals-count{font-size:.875rem;color:var(--text-secondary, #666)}.all-goals-header-right{display:flex;gap:.75rem;align-items:center}.all-goals-quick-filter{white-space:nowrap}.all-goals-filters{width:100%}.all-goals-view-switcher{display:flex;justify-content:space-between;align-items:center;gap:1rem}.all-goals-view-switcher-left{display:flex;align-items:center}.all-goals-content{min-height:400px}.all-goals-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.all-goals-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:var(--text-secondary, #666)}.all-goals-error p{margin:0;font-size:1rem}@media(max-width:768px){.all-goals-page{padding:1rem;gap:1rem}.all-goals-title{font-size:1.5rem}.all-goals-header{flex-direction:column}.all-goals-header-right{width:100%;justify-content:stretch}.all-goals-header-right button{flex:1}.all-goals-view-switcher{justify-content:center}}.editable-title-container{margin-bottom:1.5rem}.editable-title-wrapper{position:relative;display:flex;align-items:center}.editable-title-input{width:100%;font-size:2rem;font-weight:600;line-height:1.2;color:var(--text-primary);background:transparent;border:none;border-bottom:2px solid transparent;padding:.5rem 3rem .5rem 0;outline:none;transition:border-color .2s ease;font-family:var(--font-family-primary);resize:none;overflow:hidden;min-height:2.4rem;white-space:pre-wrap;word-wrap:break-word}.editable-title-input:hover{border-bottom-color:var(--input-border)}.editable-title-input:focus{border-bottom-color:var(--color-accent)}.editable-title-input:disabled{opacity:.6;cursor:not-allowed}.editable-title-save-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--color-accent);color:#fff;border:none;border-radius:.375rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.editable-title-save-button:hover:not(:disabled){background:var(--color-accent-dark, #1e5a7a);transform:translateY(-50%) scale(1.05)}.editable-title-save-button:disabled{opacity:.6;cursor:not-allowed}.editable-title-save-icon{color:#fff}.editable-title-save-icon.spinning{animation:spin 1s linear infinite}.editable-goal-status-container{display:inline-block}.editable-goal-status-select{min-width:120px}.editable-goal-date-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #f5f5f5);border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.editable-goal-date-card:hover{background:var(--bg-accent, rgba(0, 0, 0, .05));border-color:var(--input-border, #ddd)}.editable-goal-date-card-empty{color:var(--text-secondary, #666);font-style:italic}.editable-goal-date-card-icon{flex-shrink:0;color:var(--text-secondary, #666)}.editable-goal-date-card-text{font-size:14px;color:var(--text-primary, #333)}.editable-goal-date-card-edit{display:flex;flex-direction:column;gap:12px;flex:1}.editable-goal-date-card-field{display:flex;align-items:center;gap:12px}.editable-goal-date-card-label{font-size:14px;font-weight:500;color:var(--text-primary, #333);min-width:60px}.editable-goal-date-card-clear,.editable-goal-date-card-cancel{padding:6px 12px;border:1px solid var(--border-subtle, #ddd);background:transparent;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary, #666)}.editable-goal-date-card-clear:hover,.editable-goal-date-card-cancel:hover{background:var(--bg-accent, rgba(0, 0, 0, .05));border-color:var(--text-primary, #333);color:var(--text-primary, #333)}.editable-goal-date-card-cancel{align-self:flex-end;margin-top:8px}.goal-progress-circle-container{position:relative;z-index:10;will-change:transform;contain:layout}.goal-progress-circle-wrapper{position:relative;display:flex;align-items:center;justify-content:center;min-height:100px;min-width:100px}.goal-progress-circle-svg{transform:rotate(-90deg)}.goal-progress-circle-bg{stroke:#ffffff4d;opacity:.3}.goal-progress-circle-fill{transition:stroke-dashoffset .3s ease}.goal-progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.goal-progress-circle-percentage{font-size:1.25rem;font-weight:600;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.goal-hero-banner{width:100%;margin-bottom:16px;transition:all .3s ease}.goal-hero-banner-fullscreen .goal-hero-banner-image{height:85vh;min-height:500px}.goal-hero-banner-collapsed .goal-hero-banner-image{height:300px}.goal-hero-banner-image{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;overflow:hidden;transition:height .3s ease}.goal-hero-banner-overlay{position:absolute;inset:0;pointer-events:none}.goal-hero-banner-content{position:absolute;bottom:0;left:0;right:0;padding:32px;z-index:1}.goal-hero-banner-progress-section{position:absolute;top:32px;right:32px;z-index:2}.goal-hero-banner-badges{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.goal-hero-banner-category-badge,.goal-hero-banner-status-badge,.goal-hero-banner-priority-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;display:flex;align-items:center;gap:6px}.goal-hero-banner-priority-badge{background:#fff3;color:#fff;border-color:#fff6}.goal-hero-banner-status-draft{background:#7a9ba8cc;color:#fff;border-color:#7a9ba8e6}.goal-hero-banner-status-active{background:#2e86abcc;color:#fff;border-color:#2e86abe6}.goal-hero-banner-status-paused{background:#f77f00cc;color:#fff;border-color:#f77f00e6}.goal-hero-banner-status-completed{background:#2e86abcc;color:#fff;border-color:#2e86abe6}.goal-hero-banner-status-archived,.goal-hero-banner-status-inactive{background:#7a9ba8cc;color:#fff;border-color:#7a9ba8e6}.goal-hero-banner-title{font-size:48px;font-weight:700;color:#fff;margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.5);font-family:var(--font-family-heading, system-ui);line-height:1.2}.goal-hero-banner-dates{font-size:16px;color:#ffffffe6;margin-bottom:16px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.goal-hero-banner-view-more{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:24px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.goal-hero-banner-view-more:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.goal-hero-banner-view-more:active{transform:translateY(0)}.goal-hero-banner-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:2}.goal-hero-banner-action-button{width:40px;height:40px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.goal-hero-banner-action-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.goal-hero-banner-action-button:active{transform:scale(.95)}@media(max-width:768px){.goal-hero-banner-fullscreen .goal-hero-banner-image{height:70vh;min-height:400px}.goal-hero-banner-collapsed .goal-hero-banner-image{height:250px}.goal-hero-banner-content{padding:20px}.goal-hero-banner-title{font-size:32px}.goal-hero-banner-dates{font-size:14px}.goal-hero-banner-category-badge,.goal-hero-banner-status-badge{font-size:12px;padding:5px 12px}.goal-hero-banner-actions{top:12px;right:12px;gap:6px}.goal-hero-banner-action-button{width:36px;height:36px}}.goal-hero-banner-title-editable{margin-bottom:12px}.goal-hero-banner-title-editable .editable-title-container{margin-bottom:0}.goal-hero-banner-title-editable .editable-title-input{font-size:48px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);font-family:var(--font-family-heading, system-ui);line-height:1.2;border-bottom-color:#ffffff80}.goal-hero-banner-title-editable .editable-title-input:hover{border-bottom-color:#ffffffb3}.goal-hero-banner-title-editable .editable-title-input:focus{border-bottom-color:#fff}.goal-hero-banner-dates-editable{margin-bottom:16px}.goal-hero-banner-category-select{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:6px 14px}.goal-hero-banner-priority-selector{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:6px 14px}@media(max-width:768px){.goal-hero-banner-title-editable .editable-title-input{font-size:32px}}.goal-date-card{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-secondary, #f8f9fa);border-radius:8px;margin-bottom:24px;height:48px;box-sizing:border-box}.goal-date-card-icon{color:var(--color-accent, #2E86AB);flex-shrink:0}.goal-date-card-text{font-size:14px;color:var(--text-primary, #333);font-weight:500}@media(max-width:768px){.goal-date-card{padding:10px 16px;height:44px;font-size:13px}.goal-date-card-icon{width:16px;height:16px}}.goal-accordion-item{width:100%;background:var(--card-bg, rgba(255, 255, 255, .5));-webkit-backdrop-filter:blur(var(--glass-blur, 10px));backdrop-filter:blur(var(--glass-blur, 10px));border:1px solid var(--card-border, rgba(46, 134, 171, .2));border-left:4px solid var(--priority-color, var(--color-accent));border-radius:12px;box-shadow:var(--card-shadow, 0 8px 32px rgba(46, 134, 171, .15));margin-bottom:12px;overflow:hidden;transition:all .3s ease}.goal-accordion-item:hover{box-shadow:var(--shadow-lg, 0 10px 15px rgba(46, 134, 171, .2));border-color:var(--border-accent, rgba(46, 134, 171, .5))}.goal-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;gap:16px}.goal-accordion-checkbox{flex-shrink:0}.goal-accordion-header-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.goal-accordion-title-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.goal-accordion-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading, system-ui);line-height:1.4}.goal-accordion-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.goal-accordion-metadata{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.goal-accordion-metadata-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.goal-accordion-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.goal-accordion-progress-ring{position:relative;width:44px;height:44px}.goal-accordion-progress-svg{transform:rotate(-90deg)}.goal-accordion-progress-bg{stroke:var(--bg-accent, #e0e0e0)}.goal-accordion-progress-fill{transition:stroke-dashoffset .3s ease}.goal-accordion-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:var(--text-primary)}.goal-accordion-chevron{color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0}.goal-accordion-chevron-expanded{transform:rotate(180deg)}.goal-accordion-content{padding:16px 20px;border-top:1px solid var(--border-color, #e0e0e0);margin-top:8px;animation:slideDown .3s ease}.goal-accordion-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.goal-accordion-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.goal-accordion-category-tag{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.goal-accordion-view-button{padding:8px 16px;background:var(--color-accent, #2E86AB);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.goal-accordion-view-button:hover{background:var(--color-accent-hover, #1e5f7a);transform:translateY(-1px)}.goal-accordion-view-button:active{transform:translateY(0)}@media(max-width:768px){.goal-accordion-header{padding:12px 16px}.goal-accordion-title{font-size:15px}.goal-accordion-metadata{gap:12px}.goal-accordion-metadata-item{font-size:12px}.goal-accordion-progress-ring,.goal-accordion-progress-svg{width:40px;height:40px}}.subtask-item{background:var(--bg-primary);border:1px solid var(--input-border);border-radius:.5rem;margin-bottom:.75rem;transition:all .2s ease}.subtask-item:hover{border-color:var(--input-border-focus);box-shadow:0 2px 8px #0000001a}.subtask-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;gap:.75rem}.subtask-checkbox{flex-shrink:0}.subtask-header:hover{background-color:var(--bg-accent)}.subtask-header-content{flex:1;min-width:0}.subtask-title-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.subtask-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0}.subtask-status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap}.subtask-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.subtask-progress-ring{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.subtask-progress-svg{transform:rotate(-90deg)}.subtask-progress-bg{stroke:var(--input-border);opacity:.2}.subtask-progress-fill{transition:stroke-dashoffset .3s ease}.subtask-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6875rem;font-weight:600;color:var(--text-primary);pointer-events:none}.subtask-chevron{color:var(--text-secondary);transition:transform .2s ease}.subtask-chevron-expanded{transform:rotate(180deg)}.subtask-content{padding:1rem;border-top:1px solid var(--input-border);margin-top:.5rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.subtask-description{font-size:.875rem;line-height:1.5;color:var(--text-secondary);margin:0 0 .75rem}.subtask-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.subtask-category-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.subtask-due-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.subtask-progress-detail{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.subtask-view-button{padding:.5rem 1rem;background:var(--color-accent);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.subtask-view-button:hover{background:var(--color-accent-dark, #1e5a7a);transform:translateY(-1px)}.task-accordion-item{width:100%;background:var(--card-bg, rgba(255, 255, 255, .5));-webkit-backdrop-filter:blur(var(--glass-blur, 10px));backdrop-filter:blur(var(--glass-blur, 10px));border:1px solid var(--card-border, rgba(46, 134, 171, .2));border-left:4px solid var(--priority-color, var(--color-accent));border-radius:12px;box-shadow:var(--card-shadow, 0 8px 32px rgba(46, 134, 171, .15));margin-bottom:12px;overflow:hidden;transition:all .3s ease}.task-accordion-item:hover{box-shadow:var(--shadow-lg, 0 10px 15px rgba(46, 134, 171, .2));border-color:var(--border-accent, rgba(46, 134, 171, .5))}.task-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;gap:16px}.task-accordion-checkbox{flex-shrink:0}.task-accordion-header-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.task-accordion-title-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-accordion-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading, system-ui);line-height:1.4}.task-accordion-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-accordion-metadata{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.task-accordion-metadata-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.task-accordion-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.task-accordion-progress-ring{position:relative;width:44px;height:44px}.task-accordion-progress-svg{transform:rotate(-90deg)}.task-accordion-progress-bg{stroke:var(--bg-accent, #e0e0e0)}.task-accordion-progress-fill{transition:stroke-dashoffset .3s ease}.task-accordion-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:var(--text-primary)}.task-accordion-chevron{color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0}.task-accordion-chevron-expanded{transform:rotate(180deg)}.task-accordion-content{padding:16px 20px;border-top:1px solid var(--border-color, #e0e0e0);margin-top:8px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.task-accordion-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.task-accordion-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.task-accordion-category-tag{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.task-accordion-view-button{padding:8px 16px;background:var(--color-accent, #2E86AB);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.task-accordion-view-button:hover{background:var(--color-accent-hover, #1e5f7a);transform:translateY(-1px)}.task-accordion-view-button:active{transform:translateY(0)}.task-accordion-subtasks-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, rgba(46, 134, 171, .15))}.task-accordion-subtasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.task-accordion-subtasks-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading, system-ui)}.task-accordion-add-subtask-button{flex-shrink:0}.task-accordion-subtasks-loading,.task-accordion-subtasks-error,.task-accordion-subtasks-empty{padding:12px;text-align:center;color:var(--text-secondary);font-size:13px}.task-accordion-subtasks-error{color:var(--color-error, #E63946)}.task-accordion-subtasks-list{display:flex;flex-direction:column;gap:8px;margin-left:16px;padding-left:16px;border-left:2px solid var(--border-color, rgba(46, 134, 171, .15))}@media(max-width:768px){.task-accordion-header{padding:12px 16px}.task-accordion-title{font-size:15px}.task-accordion-metadata{gap:12px}.task-accordion-metadata-item{font-size:12px}.task-accordion-progress-ring,.task-accordion-progress-svg{width:40px;height:40px}}.progress-definition-list{display:flex;flex-direction:column;gap:1rem}.progress-definition-list-empty{padding:2rem}.progress-definition-list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-accent);border-radius:.5rem;border:1px solid var(--border-subtle);transition:all .2s ease}.progress-definition-list-item:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.progress-definition-list-item-content{flex:1;min-width:0}.progress-definition-list-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.progress-definition-list-item-key{font-weight:600;font-size:.875rem;color:var(--text-primary)}.progress-definition-list-item-type{font-size:.75rem;color:var(--text-secondary);padding:.25rem .5rem;background:var(--bg-primary);border-radius:.25rem;text-transform:capitalize}.progress-definition-list-item-value{font-size:.875rem;color:var(--text-secondary);word-break:break-word}.progress-definition-list-item-image{max-width:200px;max-height:150px;border-radius:.375rem;object-fit:cover;margin-top:.5rem}.progress-definition-list-item-actions{display:flex;align-items:center;gap:.5rem;margin-left:1rem;flex-shrink:0}.progress-definition-list-item-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--border-subtle);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.progress-definition-list-item-action:hover{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}.progress-definition-list-item-action-edit:hover{color:var(--color-accent);border-color:var(--color-accent)}.progress-definition-list-item-action-delete:hover{color:var(--color-error);border-color:var(--color-error)}@media(max-width:640px){.progress-definition-list-item{flex-direction:column;align-items:flex-start}.progress-definition-list-item-actions{margin-left:0;margin-top:.75rem;width:100%;justify-content:flex-end}.progress-definition-list-item-image{max-width:100%}}.editable-description-container{margin-bottom:2rem}.editable-description-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.editable-description-wrapper{position:relative}.editable-description-textarea{width:100%;min-height:8rem;padding:.75rem 3rem .75rem .75rem;font-size:.9375rem;line-height:1.6;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;outline:none;transition:all .2s ease;font-family:var(--font-family-primary);resize:vertical}.editable-description-textarea:hover{border-color:var(--input-border-focus)}.editable-description-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--bg-accent)}.editable-description-textarea:disabled{opacity:.6;cursor:not-allowed}.editable-description-save-button{position:absolute;top:.75rem;right:.75rem;background:var(--color-accent);color:#fff;border:none;border-radius:.375rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.editable-description-save-button:hover:not(:disabled){background:var(--color-accent-dark, #1e5a7a);transform:scale(1.05)}.editable-description-save-button:disabled{opacity:.6;cursor:not-allowed}.editable-description-save-icon{color:#fff}.editable-description-save-icon.spinning{animation:spin 1s linear infinite}.reminder-accordion-item{border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .1));background-color:var(--bg-primary, #ffffff)}.reminder-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease}.reminder-accordion-header:hover{background-color:var(--bg-accent, rgba(0, 0, 0, .02))}.reminder-accordion-header-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.reminder-accordion-title-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.reminder-accordion-title-section .reminder-accordion-status{margin:0}.reminder-accordion-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.reminder-accordion-status{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.reminder-accordion-status-active{background-color:#22c55e33;color:#22c55e}.reminder-accordion-status-inactive{background-color:#9ca3af33;color:#9ca3af}.reminder-accordion-status-complete{background-color:#6b728033;color:#6b7280}.reminder-accordion-preview{font-size:.875rem;color:var(--text-secondary, #666);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.reminder-accordion-chevron{flex-shrink:0;color:var(--text-secondary, #666);transition:transform .2s ease}.reminder-accordion-content{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.reminder-accordion-section{display:flex;flex-direction:column;gap:.5rem}.reminder-accordion-section-header{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #666)}.reminder-accordion-section-header h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0;color:var(--text-secondary, #666)}.reminder-accordion-message,.reminder-accordion-recurrence,.reminder-accordion-next-notification,.reminder-accordion-send-time,.reminder-accordion-created{font-size:.875rem;color:var(--text-primary, #1a1a1a);margin:0;line-height:1.5}.reminder-accordion-next-occurrence{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary, #666);margin-top:.25rem}.reminder-accordion-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color, rgba(0, 0, 0, .1))}.reminder-accordion-action-button{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color, rgba(0, 0, 0, .1));background:transparent;color:var(--text-primary, #1a1a1a);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.reminder-accordion-action-button:hover:not(:disabled){background-color:var(--bg-accent, rgba(0, 0, 0, .02))}.reminder-accordion-action-button:disabled{opacity:.6;cursor:not-allowed}.reminder-accordion-action-edit{border-color:var(--color-accent, #3b82f6);color:var(--color-accent, #3b82f6)}.reminder-accordion-action-edit:hover:not(:disabled){background-color:#3b82f61a}.reminder-accordion-action-deactivate{border-color:#f97316;color:#f97316}.reminder-accordion-action-deactivate:hover:not(:disabled){background-color:#f973161a}.reminder-accordion-action-reactivate{border-color:var(--color-success, #22c55e);color:var(--color-success, #22c55e)}.reminder-accordion-action-reactivate:hover:not(:disabled){background-color:#22c55e1a}.reminder-accordion-action-delete{border-color:var(--color-error, #dc2626);color:var(--color-error, #dc2626)}.reminder-accordion-action-delete:hover:not(:disabled){background-color:#dc26261a}.reminder-accordion-action-save{border-color:var(--color-success, #22c55e);color:var(--color-success, #22c55e)}.reminder-accordion-action-save:hover:not(:disabled){background-color:#22c55e1a}.reminder-accordion-action-cancel{border-color:var(--text-secondary, #666);color:var(--text-secondary, #666)}.reminder-accordion-action-cancel:hover:not(:disabled){background-color:#6666661a}.reminder-accordion-edit-title,.reminder-accordion-edit-message,.reminder-accordion-edit-priority,.reminder-accordion-edit-date,.reminder-accordion-edit-time{width:100%}.reminders-list{display:flex;flex-direction:column;gap:1rem}.reminders-list-content{display:flex;flex-direction:column;gap:.75rem}.reminders-list-loading,.reminders-list-error,.reminders-list-empty{display:flex;justify-content:center;align-items:center;min-height:200px;padding:2rem}.reminders-list-error{color:var(--color-error)}.reminders-list-pagination{margin-top:1rem;display:flex;justify-content:center}@layer components{.radio-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.radio-input{position:absolute;opacity:0;width:20px;height:20px;margin:0;cursor:pointer;z-index:1;top:0;left:0}.radio-button{width:20px;height:20px;min-width:20px;min-height:20px;border:2px solid var(--input-border);border-radius:50%;background-color:var(--input-bg);display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;position:relative;z-index:0;pointer-events:none}.radio-wrapper:hover .radio-button{border-color:var(--input-border-focus);background-color:var(--glass-bg-hover)}.radio-input:focus-visible+.radio-button{outline:none;box-shadow:0 0 0 3px var(--bg-accent);border-color:var(--input-border-focus)}.radio-focused .radio-button{box-shadow:0 0 0 3px var(--bg-accent);border-color:var(--input-border-focus)}.radio-checked{background-color:var(--color-accent);border-color:var(--color-accent)}.radio-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-on-accent);transition:all .3s ease}.radio-error .radio-button{border-color:var(--color-error)}.radio-success .radio-button{border-color:var(--color-success)}.radio-error.radio-checked .radio-button{background-color:var(--color-error);border-color:var(--color-error)}.radio-success.radio-checked .radio-button{background-color:var(--color-success);border-color:var(--color-success)}@media(max-width:640px){.radio-button{width:22px;height:22px;min-width:22px;min-height:22px}.radio-input{width:22px;height:22px}.radio-dot{width:10px;height:10px}}}@layer components{.simple-reminder-modal .modal-content.glass{background:var(--bg-primary)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.simple-reminder-modal-content{display:flex;flex-direction:column;gap:1.5rem}.simple-reminder-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:var(--color-error);font-size:.875rem}.simple-reminder-form{display:flex;flex-direction:column;gap:1rem}.simple-reminder-entity-info{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:.5rem;margin-bottom:.5rem}.simple-reminder-entity-title{font-size:.9375rem;color:var(--text-primary);margin:0 0 .5rem;line-height:1.5}.simple-reminder-entity-title strong{font-weight:600}.simple-reminder-entity-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.simple-reminder-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.simple-reminder-form-section{display:flex;flex-direction:column;gap:.75rem}.simple-reminder-label{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.simple-reminder-section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;font-family:var(--font-family-heading)}.simple-reminder-recurrence-section{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.simple-reminder-checkboxes{display:flex;flex-direction:column;gap:.75rem}.simple-reminder-interval-unit{margin-top:-.5rem;font-size:.875rem;color:var(--text-secondary);padding-left:.75rem;align-self:flex-end}.simple-reminder-weekdays{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.simple-reminder-monthdays{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:var(--bg-secondary)}.simple-reminder-radio-group{display:flex;flex-direction:column;gap:.75rem}.simple-reminder-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}@media(max-width:768px){.simple-reminder-form-row{grid-template-columns:1fr}.simple-reminder-weekdays{grid-template-columns:repeat(2,1fr)}.simple-reminder-monthdays{grid-template-columns:repeat(4,1fr)}}}.goal-content-section{width:100%}.goal-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.goal-content-add-button{flex-shrink:0}.goal-content-tab-content{min-height:200px}.goal-content-loading,.goal-content-error{display:flex;justify-content:center;align-items:center;padding:48px 24px}.goal-content-error{color:var(--color-error, #E63946)}.goal-content-list{display:flex;flex-direction:column;gap:0}.goal-content-pagination{margin-top:24px;display:flex;justify-content:center}@media(max-width:768px){.goal-content-loading,.goal-content-error{padding:32px 16px}}@layer components{.progress-definition-modal .modal-body{padding:0}.progress-definition-modal-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.progress-definition-error{color:var(--color-error);font-size:.875rem;margin-top:.5rem;padding:.5rem;background:var(--bg-error-subtle, rgba(239, 68, 68, .1));border-radius:.375rem}.progress-definition-error-general{margin-top:0;margin-bottom:.5rem}.progress-definition-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.progress-definition-accordion{width:100%}.progress-definition-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.progress-definition-accordion-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.progress-definition-accordion-title{font-weight:500;color:var(--text-primary)}.progress-definition-accordion-type{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize;padding:.25rem .5rem;background:var(--bg-accent);border-radius:.25rem;flex-shrink:0}.progress-definition-accordion-delete-button{flex-shrink:0}.progress-definition-accordion-content{padding:1rem 0}.progress-definition-form{display:flex;flex-direction:column;gap:1rem}.progress-definition-form-row{display:flex;align-items:flex-start;gap:1rem}.progress-definition-type-select{flex:1}.progress-definition-remove-button{margin-top:1.5rem;flex-shrink:0}.progress-definition-form-fields{display:flex;flex-direction:column;gap:1rem}.progress-definition-key-input,.progress-definition-value-input{width:100%}.progress-definition-image-section{display:flex;flex-direction:column;gap:.75rem}.progress-definition-image-input{display:none}.progress-definition-image-upload-area{border:2px dashed var(--border-subtle);border-radius:.5rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary)}.progress-definition-image-upload-area:hover{border-color:var(--border-accent);background:var(--bg-accent)}.progress-definition-image-icon{color:var(--text-secondary);margin-bottom:.5rem}.progress-definition-image-text{color:var(--text-primary);font-size:.875rem;margin:.5rem 0}.progress-definition-image-hint{color:var(--text-secondary);font-size:.75rem;margin:0}.progress-definition-image-preview-container{display:flex;flex-direction:column;gap:.5rem}.progress-definition-image-preview-wrapper{position:relative;width:100%;max-width:400px;border-radius:.5rem;overflow:hidden;border:1px solid var(--border-subtle)}.progress-definition-image-preview{width:100%;height:auto;display:block;max-height:300px;object-fit:contain;background:var(--bg-secondary)}.progress-definition-image-remove{position:absolute;top:.5rem;right:.5rem;background:var(--color-error);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.progress-definition-image-remove:hover{background:var(--color-error);transform:scale(1.1)}.progress-definition-image-filename{font-size:.75rem;color:var(--text-secondary);margin:0}.progress-definition-boolean-section{padding:.5rem 0}.progress-definition-boolean-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.progress-definition-boolean-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-accent)}.progress-definition-boolean-text{color:var(--text-primary);font-size:1rem}.progress-definition-add-button{align-self:flex-start;margin-top:.5rem}.progress-definition-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}@media(max-width:640px){.progress-definition-modal-content{padding:1rem}.progress-definition-form-row{flex-direction:column}.progress-definition-remove-button{margin-top:0;align-self:flex-end}.progress-definition-image-preview-wrapper{max-width:100%}}}.progress-decision-modal-content{display:flex;flex-direction:column;gap:1.5rem}.progress-decision-description{margin:0 0 1.5rem;text-align:center;color:var(--text-secondary);font-size:1rem}.progress-decision-options{display:flex;flex-direction:column;gap:1.5rem}.progress-decision-buttons{display:flex;flex-direction:column;gap:1rem}.progress-decision-option-button{width:100%;justify-content:center}.progress-decision-status-section{display:flex;flex-direction:column;gap:1rem}.progress-decision-status-select{width:100%}.progress-decision-error{padding:.75rem;background-color:var(--bg-error);color:var(--text-error);border-radius:.5rem;font-size:.875rem}.progress-decision-modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.clone-goal-modal-form{display:flex;flex-direction:column;gap:24px}.clone-goal-modal-error{padding:12px 16px;background:var(--bg-error, rgba(230, 57, 70, .1));color:var(--color-error, #E63946);border:1px solid var(--color-error, #E63946);border-radius:8px;font-size:14px;font-weight:500;margin-bottom:8px}.clone-goal-modal-fields{display:flex;flex-direction:column;gap:16px}.clone-goal-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.move-goal-modal-form{display:flex;flex-direction:column;gap:24px}.move-goal-modal-error{padding:12px;background:var(--bg-error);color:var(--color-error);border-radius:8px;font-size:14px}.move-goal-modal-fields{display:flex;flex-direction:column;gap:16px}.move-goal-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.goal-detail-page{width:100%;min-height:100vh;padding:24px;box-sizing:border-box}.goal-detail-container{max-width:1200px;margin:0 auto}.goal-detail-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.goal-detail-header-actions{display:flex;gap:8px;align-items:center}.goal-detail-delete-button{color:var(--color-error);border-color:var(--color-error)}.goal-detail-delete-button:hover{background:var(--color-error);color:#fff}.goal-detail-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary, #333);text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;border-radius:8px;transition:all .2s ease;background:transparent;border:none;cursor:pointer;font-family:var(--font-family-primary)}.goal-detail-back-link:hover{background:var(--bg-accent, rgba(0, 0, 0, .05));color:var(--color-accent, #2E86AB)}.goal-detail-content-section{animation:fadeIn .3s ease}.goal-detail-actions{margin-bottom:1.5rem;display:flex;justify-content:flex-end}.goal-detail-progress-button{flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.goal-detail-loading,.goal-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.goal-detail-error{text-align:center}.goal-detail-error h2{color:var(--color-error, #E63946);margin:0}.goal-detail-error p{color:var(--text-secondary, #666);margin:0}@media(max-width:768px){.goal-detail-page{padding:16px}.goal-detail-back-link{font-size:14px;padding:6px 10px}}.clone-task-modal-form{display:flex;flex-direction:column;gap:24px}.clone-task-modal-error{padding:12px;background:var(--bg-error);color:var(--color-error);border-radius:8px;font-size:14px}.clone-task-modal-fields{display:flex;flex-direction:column;gap:16px}.clone-task-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.status-badge-container{margin-bottom:0}.status-badge-select{display:inline-block;width:auto;min-width:120px}.editable-due-date-container{margin-bottom:0}.editable-due-date-display{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--input-border);background:var(--bg-accent);min-height:2.75rem;transition:background-color .2s ease}.editable-due-date-display:hover{background-color:var(--bg-secondary);border-color:var(--input-border-focus)}.editable-due-date-label{font-size:.75rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.editable-due-date-value{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.editable-due-date-edit-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.editable-due-date-input-wrapper{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.editable-due-date-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.editable-due-date-clear,.editable-due-date-cancel{padding:.5rem 1rem;border-radius:.375rem;border:1px solid var(--input-border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s ease}.editable-due-date-clear:hover,.editable-due-date-cancel:hover{background:var(--bg-accent);border-color:var(--input-border-focus)}.editable-due-date-clear:disabled,.editable-due-date-cancel:disabled{opacity:.6;cursor:not-allowed}.task-progress-circle-container{position:absolute;top:-2rem;right:0;z-index:10}.task-progress-circle-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.task-progress-circle-svg{transform:rotate(-90deg)}.task-progress-circle-bg{stroke:var(--input-border);opacity:.2}.task-progress-circle-fill{transition:stroke-dashoffset .3s ease;stroke:var(--color-accent)}.task-progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.task-progress-circle-percentage{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1}.subtasks-list-container{margin-bottom:2rem}.subtasks-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.subtasks-list-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.subtasks-list{display:flex;flex-direction:column}.subtasks-list-loading,.subtasks-list-error,.subtasks-list-empty{padding:2rem;text-align:center;color:var(--text-secondary);background:var(--bg-accent);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.subtasks-list-empty p{margin:0}.subtasks-list-create-button{margin-top:.5rem}.subtasks-list-error{color:var(--color-error)}.estimated-cost-input-container{margin-bottom:0}.estimated-cost-input-wrapper{position:relative}.estimated-cost-input-field{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;padding:.5rem 3rem .5rem .75rem;gap:.75rem;min-height:36px}.estimated-cost-label{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.estimated-cost-separator{width:1px;height:24px;background:var(--border-subtle);flex-shrink:0}.estimated-cost-input-inner{flex:1;min-width:0;padding-left:.5rem}.estimated-cost-input-inner .expense-input-field{border:none!important;background:transparent!important;box-shadow:none!important}.estimated-cost-input-inner .expense-input-field:focus-within{box-shadow:none!important}.estimated-cost-save-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--color-accent);color:#fff;border:none;border-radius:.375rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.estimated-cost-save-button:hover:not(:disabled){background:var(--color-accent-dark, #1e5a7a);transform:translateY(-50%) scale(1.05)}.estimated-cost-save-button:disabled{opacity:.6;cursor:not-allowed}.estimated-cost-save-icon{color:#fff}.estimated-cost-save-icon.spinning{animation:spin 1s linear infinite}.cost-justification-modal-content{display:flex;flex-direction:column;gap:1.5rem}.cost-justification-description{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);margin:0}.cost-justification-description strong{color:var(--text-primary);font-weight:600}.cost-justification-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.actual-cost-input-container{margin-bottom:0}.actual-cost-input-wrapper{position:relative}.actual-cost-input-field{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;padding:.5rem 3rem .5rem .75rem;gap:.75rem;min-height:36px}.actual-cost-label{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.actual-cost-separator{width:1px;height:24px;background:var(--border-subtle);flex-shrink:0}.actual-cost-input-inner{flex:1;min-width:0;padding-left:.5rem}.actual-cost-input-inner .expense-input-field{border:none!important;background:transparent!important;box-shadow:none!important}.actual-cost-input-inner .expense-input-field:focus-within{box-shadow:none!important}.actual-cost-save-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--color-accent);color:#fff;border:none;border-radius:.375rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.actual-cost-save-button:hover:not(:disabled){background:var(--color-accent-dark, #1e5a7a);transform:translateY(-50%) scale(1.05)}.actual-cost-save-button:disabled{opacity:.6;cursor:not-allowed}.actual-cost-save-icon{color:#fff}.actual-cost-save-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@layer components{.recurrence-modal .modal-content.glass{background:var(--bg-primary)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.recurrence-modal-content{display:flex;flex-direction:column;gap:1.5rem}.recurrence-section{display:flex;flex-direction:column;gap:.75rem}.recurrence-section-sub{margin-top:.75rem;padding-left:1.5rem}.recurrence-label{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.recurrence-radio-group{display:flex;flex-direction:column;gap:.75rem}.recurrence-interval-unit{margin-top:-.5rem;font-size:.875rem;color:var(--text-secondary);padding-left:.75rem}.recurrence-weekdays-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.recurrence-monthdays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:var(--bg-secondary)}.recurrence-checkbox-option{margin-top:.75rem}.recurrence-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.recurrence-preview{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:.5rem}.recurrence-description{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem;padding:.75rem;background:var(--bg-primary);border-radius:.375rem}.recurrence-occurrences{margin-top:.75rem}.recurrence-occurrences-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.recurrence-occurrences-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.recurrence-occurrences-list li{font-size:.875rem;color:var(--text-primary);padding:.5rem;background:var(--bg-primary);border-radius:.375rem}.recurrence-error{padding:.75rem;background:var(--bg-error);border:1px solid var(--color-error);border-radius:.5rem;color:var(--color-error);font-size:.875rem}.recurrence-error-top{padding:1rem 1.25rem;background:var(--bg-error);border:2px solid var(--color-error);border-radius:.5rem;color:var(--color-error);font-size:.9375rem;font-weight:500;line-height:1.5;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.recurrence-error-top:before{content:"⚠";font-size:1.25rem;flex-shrink:0}.recurrence-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle);margin-top:.5rem}@media(max-width:640px){.recurrence-row{grid-template-columns:1fr}.recurrence-weekdays-grid{grid-template-columns:repeat(2,1fr)}.recurrence-monthdays-grid{grid-template-columns:repeat(5,1fr)}}}.recurrence-card{background:var(--bg-accent);border:1px solid var(--input-border);border-radius:.5rem;padding:.5rem .75rem;margin-bottom:0;min-height:2.75rem;display:flex;align-items:center}.recurrence-card-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.recurrence-card-info{flex:1;min-width:0}.recurrence-card-description{font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.125rem;line-height:1.3}.recurrence-card-next-date{font-size:.6875rem;color:var(--text-secondary);line-height:1.2}.recurrence-card-settings-button{background:transparent;border:1px solid var(--input-border);border-radius:.375rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:var(--text-secondary)}.recurrence-card-settings-button:hover{background:var(--bg-primary);border-color:var(--input-border-focus);color:var(--text-primary)}.parent-task-card-container{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.parent-task-card-header{margin-bottom:1rem}.parent-task-card-info{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:500}.parent-task-card-loading,.parent-task-card-error{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.parent-task-card{background:var(--bg-accent);border:1px solid var(--input-border);border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s ease}.parent-task-card:hover{background:var(--bg-secondary);border-color:var(--input-border-focus);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.parent-task-card-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.parent-task-card-main{flex:1;min-width:0}.parent-task-card-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.parent-task-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0}.parent-task-card-status-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}.parent-task-card-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.parent-task-card-metadata{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.parent-task-card-metadata-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.parent-task-card-categories{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.parent-task-card-category-tag{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.parent-task-card-arrow{display:flex;align-items:center;color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.parent-task-card:hover .parent-task-card-arrow{transform:translate(4px);color:var(--text-primary)}.task-view-page{min-height:100vh;background:var(--bg-primary);padding:2rem}.task-view-container{max-width:1200px;margin:0 auto}.task-view-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:16px}.task-view-header-actions{display:flex;gap:8px;align-items:center}.task-view-delete-button{color:var(--color-error);border-color:var(--color-error);border-radius:24px;padding:.5rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;box-shadow:0 1px 3px #e639461a}.task-view-delete-button:hover{background:var(--color-error);color:#fff;transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #e6394640}.task-view-delete-button:active{transform:translateY(0) scale(.98)}.task-view-priority-select{margin-right:.5rem;min-width:120px}.task-view-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.task-view-back-link:hover{color:var(--text-primary)}.task-view-content{background:var(--bg-primary);border-radius:.75rem}.task-view-main{position:relative;padding:2rem}.task-view-header-section{position:relative;margin-bottom:.75rem}.task-view-progress-section{position:absolute;top:0;right:0;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.task-view-progress-section .task-view-status-wrapper,.task-view-progress-section .task-view-status-wrapper-mobile{margin-top:76px}.task-view-status-wrapper-mobile{display:none}.task-view-title-section{margin-bottom:.75rem;padding-right:120px;min-width:0}.task-view-header-section>.category-select-container{margin-bottom:.75rem}.task-view-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.task-view-title-wrapper{flex:1;min-width:0}.task-view-status-wrapper{flex-shrink:0;display:flex;justify-content:flex-end}.task-view-ribbon{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.task-view-ribbon-row{display:flex;gap:.75rem}.task-view-ribbon-item{flex:1;min-width:0}.task-view-ribbon-item .tooltip-trigger{display:block;width:100%}.task-view-tabs-section{margin-top:2rem;margin-bottom:2rem}.task-view-define-progress-button{flex-shrink:0;padding:.375rem .75rem;height:auto;font-size:.75rem;font-weight:500;border-width:1px}.task-view-tabs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem;border-bottom:1px solid var(--border-subtle)}.task-view-tabs{display:flex;gap:.5rem}.task-view-tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.task-view-tab:hover{color:var(--text-primary)}.task-view-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.task-view-tab-content{min-height:200px}.task-view-progress-content{padding:1.5rem;background:var(--bg-accent);border-radius:.5rem}.task-view-progress-info{display:flex;flex-direction:column;gap:1rem}.task-view-progress-text{margin:0;font-size:1rem;color:var(--text-primary)}.task-view-progress-text strong{color:var(--color-accent);font-size:1.25rem}.task-view-progress-bar-container{width:100%;height:8px;background:var(--input-border);border-radius:4px;overflow:hidden}.task-view-progress-bar{height:100%;background:var(--color-accent);border-radius:4px;transition:width .3s ease}.task-view-progress-definitions{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.task-view-ribbon-item .tooltip-trigger>*{width:100%}.task-view-loading,.task-view-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1rem;padding:2rem}.task-view-error h2{color:var(--color-error);margin:0;font-size:1.5rem}.task-view-error p{color:var(--text-secondary);margin:0;font-size:1rem}.task-view-error-hint{color:var(--text-muted)!important;font-size:.875rem!important;margin-top:.5rem!important}.task-view-error-actions{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center}.task-view-error-back{margin-top:.5rem}.task-create-form{max-width:800px;margin:0 auto;padding:2rem}.task-create-header{margin-bottom:2rem}.task-create-header h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.task-create-goal-info{color:var(--text-secondary);font-size:.9rem;margin:0}.task-create-error{padding:1rem;background:var(--bg-accent);border-radius:.5rem;margin-bottom:1rem}.task-create-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.task-create-field{display:flex;flex-direction:column;gap:.5rem}.task-create-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.required-indicator{color:var(--color-error)}.task-create-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}@media(max-width:1024px){.task-view-page,.task-view-main{padding:1rem}.task-view-progress-section{position:absolute;top:0;right:0;margin-bottom:0}.task-view-title-section{padding-right:120px}.task-view-title-row{gap:.75rem}.task-view-ribbon-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.task-create-form{padding:1rem}.task-create-header h1{font-size:1.5rem}.task-create-footer{flex-direction:column-reverse}.task-create-footer button{width:100%}}@media(max-width:640px){.task-view-ribbon-row{grid-template-columns:1fr}.task-view-header-section>.category-select-container .category-select-input-wrapper{max-width:180px}.task-view-header-section>.category-select-container .category-select-dropdown{min-width:120px!important;max-width:120px}.task-view-status-wrapper{display:none}.task-view-status-wrapper-mobile{display:flex;justify-content:flex-end}.task-view-header-section>.category-select-container .category-select-content-horizontal{gap:.25rem}}.task-list-container{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:1.5rem 2rem}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-list-loading,.task-list-error{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.task-list-error{color:var(--color-error, #E63946)}.task-list-pagination{margin-top:2rem;display:flex;justify-content:center}.tasks-page{display:flex;flex-direction:column;height:100%;width:100%}.tasks-page-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center;gap:1rem}.tasks-page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0;flex:1}.tasks-page-add-button{flex-shrink:0}.tasks-page-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.tasks-page-tabs{padding:0 2rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.tasks-page-filters{padding:1rem 2rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.notification-list-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.notification-list-loading,.notification-list-error{display:flex;align-items:center;justify-content:center;padding:2rem;min-height:200px}.notification-list-error{color:var(--color-error, #dc2626)}.notification-list{display:flex;flex-direction:column;overflow-y:auto;flex:1}.notification-list-item{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .1));cursor:pointer;transition:background-color .2s ease;background-color:transparent}.notification-list-item:hover{background-color:var(--bg-accent, rgba(0, 0, 0, .02))}.notification-list-item-selected{background-color:var(--color-accent-light, rgba(59, 130, 246, .1));border-left:3px solid var(--color-accent, #3b82f6)}.notification-list-item-unread,.notification-list-item-unread .notification-list-item-title{font-weight:700}.notification-list-item-unread .notification-list-item-message{font-weight:500}.notification-list-item-content{display:flex;flex-direction:column;gap:.5rem}.notification-list-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.notification-list-item-title{font-size:.95rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0;flex:1}.notification-list-item-unread-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent, #3b82f6);flex-shrink:0}.notification-list-item-message{font-size:.875rem;color:var(--text-secondary, #666);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-list-item-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-tertiary, #999)}.notification-list-item-date{flex:1}.notification-list-item-priority{padding:.125rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.notification-list-item-priority-high{background-color:#fb923c33;color:#f97316}.notification-list-item-priority-urgent{background-color:#ef444433;color:#ef4444}.notification-list-item-priority-low{background-color:#9ca3af33;color:#9ca3af}.reminder-detail-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:2rem;background-color:var(--bg-primary, #ffffff)}.reminder-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #666);font-size:.95rem}.reminder-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .1))}.reminder-detail-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0;flex:1}.reminder-detail-status{flex-shrink:0;display:flex;gap:.5rem;align-items:center}.reminder-detail-status-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.reminder-detail-status-active{background-color:#22c55e33;color:#22c55e}.reminder-detail-status-inactive{background-color:#9ca3af33;color:#9ca3af}.reminder-detail-status-complete{background-color:#6b728033;color:#6b7280;margin-left:.5rem}.reminder-detail-content{display:flex;flex-direction:column;gap:1.5rem;flex:1}.reminder-detail-section{display:flex;flex-direction:column;gap:.75rem}.reminder-detail-section-header{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #666)}.reminder-detail-section-header h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0;color:var(--text-secondary, #666)}.reminder-detail-message,.reminder-detail-recurrence,.reminder-detail-next-notification,.reminder-detail-send-time,.reminder-detail-created{font-size:.95rem;color:var(--text-primary, #1a1a1a);margin:0;line-height:1.5}.reminder-detail-next-occurrence{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #666);margin-top:.25rem}.reminder-detail-actions{display:flex;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, rgba(0, 0, 0, .1))}.reminder-detail-action-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;border:1px solid var(--border-color, rgba(0, 0, 0, .1));background:transparent;color:var(--text-primary, #1a1a1a);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.reminder-detail-action-button:hover:not(:disabled){background-color:var(--bg-accent, rgba(0, 0, 0, .02))}.reminder-detail-action-button:disabled{opacity:.6;cursor:not-allowed}.reminder-detail-action-edit{border-color:var(--color-accent, #3b82f6);color:var(--color-accent, #3b82f6)}.reminder-detail-action-edit:hover:not(:disabled){background-color:#3b82f61a}.reminder-detail-action-deactivate{border-color:#f97316;color:#f97316}.reminder-detail-action-deactivate:hover:not(:disabled){background-color:#f973161a}.reminder-detail-action-reactivate{border-color:var(--color-success, #22c55e);color:var(--color-success, #22c55e)}.reminder-detail-action-reactivate:hover:not(:disabled){background-color:#22c55e1a}.reminder-detail-action-delete{border-color:var(--color-error, #dc2626);color:var(--color-error, #dc2626)}.reminder-detail-action-delete:hover:not(:disabled){background-color:#dc26261a}.reminder-detail-action-save{border-color:var(--color-success, #22c55e);color:var(--color-success, #22c55e)}.reminder-detail-action-save:hover:not(:disabled){background-color:#22c55e1a}.reminder-detail-action-cancel{border-color:var(--text-secondary, #666);color:var(--text-secondary, #666)}.reminder-detail-action-cancel:hover:not(:disabled){background-color:#6666661a}.reminder-detail-edit-title,.reminder-detail-edit-message,.reminder-detail-edit-priority,.reminder-detail-edit-date,.reminder-detail-edit-time{width:100%}.reminder-type-selection{display:flex;flex-direction:column;gap:1.5rem}.reminder-type-selection-description{color:var(--text-secondary);font-size:.9375rem;margin:0;text-align:center}.reminder-type-selection-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.reminder-type-option-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;border:2px solid var(--border-subtle);border-radius:.75rem;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;text-align:center;font-family:var(--font-family-primary)}.reminder-type-option-card:hover{border-color:var(--color-accent);background:var(--bg-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.reminder-type-option-card:active{transform:translateY(0)}.reminder-type-option-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--bg-accent);color:var(--color-accent);transition:all .2s ease}.reminder-type-option-card:hover .reminder-type-option-icon{transform:scale(1.1)}.reminder-type-option-icon-simple{background:#3b82f61a;color:#3b82f6}.reminder-type-option-icon-recurring{background:#8b5cf61a;color:#8b5cf6}.reminder-type-option-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading)}.reminder-type-option-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}@layer components{.time-input-field{color:var(--text-primary)}.time-input-label-floating{top:.5rem;font-size:.75rem;color:var(--input-border-focus);transform:translateY(0);z-index:0;background-color:var(--input-bg)!important;padding-left:.25rem;padding-right:.25rem}.time-input-field.text-sm+label.time-input-label-floating{top:.375rem;font-size:.6875rem}.time-picker-floating-container{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:.5rem}.time-input-label-floating:before{content:"";position:absolute;top:50%;left:-.25rem;right:-.25rem;height:1px;background-color:var(--input-bg);z-index:-1;transform:translateY(-50%)}.time-picker-floating-container .react-datepicker{border:none;font-family:var(--font-family-primary)}.time-picker-floating-container .react-datepicker__time-container{border-left:1px solid var(--border-subtle)}.time-picker-floating-container .react-datepicker__time-list-item{color:var(--text-primary)}.time-picker-floating-container .react-datepicker__time-list-item:hover{background-color:var(--bg-accent)}.time-picker-floating-container .react-datepicker__time-list-item--selected{background-color:var(--color-primary)!important}@media(max-width:640px){.time-input-field{font-size:16px}}}@layer components{.create-reminder-modal .modal-content.glass{background:var(--bg-primary)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.create-reminder-modal-content{display:flex;flex-direction:column;gap:1.5rem}.create-reminder-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:var(--color-error);font-size:.875rem}.create-reminder-step{display:flex;flex-direction:column;gap:1rem}.create-reminder-step-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family-heading)}.create-reminder-form{display:flex;flex-direction:column;gap:1rem}.create-reminder-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.create-reminder-form-section{display:flex;flex-direction:column;gap:.75rem}.create-reminder-label{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.create-reminder-checkboxes{display:flex;flex-direction:column;gap:.75rem}.create-reminder-interval-unit{margin-top:-.5rem;font-size:.875rem;color:var(--text-secondary);padding-left:.75rem;align-self:flex-end}.create-reminder-weekdays{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.create-reminder-monthdays{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:var(--bg-secondary)}.create-reminder-radio-group{display:flex;flex-direction:column;gap:.75rem}.create-reminder-review{display:flex;flex-direction:column;gap:1.5rem}.create-reminder-review-section{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:.5rem}.create-reminder-review-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;font-family:var(--font-family-heading)}.create-reminder-review-section p{font-size:.9375rem;color:var(--text-secondary);margin:.5rem 0;line-height:1.5}.create-reminder-review-section strong{color:var(--text-primary);font-weight:600}.create-reminder-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}@media(max-width:768px){.create-reminder-form-row{grid-template-columns:1fr}.create-reminder-weekdays{grid-template-columns:repeat(2,1fr)}.create-reminder-monthdays{grid-template-columns:repeat(4,1fr)}}}.notifications-page{display:flex;flex-direction:column;height:100%;width:100%}.notifications-page-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .1));display:flex;justify-content:space-between;align-items:center}.notifications-page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.notifications-create-button{margin-left:auto}.notifications-page-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.notifications-page-tabs{padding:0 2rem;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .1))}.notifications-page-in-app{flex:1;overflow:hidden;padding:0 2rem}.notifications-page-reminders-desktop{flex:1;display:flex;overflow:hidden}.notifications-page-reminders-list{flex:0 0 40%;border-right:1px solid var(--border-color, rgba(0, 0, 0, .1));overflow:hidden}.notifications-page-reminders-detail{flex:1;overflow:hidden}.notifications-page-reminders-mobile{flex:1;overflow-y:auto;padding:0}.notifications-page-reminders-accordion{display:flex;flex-direction:column}.notifications-page-empty{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--text-secondary, #666);font-size:.95rem}@media(max-width:768px){.notifications-page-header{padding:1rem 1.5rem}.notifications-page-title{font-size:1.5rem}.notifications-page-tabs{padding:0 1.5rem}.notifications-page-in-app{padding:0 1rem}.notifications-page-reminders-desktop{display:none}.notifications-page-reminders-mobile{display:block}}@media(min-width:769px){.notifications-page-reminders-mobile{display:none}.notifications-page-reminders-desktop{display:flex}}@layer components{.form-container-minimal:after{content:"";width:100%;height:2px;background:var(--color-accent);margin-top:1.5rem}.form-container-content>*{animation:fadeInUp .3s ease;animation-fill-mode:both}.form-container-content>*:nth-child(1){animation-delay:.05s}.form-container-content>*:nth-child(2){animation-delay:.1s}.form-container-content>*:nth-child(3){animation-delay:.15s}.form-container-content>*:nth-child(4){animation-delay:.2s}.form-container-content>*:nth-child(5){animation-delay:.25s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@layer components{.login-page{background:var(--bg-primary);position:relative}.feature-card{animation:float 6s ease-in-out infinite;transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-lg)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.step-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-subtle);transition:all .3s ease}.step-dot.active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 0 4px var(--bg-accent)}.step-line{width:60px;height:2px;background:var(--border-subtle);transition:all .3s ease}.step-line.active{background:var(--color-accent)}@media(max-width:1024px){.feature-card{display:none}}.login-form-container{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@layer components{.signup-page{background:var(--bg-primary);position:relative;overflow-x:hidden;overflow-y:hidden}.feature-card{animation:float 6s ease-in-out infinite;transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-lg)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.signup-form-content{max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;padding-right:4px}.compact-password-strength{margin-top:-.5rem}.compact-password-strength .glass{padding:.75rem;font-size:.75rem}.compact-password-strength .glass>div:first-child{margin-bottom:.5rem;height:.125rem}.compact-password-strength .glass>div:last-child{gap:.375rem}.compact-password-strength .glass>div:last-child>div{font-size:.6875rem}@media(max-width:1024px){.feature-card{display:none}}@media(max-width:640px){.signup-form-content,.signup-form-content .grid{gap:.875rem}}.signup-form-container{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-height:800px){.signup-form-content{max-height:none;overflow-y:visible}}}@layer components{.forgot-password-page{background:var(--bg-primary);position:relative}.floating-key{animation:float 6s ease-in-out infinite;transition:transform .3s ease}.floating-key:hover{transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-lg)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.success-icon-wrapper{width:80px;height:80px;border-radius:50%;background:var(--bg-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:scaleIn .5s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.floating-key{display:none}}.forgot-password-form-container{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@layer components{.reset-password-page{background:var(--bg-primary);position:relative}.floating-card{animation:float 6s ease-in-out infinite;transition:transform .3s ease}.floating-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-lg)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.success-icon-wrapper,.error-icon-wrapper{width:80px;height:80px;border-radius:50%;background:var(--bg-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:scaleIn .5s ease}.error-icon-wrapper{background:var(--bg-secondary)}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.compact-password-strength{margin-top:-.5rem}.compact-password-strength .glass{padding:.75rem;font-size:.75rem}.compact-password-strength .glass>div:first-child{margin-bottom:.5rem;height:.125rem}.compact-password-strength .glass>div:last-child{gap:.375rem}.compact-password-strength .glass>div:last-child>div{font-size:.6875rem}@media(max-width:1024px){.floating-card{display:none}}.reset-password-form-container{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@layer components{.confirm-account-page{background:var(--bg-primary);position:relative}.success-icon-wrapper,.error-icon-wrapper{width:80px;height:80px;border-radius:50%;background:var(--bg-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:scaleIn .5s ease}.error-icon-wrapper{background:var(--bg-secondary)}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.confirm-account-form-container{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@layer components{.reactivate-account-page{background:var(--bg-primary);position:relative}.floating-card{animation:float 6s ease-in-out infinite;transition:transform .3s ease}.floating-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-lg)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.success-icon-wrapper{width:80px;height:80px;border-radius:50%;background:var(--bg-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:scaleIn .5s ease}.error-icon-wrapper{width:80px;height:80px;border-radius:50%;background:var(--bg-error);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:scaleIn .5s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.floating-card{display:none}}.reactivate-account-form-container{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@layer components{.not-found-page{background:var(--bg-primary);position:relative}.not-found-container{animation:fadeInUp .5s ease;display:flex;flex-direction:column;align-items:center;gap:2rem}.not-found-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%}.not-found-action-button{min-width:150px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.not-found-actions{flex-direction:column}.not-found-action-button{width:100%}}}