*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-left-3{left:-.75rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-right-3{right:-.75rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-12{bottom:3rem}.bottom-2{bottom:.5rem}.bottom-20{bottom:5rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-10{left:2.5rem}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[18px\]{left:18px}.right-0{right:0}.right-1{right:.25rem}.right-1\/4{right:25%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-4{top:1rem}.top-8{top:2rem}.top-full{top:100%}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[55\]{z-index:55}.z-\[56\]{z-index:56}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[9999\]{z-index:9999}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-8{grid-column:span 8 / span 8}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mr-2{margin-right:-.5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-10{width:2.5rem;height:2.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[300px\]{min-height:300px}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[56px\]{width:56px}.w-\[72px\]{width:72px}.w-\[80px\]{width:80px}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[65px\]{min-width:65px}.min-w-\[80px\]{min-width:80px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[120px\]{max-width:120px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-\[40px\]{max-width:40px}.max-w-\[60px\]{max-width:60px}.max-w-\[80px\]{max-width:80px}.max-w-\[90vw\]{max-width:90vw}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-6{--tw-translate-y: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-5deg\]{--tw-rotate: -5deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_1fr_80px_32px\]{grid-template-columns:1fr 1fr 80px 32px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-px{gap:1px}.gap-x-1\.5{column-gap:.375rem}.gap-x-4{column-gap:1rem}.gap-x-6{column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-2{row-gap:.5rem}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.75rem * var(--tw-space-x-reverse));margin-left:calc(-.75rem * calc(1 - var(--tw-space-x-reverse)))}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-1px * var(--tw-space-x-reverse));margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-cream-border>:not([hidden])~:not([hidden]){border-color:#00000014}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-l-xl{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#f0f2f4\]{--tw-border-opacity: 1;border-color:rgb(240 242 244 / var(--tw-border-opacity, 1))}.border-accent{--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.border-accent\/10{border-color:#92400e1a}.border-accent\/15{border-color:#92400e26}.border-accent\/20{border-color:#92400e33}.border-accent\/30{border-color:#92400e4d}.border-accent\/40{border-color:#92400e66}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-cream-bg{--tw-border-opacity: 1;border-color:rgb(244 243 238 / var(--tw-border-opacity, 1))}.border-cream-border{border-color:#00000014}.border-cream-border-strong{border-color:#0000001f}.border-cream-input{--tw-border-opacity: 1;border-color:rgb(238 237 234 / var(--tw-border-opacity, 1))}.border-cream-surface{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-emerald-100{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-ink-muted{--tw-border-opacity: 1;border-color:rgb(107 106 104 / var(--tw-border-opacity, 1))}.border-ink-primary{--tw-border-opacity: 1;border-color:rgb(26 26 24 / var(--tw-border-opacity, 1))}.border-ink-subtle{--tw-border-opacity: 1;border-color:rgb(154 152 147 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-rose-200{--tw-border-opacity: 1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))}.border-stone-200{--tw-border-opacity: 1;border-color:rgb(231 229 228 / var(--tw-border-opacity, 1))}.border-stone-500{--tw-border-opacity: 1;border-color:rgb(120 113 108 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/5{border-color:#ffffff0d}.border-white\/50{border-color:#ffffff80}.border-zinc-200{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.border-t-accent{--tw-border-opacity: 1;border-top-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#141110\]{--tw-bg-opacity: 1;background-color:rgb(20 17 16 / var(--tw-bg-opacity, 1))}.bg-\[\#1C1917\]{--tw-bg-opacity: 1;background-color:rgb(28 25 23 / var(--tw-bg-opacity, 1))}.bg-\[\#e4e6e9\]{--tw-bg-opacity: 1;background-color:rgb(228 230 233 / var(--tw-bg-opacity, 1))}.bg-\[\#f0f2f4\]{--tw-bg-opacity: 1;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))}.bg-\[\#f8f9fa\]{--tw-bg-opacity: 1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.bg-accent{--tw-bg-opacity: 1;background-color:rgb(146 64 14 / var(--tw-bg-opacity, 1))}.bg-accent-light{--tw-bg-opacity: 1;background-color:rgb(166 79 18 / var(--tw-bg-opacity, 1))}.bg-accent-muted{--tw-bg-opacity: 1;background-color:rgb(163 137 106 / var(--tw-bg-opacity, 1))}.bg-accent-subtle{background-color:#92400e14}.bg-accent\/10{background-color:#92400e1a}.bg-accent\/15{background-color:#92400e26}.bg-accent\/20{background-color:#92400e33}.bg-accent\/5{background-color:#92400e0d}.bg-accent\/60{background-color:#92400e99}.bg-accent\/70{background-color:#92400eb3}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-50\/30{background-color:#fffbeb4d}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-amber-700{--tw-bg-opacity: 1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))}.bg-background-light{--tw-bg-opacity: 1;background-color:rgb(246 247 248 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-cream-bg{--tw-bg-opacity: 1;background-color:rgb(244 243 238 / var(--tw-bg-opacity, 1))}.bg-cream-bg\/50{background-color:#f4f3ee80}.bg-cream-bg\/90{background-color:#f4f3eee6}.bg-cream-border{background-color:#00000014}.bg-cream-border-strong{background-color:#0000001f}.bg-cream-elevated{--tw-bg-opacity: 1;background-color:rgb(250 250 247 / var(--tw-bg-opacity, 1))}.bg-cream-elevated\/30{background-color:#fafaf74d}.bg-cream-elevated\/50{background-color:#fafaf780}.bg-cream-input{--tw-bg-opacity: 1;background-color:rgb(238 237 234 / var(--tw-bg-opacity, 1))}.bg-cream-input\/20{background-color:#eeedea33}.bg-cream-input\/30{background-color:#eeedea4d}.bg-cream-surface{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.bg-cyan-600{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-ink-muted{--tw-bg-opacity: 1;background-color:rgb(107 106 104 / var(--tw-bg-opacity, 1))}.bg-ink-primary{--tw-bg-opacity: 1;background-color:rgb(26 26 24 / var(--tw-bg-opacity, 1))}.bg-ink-primary\/5{background-color:#1a1a180d}.bg-ink-subtle{--tw-bg-opacity: 1;background-color:rgb(154 152 147 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(43 140 238 / var(--tw-bg-opacity, 1))}.bg-primary\/10{background-color:#2b8cee1a}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/90{background-color:#ef4444e6}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-rose-400{--tw-bg-opacity: 1;background-color:rgb(251 113 133 / var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-sky-100{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-stone-100{--tw-bg-opacity: 1;background-color:rgb(245 245 244 / var(--tw-bg-opacity, 1))}.bg-stone-50{--tw-bg-opacity: 1;background-color:rgb(250 250 249 / var(--tw-bg-opacity, 1))}.bg-stone-500{--tw-bg-opacity: 1;background-color:rgb(120 113 108 / var(--tw-bg-opacity, 1))}.bg-stone-600{--tw-bg-opacity: 1;background-color:rgb(87 83 78 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/25{background-color:#ffffff40}.bg-white\/30{background-color:#ffffff4d}.bg-white\/80{background-color:#fffc}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-600{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))}.bg-opacity-60{--tw-bg-opacity: .6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-accent{--tw-gradient-from: #92400e var(--tw-gradient-from-position);--tw-gradient-to: rgb(146 64 14 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-accent\/5{--tw-gradient-from: rgb(146 64 14 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(146 64 14 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cream-elevated{--tw-gradient-from: #FAFAF7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 250 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-50{--tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-accent-dark{--tw-gradient-to: #78350f var(--tw-gradient-to-position)}.to-cream-input{--tw-gradient-to: #EEEDEA var(--tw-gradient-to-position)}.to-orange-100{--tw-gradient-to: #ffedd5 var(--tw-gradient-to-position)}.to-teal-100{--tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-1\.5{padding-right:.375rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-28{padding-top:7rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-display{font-family:Plus Jakarta Sans,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[32px\]{font-size:32px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.15\]{line-height:1.15}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#111418\]{--tw-text-opacity: 1;color:rgb(17 20 24 / var(--tw-text-opacity, 1))}.text-\[\#1C1917\]{--tw-text-opacity: 1;color:rgb(28 25 23 / var(--tw-text-opacity, 1))}.text-\[\#617589\]{--tw-text-opacity: 1;color:rgb(97 117 137 / var(--tw-text-opacity, 1))}.text-\[\#6B6663\]{--tw-text-opacity: 1;color:rgb(107 102 99 / var(--tw-text-opacity, 1))}.text-\[\#A8A29E\]{--tw-text-opacity: 1;color:rgb(168 162 158 / var(--tw-text-opacity, 1))}.text-\[\#F4F3EE\]{--tw-text-opacity: 1;color:rgb(244 243 238 / var(--tw-text-opacity, 1))}.text-accent{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-accent\/70{color:#92400eb3}.text-accent\/80{color:#92400ecc}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-cream-bg{--tw-text-opacity: 1;color:rgb(244 243 238 / var(--tw-text-opacity, 1))}.text-cream-bg\/70{color:#f4f3eeb3}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-emerald-900{--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-ink-disabled{--tw-text-opacity: 1;color:rgb(177 173 161 / var(--tw-text-opacity, 1))}.text-ink-muted{--tw-text-opacity: 1;color:rgb(107 106 104 / var(--tw-text-opacity, 1))}.text-ink-primary{--tw-text-opacity: 1;color:rgb(26 26 24 / var(--tw-text-opacity, 1))}.text-ink-secondary{--tw-text-opacity: 1;color:rgb(61 61 58 / var(--tw-text-opacity, 1))}.text-ink-subtle{--tw-text-opacity: 1;color:rgb(154 152 147 / var(--tw-text-opacity, 1))}.text-light-secondary{--tw-text-opacity: 1;color:rgb(212 211 207 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-pink-800{--tw-text-opacity: 1;color:rgb(157 23 77 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(43 140 238 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-100{--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-rose-800{--tw-text-opacity: 1;color:rgb(159 18 57 / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-sky-800{--tw-text-opacity: 1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))}.text-stone-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.text-stone-700{--tw-text-opacity: 1;color:rgb(68 64 60 / var(--tw-text-opacity, 1))}.text-stone-800{--tw-text-opacity: 1;color:rgb(41 37 36 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.placeholder-ink-subtle::placeholder{--tw-placeholder-opacity: 1;color:rgb(154 152 147 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.04);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft-lg{--tw-shadow: 0 4px 8px rgba(0,0,0,.04), 0 16px 48px rgba(0,0,0,.08);--tw-shadow-colored: 0 4px 8px var(--tw-shadow-color), 0 16px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft-md{--tw-shadow: 0 2px 4px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-accent\/20{--tw-shadow-color: rgb(146 64 14 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-500\/30{--tw-shadow-color: rgb(239 68 68 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-500\/50{--tw-shadow-color: rgb(239 68 68 / .5);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-accent{--tw-ring-opacity: 1;--tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity, 1))}.ring-accent\/10{--tw-ring-color: rgb(146 64 14 / .1)}.ring-accent\/20{--tw-ring-color: rgb(146 64 14 / .2)}.ring-amber-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1))}.ring-black\/5{--tw-ring-color: rgb(0 0 0 / .05)}.ring-ink-primary{--tw-ring-opacity: 1;--tw-ring-color: rgb(26 26 24 / var(--tw-ring-opacity, 1))}.ring-ink-subtle{--tw-ring-opacity: 1;--tw-ring-color: rgb(154 152 147 / var(--tw-ring-opacity, 1))}.ring-red-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.ring-offset-1{--tw-ring-offset-width: 1px}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-cream-surface{--tw-ring-offset-color: #FFFFFF}.blur-2xl{--tw-blur: blur(40px);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)}.blur-xl{--tw-blur: blur(24px);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.grayscale-\[30\%\]{--tw-grayscale: grayscale(30%);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-md{--tw-backdrop-blur: blur(12px);-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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-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,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-claude{transition-timing-function:cubic-bezier(.165,.85,.45,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#92400e2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#92400e59}*{scrollbar-color:rgba(146,64,14,.18) transparent;scrollbar-width:thin}@media(max-width:1023px){*{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar{display:none!important}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.icon-fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.shift-card{transition:all .2s ease}.shift-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.scrollbar-thin::-webkit-scrollbar{height:4px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#92400e38;border-radius:2px}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}@media(max-width:640px){.overflow-x-auto{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}}.liquid-glass-fab{width:56px;height:56px;border-radius:50%;flex-shrink:0;backdrop-filter:blur(24px) saturate(200%) brightness(110%);-webkit-backdrop-filter:blur(24px) saturate(200%) brightness(110%);background:linear-gradient(145deg,#92400e4d,#b453091f 55%,#78350f33);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000001f,inset 1px 0 #ffffff2e,inset -1px 0 #0000000f,0 8px 32px #92400e4d,0 2px 8px #00000024;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease-out,box-shadow .18s ease,background .18s ease}.liquid-glass-fab--visible{opacity:1}.liquid-glass-fab:before{content:"";position:absolute;top:0;left:0;right:0;height:52%;border-radius:28px 28px 24px 24px;background:linear-gradient(180deg,#ffffff38,#ffffff0f,#fff0);pointer-events:none;z-index:1}.liquid-glass-fab:after{content:"";position:absolute;bottom:4px;left:20%;right:20%;height:22%;border-radius:50%;background:radial-gradient(ellipse at center,#ffffff1f,#fff0);pointer-events:none;z-index:1}.liquid-glass-fab:hover{backdrop-filter:blur(24px) saturate(230%) brightness(115%);-webkit-backdrop-filter:blur(24px) saturate(230%) brightness(115%);background:linear-gradient(145deg,#92400e66,#b453092e 55%,#78350f47);box-shadow:inset 0 1px #fff9,inset 0 -1px #0000001a,inset 1px 0 #ffffff38,inset -1px 0 #0000000d,0 14px 44px #92400e73,0 3px 10px #0000002e}.liquid-glass-fab:active{backdrop-filter:blur(24px) saturate(180%) brightness(106%);-webkit-backdrop-filter:blur(24px) saturate(180%) brightness(106%);box-shadow:inset 0 1px #fff6,inset 0 2px 4px #00000029,0 4px 16px #92400e3d,0 1px 4px #0000001a}.liquid-glass-fab .liquid-glass-icon{position:relative;z-index:2;color:#fffffff2;font-size:24px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.2)}.file\:border-0::-webkit-file-upload-button{border-width:0px}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::-webkit-file-upload-button{background-color:transparent}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-ink-muted::placeholder{--tw-text-opacity: 1;color:rgb(107 106 104 / var(--tw-text-opacity, 1))}.placeholder\:text-ink-subtle::placeholder{--tw-text-opacity: 1;color:rgb(154 152 147 / var(--tw-text-opacity, 1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-0\.5:after{content:var(--tw-content);left:.125rem}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-3:after{content:var(--tw-content);height:.75rem}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-3:after{content:var(--tw-content);width:.75rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:shadow-sm:after{content:var(--tw-content);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.first\:rounded-t-xl:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.last\:rounded-b-xl:last-child{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.last\:border-0:last-child{border-width:0px}.last\:border-r-0:last-child{border-right-width:0px}.focus-within\:border-accent:focus-within{--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.focus-within\:border-ink-primary:focus-within{--tw-border-opacity: 1;border-color:rgb(26 26 24 / var(--tw-border-opacity, 1))}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-ink-primary:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(26 26 24 / var(--tw-ring-opacity, 1))}.hover\:z-10:hover{z-index:10}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#f0f2f4\]:hover{--tw-border-opacity: 1;border-color:rgb(240 242 244 / var(--tw-border-opacity, 1))}.hover\:border-accent:hover{--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.hover\:border-accent\/30:hover{border-color:#92400e4d}.hover\:border-accent\/40:hover{border-color:#92400e66}.hover\:border-accent\/50:hover{border-color:#92400e80}.hover\:border-accent\/60:hover{border-color:#92400e99}.hover\:border-amber-200:hover{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.hover\:border-amber-400:hover{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.hover\:border-cream-border-strong:hover{border-color:#0000001f}.hover\:border-ink-primary:hover{--tw-border-opacity: 1;border-color:rgb(26 26 24 / var(--tw-border-opacity, 1))}.hover\:border-red-200:hover{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.hover\:border-red-400:hover{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#e4e6e9\]:hover{--tw-bg-opacity: 1;background-color:rgb(228 230 233 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#f8f9fa\]:hover{--tw-bg-opacity: 1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.hover\:bg-accent-light:hover{--tw-bg-opacity: 1;background-color:rgb(166 79 18 / var(--tw-bg-opacity, 1))}.hover\:bg-accent\/10:hover{background-color:#92400e1a}.hover\:bg-accent\/15:hover{background-color:#92400e26}.hover\:bg-accent\/20:hover{background-color:#92400e33}.hover\:bg-accent\/5:hover{background-color:#92400e0d}.hover\:bg-accent\/90:hover{background-color:#92400ee6}.hover\:bg-amber-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-600:hover{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-black\/20:hover{background-color:#0003}.hover\:bg-cream-bg:hover{--tw-bg-opacity: 1;background-color:rgb(244 243 238 / var(--tw-bg-opacity, 1))}.hover\:bg-cream-border:hover{background-color:#00000014}.hover\:bg-cream-border\/50:hover{background-color:#00000080}.hover\:bg-cream-elevated:hover{--tw-bg-opacity: 1;background-color:rgb(250 250 247 / var(--tw-bg-opacity, 1))}.hover\:bg-cream-elevated\/50:hover{background-color:#fafaf780}.hover\:bg-cream-input:hover{--tw-bg-opacity: 1;background-color:rgb(238 237 234 / var(--tw-bg-opacity, 1))}.hover\:bg-cream-input\/80:hover{background-color:#eeedeacc}.hover\:bg-cream-surface\/50:hover{background-color:#ffffff80}.hover\:bg-cream-surface\/60:hover{background-color:#fff9}.hover\:bg-emerald-100:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-200:hover{--tw-bg-opacity: 1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-100:hover{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-\[\#F4F3EE\]:hover{--tw-text-opacity: 1;color:rgb(244 243 238 / var(--tw-text-opacity, 1))}.hover\:text-accent:hover{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.hover\:text-accent-light:hover{--tw-text-opacity: 1;color:rgb(166 79 18 / var(--tw-text-opacity, 1))}.hover\:text-accent\/80:hover{color:#92400ecc}.hover\:text-amber-600:hover{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.hover\:text-ink-muted:hover{--tw-text-opacity: 1;color:rgb(107 106 104 / var(--tw-text-opacity, 1))}.hover\:text-ink-primary:hover{--tw-text-opacity: 1;color:rgb(26 26 24 / var(--tw-text-opacity, 1))}.hover\:text-ink-secondary:hover{--tw-text-opacity: 1;color:rgb(61 61 58 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-rose-600:hover{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-soft-md:hover{--tw-shadow: 0 2px 4px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-accent:focus{--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.focus\:border-ink-primary:focus{--tw-border-opacity: 1;border-color:rgb(26 26 24 / var(--tw-border-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-accent:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity, 1))}.focus\:ring-accent\/20:focus{--tw-ring-color: rgb(146 64 14 / .2)}.focus\:ring-amber-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1))}.focus\:ring-cream-border:focus{--tw-ring-color: rgba(0,0,0,.08)}.focus\:ring-ink-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(26 26 24 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-1:focus{--tw-ring-offset-width: 1px}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ink-primary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(26 26 24 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-cream-elevated:active{--tw-bg-opacity: 1;background-color:rgb(250 250 247 / var(--tw-bg-opacity, 1))}.active\:bg-cream-input:active{--tw-bg-opacity: 1;background-color:rgb(238 237 234 / var(--tw-bg-opacity, 1))}.active\:bg-red-50:active{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.active\:text-ink-muted:active{--tw-text-opacity: 1;color:rgb(107 106 104 / var(--tw-text-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-accent\/50:disabled{background-color:#92400e80}.disabled\:bg-cream-border-strong:disabled{background-color:#0000001f}.disabled\:bg-cream-elevated:disabled{--tw-bg-opacity: 1;background-color:rgb(250 250 247 / var(--tw-bg-opacity, 1))}.disabled\:bg-cream-input:disabled{--tw-bg-opacity: 1;background-color:rgb(238 237 234 / var(--tw-bg-opacity, 1))}.disabled\:text-ink-disabled:disabled{--tw-text-opacity: 1;color:rgb(177 173 161 / var(--tw-text-opacity, 1))}.disabled\:text-ink-muted:disabled{--tw-text-opacity: 1;color:rgb(107 106 104 / var(--tw-text-opacity, 1))}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:shadow-none:disabled{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:bg-accent\/10{background-color:#92400e1a}.group:hover .group-hover\:bg-accent\/15{background-color:#92400e26}.group:hover .group-hover\:bg-accent\/20{background-color:#92400e33}.group:hover .group-hover\:bg-amber-200{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-cloudy{--tw-bg-opacity: 1;background-color:rgb(177 173 161 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-cream-border-strong{background-color:#0000001f}.group:hover .group-hover\:bg-cream-elevated{--tw-bg-opacity: 1;background-color:rgb(250 250 247 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-ink-secondary{--tw-bg-opacity: 1;background-color:rgb(61 61 58 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-accent{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-ink-muted{--tw-text-opacity: 1;color:rgb(107 106 104 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-ink-primary{--tw-text-opacity: 1;color:rgb(26 26 24 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:border-accent{--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\:bg-accent{--tw-bg-opacity: 1;background-color:rgb(146 64 14 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:checked~.peer-checked\:ring-accent{--tw-ring-opacity: 1;--tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-4:after{content:var(--tw-content);--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:translate-x-5:after{content:var(--tw-content);--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus~.peer-focus\:ring-accent{--tw-ring-opacity: 1;--tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity, 1))}.peer:focus~.peer-focus\:ring-offset-1{--tw-ring-offset-width: 1px}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}@media(min-width:640px){.sm\:-left-6{left:-1.5rem}.sm\:left-4{left:1rem}.sm\:right-3{right:.75rem}.sm\:right-8{right:2rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-1{margin-top:.25rem}.sm\:mt-4{margin-top:1rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-12{height:3rem}.sm\:h-2\.5{height:.625rem}.sm\:h-20{height:5rem}.sm\:h-3\.5{height:.875rem}.sm\:h-5{height:1.25rem}.sm\:h-6{height:1.5rem}.sm\:h-8{height:2rem}.sm\:h-9{height:2.25rem}.sm\:max-h-\[85vh\]{max-height:85vh}.sm\:w-10{width:2.5rem}.sm\:w-12{width:3rem}.sm\:w-2\.5{width:.625rem}.sm\:w-3\.5{width:.875rem}.sm\:w-48{width:12rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-8{width:2rem}.sm\:w-auto{width:auto}.sm\:w-fit{width:-webkit-fit-content;width:fit-content}.sm\:min-w-\[160px\]{min-width:160px}.sm\:min-w-\[80px\]{min-width:80px}.sm\:max-w-\[70px\]{max-width:70px}.sm\:max-w-\[80px\]{max-width:80px}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-none{max-width:none}.sm\:flex-initial{flex:0 1 auto}.sm\:flex-none{flex:none}.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:gap-1{gap:.25rem}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-1{padding:.25rem}.sm\:p-12{padding:3rem}.sm\:p-2{padding:.5rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pb-28{padding-bottom:7rem}.sm\:pl-10{padding-left:2.5rem}.sm\:pl-12{padding-left:3rem}.sm\:pl-4{padding-left:1rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pr-10{padding-right:2.5rem}.sm\:pr-3{padding-right:.75rem}.sm\:pt-36{padding-top:9rem}.sm\:pt-4{padding-top:1rem}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media(min-width:768px){.md\:mt-1{margin-top:.25rem}.md\:flex{display:flex}.md\:h-9{height:2.25rem}.md\:w-60{width:15rem}.md\:w-64{width:16rem}.md\:w-9{width:2.25rem}.md\:w-\[130px\]{width:130px}.md\:max-w-\[100px\]{max-width:100px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:border-b-0{border-bottom-width:0px}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:pb-6{padding-bottom:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:contents{display:contents}.lg\:hidden{display:none}.lg\:h-8{height:2rem}.lg\:w-auto{width:auto}.lg\:flex-initial{flex:0 1 auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-16{gap:4rem}.lg\:gap-3{gap:.75rem}.lg\:gap-4{gap:1rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pl-4{padding-left:1rem}.lg\:text-\[3\.25rem\]{font-size:3.25rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:1280px){.xl\:flex{display:flex}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:px-40{padding-left:10rem;padding-right:10rem}}@media print{.print\:block{display:block}.print\:hidden{display:none}.print\:max-w-none{max-width:none}.print\:rounded-none{border-radius:0}.print\:border-0{border-width:0px}.print\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.print\:p-0{padding:0}.print\:p-4{padding:1rem}.print\:shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}*{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.payroll-calculation{padding:1.5rem;background:#f6f7f8;min-height:100%;max-width:1400px;margin:0 auto}.payroll-calculation h2{font-size:1.5rem;font-weight:700;color:#1a1a18;margin-bottom:1rem}.payroll-header{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.payroll-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1rem}.period-selector{display:flex;align-items:center;gap:.5rem}.period-selector input[type=date]{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem}.payroll-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.payroll-summary .stat-card{background:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e2e8f0}.employee-payroll-list{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;overflow:hidden}.employee-payroll-item{border-bottom:1px solid #e2e8f0}.employee-payroll-item:last-child{border-bottom:none}.employee-payroll-header{padding:1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s}.employee-payroll-header:hover{background:#f8fafc}.employee-payroll-details{padding:1rem;background:#f8fafc;border-top:1px solid #e2e8f0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.auth-modal{max-width:480px}.auth-form{padding:0 1.5rem 1.5rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;color:#6b7280;z-index:2}.input-with-icon input{padding-left:2.5rem}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#166534;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.auth-switch{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.auth-switch p{color:#6b7280;margin:0;font-size:.875rem}.link-button{background:none;border:none;color:#92400e;cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.link-button:hover{color:#a64f12}.link-button:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease}.user-menu-trigger:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#a64f12,#78350f);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600}.user-avatar.large{width:48px;height:48px;font-size:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-size:.875rem;font-weight:600;color:#1f2937;line-height:1.2}.business-name{font-size:.75rem;color:#6b7280;line-height:1.2}.dropdown-icon{color:#6b7280;transition:transform .2s ease}.dropdown-icon.open{transform:rotate(180deg)}.user-menu-overlay{position:fixed;inset:0;z-index:999}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;min-width:240px;overflow:hidden}.user-menu-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.user-menu-header .user-name{font-size:1rem;font-weight:600;color:#1f2937}.user-email{font-size:.75rem;color:#6b7280;margin-top:.25rem}.user-menu-header .business-name{font-size:.75rem;color:#92400e;font-weight:500;margin-top:.25rem}.user-menu-divider{height:1px;background:#e5e7eb}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;color:#374151;font-size:.875rem;transition:background-color .2s ease}.user-menu-item:hover{background:#f3f4f6}.user-menu-item.danger{color:#dc2626}.user-menu-item.danger:hover{background:#fef2f2}.fa-spin{animation:fa-spin 1s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app.unauthenticated{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.landing-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0;box-shadow:0 1px 3px #0000001a}.landing-header .header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.auth-buttons{display:flex;gap:1rem;align-items:center}.landing-main{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.landing-hero{max-width:1200px;width:100%;text-align:center}.hero-content h2{font-size:3rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;line-height:1.2}.hero-content p{font-size:1.25rem;color:#64748b;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.feature{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.feature svg{color:#3b82f6;margin-bottom:1rem}.feature h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.75rem}.feature p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.hero-cta{margin-top:2rem}.btn-large{padding:1rem 2rem;font-size:1.125rem;font-weight:600}.header-content{display:flex;justify-content:space-between;align-items:center}.header-right{display:flex;align-items:center;gap:2rem}.header-stats{display:flex;gap:1.5rem}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f3ee}.loading-spinner{width:40px;height:40px;border:3px solid #EEEDEA;border-top:3px solid #92400e;border-radius:50%;animation:spin .8s ease-in-out infinite;margin-bottom:1rem}.app-loading p{color:#6b6a68;font-size:.875rem;font-weight:500;margin:0;font-family:Plus Jakarta Sans,sans-serif}@media(max-width:768px){.user-info{display:none}.user-menu-dropdown{right:-1rem;left:-1rem;width:auto}.landing-header .header-content{flex-direction:column;gap:1rem;padding:1rem}.hero-content h2{font-size:2rem}.hero-features{grid-template-columns:1fr;gap:1rem}.feature{padding:1.5rem}.header-stats{flex-direction:column;gap:.5rem;text-align:center}.header-right{flex-direction:column;gap:1rem}}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.notification{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #0000001a;background:#fff;border-left:4px solid;animation:slideIn .3s ease-out;transition:all .3s ease}.notification-success{border-left-color:#10b981;background:#f0fdf4}.notification-error{border-left-color:#ef4444;background:#fef2f2}.notification-warning{border-left-color:#f59e0b;background:#fffbeb}.notification-info{border-left-color:#3b82f6;background:#eff6ff}.notification-icon{font-size:18px}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#ef4444}.notification-warning .notification-icon{color:#f59e0b}.notification-info .notification-icon{color:#3b82f6}.notification-message{flex:1;font-size:14px;line-height:1.4;color:#374151}.notification-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.notification-close:hover{background:#0000000d;color:#374151}.notification-fade-out{opacity:0;transform:translate(100%)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.confirmation-overlay{z-index:10001}.confirmation-dialog{max-width:480px;width:90vw}.confirmation-header{display:flex;align-items:flex-start;gap:16px;padding:24px 24px 0}.confirmation-icon{flex-shrink:0;margin-top:2px}.confirmation-title{flex:1;display:flex;justify-content:space-between;align-items:flex-start}.confirmation-title h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.confirmation-content{padding:16px 24px 24px;margin-left:40px}.confirmation-content p{margin:0;color:#6b7280;line-height:1.5}.confirmation-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #e5e7eb;margin-top:16px}.confirmation-actions .btn{min-width:80px}.btn-warning{background-color:#f59e0b;color:#fff;border:1px solid #f59e0b}.btn-warning:hover{background-color:#d97706;border-color:#d97706}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;background:#f4f3ee}.loading-spinner{width:36px;height:36px;border:3px solid #EEEDEA;border-top:3px solid #92400e;border-radius:50%;animation:spin .8s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 2rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{color:#3b82f6}.logo-text h1{font-size:1.5rem;font-weight:700;color:#1e293b}.logo-text p{font-size:.875rem;color:#64748b}.header-stats{display:flex;gap:2rem}.stat{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.app-nav{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 2rem}.nav-tabs{display:flex;max-width:1400px;margin:0 auto}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.nav-tab:hover{color:#3b82f6}.nav-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.app-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-outline{background:#fff;border-color:#d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:transparent;border:none;color:#6b7280}.btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.btn-sm{padding:.25rem .75rem;font-size:.75rem}.btn-xs{padding:.125rem .375rem;font-size:.75rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-left h2{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.header-left p{color:#64748b;font-size:.875rem}.employee-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-card svg{color:#3b82f6}.stat-info h3{font-size:2rem;font-weight:700;color:#1e293b}.stat-info p{color:#64748b;font-size:.875rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem}.empty-icon{color:#9ca3af;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:2rem}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.employee-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem}.employee-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.employee-avatar{width:48px;height:48px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;overflow:hidden}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-info h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.employee-roles{display:flex;flex-wrap:wrap;gap:.25rem}.role-badge{display:inline-block;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px;background:#e0e7ff;color:#3730a3}.role-badge.role-manager{background:#f3e8ff;color:#7c3aed}.role-badge.role-shift-lead{background:#fef3c7;color:#d97706}.status-badge{padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem}.status-badge.status-active{background:#dcfce7;color:#166534}.status-badge.status-inactive{background:#fee2e2;color:#991b1b}.employee-details{margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem;margin-bottom:.25rem}.employee-actions{display:flex;gap:.5rem;flex-wrap:wrap}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:.5rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1e293b}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem}.modal-close:hover{background:#f3f4f6;color:#374151}.employee-form,.shift-form,.availability-form{padding:0 1.5rem 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-actions-left,.form-actions-right{display:flex;gap:.75rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.form-help{display:block;margin-top:.25rem;font-size:.75rem;color:#6b7280}.profile-picture-upload{display:flex;align-items:center;gap:1rem}.profile-preview{width:64px;height:64px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;overflow:hidden}.profile-preview img{width:100%;height:100%;object-fit:cover}.roles-selector{display:flex;flex-wrap:wrap;gap:.5rem}.role-toggle{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.role-toggle:hover{border-color:#9ca3af}.role-toggle.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.input-with-prefix{position:relative}.input-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:.875rem;pointer-events:none}.input-with-prefix input{padding-left:2rem}.unavailability-modal{max-width:900px;max-height:90vh}.unavailability-tabs{display:flex;border-bottom:1px solid #e2e8f0}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-button:hover{color:#3b82f6;background:#f8fafc}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f8fafc}.unavailability-summary{display:flex;gap:2rem;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.summary-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.unavailability-form{padding:1.5rem;max-height:60vh;overflow-y:auto}.section-header{margin-bottom:1.5rem;text-align:center}.section-header h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.section-header p{color:#64748b;font-size:.875rem;margin-bottom:1rem}.availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.day-availability{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.day-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.day-header h4{font-size:.875rem;font-weight:600;color:#374151}.time-slots{padding:1rem}.no-unavailability{text-align:center;color:#10b981;font-size:.875rem;padding:1rem 0;background:#f0fdf4;border-radius:.25rem}.time-slot{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.time-inputs{display:flex;align-items:center;gap:.5rem;flex:1}.time-inputs input{flex:1}.time-inputs span{color:#6b7280;font-size:.875rem}.date-ranges-list{display:flex;flex-direction:column;gap:1rem}.date-range-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#fff}.range-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.range-info h4{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.range-time{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.range-reason{color:#9ca3af;font-size:.75rem;font-style:italic}.range-actions{display:flex;gap:.5rem}.range-details{padding-top:1rem;border-top:1px solid #f1f5f9}.date-picker-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.date-picker-modal{background:#fff;border-radius:.5rem;max-width:400px;width:100%}.date-range-picker{padding:1.5rem}.date-range-header{text-align:center;margin-bottom:1.5rem}.date-range-header h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.selected-range{color:#64748b;font-size:.875rem}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.current-month{font-size:1rem;font-weight:600;color:#1e293b}.calendar-grid{margin-bottom:1.5rem}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.weekday-header{padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;color:#64748b}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.calendar-day:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.calendar-day.empty{border:none;background:transparent;cursor:default}.calendar-day.today{background:#dbeafe;border-color:#3b82f6;color:#1e40af;font-weight:600}.calendar-day.range-start,.calendar-day.range-end{background:#3b82f6;color:#fff;border-color:#3b82f6}.calendar-day.in-range{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.date-range-actions{display:flex;justify-content:flex-end;gap:.75rem}.team-availability{display:flex;flex-direction:column;height:100%}.team-availability-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.team-availability-header .header-left h2{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.team-availability-header .header-left p{color:#64748b;font-size:.875rem}.week-controls{display:flex;justify-content:center;margin-bottom:2rem}.week-picker-container{display:flex;align-items:center;gap:1rem}.week-range-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.week-range-button:hover{background:#f9fafb;border-color:#9ca3af}.week-nav-buttons{display:flex;gap:.5rem}.availability-grid-container{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.availability-grid{display:flex;flex-direction:column;min-width:100%}.grid-header{display:grid;grid-template-columns:200px repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e5e7eb}.employee-header-cell{padding:1rem;font-weight:600;color:#374151;border-right:1px solid #e5e7eb}.day-header-cell{padding:1rem;text-align:center;border-right:1px solid #e5e7eb}.day-header-cell:last-child{border-right:none}.day-name{font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.25rem}.day-date{color:#64748b;font-size:.75rem}.employee-row{display:grid;grid-template-columns:200px repeat(7,1fr);border-bottom:1px solid #f1f5f9}.employee-row:last-child{border-bottom:none}.employee-cell{display:flex;align-items:center;gap:.75rem;padding:1rem;border-right:1px solid #e5e7eb;background:#fafbfc}.employee-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.employee-info{flex:1}.employee-name{font-weight:500;color:#374151;font-size:.875rem;display:block;margin-bottom:.25rem}.employee-actions{margin-top:.25rem}.view-requests-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:#8b5cf6;font-size:.75rem;cursor:pointer;transition:color .2s}.view-requests-btn:hover{color:#7c3aed}.availability-day-cell{padding:.5rem;border-right:1px solid #e5e7eb;min-height:80px;display:flex;align-items:stretch}.availability-day-cell:last-child{border-right:none}.availability-cell{width:100%;height:100%;border-radius:.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:60px;position:relative;z-index:1}.availability-cell.available{background:transparent;border:1px solid transparent}.availability-cell.available:hover{background:#f0fdf4;border:1px dashed #22c55e;transform:scale(1.02)}.availability-cell.unavailable{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.availability-cell.recurring-unavailable{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.unavailability-content{text-align:center;padding:.5rem}.unavailability-text{display:block;font-size:.75rem;font-weight:500;margin-bottom:.125rem}.unavailability-subtext{display:block;font-size:.625rem;color:inherit;opacity:.8}.unavailability-reason{display:block;font-size:.625rem;font-style:italic;opacity:.7;margin-top:.125rem}.week-picker-modal{max-width:500px}.week-range-picker{padding:1.5rem}.picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.picker-header h3{font-size:1.25rem;font-weight:600;color:#1e293b}.month-navigation{display:flex;gap:.5rem}.calendar-grid .calendar-days .calendar-day.current-week{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.calendar-grid .calendar-days .calendar-day.week-start{font-weight:600;border-width:2px}.picker-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.availability-modal-small{max-width:400px;width:100%}.availability-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;margin-bottom:1.5rem}.employee-day-header{display:flex;align-items:center;gap:.75rem}.employee-avatar-small{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.employee-day-info h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.employee-day-info p{font-size:.875rem;color:#64748b;margin:0}.availability-modal-content{padding:0 1.5rem 1.5rem}.availability-type-toggle{display:flex;gap:0;margin-bottom:1.5rem;border-radius:.375rem;overflow:hidden;border:1px solid #e5e7eb}.toggle-btn{flex:1;padding:.75rem 1rem;background:#fff;border:none;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn:first-child{border-right:1px solid #e5e7eb}.toggle-btn.active{background:#f8fafc;color:#374151}.toggle-btn.active.unavailable{background:#1e293b;color:#fff}.all-day-toggle{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#1e293b}input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:.875rem;color:#374151}.time-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.time-input-group{display:flex;flex-direction:column;gap:.5rem}.time-input-group label{font-size:.875rem;color:#374151;font-weight:500}.time-input-group input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.time-input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-btn{width:100%;padding:.875rem;background:#8b5cf6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.add-btn:hover{background:#7c3aed}.current-status{background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:1rem;margin-bottom:1.5rem;text-align:center}.status-text{font-weight:600;color:#991b1b;margin:0 0 .25rem}.status-detail{color:#7f1d1d;font-size:.875rem;margin:0}.modal-actions{display:flex;justify-content:center;margin-top:1.5rem}.delete-btn{padding:.875rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.delete-btn:hover{background:#dc2626}.week-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem}.nav-btn{min-width:120px}.week-info{text-align:center}.week-info h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.week-subtitle{color:#64748b;font-size:.875rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e2e8f0;border-radius:.5rem;overflow:hidden}.day-column{background:#fff;min-height:400px;display:flex;flex-direction:column}.day-column.today{background:#fefce8}.day-header{padding:1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.day-column.today .day-header{background:#fef3c7}.day-info h3{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.day-date{font-size:.75rem;color:#64748b}.day-stats{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.shift-count{font-size:.75rem;color:#64748b}.add-shift-btn{padding:.25rem .5rem}.shifts-container{flex:1;padding:1rem}.no-shifts{text-align:center;color:#9ca3af;padding:2rem .5rem}.no-shifts-icon{margin:0 auto .5rem}.no-shifts p{font-size:.875rem;margin-bottom:1rem}.shifts-list{display:flex;flex-direction:column;gap:.75rem}.shift-card{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem;position:relative}.shift-card.conflict{border-color:#f59e0b;background:#fffbeb}.conflict-warning{display:flex;align-items:center;gap:.25rem;color:#d97706;font-size:.75rem;margin-bottom:.5rem}.shift-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.shift-employee{display:flex;align-items:center;gap:.375rem}.employee-name{font-weight:500;color:#1e293b;font-size:.875rem}.shift-actions{display:flex;gap:.25rem}.shift-details{font-size:.75rem}.shift-time{display:flex;align-items:center;gap:.375rem;color:#64748b;margin-bottom:.25rem}.shift-duration{color:#9ca3af;font-weight:400}.shift-role{margin-bottom:.25rem}.shift-note{color:#64748b;font-style:italic}.shift-note p{margin:0}.availability-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem;color:#92400e;font-size:.875rem;margin-bottom:1rem}.availability-warning.conflict-warning{background:#fecaca;border:2px solid #ef4444;color:#dc2626;font-weight:500;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{border-color:#ef4444;box-shadow:0 0 #ef444466}50%{border-color:#dc2626;box-shadow:0 0 0 4px #ef444433}}.color-selector{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#1e293b;transform:scale(1.1)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.checkbox-label input[type=checkbox]{width:auto;margin:0}.days-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.day-toggle{padding:.375rem .75rem;border:1px solid #d1d5db;background:#fff;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s}.day-toggle:hover{border-color:#9ca3af}.day-toggle.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.settings-placeholder{text-align:center;padding:4rem 2rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem}.settings-placeholder h2{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.settings-placeholder p{color:#6b7280}@media(max-width:1024px){.app-main{padding:1rem}.calendar-grid{grid-template-columns:repeat(4,1fr)}.form-row,.availability-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-header{padding:1rem}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.header-stats{flex-direction:column;gap:.5rem}.nav-tabs{flex-direction:column}.nav-tab{padding:.75rem 1rem}.calendar-grid{grid-template-columns:1fr}.week-navigation{flex-direction:column;gap:1rem}.employee-grid{grid-template-columns:1fr}.modal{margin:1rem;max-height:calc(100vh - 2rem)}}.shift-card-compact{position:relative;background:#dbeafe;color:#1e40af;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem;min-height:70px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;font-size:.875rem;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(59,130,246,.2)}.shift-card-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:#3b82f666;background:#bfdbfe}.shift-card-compact.conflict{border:2px solid #f59e0b;box-shadow:0 2px 8px #f59e0b4d}.shift-card-compact.past-shift{filter:grayscale(30%);border:1px solid rgba(107,114,128,.4)!important;background-color:#f9fafb!important}.conflict-indicator{position:absolute;top:4px;right:4px;color:#f59e0b;background:#fffffff2;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:700}.past-shift-indicator{position:absolute;top:4px;left:4px;color:#6b7280;background:#f9fafbf2;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(107,114,128,.3);z-index:2}.shift-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.shift-name{font-weight:700;font-size:.95rem;line-height:1.1;color:#1e40af}.shift-time{font-size:.8rem;font-weight:500;line-height:1.1;color:#1e40af}.shift-role-compact{font-size:.75rem;font-weight:500;line-height:1.1;background:#0000001a;padding:.125rem .375rem;border-radius:.25rem;align-self:flex-start;margin-top:.125rem}.shift-delete-btn{background:#0000001a;border:1px solid rgba(0,0,0,.15);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s;flex-shrink:0}.shift-delete-btn:hover{background:#0003;border-color:#00000040;transform:scale(1.05)}@media(max-width:768px){.shift-card-compact{min-height:60px;padding:.5rem;font-size:.8rem}.shift-name{font-size:.85rem}.shift-time{font-size:.75rem}.shift-role-compact{font-size:.7rem;padding:.1rem .3rem}.shift-delete-btn{width:22px;height:22px;font-size:14px}}.schedule-summary{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.summary-header{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.summary-header:hover{background:#f9fafb}.summary-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.summary-title h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.expand-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.summary-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.quick-stat{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f9fafb;border-radius:.375rem;border:1px solid #f3f4f6}.quick-stat svg{color:#6b7280;flex-shrink:0}.stat-value{font-weight:700;font-size:1rem;color:#1f2937}.stat-label{font-size:.875rem;color:#6b7280;margin-left:auto}.summary-details{padding:1.5rem;background:#fafafa}.summary-section{margin-bottom:2rem}.summary-section:last-child{margin-bottom:0}.summary-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.daily-costs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.daily-cost-item{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem;text-align:center}.day-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.day-name{font-weight:600;color:#374151;font-size:.875rem}.day-date{color:#6b7280;font-size:.75rem}.day-cost{display:flex;flex-direction:column;gap:.25rem}.cost-amount{font-weight:700;color:#059669;font-size:.875rem}.employee-count{color:#6b7280;font-size:.75rem}.employee-costs{display:flex;flex-direction:column;gap:.75rem}.employee-cost-item{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem}.employee-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.employee-name{font-weight:600;color:#374151;font-size:.875rem}.wage-type{color:#6b7280;font-size:.75rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.employee-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.employee-stats .stat{display:flex;flex-direction:column;gap:.25rem}.employee-stats .stat-label{font-size:.75rem;color:#6b7280;margin:0}.employee-stats .stat-value{font-weight:600;color:#374151;font-size:.875rem}.averages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.average-item{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;display:flex;justify-content:space-between;align-items:center}.average-label{font-size:.875rem;color:#6b7280}.average-value{font-weight:700;color:#059669;font-size:1rem}@media(max-width:768px){.summary-quick-stats{grid-template-columns:1fr}.daily-costs{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.employee-stats,.averages-grid{grid-template-columns:1fr}.employee-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.business-hours-modal{max-width:700px;width:90vw}.business-hours-form{display:flex;flex-direction:column;gap:1.25rem;max-height:70vh;overflow-y:auto;padding-right:8px}.business-hours-modal .modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.business-hours-modal .header-content{display:flex;justify-content:space-between;align-items:center;flex:1}.business-hours-modal .header-actions{display:flex;align-items:center;gap:.75rem}.business-hours-modal .header-actions .btn{min-width:90px;font-weight:600}.business-hours-modal .modal-close{margin-left:.5rem;padding:.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;transition:all .2s}.business-hours-modal .modal-close:hover{background:#ef444426;border-color:#ef44444d;transform:scale(1.05)}.multi-week-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem}.multi-week-notice .notice-content{display:flex;align-items:center;gap:.75rem;color:#1e40af;font-size:.875rem}.multi-week-notice .notice-content strong{font-weight:600}.modal-header .header-content{display:flex;align-items:center;justify-content:space-between;flex:1;margin-right:1rem}.modal-header .header-title{display:flex;align-items:center;gap:.75rem}.modal-header .header-title h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.modal-header .week-range{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;background:#f3f4f6;padding:.5rem .75rem;border-radius:.375rem}.business-hours-grid{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem}.day-hours-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s;box-shadow:0 2px 8px #0000000a}.day-hours-row:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f61a;transform:translateY(-2px)}.day-hours-row.closed{background:#f8fafc;border-color:#d1d5db;opacity:.7}.day-hours-row.closed:hover{transform:none;box-shadow:0 2px 8px #0000000a}.day-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;background:#fafbfc;border-bottom:1px solid #e5e7eb}.day-hours-row.closed .day-header{background:#f3f4f6;border-bottom:1px solid #d1d5db}.day-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.day-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.day-name{font-weight:600;color:#374151;font-size:1rem}.apply-to-all-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.apply-to-all-btn:hover{background:#e5e7eb;color:#374151}.day-content{padding:1rem 1.25rem 1.25rem}.time-inputs{display:flex;align-items:center;gap:1.5rem}.time-input-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.time-input-group label{font-size:.875rem;color:#6b7280;font-weight:500}.time-input-group input[type=time]{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;transition:border-color .2s ease}.time-input-group input[type=time]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.time-separator{color:#9ca3af;font-weight:500;font-size:1.125rem;margin-top:1.5rem}.closed-indicator{display:flex;justify-content:center;align-items:center;padding:1rem;color:#9ca3af;font-style:italic;font-size:.875rem}.business-hours-info{margin-top:.25rem}.business-hours{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem}@media(max-width:768px){.business-hours-modal{width:95vw;max-width:none}.business-hours-modal .header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.business-hours-modal .header-actions{width:100%;justify-content:space-between;margin-top:.75rem}.business-hours-modal .header-actions .btn{min-width:80px;font-size:.875rem}.business-hours-grid{padding:1rem}.modal-header .week-range{align-self:stretch;justify-content:center}.day-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.apply-to-all-btn{align-self:flex-end}.time-inputs{flex-direction:column;gap:1rem}.time-separator{margin:0;text-align:center}}.date-range-modal{max-width:500px;width:95vw}.date-range-modal,.week-picker-modal{padding:0!important;border-radius:16px!important;overflow:hidden!important;max-width:550px!important;width:550px!important}.date-range-picker-modern{padding:0;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;max-width:550px;width:550px}.picker-header{padding:32px 24px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);color:#fff;position:relative;overflow:hidden;border-top-left-radius:16px;border-top-right-radius:16px;margin:0;width:100%;box-sizing:border-box}.picker-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.selected-range-display{position:relative;z-index:1}.range-input{width:100%;padding:14px 18px;border:2px solid rgba(255,255,255,.3);border-radius:14px;font-size:16px;font-weight:600;color:#fff;background:#ffffff26;cursor:default;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a}.range-input::placeholder{color:#fffc;font-weight:500}.range-input:focus{outline:none;border-color:#ffffff80;background:#fff3;transform:translateY(-1px);box-shadow:0 12px 40px #00000026}.calendar-container{padding:24px}.month-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.nav-arrow{width:36px;height:36px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.nav-arrow:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:scale(1.05)}.month-title{font-size:20px;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.025em}.weekdays-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday-label{text-align:center;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;padding:8px 0}.days-grid{display:grid;grid-template-columns:repeat(7,1fr)}.day-cell{position:relative;height:56px;display:flex;align-items:center;justify-content:center;border:none;outline:none;background:transparent}.day-cell.empty{visibility:hidden}.day-button{width:48px;height:48px;border:none;outline:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-weight:500;position:relative;box-shadow:none}.day-number{font-size:16px;color:#374151;font-weight:500}.day-button:hover:not(.is-start):not(.is-end){background:#f3f4f6;transform:scale(1.1)}.day-button.is-today{background:#eff6ff;box-shadow:inset 0 0 0 2px #3b82f6}.day-button.is-today .day-number{color:#3b82f6;font-weight:600}.day-button.is-start,.day-button.is-end{background:#3b82f6;transform:scale(1.1);box-shadow:0 4px 12px #3b82f64d}.day-button.is-start .day-number,.day-button.is-end .day-number{color:#fff;font-weight:600}.day-button.is-in-range{background:#dbeafe;transform:scale(1.05)}.day-button.is-in-range .day-number{color:#1e40af;font-weight:500}.picker-footer{padding:20px 24px;background:#f8fafc;display:flex;justify-content:space-between;gap:12px}.action-button{padding:12px 28px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px}.cancel-button{background:#fff;color:#64748b;border:2px solid #e2e8f0}.cancel-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.apply-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid transparent;box-shadow:0 4px 14px #667eea4d}.apply-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.apply-button.disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.week-range-picker-modern{padding:0;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;max-width:550px;width:550px}.week-range-picker-modern .picker-header{padding:32px 24px 24px;background:linear-gradient(135deg,#10b981,#3b82f6,#8b5cf6);color:#fff;position:relative;overflow:hidden;border-top-left-radius:16px;border-top-right-radius:16px;margin:0;width:100%;box-sizing:border-box}.week-range-picker-modern .picker-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.week-range-picker-modern .day-button.is-selected-week{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:700;transform:scale(1.1);box-shadow:0 8px 25px #3b82f666;z-index:2}.week-range-picker-modern .day-button.is-week-start{border:2px solid #10b981;font-weight:700}.week-range-picker-modern .day-button.is-selected-week.is-week-start{border:2px solid white}.shift-card-compact.dragging{opacity:.5;transform:scale(.95);cursor:grabbing!important}.day-column.drag-hover{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:2px dashed #3b82f6;border-radius:12px;transform:scale(1.02);transition:all .2s ease}.day-column.drag-hover-invalid{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px dashed #ef4444;border-radius:12px;transform:scale(1.02);transition:all .2s ease;position:relative}.day-column.drag-hover-invalid:after{content:"⚠️ Cannot drop here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef4444e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;z-index:10;box-shadow:0 2px 8px #0003}.floating-drag-element{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9999}.floating-drag-element .shift-card-compact{box-shadow:0 8px 32px #0000004d;transform:scale(1.05);border:2px solid rgba(59,130,246,.5)}body.dragging,body.dragging *{cursor:grabbing!important}.day-hours-row.bonus-day{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid rgba(239,68,68,.3);border-radius:12px;box-shadow:0 4px 12px #ef444433}.day-main-controls{display:flex;align-items:center;justify-content:space-between;width:100%}.day-actions{display:flex;align-items:center;gap:15px}.bonus-day-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#dc2626;font-weight:600;padding:6px 12px;border:1px solid rgba(239,68,68,.3);border-radius:8px;background:#ef44440d;transition:all .2s ease}.bonus-day-toggle:hover{background:#ef44441a;border-color:#ef444480;transform:translateY(-1px)}.bonus-day-toggle input[type=checkbox]{margin:0;width:16px;height:16px}.bonus-icon{font-size:14px;color:#dc2626}.bonus-label{font-size:13px;-webkit-user-select:none;user-select:none}.bonus-star{font-size:16px;color:#ef4444;margin-left:8px;animation:sparkle 2s ease-in-out infinite}.bonus-day-indicator{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:14px}.bonus-indicator-icon{font-size:16px;color:#dc2626;animation:sparkle 2s ease-in-out infinite}.bonus-indicator-text{color:#7f1d1d;font-weight:500}.bonus-indicator-text strong{color:#dc2626;font-weight:700}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.day-column.bonus-day{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid rgba(239,68,68,.3);border-radius:12px}.day-column.bonus-day .day-header{background:linear-gradient(135deg,#ef444433,#dc262633)}.day-column.bonus-day .business-hours-info{color:#7f1d1d;font-weight:600}.day-column.bonus-day .business-hours-info:after{content:" ⭐ BONUS DAY";color:#dc2626;font-weight:700;font-size:11px;margin-left:8px}.shift-card-compact.bonus-shift{position:relative;overflow:visible}.shift-bonus-star{color:#ef4444;margin-left:4px;animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 0 2px rgba(239,68,68,.8))}.daily-cost-item.bonus-day{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px}.bonus-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;margin-left:8px}.bonus-cost{display:block;color:#dc2626;font-size:12px;font-weight:600;margin-top:2px}.quick-stat.bonus-stat{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.3)}.quick-stat.bonus-stat .stat-value{color:#dc2626}.quick-stat.bonus-stat svg{color:#ef4444}.stat.bonus-info{background:#ef44441a;padding:4px 8px;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.stat.bonus-info .stat-value{color:#dc2626;font-weight:700}.form-actions-left{display:flex;align-items:center}.form-actions-right{display:flex;align-items:center;gap:.75rem}.btn-link{background:none;border:none;color:#92400e;cursor:pointer;text-decoration:underline;font-size:.875rem;padding:0;transition:color .2s}.btn-link:hover{color:#2563eb}.btn-link:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.forgot-password-link{font-size:.875rem;color:#6b7280}.forgot-password-link:hover{color:#374151}.payroll-calculation{padding:2rem;max-width:1400px;margin:0 auto}.payroll-header{margin-bottom:2rem}.header-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.header-main h2{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:#1e293b;margin:0}.location-info{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.payroll-controls{display:flex;flex-wrap:nowrap;gap:1rem;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem 1.5rem}.period-selector{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.period-selector label{font-weight:600;color:#374151;white-space:nowrap}.period-selector input[type=date]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.period-selector span{color:#6b7280;font-weight:500}.control-buttons{display:flex;gap:.5rem;flex-shrink:0}.employee-filter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;margin-top:1rem}.employee-filter h4{margin:0 0 1rem;color:#374151;font-size:1.125rem}.employee-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox]{margin:0;width:16px;height:16px}.payroll-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 6px -1px #0000001a}.summary-card.employer-cost{border-color:#f59e0b;background:linear-gradient(135deg,#fff7ed,#fff)}.card-icon{width:48px;height:48px;border-radius:.75rem;background:linear-gradient(135deg,#a64f12,#78350f);display:flex;align-items:center;justify-content:center;color:#fff}.employer-cost .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-content h3{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.card-content p{color:#64748b;font-size:.875rem;margin:0}.tax-summary{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.tax-summary h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem;font-weight:600}.tax-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.tax-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:.5rem}.tax-item.total{background:#fee2e2;font-weight:600;border:1px solid #fecaca}.tax-label{color:#374151;font-size:.875rem}.tax-amount{font-weight:600;color:#dc2626}.tax-amount.employer{color:#f59e0b}.employee-payroll-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.employee-payroll-section h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem;font-weight:600}.employee-payroll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;margin-top:32px}.employee-payroll-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a;position:relative;overflow:hidden;align-self:start;cursor:pointer}.employee-payroll-card:hover{box-shadow:0 8px 24px #00000014;border-color:#0000001a;transform:translateY(-2px)}.employee-payroll-card.expanded{box-shadow:0 12px 32px #0000001a;border-color:#00000014}.employee-card-header{padding:24px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:16px 16px 0 0;position:relative}.employee-card-header:hover{background:#f8fafc80}.employee-header-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:2px solid #f1f5f9;position:relative}.employee-header-content:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:1px}.expand-indicator{color:#6b7280;transition:all .2s ease}.employee-card-header:hover .expand-indicator{color:#374151;transform:scale(1.1)}.employee-info h4{margin:0 0 .75rem;color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.wage-info{color:#64748b;font-size:.875rem;display:block;margin-bottom:.5rem;font-weight:500;text-transform:capitalize}.hourly-rate{color:#059669;font-size:.9rem;font-weight:700;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:.375rem .75rem;border-radius:.5rem;display:inline-block;border:1px solid #bbf7d0;box-shadow:0 1px 2px #0000000d}.employee-summary-stats{margin-top:0}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.stat-item{display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem;border-radius:.75rem;border:1px solid #e2e8f0;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.stat-label{font-size:.75rem;color:#64748b;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.1rem;font-weight:700;color:#1e293b;line-height:1.2}.stat-value.gross{color:#059669}.stat-value.deductions{color:#dc2626}.net-pay-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);border:2px solid #059669;border-radius:1rem;padding:1.5rem;text-align:center;margin-top:1rem;position:relative;box-shadow:0 4px 12px #05966926;transition:all .3s ease}.net-pay-section:hover{transform:scale(1.02);box-shadow:0 8px 25px #05966940;border-color:#047857}.net-pay-section:before{content:"💰";position:absolute;top:-8px;right:1rem;font-size:1.5rem;background:#fff;padding:.25rem;border-radius:50%;border:2px solid #059669}.net-pay-label{display:block;font-size:.8rem;color:#047857;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.net-pay-value{font-size:1.75rem;font-weight:700;color:#166534;display:block}.tier-status{font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:.25rem;margin-left:.5rem;text-transform:uppercase;letter-spacing:.05em}.tier-status.maxed{background:#fecaca;color:#991b1b;border:1px solid #f87171}.tier-status.warning{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.tier-info-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.tier-details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.tier-section h6{margin:0 0 1rem;color:#374151;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tier-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tier-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.tier-label{font-size:.8rem;color:#64748b;font-weight:500}.tier-value{font-size:.8rem;color:#1e293b;font-weight:600}.calculated-value{background:#f1f5f9;border:1px solid #e2e8f0;padding:.75rem;border-radius:.375rem;font-size:.9rem;font-weight:600;color:#334155;margin-bottom:.25rem}.calculation-formula{display:block;font-size:.75rem;color:#64748b;font-style:italic;margin-top:.25rem}@media(max-width:768px){.tier-details{grid-template-columns:1fr;gap:1rem}.tier-info-grid{grid-template-columns:1fr}}.expand-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;pointer-events:none}.expand-btn:hover{background:#f3f4f6;color:#374151}.employee-payroll-details{padding:0 24px 24px;background:#f8fafc4d;border-top:1px solid rgba(0,0,0,.04);overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);max-height:0;opacity:0;border-radius:0 0 16px 16px}.employee-payroll-card.expanded .employee-payroll-details{max-height:none;opacity:1;padding:24px}.payroll-section{margin-bottom:1.5rem}.payroll-section:last-child{margin-bottom:0}.payroll-section h5{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:.5rem}.monthly-estimation .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff;border-radius:.375rem;border:1px solid rgba(0,0,0,.06)}.detail-item.total{background:#f8fafc;border-color:#00000014;font-weight:600}.detail-item.net{background:#f0fdf4;border-color:#bbf7d0;font-weight:700}.detail-item .label{color:#6b7280;font-size:.875rem}.detail-item .value{font-weight:600;color:#1e293b}.detail-item .value.deduction{color:#dc2626}.detail-item .value.employer{color:#f59e0b}.monthly-estimation{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:.5rem;padding:1.25rem;margin-top:1rem}.monthly-estimation h5{color:#065f46;border-bottom-color:#bbf7d0;margin-bottom:1rem}.estimation-summary{margin-bottom:1rem}.estimation-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.estimation-header .original-salary{font-size:.875rem;color:#059669;font-weight:600}.estimation-header .hourly-equivalent{font-size:.875rem;color:#047857;font-weight:500;background:#10b9811a;padding:.25rem .5rem;border-radius:.25rem}.estimation-header .pay-schedule{font-size:.8rem;color:#6b7280;font-weight:500;background:#6b72801a;padding:.25rem .5rem;border-radius:.25rem}.monthly-estimation .detail-item{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a}.monthly-estimation .detail-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px);border-color:#00000014}.monthly-estimation .detail-item .label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin:0;line-height:1.2}.monthly-estimation .detail-item .value{font-size:18px;font-weight:600;color:#111827;margin:0;line-height:1.2;display:flex;align-items:center;gap:6px}.monthly-estimation .detail-item .value.positive{color:#10b981}.monthly-estimation .detail-item .value.neutral{color:#f59e0b}.monthly-estimation .detail-item .value.negative{color:#ef4444}.monthly-estimation .detail-item .value.expected{color:#9ca3af;font-style:normal;font-weight:500}.monthly-estimation .detail-item .value.actual{color:#374151}.monthly-estimation .detail-item .value.monthly{color:#059669}.performance-indicator{font-size:.75rem;font-weight:500}.estimation-notes{margin-top:1rem;padding:.75rem;background:#10b9810d;border:1px solid #d1fae5;border-radius:.375rem}.estimation-notes small{color:#047857;font-size:.8rem;line-height:1.4}@media(max-width:768px){.estimation-header{flex-direction:column;align-items:flex-start}.monthly-estimation .detail-grid{grid-template-columns:1fr}}.bonus-section{background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;border-radius:.5rem;padding:1.25rem;margin-top:1rem}.bonus-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bonus-section-header h5{margin:0;color:#854d0e;border:none;padding:0}.add-bonus-btn{padding:.5rem 1rem;font-size:.875rem;border-radius:.375rem;background:#15803d;color:#fff;border:none;cursor:pointer;transition:all .2s;font-weight:500}.add-bonus-btn:hover{background:#166534;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.bonus-list{display:flex;flex-direction:column;gap:.75rem}.bonus-item{background:#fff;border:1px solid #fde047;border-radius:.5rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.bonus-item:hover{box-shadow:0 4px 12px #00000014;border-color:#facc15}.bonus-info{display:flex;flex-direction:column;gap:.25rem}.bonus-type{font-weight:600;color:#854d0e;font-size:.95rem}.bonus-description{font-size:.85rem;color:#6b7280;font-style:italic}.bonus-actions{display:flex;align-items:center;gap:.75rem}.bonus-amount{font-weight:700;color:#15803d;font-size:1.1rem}.btn-icon{background:none;border:none;cursor:pointer;padding:.25rem .5rem;font-size:1.2rem;transition:all .2s;border-radius:.25rem}.btn-icon.btn-edit{color:#3b82f6}.btn-icon.btn-edit:hover{background:#dbeafe;color:#1d4ed8}.btn-icon.btn-delete{color:#dc2626}.btn-icon.btn-delete:hover{background:#fee2e2;color:#991b1b}.bonus-summary{margin-top:.5rem;padding-top:.75rem;border-top:2px solid #fde047;display:flex;justify-content:space-between;align-items:center;font-weight:600}.bonus-summary-label{color:#854d0e;font-size:1rem}.bonus-summary-amount{color:#15803d;font-size:1.25rem}.no-bonuses{background:#ffffff80;border:1px dashed #fde047;border-radius:.375rem;padding:1.5rem;text-align:center}.no-bonuses p{margin:0;color:#854d0e;font-size:.9rem}.value.bonus-total{color:#ca8a04;font-weight:700}.bonus-modal{max-width:500px;width:90%}.bonus-modal .modal-content{padding:1.5rem}.bonus-modal .form-group{margin-bottom:1.25rem}.bonus-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.95rem}.bonus-modal .form-group input,.bonus-modal .form-group select,.bonus-modal .form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;transition:all .2s}.bonus-modal .form-group input:focus,.bonus-modal .form-group select:focus,.bonus-modal .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bonus-modal .bonus-type-select{background-color:#fff;cursor:pointer}.bonus-modal .custom-bonus-input{border-color:#fbbf24}.bonus-tax-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem;margin-top:1rem}.bonus-tax-note small{color:#1e40af;font-size:.875rem;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(0,0,0,.06);background:#f9fafb;border-radius:0 0 1rem 1rem}.modal-footer .btn{padding:.625rem 1.5rem;font-weight:500}.payroll-mode-toggle{display:flex;gap:.5rem;background:#00000008;padding:.5rem;border-radius:.75rem;margin-bottom:1.5rem}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:.5rem;background:transparent;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover{background:#ffffff80;color:#374151}.mode-btn.active{background:#fff;color:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.custom-payroll-section{margin-top:2rem}.custom-payroll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.custom-payroll-header h3{margin:0;color:#111827}.no-custom-entries{background:#fff;border:2px dashed #d1d5db;border-radius:1rem;padding:4rem 2rem;text-align:center;margin-top:2rem}.no-custom-entries h4{margin:0 0 .5rem;color:#374151;font-size:1.25rem}.no-custom-entries p{color:#6b7280;margin:0 0 1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.custom-payroll-modal{max-width:550px;width:90%}.custom-payroll-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.custom-payroll-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:1rem;margin-top:1rem}.custom-payroll-note small{color:#0369a1;font-size:.875rem;line-height:1.5}.custom-entry-actions{display:flex;gap:.25rem;align-items:center}.action-btn{width:28px;height:28px;border-radius:.375rem;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s;background:transparent}.action-btn.edit-btn{color:#3b82f6;background:#3b82f61a}.action-btn.edit-btn:hover{background:#3b82f633;transform:scale(1.05)}.action-btn.delete-btn{color:#ef4444;background:#ef44441a}.action-btn.delete-btn:hover{background:#ef444433;transform:scale(1.05)}.editable-field{cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s;display:inline-block;position:relative}.editable-field:hover{background:#3b82f61a;color:#3b82f6;transform:translateY(-1px)}.editable-field:hover:after{content:"✎";position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:.75rem;color:#3b82f6}.stat-value.editable-field:hover{font-weight:700}.value.deduction.editable-field:hover,.value.employer.editable-field:hover{background:#ef44441a;color:#dc2626}.inline-edit-container{display:inline-block}.inline-edit-input{padding:.25rem .5rem;border:2px solid #3b82f6;border-radius:.25rem;font-size:inherit;font-weight:inherit;font-family:inherit;color:inherit;background:#fff;min-width:80px;box-shadow:0 0 0 3px #3b82f61a}.inline-edit-input:focus{outline:none;border-color:#2563eb}@media(max-width:768px){.payroll-calculation{padding:1rem}.header-main{flex-direction:column;align-items:flex-start;gap:1rem}.payroll-controls{flex-direction:column;align-items:stretch}.control-buttons{flex-wrap:wrap}.payroll-summary,.tax-grid{grid-template-columns:1fr}.employee-payroll-grid{grid-template-columns:1fr;gap:1rem}.employee-payroll-card{padding:1.25rem}.stat-row{grid-template-columns:1fr;gap:.75rem}.employee-summary-stats,.detail-grid,.employee-checkboxes{grid-template-columns:1fr}.period-selector{flex-wrap:wrap}}.tax-rates-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.tax-rates-modal{background:#fff;border-radius:1rem;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.tax-rates-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,#a64f12,#78350f);color:#fff}.tax-rates-header h2{margin:0;display:flex;align-items:center;gap:.75rem;font-size:1.5rem}.header-controls{display:flex;align-items:center;gap:1rem}.lock-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.lock-status.locked{background:#ef444433;color:#fca5a5}.lock-status.unlocked{background:#22c55e33;color:#86efac}.tax-rates-content{padding:1.5rem;max-height:70vh;overflow-y:auto}.security-section{text-align:center;padding:3rem 2rem}.security-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:.75rem;padding:2rem;margin-bottom:2rem}.security-warning h3{margin:.5rem 0 1rem;color:#d97706;display:flex;align-items:center;justify-content:center;gap:.75rem}.security-warning p{color:#92400e;margin:0}.unlock-form{display:flex;gap:1rem;justify-content:center;align-items:center;max-width:400px;margin:0 auto}.unlock-form input{flex:1;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem}.unlock-form input:focus{border-color:#3b82f6;outline:none}.rates-management{space-y:2rem}.rates-info-bar{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem 1.5rem;margin-bottom:2rem}.rates-metadata{display:flex;gap:2rem;font-size:.875rem;color:#64748b}.rates-controls{display:flex;gap:.75rem}.edit-controls{display:flex;gap:.5rem}.rate-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.rate-section h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.rate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.rate-field{display:flex;flex-direction:column}.rate-field label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.rate-field input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}.rate-field input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.rate-field input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.tax-brackets{space-y:1rem}.bracket-row{display:grid;grid-template-columns:1fr 1fr 120px;gap:1rem;align-items:end;background:#f8fafc;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0}.bracket-field{display:flex;flex-direction:column}.bracket-field label{font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.75rem}.bracket-field input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.history-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-top:2rem}.history-section h3{margin:0 0 1rem;color:#1e293b;font-size:1.125rem;display:flex;align-items:center;gap:.5rem}.no-history{color:#6b7280;font-style:italic;text-align:center;padding:2rem}.history-list{space-y:1rem}.history-item{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.history-meta{display:flex;gap:1.5rem;margin-bottom:.5rem;font-size:.875rem;color:#64748b}.history-details{display:flex;gap:1.5rem;font-size:.875rem;color:#374151}.confirmation-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100}.confirmation-dialog{background:#fff;border-radius:1rem;max-width:500px;width:90%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.confirmation-header{background:#fef3c7;padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #f59e0b}.confirmation-header h3{margin:0;color:#92400e;font-size:1.25rem}.confirmation-content{padding:1.5rem}.confirmation-content p{color:#374151;margin:0 0 1rem;line-height:1.6}.confirmation-warning{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem;margin:1rem 0;display:flex;align-items:center;gap:.75rem;color:#1e40af;font-size:.875rem}.confirmation-actions{padding:1rem 1.5rem;background:#f8fafc;display:flex;gap:1rem;justify-content:flex-end}@media(max-width:768px){.tax-rates-modal{margin:.5rem;max-height:95vh}.rates-info-bar{flex-direction:column;align-items:stretch;gap:1rem}.rates-metadata{flex-direction:column;gap:.5rem}.rates-controls{justify-content:center}.rate-grid{grid-template-columns:1fr}.bracket-row{grid-template-columns:1fr;gap:.75rem}.history-meta,.history-details{flex-direction:column;gap:.5rem}.confirmation-actions{flex-direction:column}}.pay-schedule-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:.5rem;flex-shrink:1;min-width:0}.pay-schedule-display label{font-weight:600;color:#0369a1;margin:0;font-size:.875rem}.schedule-info{color:#0c4a6e;font-size:.875rem}.periods-info{color:#64748b;font-weight:400}.interactive-number{cursor:pointer;padding:.125rem .25rem;border-radius:.25rem;transition:all .2s ease;position:relative;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;-webkit-text-decoration-color:#3b82f6;text-decoration-color:#3b82f6}.interactive-number:hover{background-color:#dbeafe;color:#1d4ed8;-webkit-text-decoration-style:solid;text-decoration-style:solid;transform:scale(1.02)}.interactive-number:active{transform:scale(.98)}.calculation-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.calculation-modal{background:#fff;border-radius:.75rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-2rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;line-height:1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:#f3f4f6;color:#374151}.modal-content{padding:1.5rem}.calculation-section{margin-bottom:1.5rem}.calculation-section:last-child{margin-bottom:0}.calculation-section h4{margin:0 0 .75rem;color:#374151;font-size:1rem;font-weight:600}.formula{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin:0;font-family:Courier New,monospace;font-size:.875rem;color:#1e293b;line-height:1.5}.calculation{background-color:#fefce8;border:1px solid #facc15;border-radius:.5rem;padding:1rem;margin:0;font-family:Courier New,monospace;font-size:.875rem;color:#713f12;line-height:1.5;font-weight:500}.variables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.variable-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem;display:flex;justify-content:space-between;align-items:center}.variable-name{font-weight:500;color:#374151;font-size:.875rem}.variable-value{font-weight:600;color:#1f2937;font-size:.875rem;font-family:Courier New,monospace}@media(max-width:640px){.calculation-modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header,.modal-content{padding:1rem}.variables-grid{grid-template-columns:1fr}.variable-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@media screen and (max-width:1023px){.app-main{padding-bottom:env(safe-area-inset-bottom,0)}}@media screen and (max-width:768px){button,.btn,[role=button]{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,select,textarea{min-height:44px;font-size:16px}.schedule-sidebar{display:none!important}.schedule-grid-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.px-4,.lg\:px-8,.lg\:px-12{padding-left:1rem;padding-right:1rem}.role-filter-pills{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:.5rem;padding-bottom:.25rem}.role-filter-pills button{scroll-snap-align:start;flex-shrink:0}.dashboard-grid,.employee-grid{grid-template-columns:1fr!important}.payroll-controls{flex-direction:column;align-items:stretch}.period-selector{flex-direction:column;gap:.5rem}.period-selector input[type=date]{width:100%}}@media screen and (max-width:400px){.p-4,.px-4{padding:.75rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1rem}.shift-card{padding:.5rem}.shift-card .text-xs{font-size:.65rem}}@media screen and (max-width:900px)and (orientation:landscape){.py-6{padding-top:1rem;padding-bottom:1rem}.employee-grid{grid-template-columns:repeat(2,1fr)!important}.schedule-grid-container{max-height:calc(100vh - 160px);overflow-y:auto}}@supports (padding: max(0px)){.app-header,.top-nav-bar{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.mobile-nav-drawer{padding-bottom:env(safe-area-inset-bottom)}}@media screen and (min-width:768px)and (max-width:1023px){.schedule-sidebar{width:200px!important}.employee-grid,.dashboard-stats{grid-template-columns:repeat(2,1fr)!important}}@media print{.top-nav-bar,.mobile-nav-drawer,.schedule-sidebar,button:not(.print-visible),.chatbot-container{display:none!important}main{width:100%!important;margin:0!important;padding:0!important}.shift-card{break-inside:avoid;page-break-inside:avoid}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.shift-card{border-width:2px}button,.btn{border:2px solid currentColor}}.fab-liquid-glass{position:fixed;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;background:linear-gradient(135deg,#ffffff80,#ffffff1a);border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000001a,inset 0 6px 16px #ffffffe6,inset 0 -6px 16px #0000000d;transition:transform .3s ease,box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.fab-liquid-glass:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px #0000001f,inset 0 6px 16px #fff,inset 0 -6px 16px #00000014}.fab-liquid-glass:active{transform:translateY(2px) scale(.95)}@media(prefers-reduced-motion:reduce){.fab-liquid-glass,.fab-liquid-glass:hover,.fab-liquid-glass:active{transition:none;transform:none}}