@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand:#354f72;--color-brand-dark:#273e5c;--color-brand-soft:#f0f1f2;--color-ink:#252b34;--color-muted:#656e7b;--color-line:#e6e7ea;--color-canvas:#f6f7f9;--color-risk:#b8444c;--color-risk-soft:#f8eded;--color-warn:#986229;--color-warn-soft:#f8f0df;--color-info:#4e6e79;--color-info-soft:#edf2f3;--color-ok:#36755a;--color-ok-soft:#edf4ed;--color-kakao:#fee500}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}body{background-color:var(--color-canvas);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 0;letter-spacing:-.025em}button:not(:disabled),summary{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--color-brand);outline-offset:4px}input,select,textarea{accent-color:var(--action)}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:.85}input[type=checkbox],input[type=radio]{flex-shrink:0;width:17px;height:17px}.num{font-variant-numeric:tabular-nums}.grid>*{min-width:0}dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}svg{flex-shrink:0}h1,h2,h3{text-wrap:balance}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.bottom-20{bottom:calc(var(--spacing)*20)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing)*3)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-44{height:calc(var(--spacing)*44)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-60{max-height:calc(var(--spacing)*60)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-screen{min-height:100vh}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-56{width:calc(var(--spacing)*56)}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-40{max-width:calc(var(--spacing)*40)}.max-w-\[85\%\]{max-width:85%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[420px\]{min-width:420px}.min-w-\[520px\]{min-width:520px}.min-w-\[560px\]{min-width:560px}.min-w-\[620px\]{min-width:620px}.min-w-\[640px\]{min-width:640px}.min-w-\[760px\]{min-width:760px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-left{transform-origin:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line>:not(:last-child)){border-color:var(--color-line)}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-brand{border-color:var(--color-brand)}.border-brand\/40{border-color:#354f7266}@supports (color:color-mix(in lab,red,red)){.border-brand\/40{border-color:color-mix(in oklab,var(--color-brand)40%,transparent)}}.border-kakao{border-color:var(--color-kakao)}.border-line{border-color:var(--color-line)}.border-line\/60{border-color:#e6e7ea99}@supports (color:color-mix(in lab,red,red)){.border-line\/60{border-color:color-mix(in oklab,var(--color-line)60%,transparent)}}.border-risk\/40{border-color:#b8444c66}@supports (color:color-mix(in lab,red,red)){.border-risk\/40{border-color:color-mix(in oklab,var(--color-risk)40%,transparent)}}.border-transparent{border-color:#0000}.bg-\[\#b2c7d9\]{background-color:#b2c7d9}.bg-brand{background-color:var(--color-brand)}.bg-brand-soft{background-color:var(--color-brand-soft)}.bg-canvas{background-color:var(--color-canvas)}.bg-canvas\/60{background-color:#f6f7f999}@supports (color:color-mix(in lab,red,red)){.bg-canvas\/60{background-color:color-mix(in oklab,var(--color-canvas)60%,transparent)}}.bg-info-soft{background-color:var(--color-info-soft)}.bg-info-soft\/40{background-color:#edf2f366}@supports (color:color-mix(in lab,red,red)){.bg-info-soft\/40{background-color:color-mix(in oklab,var(--color-info-soft)40%,transparent)}}.bg-kakao{background-color:var(--color-kakao)}.bg-line{background-color:var(--color-line)}.bg-ok-soft{background-color:var(--color-ok-soft)}.bg-risk-soft{background-color:var(--color-risk-soft)}.bg-transparent{background-color:#0000}.bg-warn-soft{background-color:var(--color-warn-soft)}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pe-1{padding-inline-end:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-7{padding-top:calc(var(--spacing)*7)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-28{padding-bottom:calc(var(--spacing)*28)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#191600\]{color:#191600}.text-brand{color:var(--color-brand)}.text-info{color:var(--color-info)}.text-ink{color:var(--color-ink)}.text-ink\/85{color:#252b34d9}@supports (color:color-mix(in lab,red,red)){.text-ink\/85{color:color-mix(in oklab,var(--color-ink)85%,transparent)}}.text-muted{color:var(--color-muted)}.text-ok{color:var(--color-ok)}.text-risk{color:var(--color-risk)}.text-warn{color:var(--color-warn)}.text-white{color:var(--color-white)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-brand{--tw-ring-color:var(--color-brand)}.ring-brand\/20{--tw-ring-color:#354f7233}@supports (color:color-mix(in lab,red,red)){.ring-brand\/20{--tw-ring-color:color-mix(in oklab,var(--color-brand)20%,transparent)}}.ring-brand\/30{--tw-ring-color:#354f724d}@supports (color:color-mix(in lab,red,red)){.ring-brand\/30{--tw-ring-color:color-mix(in oklab,var(--color-brand)30%,transparent)}}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media(hover:hover){.hover\:border-brand\/50:hover{border-color:#354f7280}@supports (color:color-mix(in lab,red,red)){.hover\:border-brand\/50:hover{border-color:color-mix(in oklab,var(--color-brand)50%,transparent)}}.hover\:border-line:hover{border-color:var(--color-line)}.hover\:bg-brand-dark:hover{background-color:var(--color-brand-dark)}.hover\:bg-brand-soft\/40:hover{background-color:#f0f1f266}@supports (color:color-mix(in lab,red,red)){.hover\:bg-brand-soft\/40:hover{background-color:color-mix(in oklab,var(--color-brand-soft)40%,transparent)}}.hover\:bg-brand-soft\/60:hover{background-color:#f0f1f299}@supports (color:color-mix(in lab,red,red)){.hover\:bg-brand-soft\/60:hover{background-color:color-mix(in oklab,var(--color-brand-soft)60%,transparent)}}.hover\:bg-canvas:hover{background-color:var(--color-canvas)}.hover\:bg-risk-soft:hover{background-color:var(--color-risk-soft)}.hover\:text-ink:hover{color:var(--color-ink)}}.focus\:border-brand:focus{border-color:var(--color-brand)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-brand\/20:focus{--tw-ring-color:#354f7233}@supports (color:color-mix(in lab,red,red)){.focus\:ring-brand\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-brand)20%,transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-canvas:disabled{background-color:var(--color-canvas)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.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-\[110px_1fr_auto\]{grid-template-columns:110px 1fr auto}.sm\:items-center{align-items:center}.sm\:p-5{padding:calc(var(--spacing)*5)}}@media(min-width:48rem){.md\:bottom-6{bottom:calc(var(--spacing)*6)}.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}}@media(min-width:80rem){.xl\:sticky{position:sticky}.xl\:top-4{top:calc(var(--spacing)*4)}.xl\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}}@media print{.print\:block{display:block}}}:root{--surface:#fff;--surface-raised:#fff;--surface-hover:#f4f4f5;--subtle:#f1f1f3;--text-secondary:#5b6067;--shadow:0 6px 24px #1f23290a;--header-height:72px;--action:#354f72;--action-hover:#273e5c;--action-ring:#354f7224;--accent:#ae7357;--accent-soft:#f5ebe2;--radius-control:10px;--radius-card:16px;--radius-dialog:16px;--on-action:#fff;--scrim:#10182765;--shadow-dialog:0 24px 80px #10182726,0 4px 16px #1018270a;--shadow-control:0 1px 3px #1018270a;--shadow-control-color:#10182708;--shadow-dialog-color:#10182733;--kakao-ink:#191600;--kakao-ring:#c5b1003b;--print-ink:#252b34;--print-muted:#656e7b;--print-line:#d8dce3;--print-surface:#fff;--print-brand:#354f72;--print-subtle:#f1f1f3;--focus-ring:#5579a8;--logo-water:#3d8eaa;--dur-micro:.12s;--dur-short:.22s;--dur-flow:.38s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.4,0,1,1);--public-header-top:0px}:root[data-theme=dark]{--surface:#23252a;--surface-raised:#2b2e34;--surface-hover:#30343b;--subtle:#2d3036;--text-secondary:#c4c7cd;--color-brand:#b1c4df;--color-brand-dark:#d3dfef;--color-brand-soft:#30343a;--color-ink:#eff0f2;--color-muted:#aaafb8;--color-line:#3b3f46;--color-canvas:#191b20;--color-risk:#edabb0;--color-risk-soft:#422d32;--color-warn:#e5c08b;--color-warn-soft:#3b3428;--color-info:#b0cad0;--color-info-soft:#2a3b3f;--color-ok:#a3d2af;--color-ok-soft:#2c4032;--action:#425f88;--action-hover:#4c6c98;--action-ring:#b1c4df33;--focus-ring:#b1c4df;--logo-water:#8cc6d5;--shadow:none;--shadow-dialog:0 0 0 1px var(--color-line);--accent:#ddb697;--accent-soft:#3d342d}[data-theme=dark] .bg-white,[data-theme=dark] :is(.bg-white\/60,.bg-white\/80,.bg-white\/90,.bg-white\/95){background-color:var(--surface)}[data-theme=dark] .hover\:bg-white:hover{background-color:var(--surface-raised)}[data-theme=dark] .bg-ink{background-color:var(--color-canvas)}[data-theme=dark] .text-white{color:var(--on-action)}[data-theme=dark] .bg-brand.text-white{background:var(--action)}[data-theme=dark] .text-\[\#191600\]{color:var(--kakao-ink)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark}[data-theme=dark] .to-white{--tw-gradient-to:var(--surface)}.brand-lockup{letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:12px;font-size:21px;font-weight:700;line-height:1.15;display:inline-flex}.brand-descriptor{color:var(--color-muted);letter-spacing:-.01em;margin-top:4px;font-size:10px;font-weight:500;display:block}.brand-symbol{width:32px;height:36px;color:var(--color-brand);flex-shrink:0}.icon-button{width:40px;height:40px;color:var(--text-secondary);background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s;display:inline-flex}.icon-button:hover{background:var(--subtle);color:var(--color-brand)}.icon-button:active{transform:scale(.92)}.icon-button:disabled{opacity:.35;cursor:not-allowed;color:var(--color-muted);background:var(--subtle)}.ui-button{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 20px;font-size:14px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.ui-button.primary{background:var(--action);color:var(--on-action)}.ui-button.primary:hover{background:var(--action-hover);box-shadow:0 5px 14px var(--action-ring)}.ui-button.secondary{background:var(--subtle);color:var(--text-secondary)}.ui-button.secondary:hover{background:var(--color-line)}.ui-button:active,.kit-button:active{transform:scale(.97)}.ui-button:disabled{opacity:.4;cursor:not-allowed;color:var(--color-muted);background:var(--subtle)}.kit-button{min-height:36px;transition:background .2s,transform .2s,box-shadow .2s}.surface-card{border-color:var(--color-line);border-radius:var(--radius-card);box-shadow:0 3px 12px var(--shadow-control-color)}.page-header h1{letter-spacing:-.045em;font-size:clamp(25px,2vw,32px)}.page-header{padding:8px 0 12px}input.rounded-lg,select.rounded-lg,textarea.rounded-lg{border-radius:12px;min-height:42px}dialog:not(.mobile-sidebar-dialog){border-radius:var(--radius-dialog);box-shadow:0 24px 100px var(--shadow-dialog-color)}dialog[open]{animation:.24s ease-out dialog-in}dialog>.flex>div:first-child{border-bottom-color:var(--color-line);padding:24px 24px 16px}dialog>.flex>.overflow-y-auto{padding:20px 24px 24px}.skip-link{z-index:100;background:var(--surface);border-radius:10px;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-login{color:var(--text-secondary);padding:12px;font-size:14px}.header-login:hover{color:var(--color-brand)}.global-search{background:var(--subtle);width:min(540px,100%);min-width:0;color:var(--color-muted);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:16px;font-size:14px;transition:background .2s,box-shadow .2s;display:flex}.global-search:hover{box-shadow:0 0 0 2px var(--action-ring)}.global-search span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.global-search kbd{background:var(--surface);border:1px solid var(--color-line);white-space:nowrap;letter-spacing:.02em;border-radius:5px;padding:0 4px;font-family:inherit;font-size:10px}.search-input-wrap{border:2px solid var(--action);color:var(--color-brand);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.search-input-wrap input{width:100%;color:var(--color-ink);background:0 0;outline:none;font-size:16px}.search-caption{color:var(--color-muted);margin:24px 4px 12px;font-size:12px}.search-results{gap:4px;display:grid}.search-result{text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.search-result.selected,.search-result:hover{background:var(--color-brand-soft)}.search-result>span:nth-child(2){flex:1}.search-result strong{font-size:14px;font-weight:600;display:block}.search-result small{color:var(--color-muted);margin-top:4px;font-size:11px;display:block}.search-icon{background:var(--subtle);width:38px;height:38px;color:var(--color-brand);border-radius:11px;place-items:center;display:grid}.search-footer{border-top:1px solid var(--color-line);color:var(--color-muted);gap:16px;margin-top:12px;padding-top:16px;font-size:11px;display:flex}.search-empty{color:var(--color-muted);flex-direction:column;align-items:center;gap:12px;padding:40px 0;font-size:13px;display:flex}.search-empty strong{color:var(--color-ink);font-size:16px}.app-header{min-height:var(--header-height);border-bottom:1px solid var(--color-line);background:var(--surface);z-index:35;align-items:center;gap:32px;padding:16px 32px 16px 24px;display:flex;position:sticky;top:0}.app-brand{flex-shrink:0;align-items:center;gap:16px;width:222px;display:flex}.app-header .global-search{margin-right:auto}.profile-button{color:var(--text-secondary);border-left:1px solid var(--color-line);align-items:center;gap:8px;margin-left:4px;padding-left:12px;font-size:13px;display:flex}.profile-avatar{background:var(--color-brand-soft);width:34px;height:34px;color:var(--color-brand);border-radius:50%;place-items:center;font-weight:700;display:grid}.notification-button{position:relative}.notification-button>span{background:var(--color-risk);border:1px solid var(--surface);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:10px}.shell-body{align-items:flex-start;display:flex}.app-sidebar{top:var(--header-height);height:calc(100dvh - var(--header-height));background:var(--surface);border-right:1px solid var(--color-line);width:242px;transition:background-color var(--dur-short);flex-direction:column;flex:0 0 242px;padding:24px 16px 20px;display:flex;position:sticky;overflow:hidden auto}.workspace-switch{background:var(--subtle);border-radius:15px;align-items:center;gap:12px;min-height:66px;padding:12px;display:flex}.workspace-switch>span.sidebar-label{flex:1;min-width:0}.workspace-switch strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.workspace-switch small{color:var(--color-muted);margin-top:4px;font-size:11px;display:block}.workspace-icon{background:var(--surface);width:36px;height:36px;color:var(--color-brand);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.sidebar-section{color:var(--color-muted);letter-spacing:.02em;white-space:nowrap;margin:28px 16px 12px;font-size:10px;font-weight:600}.sidebar-nav{gap:4px;padding-bottom:20px;display:grid}.sidebar-link{color:var(--text-secondary);white-space:nowrap;border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:12px 16px;font-size:14px;transition:background .16s,color .16s;display:flex}.sidebar-link>svg{color:var(--color-muted)}.sidebar-link:hover{background:var(--subtle)}.sidebar-link.active{background:var(--color-brand-soft);color:var(--color-brand);box-shadow:inset 3px 0 0 var(--color-brand);font-weight:650}.sidebar-count{background:var(--surface);color:var(--color-brand);border-radius:6px;margin-left:auto;padding:4px 8px;font-size:10px}.sidebar-settings{margin-top:16px}.sidebar-bottom{gap:8px;margin-top:auto;display:grid}.sidebar-guide{background:var(--color-brand-soft);text-align:left;border-radius:15px;align-items:center;gap:8px;width:100%;padding:16px 12px;display:flex}.sidebar-guide>span.sidebar-label{flex:1}.sidebar-guide strong{color:var(--color-brand);font-size:12px;display:block}.sidebar-guide small{color:var(--color-muted);white-space:nowrap;margin-top:4px;font-size:10px;display:block}.guide-bulb{color:var(--color-brand)}.sidebar-position{color:var(--color-muted);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:11px;display:flex}.sidebar-position:hover{background:var(--subtle)}.app-shell[data-collapsed=true] .app-sidebar{flex-basis:80px;width:80px;padding-inline:12px}.app-shell[data-collapsed=true] .app-sidebar .sidebar-label{display:none}.app-shell[data-collapsed=true] .app-sidebar .workspace-switch{min-height:52px;padding:8px}.app-shell[data-collapsed=true] .app-sidebar .sidebar-nav{margin-top:24px}.app-shell[data-collapsed=true] .app-sidebar .sidebar-guide{justify-content:center;padding-inline:8px}.app-shell[data-collapsed=true] .app-sidebar .sidebar-position{justify-content:center}.app-shell[data-side=right] .app-sidebar{border-right:0;border-left:1px solid var(--color-line);order:2}.app-content{flex:1;min-width:0}.demo-bar{color:var(--color-muted);font-size:10px}.demo-bar-inner{border-bottom:1px solid var(--color-line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 32px;display:flex}.demo-tag{letter-spacing:0;color:var(--color-brand);background:var(--color-brand-soft);border-radius:4px;padding:4px;font-size:9px;font-weight:800}.demo-description{flex:1}.demo-date{padding-inline:8px}.demo-bar label{align-items:center;gap:8px;display:flex}.demo-bar select{background:var(--subtle);color:var(--text-secondary);outline-offset:0;border-radius:6px;padding:4px 8px}.breadcrumb{max-width:1450px;color:var(--color-muted);align-items:center;gap:8px;margin:24px auto 16px;padding:0 36px;font-size:11px;display:flex}.breadcrumb strong{color:var(--text-secondary);font-weight:500}.workspace-main{max-width:1450px;min-height:calc(100dvh - 250px);margin:0 auto;padding:0 36px 36px}.app-footer{color:var(--color-muted);flex-wrap:wrap;gap:16px;padding:20px 36px 28px;font-size:10px;display:flex}.app-footer>button{margin-left:auto}.mobile-bottom-nav{display:none}.mobile-sidebar-dialog{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-ink);background:0 0;border:0;margin:0;padding:0}.mobile-sidebar-content{background:var(--surface);flex-direction:column;width:min(310px,86vw);height:100%;padding:20px 16px;animation:.25s ease-out drawer-in;display:flex;overflow-y:auto}.mobile-sidebar-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mobile-sidebar-dialog[data-side=right] .mobile-sidebar-content{margin-left:auto;animation-name:drawer-right-in}.role-header{background:var(--surface);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:32px;padding:20px max(24px,50vw - 590px);display:flex}.role-bottom-nav{background:var(--surface);border-top:1px solid var(--color-line);z-index:30;width:100%;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0}.role-bottom-nav>div{grid-template-columns:repeat(5,1fr);max-width:576px;margin:auto;display:grid}.role-bottom-nav a{color:var(--color-muted);flex-direction:column;align-items:center;gap:4px;padding:16px 0;font-size:11px;display:flex}.role-bottom-nav a.active{color:var(--color-brand);font-weight:650}.dashboard-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 28px;display:flex}.dashboard-heading .date-label{color:var(--color-muted);margin-bottom:12px;font-size:12px}.dashboard-heading h1{letter-spacing:-.055em;font-size:clamp(26px,2.3vw,32px);font-weight:750;line-height:1.25}.dashboard-heading h1 span{color:inherit}.dashboard-heading p{color:var(--color-muted);margin-top:12px;font-size:13px}.dashboard-heading-actions{align-items:center;gap:8px;display:flex}.stat-grid{background:var(--surface);border:1px solid var(--color-line);border-radius:var(--radius-card);grid-template-columns:1fr 1.3fr 1fr;gap:0;margin-bottom:24px;display:grid;overflow:hidden}.stat-card{background:var(--surface);border:0;border-radius:0;flex-direction:column;min-height:154px;padding:24px;display:flex;position:relative}.stat-card-title{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:550;display:flex}.stat-card-title>svg{color:var(--color-muted);margin-left:auto}.stat-value{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:20px 0 12px;font-size:clamp(27px,2.1vw,32px);font-weight:750;line-height:1.2}.stat-value small{margin-left:4px;font-size:16px;font-weight:500}.stat-card-bottom{color:var(--color-muted);align-items:center;gap:8px;margin-top:auto;font-size:11px;display:flex}.stat-card+.stat-card{border-left:1px solid var(--color-line)}.stat-card.pay-card{background:0 0}.stat-card.pay-card .stat-value{color:var(--color-brand)}.stat-card .status-chip{background:var(--surface);border-radius:5px;margin-left:auto;padding:4px 8px;font-size:10px}.mini-progress{background:var(--subtle);border-radius:10px;gap:4px;height:5px;margin-top:16px;display:flex;overflow:hidden}.mini-progress span{background:var(--action);border-radius:10px;min-width:4px}.mini-progress span:nth-child(2){background:var(--color-line)}.dashboard-columns{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.dashboard-columns>*{min-width:0}.dashboard-panel{background:var(--surface);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:24px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.panel-heading h2{letter-spacing:-.04em;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.panel-heading h2>span{color:inherit;font-size:15px}.panel-heading>a,.panel-heading>button{color:var(--color-muted);align-items:center;gap:4px;font-size:11px;display:flex}.todo-filters{gap:8px;margin-bottom:4px;padding-bottom:8px;display:flex;overflow-x:auto}.todo-filters button{background:var(--subtle);color:var(--color-muted);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:11px}.todo-filters button.active{background:var(--color-brand-soft);color:var(--color-brand);font-weight:700}.todo-row{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding:16px 0;display:flex}.todo-row-icon{width:42px;height:42px;color:var(--color-brand);background:var(--color-brand-soft);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.todo-row-icon.risk{background:var(--color-risk-soft);color:var(--color-risk)}.todo-row-icon.soon{background:var(--color-warn-soft);color:var(--color-warn)}.todo-row-content{flex:1;min-width:0}.todo-row-content h3{text-wrap:wrap;font-size:13px;font-weight:600;line-height:1.55}.todo-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:10px;display:flex}.todo-meta .priority{font-weight:650}.todo-meta .risk{color:var(--color-risk)}.todo-meta .soon{color:var(--color-warn)}.todo-row>a{color:var(--text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:8px;font-size:11px;display:flex}.todo-row>a:hover{background:var(--subtle);color:var(--color-brand)}.todo-more{width:100%;color:var(--color-muted);justify-content:center;align-items:center;gap:8px;padding:16px 0 0;font-size:12px;display:flex}.onboarding-strip{background:var(--color-brand-soft);border-radius:13px;align-items:center;gap:12px;margin-top:20px;padding:16px;display:flex}.onboarding-strip>svg{color:var(--color-brand)}.onboarding-strip p{color:var(--text-secondary);flex:1;font-size:11px;line-height:1.7}.onboarding-strip a{color:var(--color-brand);white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:650;display:flex}.dashboard-side{gap:24px;display:grid}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-header strong{font-size:14px;font-weight:650}.calendar-header>div{align-items:center;gap:4px;display:flex}.calendar-header .icon-button{border-radius:8px;width:26px;height:26px}.mini-calendar{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekday{color:var(--color-muted);padding-bottom:12px;font-size:10px}.mini-calendar button{border-radius:10px;place-items:center;width:100%;max-width:34px;height:32px;margin:auto;font-size:11px;display:grid;position:relative}.mini-calendar button:hover{background:var(--subtle)}.mini-calendar button.today{color:var(--color-brand);background:var(--color-brand-soft);font-weight:700}.mini-calendar button.has-deadline:after{content:"";background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;bottom:2px}.calendar-events{border-top:1px solid var(--color-line);gap:16px;margin-top:20px;padding-top:20px;display:grid}.calendar-event{align-items:center;gap:12px;display:flex}.calendar-event>i{background:var(--color-brand);border-radius:3px;flex-shrink:0;width:3px;height:28px;display:block}.calendar-event:nth-child(2)>i{background:var(--accent)}.calendar-event>span{flex:1;min-width:0}.calendar-event strong{font-size:11px;font-weight:600;line-height:1.55;display:block}.calendar-event small{color:var(--color-muted);font-size:10px}.calendar-event>b{background:var(--color-warn-soft);color:var(--color-warn);border-radius:5px;padding:4px;font-size:10px;font-weight:600}.guide-callout{border-radius:var(--radius-card);background:var(--color-brand-soft);padding:24px;position:relative;overflow:hidden}.guide-callout>.guide-callout-icon{background:var(--surface);border:1px solid var(--color-line);width:50px;height:58px;color:var(--color-brand);border-radius:7px;place-items:center;display:grid;position:absolute;bottom:19px;right:20px;transform:rotate(5deg)}.guide-callout small{color:var(--color-brand);font-size:10px;font-weight:650}.guide-callout h3{margin-top:8px;font-size:16px;font-weight:700;line-height:1.5}.guide-callout button{color:var(--color-brand);align-items:center;gap:8px;margin-top:16px;font-size:11px;font-weight:650;display:inline-flex}.quick-actions{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.quick-action{border:1px solid var(--color-line);background:var(--surface);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 8px;font-size:11px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.quick-action:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.quick-action>span{background:var(--color-brand-soft);color:var(--color-brand);border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.quick-action:nth-child(2)>span{color:var(--accent);background:var(--accent-soft)}.quick-action:nth-child(3)>span{color:var(--color-ok);background:var(--color-ok-soft)}.quick-action:nth-child(4)>span{color:var(--color-warn);background:var(--color-warn-soft)}.schedule-panel{margin-top:24px}.week-table{text-align:center;width:100%;min-width:670px;font-size:11px}.week-table th{color:var(--color-muted);padding:12px 8px 16px;font-size:10px;font-weight:500}.week-table th:first-child,.week-table td:first-child{text-align:left}.week-table th.today{color:var(--color-brand)}.week-table td{border-top:1px solid var(--color-line);padding:16px 8px}.week-table .shift-time{background:var(--color-brand-soft);color:var(--color-brand);white-space:nowrap;border-radius:7px;padding:8px;display:inline-block}.employee-cell{align-items:center;gap:8px;font-weight:600;display:flex}.employee-avatar{width:30px;height:30px;color:var(--color-brand);background:var(--color-brand-soft);border-radius:10px;place-items:center;font-size:11px;font-weight:650;display:inline-grid}.employee-avatar[data-index="1"]{background:var(--accent-soft);color:var(--accent)}.employee-avatar[data-index="2"]{background:var(--color-warn-soft);color:var(--color-warn)}.today-worker{align-items:center;gap:12px;padding:12px 0;display:flex}.today-worker>span:nth-child(2){flex:1;font-size:12px;font-weight:550}.today-worker small{color:var(--color-muted);margin-top:4px;font-size:10px;font-weight:400;display:block}.today-worker>b{background:var(--subtle);color:var(--color-muted);border-radius:6px;padding:4px 8px;font-size:10px;font-weight:500}.notification-list li{border-top:1px solid var(--color-line);align-items:flex-start;gap:12px;padding:16px 0;font-size:12px;display:flex}.notification-list li>span{color:var(--color-muted);white-space:nowrap;margin-left:auto;font-size:10px}.notification-list li>i{background:var(--color-brand);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.empty-copy{color:var(--color-muted);padding:16px 0;font-size:12px;line-height:1.8}.checkup-progress{background:conic-gradient(var(--action)var(--progress),var(--subtle)0);border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.checkup-progress>span{background:var(--surface);border-radius:50%;place-items:center;width:56px;height:56px;font-size:17px;font-weight:700;display:grid}.checkup-summary{align-items:center;gap:20px;display:flex}.checkup-summary p{color:var(--text-secondary);font-size:12px;line-height:1.9}.public-header{background:var(--surface);border-bottom:1px solid var(--color-line);top:var(--public-header-top);z-index:30;position:relative}.public-header-main{align-items:center;gap:44px;max-width:1280px;margin:auto;padding:24px 32px;display:flex}.public-header-main .global-search{background:var(--surface);border:1px solid var(--color-line);border-radius:var(--radius-control);flex:1;margin-right:auto;padding-inline:20px}.public-nav{border-top:1px solid var(--color-line);align-items:center;gap:32px;max-width:1280px;margin:auto;padding:16px 32px;font-size:13px;font-weight:600;display:flex}.public-nav>a:hover,.public-nav>button:hover{color:var(--color-brand)}.nav-app-link{color:var(--color-brand);align-items:center;gap:4px;display:flex}.public-nav-note{color:var(--color-muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:11px;font-weight:400;display:flex}.status-dot{background:var(--color-ok);border-radius:50%;width:5px;height:5px;display:inline-block}.landing-page{background:var(--surface)}.landing-container{max-width:1180px;margin:auto;padding:0 28px}.landing-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding-top:72px;padding-bottom:76px;display:grid}.landing-hero>*,.diagnosis-grid>*,.auth-layout>*,.feature-grid>*{min-width:0}.eyebrow{color:var(--color-brand);letter-spacing:-.01em;align-items:center;gap:8px;font-size:12px;font-weight:650;display:inline-flex}.landing-hero h1{letter-spacing:-.04em;margin-top:20px;font-size:clamp(34px,3.6vw,48px);font-weight:700;line-height:1.35}.landing-hero h1 span{color:inherit}.landing-hero-copy>p{color:var(--color-muted);margin-top:24px;font-size:16px;line-height:1.9}.hero-actions{gap:12px;margin-top:28px;display:flex}.hero-actions .ui-button{border-radius:14px;min-height:52px;padding-inline:24px;font-size:14px}.hero-caption{color:var(--color-muted);align-items:center;gap:4px;margin-top:16px;font-size:11px;display:flex}.hero-art{isolation:isolate;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.hero-art:before{content:"";background:var(--color-brand-soft);border:1px solid var(--color-line);z-index:-1;border-radius:18px;width:91%;height:95%;position:absolute;transform:rotate(3deg)}.product-preview{background:var(--surface);border:1px solid var(--color-line);border-top:3px solid var(--color-brand);width:410px;max-width:95%;box-shadow:0 14px 36px var(--action-ring);border-radius:12px;padding:28px;transform:rotate(-1deg)}.preview-top{align-items:center;gap:4px;margin-bottom:24px;display:flex}.preview-top>i{background:var(--color-line);border-radius:50%;width:6px;height:6px}.preview-top>span{color:var(--color-muted);margin-left:auto;font-size:8px}.preview-heading{margin-bottom:20px;font-size:18px;font-weight:750;line-height:1.5}.preview-heading small{color:var(--color-muted);font-size:10px;font-weight:400;display:block}.preview-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview-stats>div{background:var(--subtle);border-radius:12px;padding:16px}.preview-stats>div:first-child{background:var(--color-brand-soft)}.preview-stats span{color:var(--color-muted);font-size:9px;display:block}.preview-stats b{color:var(--color-brand);margin-top:8px;font-size:19px;display:block}.preview-list-title{margin:20px 0 4px;font-size:11px;font-weight:650}.preview-row{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding:12px 0;font-size:10px;display:flex}.preview-row>span{background:var(--color-brand-soft);width:28px;height:28px;color:var(--color-brand);border-radius:9px;place-items:center;display:grid}.preview-row>small{background:var(--color-warn-soft);color:var(--color-warn);border-radius:5px;margin-left:auto;padding:4px 8px;font-size:8px}.landing-divider{border-top:1px solid var(--color-line)}.landing-section{padding-top:72px;padding-bottom:72px}.landing-section h2{letter-spacing:-.055em;margin-top:12px;font-size:clamp(27px,3vw,36px);font-weight:750;line-height:1.4}.section-description{color:var(--color-muted);margin-top:16px;font-size:14px;line-height:1.8}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;display:grid}.feature-tile{background:var(--color-canvas);border-radius:21px;padding:28px;transition:transform .2s}.feature-tile:hover{transform:translateY(-4px)}.feature-tile>span{background:var(--color-brand-soft);width:43px;height:43px;color:var(--color-brand);border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.feature-tile h3{font-size:16px;font-weight:650}.feature-tile p{color:var(--color-muted);margin-top:12px;font-size:12px;line-height:1.8}.diagnosis-section{background:var(--color-canvas)}.diagnosis-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.diagnosis-box{background:var(--surface);border:1px solid var(--color-line);min-height:300px;box-shadow:var(--shadow);border-radius:25px;padding:32px}.diagnosis-box [role=radiogroup],.diagnosis-box [role=group]{grid-template-columns:1fr;display:grid}.diagnosis-box [role=radio],.diagnosis-box [role=checkbox]{text-align:left;border-radius:13px;min-height:48px;padding:16px}.diagnosis-checks{color:var(--text-secondary);gap:16px;margin-top:28px;font-size:13px;display:grid}.diagnosis-checks>span{align-items:center;gap:8px;display:flex}.diagnosis-checks svg{color:var(--color-brand)}.principle-row{border-bottom:1px solid var(--color-line);grid-template-columns:repeat(3,1fr);gap:40px;margin-top:20px;padding:36px 0;display:grid}.principle-row h3{margin:16px 0 12px;font-size:16px;font-weight:650}.principle-row p{color:var(--color-muted);font-size:12px;line-height:1.9}.principle-row svg{color:var(--color-brand)}.faq-section{max-width:800px;margin:auto}.faq-list{margin-top:28px}.faq-list details{border-bottom:1px solid var(--color-line);padding:24px 0}.faq-list summary{justify-content:space-between;align-items:center;gap:20px;font-size:15px;font-weight:600;list-style:none;display:flex}.faq-list summary svg{color:var(--color-muted);transition:transform .2s;transform:rotate(90deg)}.faq-list details[open] summary svg{transform:rotate(-90deg)}.faq-list p{color:var(--color-muted);margin-top:16px;font-size:13px;line-height:1.9;animation:.2s fade-in}.landing-cta{background:var(--color-brand-soft);border-radius:27px;justify-content:space-between;align-items:center;gap:24px;padding:44px;display:flex}.landing-cta h2{margin:0;font-size:28px}.landing-cta p{color:var(--color-muted);margin-top:12px;font-size:13px}.landing-footer{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;align-items:flex-start;padding-top:36px;padding-bottom:36px;font-size:10px;line-height:1.8;display:flex}.landing-footer .brand-lockup{color:var(--color-ink);font-size:16px}.landing-footer .brand-symbol{width:25px;height:27px}.landing-footer .brand-descriptor{display:none}.auth-page{background:var(--surface);min-height:100dvh}.auth-layout{grid-template-columns:1fr 1fr;align-items:start;gap:92px;max-width:1120px;margin:auto;padding:56px 32px 64px;display:grid}.auth-story{padding:20px 0;position:sticky;top:180px}.auth-story h1{letter-spacing:-.055em;margin-top:20px;font-size:38px;font-weight:750;line-height:1.4}.auth-story h1 span{color:inherit}.auth-story>p{color:var(--color-muted);margin-top:20px;font-size:14px;line-height:1.8}.auth-art{background:var(--color-brand-soft);border-radius:30px;margin-top:32px;padding:32px}.auth-art-title{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:14px;font-weight:600;display:flex}.auth-art-title>span{color:var(--color-brand);background:var(--surface);border-radius:5px;padding:4px 8px;font-size:10px}.auth-art-step{align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.auth-art-step>span{background:var(--surface);width:35px;height:35px;color:var(--color-brand);border-radius:12px;place-items:center;display:grid}.auth-art-step>b{color:var(--color-ok);background:var(--color-ok-soft);border-radius:50%;place-items:center;width:20px;height:20px;margin-left:auto;display:grid}.auth-art-note{color:var(--color-muted);margin-top:16px;font-size:10px;line-height:1.6}.auth-form-area{width:100%;max-width:440px}.auth-tabs{border-bottom:1px solid var(--color-line);margin-bottom:28px;display:flex}.auth-tabs a{color:var(--color-muted);border-bottom:2px solid #0000;margin-right:28px;padding:16px 0;font-size:18px;font-weight:650}.auth-tabs a.active{color:var(--color-ink);border-bottom-color:var(--color-ink)}.auth-form-area h2{letter-spacing:-.045em;font-size:24px;font-weight:700}.auth-form-sub{color:var(--color-muted);margin:8px 0 24px;font-size:12px;line-height:1.8}.auth-fields{gap:20px;display:grid}.auth-field>label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:550;display:block}.auth-input{border:1px solid var(--color-line);background:var(--color-canvas);min-height:52px;color:var(--color-muted);border-radius:12px;align-items:center;gap:12px;padding:0 16px;transition:box-shadow .2s;display:flex}.auth-input:focus-within{box-shadow:0 0 0 2px var(--action);background:var(--surface)}.auth-input input{width:100%;min-width:0;color:var(--color-ink);background:0 0;outline:none;padding:16px 0;font-size:14px}.auth-input .icon-button{width:28px;height:32px}.auth-options{color:var(--color-muted);justify-content:space-between;align-items:center;margin:20px 0;font-size:11px;display:flex}.auth-options>span{align-items:center;gap:4px;display:flex}.auth-options>button:hover{color:var(--color-brand)}.auth-submit{border-radius:13px;width:100%;min-height:52px;font-size:14px}.auth-divider{color:var(--color-muted);align-items:center;gap:12px;margin:24px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-line);flex:1;height:1px}.kakao-login{background:var(--color-kakao);width:100%;min-height:51px;color:var(--kakao-ink);border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.kakao-login:disabled{opacity:.6;cursor:not-allowed}.login-methods-list{gap:6px;margin:12px 0 14px;font-size:13px;display:grid}.login-methods-list>div{justify-content:space-between;gap:12px;display:flex}.login-methods-list dt{color:var(--color-muted)}.login-methods-list dd{overflow-wrap:anywhere;text-align:right;min-width:0;font-weight:600}.login-methods .ui-button{width:100%}.login-methods>p{margin-bottom:0}.kakao-login>span{background:var(--kakao-ring);border-radius:4px;padding:4px;font-size:9px;font-weight:400}.auth-privacy{color:var(--color-muted);text-align:center;margin-top:10px;font-size:11px}.auth-privacy a{text-decoration:underline}.privacy-page{grid-template-columns:minmax(0,1fr);gap:16px;max-width:880px;padding-top:40px;padding-bottom:72px;font-size:14px;line-height:1.75;display:grid}.privacy-page h1{font-size:28px;font-weight:700;line-height:1.3}.privacy-page h2{margin-bottom:8px;font-size:18px;font-weight:700}.privacy-page section{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:8px;scroll-margin-top:96px;display:grid}.privacy-page ul{grid-template-columns:minmax(0,1fr);gap:6px;padding-left:20px;list-style:outside;display:grid}.privacy-kicker{color:var(--color-brand);font-size:13px;font-weight:600}.privacy-toc{border:1px solid var(--color-line);border-radius:12px;padding:14px 18px;font-size:13px}.privacy-toc ol{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px;display:grid}.privacy-toc a{color:var(--color-info)}.privacy-toc a:hover{text-decoration:underline}.privacy-table{margin-top:8px;overflow-x:auto}.privacy-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px;line-height:1.6}.privacy-table th,.privacy-table td{border:1px solid var(--color-line);text-align:left;vertical-align:top;padding:8px 10px}.privacy-table thead th{background:var(--color-brand-soft);white-space:nowrap;font-weight:600}.privacy-table tbody th{width:22%;font-weight:600}.auth-notice{background:var(--color-brand-soft);color:var(--color-info);border-radius:12px;margin-top:16px;padding:12px 16px;font-size:12px;line-height:1.8}.auth-error{color:var(--color-risk);margin-top:8px;font-size:11px}.demo-entry{border:1px solid var(--color-line);background:var(--color-canvas);border-radius:16px;margin-top:24px;padding:20px}.demo-entry-title{align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.demo-entry-title svg{color:var(--color-brand)}.demo-entry>p{color:var(--color-muted);margin:8px 0 16px;font-size:11px;line-height:1.8}.demo-entry>.ui-button{background:var(--surface);border:1px solid var(--color-line);width:100%;color:var(--color-brand);margin-top:8px}.demo-entry>.ui-button.primary{background:var(--action);color:var(--on-action);border-color:#0000}.auth-extra{margin-top:28px;font-size:11px}.auth-extra summary{color:var(--color-muted);padding:12px 0}.auth-extra-content{flex-wrap:wrap;gap:8px;padding:16px 0;display:flex}.auth-extra-content .ui-button{min-height:35px;padding:8px 12px;font-size:11px}.auth-privacy-note{color:var(--color-muted);text-align:center;margin-top:24px;font-size:10px;line-height:1.8}.guide-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.guide-tabs button{background:var(--subtle);color:var(--color-muted);border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:12px 4px;font-size:10px;display:flex}.guide-tabs button span{background:var(--surface);border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:inline-grid}.guide-tabs button.active{background:var(--color-brand-soft);color:var(--color-brand);font-weight:650}.guide-tabs button.active span{background:var(--action);color:var(--on-action)}.guide-scene{background:var(--color-canvas);border:1px solid var(--color-line);border-radius:18px;gap:20px;height:270px;padding:16px 24px 24px 16px;display:flex;position:relative;overflow:hidden}.guide-mini-sidebar{flex-direction:column;align-items:center;gap:12px;width:35px;padding-top:8px;display:flex}.guide-mini-sidebar>.brand-lockup{margin-bottom:12px}.guide-mini-sidebar .brand-symbol{width:21px;height:24px}.guide-mini-sidebar>span:not(.brand-symbol){color:var(--color-muted);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.guide-mini-sidebar>span.active{color:var(--color-brand);background:var(--color-brand-soft)}.guide-mini-content{flex:1;min-width:0;padding:12px 0;position:relative}.guide-eyebrow{font-size:12px;font-weight:650}.guide-skeleton{background:var(--color-line);border-radius:4px;width:35%;height:5px;margin:12px 0 20px}.guide-demo-row{background:var(--surface);border:1px solid var(--color-line);border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:12px;font-size:10px;display:flex}.guide-demo-row>span:not(.guide-demo-icon){flex:1}.guide-demo-row>b{background:var(--color-brand-soft);color:var(--color-brand);white-space:nowrap;border-radius:7px;padding:8px;font-size:9px}.guide-demo-icon{color:var(--color-brand)}.guide-demo-row.muted{opacity:.6}.guide-cursor{color:var(--action);opacity:0;z-index:2;position:absolute;bottom:14%;right:8%}.is-playing .guide-cursor{animation:6.5s ease-in-out infinite guide-cursor}.guide-success{background:var(--color-ok-soft);color:var(--color-ok);opacity:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:12px;font-size:10px;display:flex;position:absolute;bottom:-3px;left:2%;right:2%}.is-playing .guide-success{animation:6.5s ease-in-out infinite guide-success}.guide-demo-label{color:var(--color-muted);font-size:8px;position:absolute;bottom:7px;right:12px}.guide-input{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;margin:8px 0;padding:8px 12px;font-size:10px;display:flex}.guide-input span{color:var(--color-muted)}.guide-input b{font-weight:550}.guide-demo-cta{background:var(--action);color:var(--on-action);text-align:center;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:10px}.guide-week{gap:8px;margin-bottom:16px;display:flex}.guide-week>span{background:var(--surface);border:1px solid var(--color-line);text-align:center;color:var(--color-muted);border-radius:8px;flex:1;padding:12px 4px;font-size:9px}.guide-week b{margin-top:12px;font-size:9px;display:block}.guide-week .today{background:var(--color-brand-soft);color:var(--color-brand);border-color:var(--color-brand)}.guide-pay{background:var(--surface);border-radius:12px;padding:20px}.guide-pay>span{color:var(--color-muted);font-size:10px}.guide-pay>b{margin-top:8px;font-size:25px;font-weight:750;display:block}.guide-pay small{margin-left:4px;font-size:13px;font-weight:500}.guide-copy{margin:24px 0}.guide-copy>span{color:var(--color-brand);letter-spacing:0;font-size:10px;font-weight:650}.guide-copy h3{margin:8px 0;font-size:21px;font-weight:700}.guide-copy p{color:var(--color-muted);font-size:13px;line-height:1.8}.guide-controls{align-items:center;gap:8px;display:flex}.guide-dots{align-items:center;gap:8px;margin-right:auto;display:flex}.guide-dots>button{background:var(--color-line);width:7px;height:7px;transition:background-color var(--dur-short);border-radius:5px}.guide-dots>button.active{background:var(--action);width:20px}.loading-screen{min-height:100dvh;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:24px;font-size:13px;display:flex}.loading-mark{animation:1.5s ease-in-out infinite gentle-float}.page-transition{animation:.35s cubic-bezier(.22,1,.36,1) page-in}.reveal{animation:.6s both page-in}.reveal.delay-1{animation-delay:.1s}.reveal.delay-2{animation-delay:.2s}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}@keyframes drawer-right-in{0%{transform:translate(100%)}to{transform:none}}@keyframes gentle-float{0%,to{translate:0}50%{translate:0 -9px}}@keyframes guide-cursor{0%,15%{opacity:0;transform:translate(20px,25px)}27%,52%{opacity:1;transform:translate(0)}43%{transform:scale(.85)}65%,to{opacity:0;transform:translate(0)}}@keyframes guide-success{0%,43%{opacity:0;transform:translateY(10px)}52%,91%{opacity:1;transform:none}to{opacity:0}}@media(min-width:1600px){.workspace-main,.breadcrumb{max-width:1390px}.stat-card{min-height:185px;padding:28px 32px}.dashboard-panel{padding:28px}.todo-row{padding:20px 0}}@media(max-width:1199px){.app-header{gap:20px;padding-inline:20px}.app-brand{gap:8px;width:210px}.app-sidebar{flex-basis:220px;width:220px;padding-inline:12px}.workspace-main,.breadcrumb{padding-inline:24px}.demo-date{display:none}.demo-bar-inner{padding-inline:24px}.stat-grid{gap:12px}.stat-card{padding:20px}.dashboard-columns{grid-template-columns:minmax(0,1.6fr) minmax(255px,1fr);gap:16px}.dashboard-panel{padding:20px}.public-header-main{gap:24px}.public-nav-note{display:none}.auth-layout{gap:64px}}@media(max-width:1023px){.app-sidebar{display:none}.app-header{gap:20px}.app-brand{width:auto}.app-header .global-search{max-width:none}.workspace-main{padding-bottom:32px}.app-footer{padding-bottom:100px}.mobile-bottom-nav{background:var(--surface);border-top:1px solid var(--color-line);z-index:35;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-bottom-nav a,.mobile-bottom-nav>button{color:var(--color-muted);flex-direction:column;align-items:center;gap:4px;padding:12px 0;font-size:10px;display:flex}.mobile-bottom-nav a.active{color:var(--color-brand);font-weight:650}.demo-description{font-size:9px}.demo-bar label>span{display:none}.public-header-main{flex-wrap:wrap;gap:16px;padding:16px 24px}.public-header-main>a{margin-right:auto}.public-header-main .global-search{flex-basis:100%;order:3;width:100%;max-width:none}.public-nav{padding-inline:24px}.landing-hero{padding-top:44px;padding-bottom:52px}.landing-hero h1{font-size:36px}.hero-art{min-height:350px}.product-preview{padding:16px}.landing-hero-copy>p{font-size:14px}.hero-actions .ui-button{padding-inline:16px;font-size:12px}.diagnosis-grid{gap:40px}.auth-layout{gap:40px;padding-top:36px}.auth-story{top:220px}.auth-story h1{font-size:31px}}@media(max-width:767px){:root{--header-height:68px}.app-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.app-brand{gap:8px;margin-right:auto}.brand-lockup{gap:8px;font-size:18px}.brand-symbol{width:27px;height:29px}.brand-descriptor{font-size:8px}.app-header .global-search{border-radius:11px;order:3;width:100%;padding-block:12px;font-size:12px}.app-header{position:relative}.app-header .header-actions{gap:0}.profile-button{margin-left:0;padding-left:8px}.profile-button>span:not(.profile-avatar),.profile-button>svg,.guide-header-button{display:none}.icon-button{width:36px;height:36px}.profile-avatar{width:30px;height:30px}.demo-bar-inner{gap:8px;padding:8px 20px}.demo-description{flex-basis:calc(100% - 50px)}.demo-bar label{z-index:1;margin-top:40px;margin-left:auto;font-size:10px;position:absolute;right:18px}.demo-description{padding-right:0;line-height:1.65}.demo-bar label select{background:var(--surface);border:1px solid var(--color-line)}.breadcrumb{margin-top:20px;margin-bottom:24px;padding-inline:20px;font-size:10px}.workspace-main{padding-inline:20px}.dashboard-heading{margin-bottom:20px}.dashboard-heading h1{font-size:27px}.dashboard-heading p{font-size:11px}.dashboard-heading .date-label{font-size:10px}.dashboard-heading-actions{width:100%}.dashboard-heading-actions .ui-button{flex:1;min-height:42px;padding:12px;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-card{border-radius:18px;min-height:144px;padding:20px}.stat-card.pay-card{border-left:0;border-top:1px solid var(--color-line);grid-area:2/1/auto/-1;min-height:146px}.stat-grid{gap:0}.stat-card{border-radius:0}.stat-card:last-child{border-left:1px solid var(--color-line)}.stat-value{margin:12px 0;font-size:29px}.stat-card-title{font-size:11px}.stat-card-bottom{font-size:10px}.stat-card-title>svg{width:16px;height:16px}.stat-card.pay-card .stat-value{margin-top:12px;font-size:29px}.stat-card-bottom{flex-wrap:wrap;gap:4px;line-height:1.6}.dashboard-columns{grid-template-columns:1fr;gap:16px}.dashboard-panel{border-radius:20px;padding:20px}.panel-heading h2{font-size:17px}.panel-heading{margin-bottom:16px}.todo-row{gap:12px;padding:16px 0}.todo-row-icon{border-radius:11px;width:34px;height:36px}.todo-row-icon svg{width:17px;height:17px}.todo-row-content h3{font-size:12px}.todo-row>a{padding:8px 0 8px 8px;font-size:0}.todo-row>a>svg{width:17px}.todo-meta{font-size:9px}.onboarding-strip{gap:8px;padding:12px}.onboarding-strip p{font-size:10px}.onboarding-strip>svg{display:none}.onboarding-strip a{font-size:10px}.quick-actions{gap:8px;margin-top:16px}.quick-action{border-radius:13px;gap:8px;padding:16px 4px;font-size:9px}.calendar-panel{margin-top:0}.dashboard-side{gap:16px}.mini-calendar button{max-width:37px;height:37px;font-size:12px}.calendar-weekday{font-size:11px}.calendar-event strong{font-size:12px}.app-footer{gap:8px;padding:24px 20px 100px;font-size:9px}.app-footer>button{margin-left:0}.public-header-main{gap:16px;padding:16px 20px}.public-header-main .header-actions{gap:4px}.public-header-main .header-actions>.icon-button:first-child{display:none}.header-login{padding:12px 8px;font-size:11px}.header-signup{border-radius:9px;min-height:34px;padding:8px 12px;font-size:11px}.public-header-main .global-search{padding:12px 16px;font-size:12px}.public-nav{white-space:nowrap;gap:24px;padding:12px 20px;font-size:11px;overflow-x:auto}.public-nav>*{flex-shrink:0}.nav-app-link{display:none}.landing-container{padding-inline:24px}.landing-hero{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:40px}.landing-hero h1{margin-top:20px;font-size:35px}.eyebrow{font-size:11px}.landing-hero-copy>p{margin-top:20px;font-size:13px;line-height:1.9}.hero-actions{margin-top:24px}.hero-actions .ui-button{flex:1;min-height:49px;padding-inline:16px;font-size:12px}.hero-caption{font-size:9px}.hero-art{min-height:365px;margin:0 4px}.product-preview{max-width:91%}.floating-receipt{bottom:0;right:-6px}.floating-shield{border-radius:17px;width:54px;height:54px;top:5px;left:-4px}.landing-section{padding-top:48px;padding-bottom:48px}.landing-section h2{font-size:29px}.section-description{font-size:12px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.feature-tile{border-radius:17px;padding:20px 16px}.feature-tile>span{border-radius:11px;width:36px;height:36px;margin-bottom:16px}.feature-tile h3{font-size:13px}.feature-tile p{font-size:11px}.diagnosis-grid{grid-template-columns:1fr;gap:32px}.diagnosis-box{border-radius:20px;padding:24px}.principle-row{grid-template-columns:1fr;gap:24px}.principle-row>div{grid-template-columns:28px 1fr;column-gap:12px;display:grid}.principle-row h3{margin:0 0 8px;font-size:15px}.principle-row p{grid-column:2}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}.landing-cta{border-radius:var(--radius-card);flex-direction:column;align-items:flex-start;padding:28px 24px}.landing-cta h2{font-size:25px}.landing-cta>a{width:100%}.landing-footer{flex-direction:column;gap:20px;font-size:9px}.auth-layout{grid-template-columns:1fr;gap:24px;padding:28px 24px 52px}.auth-story{padding:0;position:static}.auth-story h1{margin-top:12px;font-size:28px}.auth-story>p{margin-top:12px;font-size:12px}.auth-art{display:none}.auth-form-area{max-width:none}.auth-tabs{margin-bottom:24px}.auth-tabs a{font-size:16px}.auth-form-area h2{font-size:22px}.auth-form-sub{font-size:11px}.guide-tabs{gap:4px}.guide-tabs button{flex-direction:column;gap:4px;padding:8px 4px;font-size:9px}.guide-scene{gap:12px;height:256px;padding:12px 16px 24px 12px}.guide-demo-row{gap:4px;padding:8px;font-size:8px}.guide-demo-row>b{padding:8px;font-size:8px}.guide-demo-icon>svg{width:16px}.guide-copy h3{font-size:18px}.guide-copy p{font-size:12px}.guide-controls .ui-button{padding:12px;font-size:12px}dialog>.flex>div:first-child{padding:20px 20px 16px}dialog>.flex>.overflow-y-auto{padding:16px 20px 24px}.role-header{flex-wrap:wrap;gap:16px;padding:16px 20px}.role-header .global-search{order:3;width:100%;max-width:none;font-size:12px}.role-header>.header-actions{margin-left:auto}.role-header>.header-actions>a{padding:8px 12px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.guide-cursor{display:none}.guide-success{opacity:1;transform:none}}@media print{.no-print{display:none!important}:root,:root[data-theme=dark]{--surface:var(--print-surface);--color-ink:var(--print-ink);--color-muted:var(--print-muted);--color-line:var(--print-line);--color-canvas:var(--print-surface);--color-brand:var(--print-brand);--color-brand-soft:var(--print-subtle)}body{background:var(--print-surface);color:var(--print-ink)}.print-area{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.shell-body{display:block}.workspace-main{max-width:none;padding:0}.page-transition{animation:none}}.notebook-context{border-bottom:1px solid var(--color-line);flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:20px;display:flex}.notebook-context span{background:var(--subtle);color:var(--text-secondary);border-radius:5px;padding:4px 8px;font-size:10px}.notebook-footer{color:var(--color-muted);align-items:center;gap:8px;margin-top:24px;font-size:10px;line-height:1.8;display:flex}.notebook-footer>svg{color:var(--accent)}.preview-row{padding-block:16px}.preview-heading{letter-spacing:-.03em;font-size:21px}.hero-art:before{height:87%}.ui-button,.kit-button{border-radius:var(--radius-control)}@media(max-width:767px){.notebook-context{margin-bottom:12px;padding-bottom:16px}.product-preview{padding:20px}.preview-row{padding-block:16px;font-size:10px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}html,body{overflow-x:clip}html{scrollbar-gutter:stable}body{font-size:14px;line-height:1.6;letter-spacing:-.02em}h1,h2,h3{min-width:0;overflow-wrap:break-word}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}button:disabled,.icon-button:disabled,.ui-button:disabled{color:var(--color-muted);background:var(--subtle);cursor:not-allowed;opacity:.65;transform:none;box-shadow:none}.brand-lockup{gap:8px;color:var(--color-ink);font-size:23px;font-weight:750;letter-spacing:-.045em}.brand-symbol{width:36px;height:36px;color:var(--color-brand)}.brand-descriptor{font-size:11px;line-height:1.3;letter-spacing:-.015em;margin-top:4px;font-weight:500}.icon-button{width:40px;height:40px;border-radius:8px}.icon-button:active,.ui-button:active,.kit-button:active{transform:translateY(1px)}.ui-button.primary:hover{box-shadow:none}.ui-button.secondary{background:var(--surface);border:1px solid var(--color-line);color:var(--color-ink)}.kit-button{border-radius:var(--radius-control);min-height:40px}.page-header{margin-bottom:20px}.page-header h1{font-size:28px;letter-spacing:-.035em;line-height:1.35}.surface-card{box-shadow:none}.surface-card>div:first-child>h2{font-size:17px}.app-header{padding:12px 24px;gap:28px}.app-brand{width:204px;gap:16px}.app-header .brand-lockup{font-size:22px}.global-search{max-width:456px;padding:12px 16px;border-radius:8px;background:var(--color-canvas)}.global-search:hover{box-shadow:inset 0 0 0 1px var(--color-line);background:var(--subtle)}.global-search kbd{font-size:11px;border-radius:4px;padding:0 4px}.profile-avatar{border-radius:10px;color:var(--text-secondary)}.app-sidebar{flex-basis:232px;width:232px;padding:20px 12px 16px;transition:none;scrollbar-width:thin;scrollbar-color:transparent transparent}.app-sidebar:hover{scrollbar-color:var(--color-line) transparent}.workspace-switch{border-radius:10px;background:var(--color-canvas);padding:12px;min-height:64px}.workspace-switch strong{font-size:14px}.workspace-switch small{font-size:12px}.workspace-icon{color:var(--text-secondary);background:transparent}.sidebar-section{font-size:12px;margin:24px 12px 8px;letter-spacing:0;font-weight:500}.sidebar-nav{gap:4px;padding-bottom:16px}.sidebar-link{min-height:44px;padding:12px;border-radius:8px}.sidebar-link.active{box-shadow:none;background:var(--subtle);color:var(--color-ink)}.sidebar-link.active>svg{color:var(--color-brand)}.sidebar-settings{margin-top:8px}.sidebar-count{color:var(--text-secondary);font-size:12px;padding:0 4px}.sidebar-bottom{gap:4px;padding-top:12px;border-top:1px solid var(--color-line)}.sidebar-guide{padding:12px;background:transparent;border-radius:8px;gap:12px}.sidebar-guide:hover{background:var(--subtle)}.sidebar-guide strong{color:var(--text-secondary);font-size:13px;font-weight:600}.sidebar-guide small{font-size:12px}.guide-bulb{color:var(--color-muted)}.sidebar-position{min-height:40px;padding:8px 12px;font-size:12px}.app-shell[data-collapsed=true] .app-sidebar .sidebar-link{padding-inline:16px}.app-shell[data-collapsed=true] .app-sidebar .sidebar-bottom{border:0}.demo-bar{font-size:12px}.demo-bar-inner{gap:8px;padding:8px 32px;background:var(--surface)}.demo-tag{font-size:11px;white-space:nowrap;letter-spacing:0;color:var(--text-secondary);background:var(--subtle);padding:0 4px}.demo-description{font-size:11px}.demo-description-short,.demo-date{display:none}.demo-bar label{margin-left:auto;gap:8px}.demo-bar select{border:1px solid var(--color-line);padding:4px 8px;border-radius:6px}.breadcrumb{font-size:12px;padding:24px 32px 0;margin-bottom:24px;max-width:1328px;margin-inline:auto}.workspace-main{padding:0 32px 32px;max-width:1328px;margin-inline:auto}.app-shell[data-home=true] .breadcrumb{display:none}.app-shell[data-home=true] .workspace-main{padding-top:32px}.dashboard-heading{margin-bottom:24px;align-items:flex-end;gap:20px}.dashboard-heading .date-label{font-size:13px;color:var(--color-muted);margin-bottom:8px}.dashboard-heading h1{font-size:28px;line-height:1.35;letter-spacing:-.04em}.dashboard-heading p{font-size:14px;margin-top:8px;color:var(--text-secondary)}.dashboard-heading-actions{gap:8px}.stat-grid{border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:none;margin-bottom:24px;gap:0}.stat-card{min-height:156px;padding:24px}.stat-card-title{font-size:13px;color:var(--text-secondary);font-weight:500}.stat-value{font-size:30px;color:var(--color-ink);letter-spacing:-.04em;margin:12px 0;font-variant-numeric:tabular-nums}.stat-value small{font-size:15px;color:var(--text-secondary);margin-left:4px}.stat-card.pay-card .stat-value{color:var(--color-ink);font-size:30px}.stat-card-bottom{font-size:12px;gap:8px;color:var(--color-muted);flex-wrap:wrap}.stat-card .status-chip{font-size:11px;background:transparent;padding:0;color:var(--color-muted)}.mini-progress{height:3px;margin-top:16px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.dashboard-panel{padding:24px;border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:none}.panel-heading{margin-bottom:20px;gap:12px}.panel-heading h2{font-size:17px;font-weight:700;gap:8px}.panel-heading h2>span{color:inherit;font-weight:inherit;font-size:15px}.panel-heading>a,.panel-heading>button{font-size:12px;color:var(--text-secondary);min-height:32px}.todo-filters{gap:4px;border-bottom:1px solid var(--color-line);padding-bottom:16px;margin-bottom:0}.todo-filters button{font-size:12px;min-height:36px;padding:8px 12px;border-radius:8px}.todo-filters button.active{background:var(--subtle);color:var(--color-ink);box-shadow:none}.todo-row{gap:12px;padding:20px 0}.todo-row-icon{width:36px;height:36px;border-radius:8px;color:var(--color-muted);background:transparent}.todo-row-icon.risk{color:var(--color-risk);background:transparent}.todo-row-icon.soon{color:var(--color-warn);background:transparent}.todo-meta{font-size:12px;gap:8px;margin-bottom:4px}.todo-row-content h3{font-size:14px;font-weight:550;line-height:1.6;word-break:keep-all}.todo-row>a{font-size:12px;min-width:44px;min-height:44px;justify-content:end;color:var(--text-secondary);white-space:nowrap}.todo-more{min-height:44px;font-size:13px;margin-top:12px;border-radius:8px}.onboarding-strip{margin:16px 0 0;border-radius:8px;background:var(--color-canvas);padding:16px;gap:12px}.onboarding-strip p{font-size:12px;line-height:1.7}.onboarding-strip a{font-size:12px;min-height:44px}.quick-actions{gap:0;margin:20px 0;background:transparent;border-block:1px solid var(--color-line);border-radius:0}.quick-action{font-size:13px;border:0;border-radius:0;background:transparent;min-height:64px;box-shadow:none;gap:8px}.quick-action>span{width:28px;height:28px;color:var(--color-muted);background:transparent;border-radius:0}.quick-action:hover{background:var(--subtle);transform:none}.dashboard-side{gap:20px}.calendar-header strong{font-size:14px}.calendar-header .icon-button{width:32px;height:36px}.calendar-weekday{font-size:12px}.mini-calendar button{min-height:36px;font-size:12px;border-radius:8px}.mini-calendar button.today{background:var(--subtle);color:var(--color-ink);font-weight:700}.mini-calendar button.selected{background:var(--action);color:var(--on-action)}.calendar-event strong{font-size:12px;line-height:1.5;font-weight:550}.calendar-event small,.calendar-event b{font-size:12px}.calendar-event i{display:none}.calendar-event{padding:12px 0;border-bottom:1px solid var(--color-line)}.calendar-event:last-child{border-bottom:0}.guide-callout{background:var(--surface);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:24px}.guide-callout>small{font-size:12px;color:var(--color-muted)}.guide-callout h3{font-size:17px;color:var(--color-ink);font-weight:650;line-height:1.6;margin:8px 0 12px}.guide-callout button{background:var(--subtle);color:var(--color-ink);font-size:12px;padding:8px 12px;min-height:40px;border-radius:8px}.guide-callout-icon{display:none}.employee-avatar{border-radius:8px;color:var(--text-secondary);background:var(--subtle)}.employee-avatar[data-index="1"],.employee-avatar[data-index="2"]{color:var(--text-secondary);background:var(--subtle)}.week-table{font-size:12px}.week-table td,.week-table th{padding:12px 8px}.shift-time{color:var(--text-secondary);background:var(--subtle);border-radius:4px}.notification-list{font-size:13px}.today-worker,.today-worker small,.today-worker b{font-size:12px}.empty-copy{font-size:13px}.app-footer{max-width:1328px;margin-inline:auto;padding:24px 32px;font-size:12px}.page-transition,.reveal,.delay-1,.delay-2{animation:none}.modal-surface{width:min(520px,calc(100% - 32px));max-width:none;margin:auto;padding:0;border:1px solid var(--color-line);border-radius:var(--radius-dialog);color:var(--color-ink);background:var(--surface);box-shadow:var(--shadow-dialog);overflow:hidden}.modal-surface.modal-wide{width:min(680px,calc(100% - 32px))}.modal-layout{display:flex;flex-direction:column;max-height:min(88dvh,900px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-line);gap:16px;flex:0 0 auto}.modal-heading h2{font-size:17px;font-weight:650}.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px}.modal-footer{display:flex;flex-wrap:wrap;justify-content:end;gap:8px;border-top:1px solid var(--color-line);padding:16px 24px;flex:0 0 auto}dialog.modal-surface[open]{animation:surface-in var(--dur-short) var(--ease-out)}dialog.modal-surface[data-state=closing]{animation:surface-out .14s var(--ease-in) forwards;pointer-events:none}dialog:not(.mobile-sidebar-dialog){box-shadow:var(--shadow-dialog)}.search-modal.modal-surface{width:min(640px,calc(100% - 32px));margin-top:min(12dvh,100px)}.search-modal .modal-layout{max-height:calc(100dvh - 132px)}.search-modal .modal-heading{padding:12px 20px;border:0}.search-modal .modal-heading h2{font-size:14px;color:var(--text-secondary);font-weight:550}.search-modal .modal-body{padding:0;overflow:hidden;display:flex;flex-direction:column}.search-input-wrap{margin:0 20px;padding:4px 12px;border:1px solid var(--color-line);border-radius:8px;gap:12px;color:var(--color-muted);min-height:52px}.search-input-wrap:focus-within{outline:2px solid var(--focus-ring);outline-offset:-1px}.search-input-wrap input{min-width:0;padding:12px 0;font-size:16px;outline:none}.search-clear{width:32px;height:36px}.search-caption{display:flex;justify-content:space-between;margin:20px 24px 8px;color:var(--color-muted);font-size:12px;flex:0 0 auto}.search-results{display:block;max-height:min(45dvh,360px);overflow-y:auto;overscroll-behavior:contain;padding:0 8px 8px;scroll-padding:8px;scrollbar-width:thin}.search-result{min-height:56px;padding:8px 16px;gap:16px;border-radius:8px}.search-result.selected,.search-result:hover{background:var(--subtle)}.search-result-icon{color:var(--color-muted)}.search-result strong{font-size:14px;font-weight:550;line-height:20px}.search-result small{font-size:12px;margin-top:0;line-height:16px}.search-result>svg:last-child{color:var(--color-muted);opacity:0}.search-result.selected>svg:last-child{opacity:1}.search-footer{display:flex;align-items:center;gap:16px;padding:12px 24px;margin:0;background:var(--color-canvas);color:var(--color-muted);font-size:11px;flex:0 0 auto}.search-footer>span{display:flex;align-items:center;gap:4px}.search-footer kbd{font:inherit;border:1px solid var(--color-line);background:var(--surface);color:var(--color-muted);border-radius:4px;padding:0 4px}.search-dismiss-hint{margin-left:auto}.search-empty{padding:40px 24px;font-size:13px;text-align:center}.search-empty .ui-button{min-height:40px;margin-top:8px;font-size:13px}.public-header{position:relative;top:var(--public-header-top)}.public-header-main{padding-block:16px}.public-nav{padding-block:12px;font-size:14px}.public-nav-note{font-size:12px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-top:64px;padding-bottom:72px}.landing-hero h1{font-size:clamp(32px,3.4vw,46px);margin-top:0;line-height:1.35;color:var(--color-ink)}.landing-hero h1 span,.auth-story h1 span{color:inherit}.landing-hero-copy>p{color:var(--text-secondary);line-height:1.8;margin-top:24px}.hero-art{min-height:0}.hero-art:before{content:none}.product-preview{border:1px solid var(--color-line);border-radius:var(--radius-card);padding:28px;background:var(--surface);box-shadow:none;transform:none}.preview-top{font-size:13px;color:var(--color-muted);margin-bottom:24px}.preview-heading{font-size:24px;color:var(--color-ink)}.preview-heading small{font-size:13px;margin-top:8px}.notebook-context{border:0;padding-bottom:0;margin-bottom:8px}.notebook-context span{padding:0;background:transparent;font-size:12px}.notebook-context span+span{border-left:1px solid var(--color-line);padding-left:8px}.preview-row{padding-block:20px;font-size:13px}.preview-row>span,.preview-row small{font-size:12px}.notebook-footer{font-size:12px;line-height:1.7;margin-top:24px}.notebook-footer>svg{color:var(--color-muted)}.feature-card{background:transparent;border-radius:0;box-shadow:none}.feature-card:hover{transform:none}.feature-card>span{border-radius:0;background:transparent}.feature-tile{padding:24px 0;border-radius:0;border:0;border-top:1px solid var(--color-line);background:transparent}.feature-tile>span{width:auto;height:auto;background:transparent;border-radius:0;color:var(--color-brand);margin-bottom:16px}.feature-tile h3{font-size:18px}.feature-tile p{font-size:14px;line-height:1.8}.auth-story{padding-top:16px}.auth-story h1{color:var(--color-ink);font-size:36px;margin-top:0}.auth-art{box-shadow:none;border-radius:var(--radius-card)}.auth-input{border-width:1px;border-radius:8px}.auth-input:focus-within{outline:2px solid var(--focus-ring);outline-offset:-1px;border-color:var(--color-line);box-shadow:none}.auth-field:has([aria-invalid=true]) .auth-input{border-color:var(--color-risk)}.guide-tabs button{font-size:13px}.guide-copy>span{font-size:12px;letter-spacing:0}.guide-copy h3{font-size:22px}.guide-copy p{font-size:14px}.guide-dots>button{transition:background-color var(--dur-short)}.guide-paused *{animation-play-state:paused!important}.employee-directory{border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden;background:var(--surface)}.employee-directory-head,.employee-directory-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:center;padding:20px 24px}.employee-directory-head{background:var(--color-canvas);color:var(--color-muted);font-size:12px;padding-block:12px}.employee-directory-row{border-top:1px solid var(--color-line);transition:background-color var(--dur-micro)}.employee-directory-row:hover{background:var(--surface-hover)}.employee-directory-row:focus-visible{outline-offset:-3px}.employee-directory-person{display:flex;gap:12px;align-items:center}.employee-directory-person .employee-avatar{flex-shrink:0}.employee-directory-person strong{font-size:15px;font-weight:650}.employee-directory-row p{font-size:12px;color:var(--color-muted);line-height:1.7;margin-top:4px}.employee-directory-pay{font-size:14px;font-variant-numeric:tabular-nums}.employee-directory-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.employee-directory-status>div{min-width:0}.employee-directory-tags{display:flex;flex-wrap:wrap;gap:4px}.employee-directory-status>svg{color:var(--color-muted)}@media(max-width:767px){.employee-directory-head{display:none}.employee-directory-row{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px}.employee-directory-row:first-child{border-top:0}.employee-directory-pay{text-align:right;font-size:13px}.employee-directory-person{gap:8px;align-items:flex-start}.employee-directory-person .employee-avatar{display:none}.employee-directory-status{grid-column:1 / -1}}.workspace-main .text-\[10px\],.workspace-main .text-\[11px\]{font-size:12px}@keyframes surface-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes surface-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px) scale(.99)}}@media(min-width:1600px){.workspace-main,.breadcrumb{max-width:1328px}.stat-card,.dashboard-panel{padding:24px}.todo-row{padding:20px 0}}@media(max-width:1199px){.dashboard-columns{grid-template-columns:minmax(0,1fr) 276px;gap:20px}.app-header{gap:24px}.app-brand{width:184px}.stat-card{padding:20px}.stat-value,.stat-card.pay-card .stat-value{font-size:26px}.dashboard-panel{padding:20px}.landing-hero{gap:32px}}@media(max-width:1023px){.app-brand{width:auto}.app-footer{padding-bottom:104px}.mobile-sidebar-content{width:min(320px,calc(100% - 48px));padding:20px 12px;scrollbar-width:thin}.mobile-sidebar-top{padding:0 8px 24px}.mobile-sidebar-content .sidebar-bottom{margin-top:16px}.mobile-sidebar-dialog[data-state=closing] .mobile-sidebar-content{opacity:0;transition:opacity .14s}.public-header{position:relative}.landing-hero{padding-block:48px}.landing-hero h1{font-size:36px}.mobile-bottom-nav a,.mobile-bottom-nav>button{font-size:11px;min-height:60px}}@media(max-width:767px){.app-header{flex-wrap:nowrap;min-height:64px;padding:12px 16px;gap:8px;position:sticky}.app-brand{gap:4px}.app-header .brand-lockup{font-size:20px;gap:4px}.app-header .brand-symbol{width:32px;height:32px}.app-header .brand-descriptor{display:none}.app-header .header-actions{gap:0}.app-header .global-search{order:0;width:40px;min-width:40px;min-height:40px;padding:8px;background:transparent;justify-content:center;margin-left:auto;margin-right:0}.app-header .global-search span,.app-header .global-search kbd,.app-header .profile-button{display:none}.icon-button{width:40px;height:40px}.demo-bar-inner{padding:8px 20px;gap:8px;flex-wrap:wrap}.demo-description{font-size:11px;flex:1;line-height:1.6;min-width:0}.demo-description-long{display:none}.demo-description-short{display:inline}.demo-bar label{position:static;margin:0 0 0 auto;font-size:11px}.demo-bar label select{padding:4px 8px}.breadcrumb{margin-top:0;padding:20px 20px 0;margin-bottom:20px;font-size:12px}.workspace-main{padding:0 20px 24px}.app-shell[data-home=true] .workspace-main{padding-top:24px}.dashboard-heading{margin-bottom:24px;gap:16px;align-items:flex-start}.dashboard-heading h1{font-size:26px}.dashboard-heading .date-label{font-size:12px}.dashboard-heading p{font-size:13px}.dashboard-heading-actions .ui-button{font-size:13px;min-height:44px;padding:12px}.stat-grid{margin-bottom:20px}.stat-card{min-height:116px;padding:16px}.stat-card.pay-card{min-height:116px}.stat-value,.stat-card.pay-card .stat-value{font-size:28px}.stat-card-title{font-size:12px}.stat-card-bottom{font-size:12px;gap:4px}.dashboard-columns{grid-template-columns:minmax(0,1fr);gap:20px}.dashboard-panel{padding:20px;border-radius:14px}.panel-heading{margin-bottom:16px}.panel-heading h2{font-size:17px}.panel-heading>.text-\[10px\]{display:none}.todo-filters{gap:4px;padding-bottom:12px;overflow-x:auto;flex-wrap:nowrap}.todo-filters button{padding:8px;font-size:12px;white-space:nowrap;flex-shrink:0}.todo-row{gap:8px;padding:16px 0;align-items:center}.todo-row-icon{display:none}.todo-meta{font-size:12px;gap:4px;flex-wrap:wrap}.todo-row-content h3{font-size:14px}.todo-row>a{font-size:0;min-width:32px;padding:12px 0}.todo-row>a>svg{width:16px}.onboarding-strip{padding:12px;gap:8px}.onboarding-strip p,.onboarding-strip a{font-size:12px}.quick-action{font-size:12px;flex-direction:column;gap:4px;min-height:76px}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.app-footer{padding:24px 20px 104px;font-size:11px}.modal-surface,.modal-surface.modal-wide{width:calc(100% - 24px)}.modal-layout{max-height:88dvh}.modal-heading{padding:12px 16px}.modal-body{padding:20px 16px}.modal-footer{padding:16px}.search-modal.modal-surface{width:calc(100% - 24px);margin-top:16px}.search-modal .modal-layout{max-height:calc(100dvh - 32px)}.search-modal .modal-heading{padding:8px 12px}.search-modal .modal-body{padding:0}.search-input-wrap{margin:0 12px;padding-inline:12px;gap:8px}.search-input-wrap input{font-size:16px}.search-caption{margin:20px 16px 8px}.search-results{max-height:50dvh}.search-result{padding:8px 12px;gap:12px}.search-footer{padding:12px 16px}.search-footer>span:not(.search-dismiss-hint){display:none}.search-dismiss-hint{margin-left:0}.brand-lockup{font-size:22px}.brand-symbol{width:36px;height:36px}.brand-descriptor{font-size:11px}.public-header-main{padding:16px 20px}.public-header-main .header-actions{gap:4px}.public-header-main .header-login{padding:8px;font-size:13px}.public-header-main .ui-button{padding:8px 12px;font-size:13px}.public-nav{padding:12px 16px;font-size:13px;gap:12px;scrollbar-width:none}.public-nav::-webkit-scrollbar{display:none}.landing-container{padding-inline:20px}.landing-hero{grid-template-columns:minmax(0,1fr);padding-block:40px;gap:32px}.landing-hero h1{font-size:34px}.landing-hero-copy>p{font-size:15px;margin-top:20px}.hero-actions{margin-top:24px}.hero-actions .ui-button{font-size:14px}.product-preview{padding:24px}.preview-heading{font-size:22px}.preview-row{padding-block:16px;font-size:13px}.auth-story h1{font-size:30px}.auth-story{padding-top:0}.guide-tabs button{font-size:11px;padding:8px 4px}.guide-copy h3{font-size:20px}.guide-copy p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.employee-directory-row{position:relative;isolation:isolate}.employee-directory-row:hover{background:transparent}.employee-row-surface,.employee-hero-surface{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--surface)}.employee-row-surface{transition:background-color var(--dur-micro)}.employee-directory-row:hover .employee-row-surface{background:var(--surface-hover)}.employee-shared-name{display:inline-block}.employee-back-link{display:inline-flex;align-items:center;gap:4px;margin:4px 0 12px;font-size:13px;font-weight:600;color:var(--color-muted)}.employee-back-link:hover{color:var(--color-brand)}.employee-back-icon{transform:rotate(180deg)}.employee-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 20px;margin-bottom:20px;padding:24px;border-radius:var(--radius-card)}.employee-hero-surface{border:1px solid var(--color-line)}.employee-avatar.employee-avatar-lg{width:56px;height:56px;border-radius:14px;font-size:20px}.employee-hero-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:28px;font-weight:700;line-height:1.35;letter-spacing:-.035em}.employee-hero-sub{margin-top:4px;font-size:14px;color:var(--color-muted)}.employee-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}@media(max-width:767px){.employee-hero{grid-template-columns:auto minmax(0,1fr);padding:20px}.employee-hero-actions{grid-column:1 / -1;justify-content:flex-start}.employee-avatar.employee-avatar-lg{width:44px;height:44px;border-radius:12px;font-size:16px}.employee-hero-title{font-size:24px}}.public-header{position:sticky;top:calc(var(--public-header-top) + var(--sticky-top, 0px))}.role-header{position:sticky;top:var(--sticky-top, 0px);z-index:35}html:has(.app-shell){scroll-padding-top:calc(var(--header-height) + 56px)}html:has(.role-top){scroll-padding-top:150px}html:has(.public-header){scroll-padding-top:120px}@media(min-width:1024px){.app-content>.demo-bar{position:sticky;top:var(--header-height);z-index:30}.role-top{position:sticky;top:0;z-index:35}.role-top>.role-header{position:static}}@media(max-width:1023px){.role-top{display:contents}html:has(.app-shell){scroll-padding-top:calc(var(--header-height) + 12px)}html:has(.role-top),html:has(.public-header){scroll-padding-top:84px}}.brand-wordmark{line-height:1;font-weight:700;letter-spacing:-.035em}.brand-water{color:var(--logo-water)}.page-transition{animation:workspace-arrive .28s var(--ease-out)}.ui-button,.kit-button,.icon-button,.quick-action{transition:background-color .16s,color .16s,box-shadow .16s,transform .18s var(--ease-out)}.ui-button:active,.kit-button:active,.icon-button:active{transform:scale(.97)}.sidebar-link{transition:background-color .16s,color .16s,transform .18s var(--ease-out)}.sidebar-link:active{transform:scale(.98)}.sidebar-link.active>svg{animation:selection-settle .26s var(--ease-out)}.theme-toggle>svg{transition:transform .32s var(--ease-out)}.theme-toggle:hover>svg{transform:rotate(24deg)}.stat-card{transition:background-color .18s}.stat-card:hover{background:var(--surface-hover)}.animated-number{display:inline-block;font-variant-numeric:tabular-nums}.stat-value .animated-number{font-size:inherit;color:inherit;margin:0}.stat-value .animated-number>span{font-size:inherit}.mini-progress{transform-origin:left;animation:meter-arrive .65s var(--ease-out)}.selection-tabs{position:relative;isolation:isolate}.selection-indicator{position:absolute;left:0;top:0;width:100px;height:var(--selection-height, 36px);border-radius:8px;pointer-events:none;background:var(--subtle);z-index:-1;opacity:0;transform-origin:top left;transform:translate(var(--selection-x, 0px),var(--selection-y, 0px)) scaleX(var(--selection-scale, 1));transition:transform .32s var(--ease-out),opacity .12s}.selection-indicator[data-ready=true]{opacity:1}.todo-filters button,.common-tabs>button{position:relative;background:transparent;z-index:1}.todo-filters button.active{background:transparent}.todo-filters button:hover:not(.active),.common-tabs>button:hover:not([aria-selected=true]){background:var(--surface-hover)}.common-tabs{gap:4px;padding-bottom:8px;border:0}.common-tabs>button{border-bottom-color:transparent;margin-bottom:0;border-radius:8px}.todo-row{padding:0;gap:8px}.task-preview-help{color:var(--color-muted);font-size:12px}.todo-preview-trigger{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;padding:20px 0;border-radius:8px;transition:background-color .16s,transform .2s var(--ease-out)}.todo-preview-trigger:hover{background:var(--color-canvas)}.todo-preview-trigger:active{transform:scale(.99)}.todo-row-content{display:block}.todo-title{display:block;font-size:14px;font-weight:550;line-height:1.6;word-break:keep-all}.todo-preview-trigger .todo-row-icon{flex-shrink:0}.todo-row>a{padding:12px 8px;border-radius:8px}.todo-row>a:hover{background:var(--subtle)}.todo-row>a>svg,.quick-action svg,.calendar-event>b{transition:transform .2s var(--ease-out)}.todo-row>a:hover>svg{transform:translate(3px)}.quick-action:active{transform:scale(.97)}.quick-action:hover>span>svg{transform:translateY(-2px)}.flow-swap{animation:content-swap .24s var(--ease-out)}.mini-calendar button{transition:background-color .16s,color .16s,transform .16s var(--ease-out)}.mini-calendar button:active{transform:scale(.9)}.calendar-event{border-radius:8px;transition:background-color .16s}.calendar-event:hover{background:var(--color-canvas)}.week-table tbody tr{transition:background-color .16s}.week-table tbody tr:hover{background:var(--color-canvas)}.task-preview-modal.modal-surface{margin:0 0 0 auto;width:min(460px,calc(100% - 32px));height:100dvh;max-height:100dvh;border-radius:20px 0 0 20px;border-block:0;border-right:0}.task-preview-modal .modal-layout{height:100%;max-height:none}.task-preview-modal .modal-heading{padding:20px 24px}.task-preview-modal .modal-heading h2{font-size:15px;font-weight:550;color:var(--text-secondary)}.task-preview-modal .modal-body{flex:1;padding:28px 24px}.task-preview-modal .modal-footer{padding:20px 24px}.task-preview-modal .modal-footer .primary{flex:1}.task-preview-content h3{font-size:24px;line-height:1.5;font-weight:700;letter-spacing:-.035em;margin:20px 0 24px}.task-preview-tags{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-muted)}.task-preview-facts{padding:20px 0;border-block:1px solid var(--color-line)}.task-preview-facts>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:14px}.task-preview-facts>div+div{margin-top:16px}.task-preview-facts dt{color:var(--color-muted)}.task-preview-facts dd{font-weight:550;text-align:right}.task-preview-content section{margin-top:28px}.task-preview-content h4{font-size:15px;font-weight:650;margin-bottom:12px}.task-preview-content section p{font-size:14px;line-height:1.85;color:var(--text-secondary)}.task-preview-note{display:flex;align-items:flex-start;gap:8px;color:var(--color-muted);font-size:12px;line-height:1.8;margin-top:32px}.task-preview-note svg{margin-top:4px;flex-shrink:0}dialog.task-preview-modal[open]{animation:task-sheet-in var(--dur-flow) var(--ease-out)}dialog.task-preview-modal[data-state=closing]{animation:task-sheet-out .14s ease-in forwards}html[data-ui-transition=layout]{view-transition-name:none}html[data-ui-transition=layout] .app-sidebar{view-transition-name:app-menu}html[data-ui-transition=layout] .app-content{view-transition-name:app-workspace}::view-transition{pointer-events:none}::view-transition-group(app-menu),::view-transition-group(app-workspace){animation-duration:var(--dur-flow);animation-timing-function:var(--ease-out)}html[data-ui-transition=theme]::view-transition-old(root){animation:theme-out .22s ease-out}html[data-ui-transition=theme]::view-transition-new(root){animation:theme-in .26s ease-out}@keyframes workspace-arrive{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes content-swap{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes selection-settle{0%{transform:scale(.88)}to{transform:none}}@keyframes meter-arrive{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes task-sheet-in{0%{opacity:.5;transform:translate(64px)}to{opacity:1;transform:none}}@keyframes task-sheet-out{to{opacity:0;transform:translate(32px)}}@keyframes theme-in{0%{opacity:0}to{opacity:1}}@keyframes theme-out{to{opacity:0}}@media(max-width:767px){.todo-preview-trigger{padding:16px 0;gap:8px}.todo-row>a{min-width:36px;padding:12px 4px}.task-preview-modal.modal-surface{margin:auto 0 0;width:100%;height:auto;max-height:90dvh;border-radius:20px 20px 0 0}.task-preview-modal .modal-layout{max-height:90dvh}.task-preview-modal .modal-heading{padding:12px 20px}.task-preview-modal .modal-body{padding:20px}.task-preview-modal .modal-footer{padding:16px 20px calc(16px + env(safe-area-inset-bottom))}.task-preview-content h3{font-size:22px;margin-top:16px}dialog.task-preview-modal[open]{animation-name:task-sheet-up}dialog.task-preview-modal[data-state=closing]{animation-name:task-sheet-down}}@keyframes task-sheet-up{0%{opacity:.5;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes task-sheet-down{to{opacity:0;transform:translateY(24px)}}.brand-symbol{overflow:visible}.brand-spring{transform-origin:24px 35px}.brand-water:not(.brand-splash){transform-origin:24px 38px}.brand-drop,.brand-ripple{opacity:0;pointer-events:none}.brand-ripple{transform-origin:24px 38px}:is(.brand-lockup:hover,a:focus-visible .brand-lockup,button:focus-visible .brand-lockup) .brand-spring{animation:spring-breathe 1.1s cubic-bezier(.22,.7,.26,1) both}:is(.brand-lockup:hover,a:focus-visible .brand-lockup,button:focus-visible .brand-lockup) .brand-water:not(.brand-splash){animation:spring-water 1.1s ease-out both}:is(.brand-lockup:hover,a:focus-visible .brand-lockup,button:focus-visible .brand-lockup) .brand-drop-one{animation:spring-drop-one .95s .1s cubic-bezier(.2,.65,.3,1) both}:is(.brand-lockup:hover,a:focus-visible .brand-lockup,button:focus-visible .brand-lockup) .brand-drop-two{animation:spring-drop-two .85s .16s cubic-bezier(.2,.65,.3,1) both}:is(.brand-lockup:hover,a:focus-visible .brand-lockup,button:focus-visible .brand-lockup) .brand-ripple{animation:spring-ripple .95s .18s ease-out both}@keyframes spring-breathe{0%,to{transform:none}28%{transform:translateY(-1.1px) scale(.98,1.035)}65%{transform:translateY(.3px) scale(1.01,.99)}}@keyframes spring-water{0%,to{transform:none}35%{transform:scale(1.07,.94)}70%{transform:scale(.985,1.025)}}@keyframes spring-drop-one{0%{opacity:0;transform:translateY(1px) scale(.5)}25%{opacity:.85}65%{opacity:.5}to{opacity:0;transform:translate(3px,-9px) scale(.35)}}@keyframes spring-drop-two{0%{opacity:0;transform:translateY(1px) scale(.5)}30%{opacity:.7}to{opacity:0;transform:translate(-3px,-6px) scale(.3)}}@keyframes spring-ripple{0%{opacity:0;transform:scale(.72,.6)}25%{opacity:.35}to{opacity:0;transform:scale(1.55,1.35)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important}}@media print{.page-transition{animation:none;transform:none}.selection-indicator{display:none}}:root{--vt-shared-duration: .35s;--vt-shared-ease: cubic-bezier(.25, 1, .5, 1)}.employee-row-surface,.employee-hero-surface{view-transition-class:employee-surface}.employee-avatar{view-transition-class:employee-avatar}.employee-shared-name{view-transition-class:employee-title}html:not([data-ui-transition])::view-transition-group(*),html:not([data-ui-transition])::view-transition-old(*),html:not([data-ui-transition])::view-transition-new(*){animation-duration:var(--vt-shared-duration);animation-timing-function:var(--vt-shared-ease)}html:not([data-ui-transition])::view-transition-old(*.employee-surface),html:not([data-ui-transition])::view-transition-new(*.employee-surface){height:100%}html:not([data-ui-transition])::view-transition-old(*.employee-title){animation-duration:calc(var(--vt-shared-duration) * .5)}.page-transition.page-transition-shared{animation:none}.save-status{font-size:11px;color:var(--text-secondary);white-space:nowrap;margin-left:auto}.route-blank{min-height:100vh}.route-loading{min-height:45vh;display:grid;place-content:center;color:var(--text-secondary);font-size:14px}.ai-answer-panel{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-line)}.ai-loading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:24px 0 8px;font-size:14px}.thinking-dots{display:inline-flex;gap:4px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:var(--action);animation:thinking 1s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.14s}.thinking-dots i:nth-child(3){animation-delay:.28s}@keyframes thinking{0%,70%,to{opacity:.35;transform:none}35%{opacity:1;transform:translateY(-3px)}}.recovery-page{max-width:560px;margin:15vh auto;padding:24px}.recovery-page h1{font-size:28px;font-weight:700;margin:16px 0}.recovery-page p{line-height:1.7;color:var(--text-secondary)}.recovery-page>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.skip-link{position:fixed;left:12px;top:-80px;z-index:1000;padding:12px 20px;background:var(--action);color:var(--on-action);border-radius:var(--radius-control)}.skip-link:focus{top:12px}@media(max-width:639px){.save-status{display:none}}@media(prefers-reduced-motion:reduce){.thinking-dots i{animation:none;opacity:.6}}.demo-logout{border:1px solid var(--color-line);border-radius:6px;padding:4px 8px;font-size:11px;color:var(--text-secondary);background:transparent;white-space:nowrap;cursor:pointer}.demo-logout:hover:not(:disabled){color:inherit;border-color:var(--color-brand, currentColor)}.demo-logout:disabled{opacity:.5;cursor:not-allowed}