@charset "UTF-8";.earthfoam-logo-container{display:flex;justify-content:center;align-items:center;width:100%}.earthfoam-logo-container.light{color:#f8f4ec}.earthfoam-logo-container.dark{color:#16100d}.earthfoam-logo-container.terracotta{color:#d48d63}.earthfoam-logo-container.forest{color:#0f766e}.earthfoam-hero-logo{display:block;width:100%;max-width:240px;height:auto;overflow:visible;filter:drop-shadow(0 4px 14px rgba(0,0,0,.25))}.earthfoam-logo-container.dark .earthfoam-hero-logo{filter:drop-shadow(0 2px 8px rgba(212,141,99,.2))}.earthfoam-hero-logo .heroLogo__maskStrokes,.earthfoam-hero-logo .heroLogo__maskPath{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.earthfoam-hero-logo .heroLogo__maskPath{stroke-dasharray:var(--hero-logo-dash-length);stroke-dashoffset:var(--hero-logo-dash-length);animation:earthfoamLogoDraw var(--hero-logo-draw-duration) var(--hero-logo-draw-delay) var(--hero-logo-draw-easing) forwards}.earthfoam-hero-logo .heroLogo__maskPath--e{--hero-logo-dash-length: 685;--hero-logo-draw-delay: .1s;--hero-logo-draw-duration: .25s;--hero-logo-draw-easing: ease-in-out}.earthfoam-hero-logo .heroLogo__maskPath--main{--hero-logo-dash-length: 4470;--hero-logo-draw-delay: .25s;--hero-logo-draw-duration: 1.5s;--hero-logo-draw-easing: ease-out}.earthfoam-hero-logo .heroLogo__maskPath--cross{--hero-logo-dash-length: 235;--hero-logo-draw-delay: 1.75s;--hero-logo-draw-duration: .15s;--hero-logo-draw-easing: ease-in-out}@keyframes earthfoamLogoDraw{to{stroke-dashoffset:0}}.earthfoam-logo-container.size-xs .earthfoam-hero-logo{max-width:96px}.earthfoam-logo-container.size-sm .earthfoam-hero-logo{max-width:140px}.earthfoam-logo-container.size-md .earthfoam-hero-logo{max-width:220px}.earthfoam-logo-container.size-lg .earthfoam-hero-logo{max-width:320px}.earthfoam-logo-container.size-xl .earthfoam-hero-logo{max-width:420px}.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-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-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__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}:root{--brand: #D48D63;--brand-hover: #C3784D;--brand-active: #B56C42;--brand-dark: #8F4C23;--brand-light: #FBF4EE;--brand-subtle: #F5E9DF;--brand-strong: #964F25;--brand-gradient: linear-gradient(135deg, #D48D63 0%, #C3784D 100%);--brand-glow: 0 8px 24px rgba(212, 141, 99, .28);--forest: #0F766E;--forest-dark: #0A504B;--forest-light: #EEF8F7;--purple: #7C3AED;--purple-bg: #F5F3FF;--surface-canvas: #FAF8F5;--surface-panel: #FFFFFF;--panel-warm: #F7F3EE;--surface-glass: rgba(255, 255, 255, .92);--line: #E8E2D8;--line-light: #F0EAE1;--ink: #16100D;--ink-secondary: #4A3E38;--muted: #7D716A;--subtle: #A3968F;--pending-bg: #FEF3C7;--pending-text: #92400E;--pending-border: #FDE68A;--approved-bg: #ECFDF5;--approved-text: #065F46;--approved-border: #A7F3D0;--rejected-bg: #FEF2F2;--rejected-text: #991B1B;--rejected-border: #FECACA;--success: #10B981;--success-bg: #ECFDF5;--danger: #EF4444;--danger-bg: #FEF2F2;--info: #0284C7;--info-bg: #F0F9FF;--font-heading: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-tabular: "Inter", system-ui, -apple-system, monospace;--shadow-sm: 0 1px 3px rgba(22, 16, 13, .05), 0 1px 2px rgba(22, 16, 13, .03);--shadow-md: 0 4px 14px rgba(22, 16, 13, .07), 0 2px 6px rgba(22, 16, 13, .04);--shadow-lg: 0 12px 32px rgba(22, 16, 13, .12), 0 4px 12px rgba(22, 16, 13, .06);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 9999px;--min-touch: 46px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:15px;color:var(--ink);background-color:var(--surface-canvas);background-image:radial-gradient(ellipse at 80% 0%,rgba(212,141,99,.08) 0%,transparent 60%),radial-gradient(ellipse at 10% 100%,rgba(15,118,110,.05) 0%,transparent 50%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100%}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;touch-action:manipulation}svg:not(.earthfoam-hero-logo){display:inline-block;vertical-align:middle;flex-shrink:0}.auth-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;background:#140E0B;background-image:radial-gradient(circle at 50% 20%,rgba(212,141,99,.22) 0%,transparent 70%);box-sizing:border-box}@media (min-width: 860px){.auth-shell{flex-direction:row;padding:32px;gap:40px}}.auth-visual{display:none}@media (min-width: 860px){.auth-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;width:440px;padding:40px 32px;border-radius:var(--radius-xl);background:linear-gradient(165deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px #0006;text-align:center}.auth-visual .brand-orbit{margin-bottom:24px;width:100%;max-width:280px}.auth-visual .visual-copy h1{font-family:var(--font-heading);font-size:26px;font-weight:800;color:#f8f4ec;letter-spacing:-.02em;margin-bottom:8px}.auth-visual .visual-copy p{font-size:14px;color:#b8aca4;line-height:1.5}}.auth-badge-pill{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 14px;border-radius:var(--radius-pill);background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#f8f4ec;font-size:11.5px;font-weight:600;letter-spacing:.03em}.auth-panel{width:100%;max-width:420px}.auth-form{display:flex;flex-direction:column;gap:16px;padding:28px 24px;border-radius:var(--radius-xl);background:rgba(255,255,255,.96);box-shadow:var(--shadow-lg);border:1px solid var(--line)}@media (min-width: 640px){.auth-form{padding:36px 32px}}.mobile-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:6px}@media (min-width: 860px){.mobile-brand{display:none}}.mobile-brand h1{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.mobile-brand p{font-size:13px;color:var(--muted)}.auth-form label{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-form label span{font-size:13px;font-weight:700;color:var(--ink)}.auth-form input{width:100%;height:48px;min-height:48px;border:1.5px solid var(--line);border-radius:var(--radius-md);padding:0 14px;background:#FFFFFF;color:var(--ink);font-size:15px;font-weight:600;transition:all .15s ease;box-sizing:border-box}.auth-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3.5px #d48d6333;outline:none}.primary-button{width:100%;height:48px;min-height:48px;border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;font-family:var(--font-heading);font-size:15px;font-weight:750;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #d48d6359;transition:all .18s ease;margin-top:4px}.primary-button:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 6px 18px #d48d6373;transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:scale(.98)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{padding:8px 16px;min-height:38px;border-radius:var(--radius-md);background:#FFFFFF;color:var(--ink-secondary);border:1.5px solid var(--line);font-family:var(--font-heading);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-sm);transition:all .15s ease}.secondary-button:hover:not(:disabled){border-color:var(--brand);color:var(--brand-strong);background:var(--brand-light)}.secondary-button:active:not(:disabled){transform:scale(.97)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.auth-links{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}.link-button{font-size:12.5px;font-weight:700;color:var(--brand-strong);padding:4px;transition:color .15s ease}.link-button:hover{color:var(--brand-dark);text-decoration:underline}.auth-language{display:flex;justify-content:center;margin-top:10px;padding-top:14px;border-top:1px dashed var(--line)}.portal-shell{width:100%;max-width:980px;margin:0 auto;padding:10px 12px 48px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}@media (min-width: 640px){.portal-shell{padding:20px 24px 64px;gap:16px}}.portal-topbar{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:var(--radius-lg);background:var(--surface-glass);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(232,226,216,.95);box-shadow:var(--shadow-sm);position:sticky;top:8px;z-index:50}@media (min-width: 640px){.portal-topbar{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 18px;gap:14px}}.topbar-row-main{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}@media (min-width: 640px){.topbar-row-main{width:auto;justify-content:flex-start}}.topbar-brand-wrap{display:flex;align-items:center;flex-shrink:0}.topbar-user-chip{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:var(--radius-pill);background:rgba(212,141,99,.08);border:1px solid rgba(212,141,99,.18);min-width:0;box-sizing:border-box}@media (min-width: 640px){.topbar-user-chip{width:auto;background:transparent;border:none;padding:0;margin-left:12px}}.user-avatar{width:28px;height:28px;min-width:28px;border-radius:var(--radius-pill);background:var(--brand);color:#fff;font-family:var(--font-heading);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #d48d6359}@media (min-width: 640px){.user-avatar{width:32px;height:32px;min-width:32px;font-size:14px;background:var(--brand-light);color:var(--brand-strong);border:1.5px solid rgba(212,141,99,.35)}}.user-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}@media (min-width: 640px){.user-meta{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;line-height:1.2}}.user-name{font-family:var(--font-heading);font-size:12.5px;font-weight:750;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}@media (min-width: 640px){.user-name{font-size:14px;max-width:280px}}@media (min-width: 900px){.user-name{max-width:380px}}.user-empnum{font-size:10.5px;font-weight:750;color:var(--brand-strong);background:#FFFFFF;padding:1px 7px;border-radius:var(--radius-pill);border:1px solid rgba(212,141,99,.25);flex-shrink:0;letter-spacing:.02em}@media (min-width: 640px){.user-empnum{background:transparent;padding:0;border:none;color:var(--muted);font-size:11px;font-weight:600}}.topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}@media (min-width: 640px){.topbar-actions{gap:8px}}.icon-button{width:34px;height:34px;min-width:34px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-secondary);background:#FFFFFF;border:1.5px solid var(--line);box-shadow:var(--shadow-sm);transition:all .15s ease}@media (min-width: 640px){.icon-button{width:36px;height:36px;min-width:36px}}.icon-button svg{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.icon-button:hover{background:var(--brand-light);color:var(--brand-strong);border-color:var(--brand);transform:translateY(-1px)}.icon-button:active{transform:scale(.94)}.icon-button.logout-button:hover{background:var(--danger-bg);color:var(--danger);border-color:#ef444466}.language-switch{display:inline-flex;padding:2.5px;background:#EAE3D9;border-radius:var(--radius-pill);gap:2px}.language-switch button{padding:3px 7px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;color:var(--ink-secondary);transition:all .15s ease;min-height:26px;display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.language-switch{padding:3px}.language-switch button{padding:4px 10px;font-size:12px;min-height:28px}}.language-switch button.active{background:var(--brand);color:#fff;box-shadow:0 2px 6px #d48d6359}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;background:#EBE5DC;border-radius:var(--radius-pill);margin-bottom:4px;width:100%}@media (min-width: 600px){.tabs{display:flex;flex-direction:row;gap:6px;padding:5px}}.tabs button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:11px;font-weight:750;color:var(--ink-secondary);white-space:nowrap;transition:all .18s ease;min-height:44px;position:relative}@media (min-width: 600px){.tabs button{flex:1;flex-direction:row;padding:8px 16px;font-size:13px;gap:6px;min-height:40px}}.tab-label-short{display:inline}.tab-label-full{display:none}@media (min-width: 600px){.tab-label-short{display:none}.tab-label-full{display:inline}}.tabs button svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.tabs button:hover{color:var(--brand-strong)}.tabs button.active{background:#FFFFFF;color:var(--brand-strong);box-shadow:0 2px 8px #00000014}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:rgba(212,141,99,.2);color:var(--brand-strong);font-size:10px;font-weight:800;line-height:1}.tabs button.active .tab-badge{background:var(--brand);color:#fff}.panel{background:#FFFFFF;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:14px;box-sizing:border-box}@media (min-width: 640px){.panel{padding:24px}}.balance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%;margin-bottom:4px}@media (min-width: 480px){.balance-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}}@media (min-width: 768px){.balance-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}}.balance-card{background:#FFFFFF;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;gap:2px;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;min-height:52px}@media (min-width: 640px){.balance-card{padding:8px 12px;min-height:60px;gap:4px}}.balance-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--brand)}.balance-card.annual:before{background:var(--brand)}.balance-card.casual:before{background:#0F766E}.balance-card.sick:before{background:#7C3AED}.balance-card.lieu:before{background:#2563EB}.balance-card.default:before{background:#E07A5F}.balance-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#d48d6366}.balance-card-header{display:flex;justify-content:space-between;align-items:center}.balance-card-title{font-size:9.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balance-card-numbers{display:flex;align-items:baseline;gap:3px}.balance-card-avail{font-family:var(--font-heading);font-size:16px;font-weight:850;color:var(--ink);line-height:1}@media (min-width: 640px){.balance-card-avail{font-size:22px}}.balance-card-total{font-size:12.5px;font-weight:600;color:var(--subtle)}.balance-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;color:var(--muted);padding-top:2px;border-top:1px dashed var(--line-light)}.leave-form{display:flex;flex-direction:column;gap:14px}.portal-shell label{display:flex;flex-direction:column;gap:5px;text-align:left;width:100%}.portal-shell label span{font-size:13px;font-weight:700;color:var(--ink)}.portal-shell label span em{font-style:normal;font-weight:500;color:var(--muted)}.portal-shell select,.portal-shell input[type=text],.portal-shell input[type=password],.portal-shell textarea{width:100%;border:1.5px solid var(--line);border-radius:var(--radius-md);padding:10px 14px;background:#FFFFFF;color:var(--ink);font-size:14px;font-weight:600;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.portal-shell select{height:48px;min-height:48px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23D48D63' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.portal-shell select:focus,.portal-shell input:focus,.portal-shell textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #d48d632e;outline:none}.date-range{display:grid;grid-template-columns:1fr;gap:12px;width:100%}@media (min-width: 480px){.date-range{grid-template-columns:1fr 1fr;gap:14px}}.react-datepicker-wrapper,.react-datepicker__input-container{display:block!important;width:100%!important}.date-picker-button{width:100%;height:48px;min-height:48px;max-height:48px;border:1.5px solid var(--line);border-radius:var(--radius-md);padding:0 14px;background:#FFFFFF;color:var(--ink);font-size:14px;font-weight:600;text-align:left;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;cursor:pointer}.date-picker-button:hover{border-color:var(--brand)}.date-picker-button:focus,.date-picker-button:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px #d48d632e;outline:none}.date-picker-button.placeholder .dp-btn-text{color:var(--subtle);font-weight:500}.date-picker-button .dp-btn-text{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-picker-button .dp-btn-icon,.date-picker-button svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;fill:none!important;stroke:var(--brand)!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex-shrink:0;margin-left:8px}.date-picker-popper{z-index:9999!important}.react-datepicker{font-family:var(--font-body)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-lg)!important;background:#FFFFFF!important;overflow:hidden!important}.react-datepicker__header{background:var(--panel-warm)!important;border-bottom:1px solid var(--line)!important;padding-top:10px!important}.react-datepicker__current-month{font-family:var(--font-heading)!important;font-size:15px!important;font-weight:800!important;color:var(--ink)!important}.react-datepicker__day-name{color:var(--muted)!important;font-weight:700!important;font-size:12px!important}.react-datepicker__day{border-radius:var(--radius-sm)!important;font-weight:600!important;font-size:13px!important;transition:all .12s ease!important}.react-datepicker__day:hover{background-color:var(--brand-light)!important;color:var(--brand-strong)!important}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background:var(--brand-gradient)!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #d48d6359!important}.react-datepicker__day--disabled{color:var(--subtle)!important;opacity:.35!important}.day-section{display:flex;flex-direction:column;gap:10px;background:var(--panel-warm);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px}.day-list{display:flex;flex-direction:column;gap:8px}.day-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:#FFFFFF;border:1px solid var(--line);box-shadow:var(--shadow-sm)}@media (min-width: 540px){.day-card{flex-direction:row;align-items:center;justify-content:space-between}}.day-card-head{display:flex;align-items:center;gap:8px}.day-date{font-size:13.5px;font-weight:750;color:var(--ink)}.day-name{font-size:11.5px;font-weight:600;color:var(--muted);padding:2px 8px;border-radius:var(--radius-pill);background:var(--panel-warm);border:1px solid var(--line)}.segmented{display:inline-flex;padding:2px;background:#EAE3D9;border-radius:var(--radius-pill);gap:2px}.segmented button{padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;color:var(--ink-secondary);transition:all .15s ease;min-height:28px}.segmented button.active{background:var(--brand);color:#fff;box-shadow:0 2px 6px #d48d6359}.day-total{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;font-weight:700;color:var(--ink)}.day-total strong{font-family:var(--font-heading);font-size:18px;color:var(--brand-strong)}.alert{padding:12px 14px;border-radius:var(--radius-md);background:var(--danger-bg);border:1px solid var(--rejected-border);color:var(--rejected-text);font-size:13.5px;font-weight:600}.success{padding:12px 14px;border-radius:var(--radius-md);background:var(--approved-bg);border:1px solid var(--approved-border);color:var(--approved-text);font-size:13.5px;font-weight:600}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.table-toolbar h2{font-family:var(--font-heading);font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.leave-summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.leave-summary span{padding:4px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;background:var(--panel-warm);border:1px solid var(--line);color:var(--ink-secondary)}.applied-card-list{display:flex;flex-direction:column;gap:10px}.applied-card{padding:14px;border-radius:var(--radius-md);background:#FFFFFF;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.applied-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.applied-card-head strong{font-family:var(--font-heading);font-size:15px;font-weight:800;color:var(--ink);display:block}.applied-card-head span{font-size:12.5px;color:var(--muted);font-weight:600}.applied-card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink-secondary);padding-top:8px;border-top:1px dashed var(--line-light)}.applied-card-meta span{display:inline-flex;align-items:center;gap:4px}.rej-reason{color:var(--danger)!important;font-weight:600}.status{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.03em}.status-0{background:var(--pending-bg);color:var(--pending-text);border:1px solid var(--pending-border)}.status-1{background:var(--approved-bg);color:var(--approved-text);border:1px solid var(--approved-border)}.status-2{background:var(--rejected-bg);color:var(--rejected-text);border:1px solid var(--rejected-border)}.hold-lieu-panel{display:flex;flex-direction:column;gap:14px}.form-intro{font-size:13px;color:var(--muted);margin-top:2px}.hold-lieu-note{padding:12px 14px;border-radius:var(--radius-md);background:#FEF3C7;border:1px solid #FDE68A;color:#78350f;font-size:12.5px;font-weight:600;line-height:1.4}.hold-lieu-selectall{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;padding:6px 12px;background:var(--panel-warm);border:1px solid var(--line);border-radius:var(--radius-pill);-webkit-user-select:none;user-select:none;transition:all .15s ease;width:fit-content}.hold-lieu-selectall:hover{background:var(--brand-light);border-color:#d48d6366}.hold-lieu-selectall input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.custom-check-box{width:18px;height:18px;min-width:18px;border-radius:5px;border:1.8px solid var(--subtle);background:#FFFFFF;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .15s ease}.hold-lieu-selectall input:checked+.custom-check-box{background:var(--brand);border-color:var(--brand)}.custom-check-box svg{width:11px!important;height:11px!important;stroke:#fff!important;stroke-width:3!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:0;transition:opacity .15s ease}.hold-lieu-selectall input:checked+.custom-check-box svg{opacity:1}.hold-lieu-list{display:grid;gap:10px}.hold-lieu-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-left:5px solid var(--line);border-radius:var(--radius-md);background:#FFFFFF;text-align:left;box-shadow:var(--shadow-sm);transition:all .15s ease}.hold-lieu-card.selected{border-color:var(--brand);border-left-color:var(--brand);background:var(--brand-light);box-shadow:0 4px 14px #d48d6333}.hold-lieu-card.held{border-left-color:var(--danger);background:var(--danger-bg);opacity:.92;cursor:not-allowed}.hold-lieu-check{width:24px;height:24px;border-radius:var(--radius-pill);border:2px solid var(--subtle);background:#FFFFFF;display:grid;place-items:center;color:#fff;flex-shrink:0;transition:all .15s ease}.hold-lieu-card.selected .hold-lieu-check{border-color:var(--brand);background:var(--brand)}.hold-lieu-card.held .hold-lieu-check{border-color:var(--danger);background:var(--danger)}.hold-lieu-check svg{width:14px!important;height:14px!important;stroke:currentColor!important;stroke-width:2.5!important;fill:none!important}.hold-lieu-info{flex:1;display:flex;flex-direction:column;gap:4px}.hold-lieu-dates{display:flex;flex-wrap:wrap;gap:8px 18px}.hold-lieu-dates span{display:flex;flex-direction:column}.hold-lieu-dates small{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted)}.hold-lieu-dates strong{font-size:13px;font-weight:700;color:var(--ink)}.hold-lieu-tags{display:flex;gap:6px}.hold-lieu-badge{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:var(--radius-pill)}.hold-lieu-badge.sunday{background:#FEE2E2;color:#991b1b}.hold-lieu-badge.balance{background:#E0E7FF;color:#3730a3}.hold-lieu-actionbar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:var(--radius-md);background:var(--panel-warm);border:1px solid var(--line)}.hold-lieu-selected-count{font-size:13px;font-weight:600;color:var(--ink)}.hold-lieu-selected-count strong{font-family:var(--font-heading);color:var(--brand-strong);font-size:16px}.timesheet-panel{display:flex;flex-direction:column;gap:14px}.timesheet-subtabs{display:inline-flex;align-items:center;padding:4px;background:#EBE5DC;border-radius:var(--radius-pill);gap:4px;width:100%;max-width:380px;margin-bottom:6px}.timesheet-subtabs button{flex:1;min-height:36px;padding:6px 14px;border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:12.5px;font-weight:750;color:var(--ink-secondary);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .18s ease;white-space:nowrap}.timesheet-subtabs button svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.timesheet-subtabs button:hover{color:var(--brand-strong)}.timesheet-subtabs button.active{background:#FFFFFF;color:var(--brand-strong);box-shadow:0 2px 8px #00000014}.timesheet-controls{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--radius-md);background:var(--panel-warm);border:1px solid var(--line)}@media (min-width: 640px){.timesheet-controls{flex-direction:row;align-items:flex-end}.timesheet-controls .date-range{flex:1}.timesheet-view-button{width:auto!important;min-width:120px}}.timesheet-legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;color:var(--muted);font-weight:600}.ts-legend{display:inline-block;width:9px;height:9px;border-radius:var(--radius-pill);margin-right:4px;vertical-align:middle}.ts-saturday{background:#F59E0B}.ts-sunday{background:var(--danger)}.ts-holiday{background:#EC4899}.ts-leave{background:#10B981}.ts-lieu{background:var(--purple)}.ts-nopay{background:#64748B}.timesheet-list{display:flex;flex-direction:column;gap:8px}.timesheet-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#FFFFFF;border:1px solid var(--line);box-shadow:var(--shadow-sm);border-left:4px solid var(--line)}.timesheet-row.ts-working{border-left-color:var(--info)}.timesheet-row.ts-saturday{border-left-color:#f59e0b}.timesheet-row.ts-sunday{border-left-color:var(--danger);background:#FFFDFD}.timesheet-row.ts-leave{border-left-color:#10b981;background:#F6FCF9}.timesheet-row.ts-lieu{border-left-color:var(--purple);background:#FAF7FF}.timesheet-row.ts-holiday{border-left-color:#ec4899}.timesheet-row-date{display:flex;flex-direction:column}.timesheet-row-date strong{font-size:13px;font-weight:750;color:var(--ink)}.timesheet-row-date span{font-size:11px;color:var(--muted);font-weight:600}.timesheet-row-times{display:flex;align-items:center;gap:14px}.ts-time{display:flex;flex-direction:column}.ts-time small{font-size:9.5px;font-weight:750;text-transform:uppercase;color:var(--muted)}.ts-time span{font-family:var(--font-tabular);font-size:13px;font-weight:700;color:var(--ink)}.ts-summary{margin-top:14px;padding:14px;border-radius:var(--radius-md);background:var(--panel-warm);border:1px solid var(--line)}.ts-summary-title{font-family:var(--font-heading);font-size:15px;font-weight:800;margin-bottom:10px;color:var(--ink)}.ts-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 640px){.ts-summary-grid{grid-template-columns:repeat(4,1fr)}}.ts-summary-item{padding:10px;border-radius:var(--radius-sm);background:#FFFFFF;border:1px solid var(--line)}.ts-summary-item dt{font-size:11px;color:var(--muted);font-weight:600}.ts-summary-item dd{font-family:var(--font-heading);font-size:17px;font-weight:800;color:var(--ink);margin-top:2px}.ts-summary-item.nopay-total dd{color:var(--danger)}.nopay-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px 16px;background:var(--panel-warm);border:1px dashed var(--line);border-radius:var(--radius-lg);margin-top:6px}.nopay-prompt p{color:var(--muted);font-size:13.5px;font-weight:600;max-width:400px;line-height:1.4}.nopay-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:var(--radius-md);background:var(--brand-light);border:1.5px solid rgba(212,141,99,.3);margin-bottom:6px;flex-wrap:wrap;gap:10px}.nopay-figure{display:flex;align-items:baseline;gap:8px}.nopay-figure strong{font-family:var(--font-heading);font-size:26px;font-weight:850;color:var(--brand-strong);line-height:1}.nopay-figure span{font-size:12.5px;font-weight:700;color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.04em}.nopay-badge{padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:750;background:#FEF3C7;color:#92400e;border:1px solid #FDE68A}.nopay-period{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:12px}.ts-detail-button{width:32px!important;height:32px!important;min-width:32px!important;border-radius:var(--radius-pill);color:var(--muted);background:var(--panel-warm);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.ts-detail-button:hover{background:var(--brand-light);color:var(--brand-strong);border-color:var(--brand)}.ts-detail-button svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}.timesheet-detail{max-width:520px;max-height:85vh;overflow-y:auto}.ts-detail-heading{display:flex;flex-direction:column;gap:2px}.ts-detail-heading h2{font-family:var(--font-heading);font-size:18px;font-weight:800;color:var(--ink)}.ts-detail-heading span{font-size:12.5px;font-weight:600;color:var(--muted)}.ts-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px}@media (max-width: 480px){.ts-detail-grid{grid-template-columns:1fr}}.ts-detail-item{padding:8px 12px;border-radius:var(--radius-sm);background:var(--panel-warm);border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.ts-detail-item dt{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.ts-detail-item dd{font-family:var(--font-heading);font-size:14px;font-weight:750;color:var(--ink)}.ts-summary-hint{display:block;font-size:10px;font-weight:600;color:var(--muted);margin-top:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(20,14,11,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.help-modal{width:100%;max-width:480px;background:#FFFFFF;border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-lg);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.help-modal-head{display:flex;justify-content:space-between;align-items:center}.help-modal-head h2{font-family:var(--font-heading);font-size:18px;font-weight:800;color:var(--ink)}.help-modal ol{padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:13.5px;color:var(--ink-secondary)}.calendar-legend{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted);font-weight:600}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{display:inline-block;width:12px;height:12px;border-radius:var(--radius-pill)}.legend-sunday{background:#FEF2F2;border:1.5px solid #DC2626}.legend-holiday{background:#FFFBEB;border:1.5px solid #D97706}.legend-covering{background:#ECFDF5;border:1.5px solid #059669}.empty{text-align:center;padding:32px 16px;color:var(--muted);font-size:14px;font-weight:600}.nopay-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px 16px;background:#F0FDF4;border:1.5px solid #BBF7D0;border-radius:var(--radius-lg);margin-top:8px}.nopay-clear-icon{width:44px;height:44px;min-width:44px;border-radius:var(--radius-pill);background:#10B981;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b98140}.nopay-clear-icon svg,.nopay-clear svg{width:22px!important;height:22px!important;stroke:#fff!important;stroke-width:2.8!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important}.nopay-clear p{font-family:var(--font-heading);font-size:14px;font-weight:750;color:#166534;max-width:360px;line-height:1.4}
