@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:400;src:url(./epilogue-vietnamese-400-normal.BDhCKtHJ.woff2)format("woff2"),url(./epilogue-vietnamese-400-normal.D6v1rLTh.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:400;src:url(./epilogue-latin-ext-400-normal.CWyPZsvD.woff2)format("woff2"),url(./epilogue-latin-ext-400-normal.BxSzO5XL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:400;src:url(./epilogue-latin-400-normal.8JEYEp9J.woff2)format("woff2"),url(./epilogue-latin-400-normal.BXcZOK1z.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:500;src:url(./epilogue-vietnamese-500-normal.Bb9ERBWg.woff2)format("woff2"),url(./epilogue-vietnamese-500-normal.BYDNxV7D.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:500;src:url(./epilogue-latin-ext-500-normal.D9xFf-PL.woff2)format("woff2"),url(./epilogue-latin-ext-500-normal.GUCYhfP5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:500;src:url(./epilogue-latin-500-normal.BNODJPoZ.woff2)format("woff2"),url(./epilogue-latin-500-normal.dtyNCBzt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(./bricolage-grotesque-vietnamese-700-normal.BLYPkJbo.woff2)format("woff2"),url(./bricolage-grotesque-vietnamese-700-normal.CHrFuVHU.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(./bricolage-grotesque-latin-ext-700-normal.fBkt-7fi.woff2)format("woff2"),url(./bricolage-grotesque-latin-ext-700-normal.BXpPFNFj.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(./bricolage-grotesque-latin-700-normal.gtcctNPv.woff2)format("woff2"),url(./bricolage-grotesque-latin-700-normal.DvJDmrLu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{color-scheme:light dark;accent-color:var(--primary);--canvas:light-dark(#f3f3fc,#0e101a);--background:light-dark(#fff,#121421);--card:light-dark(#fff,#161827);--popover:light-dark(#fff,#1f2238);--muted:light-dark(#e1e1f4,#242842);--accent:light-dark(#d9d9f2,#242842);--foreground:light-dark(#313659,#f0f0fa);--muted-foreground:light-dark(#646887,#9c9cc9);--card-foreground:var(--foreground);--popover-foreground:var(--foreground);--accent-foreground:var(--foreground);--neutral:var(--muted-foreground);--brand:#371bc5;--primary:light-dark(var(--brand),oklch(from var(--brand) calc(l + .3) calc(c * .7) h));--primary-foreground:light-dark(#fff,#121421);--destructive:light-dark(#ef4343,#dc2828);--success:light-dark(#0c8d62,#22c38e);--danger:light-dark(#c52020,#e25050);--warning:light-dark(#cb720b,#f2870d);--warning-foreground:light-dark(#fff,#121421);--border-color:light-dark(#dedeed,#2d3252);--border-slim:1px solid var(--border-color);--radius-sm:.5rem;--radius-lg:.75rem;--radius-full:calc(infinity * 1px);--text-2xs:.625rem;--text-xs:.75rem;--text-xs-leading:1rem;--text-sm:.875rem;--text-sm-leading:1.25rem;--text-base:1rem;--text-lg:1.125rem;--text-lg-leading:1.75rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-2xl-leading:2rem;--text-3xl:1.875rem;--text-3xl-leading:2.25rem;--leading-none:1;--font-body:Epilogue, sans-serif;--font-title:"Bricolage Grotesque", sans-serif;--weight-body:400;--weight-strong:500;--weight-title:700;--space:.25rem;--panel-inset:calc(var(--space) * 4);--z-fab:40;--z-header:50;--z-popover:50;--motion-fast:.12s;--motion-base:.16s;--ease-out:cubic-bezier(.2, .8, .3, 1);interpolate-size:allow-keywords;--slide-w:273;--slide-h:172;--shadow-recessed:inset 0 1px 2px light-dark(#1f24470d,#00000029);--shadow-raised:0 2px 6px -2px light-dark(#1f244724,#00000080), 0 1px 2px -1px light-dark(#1f244714,#0006);--shadow-overlay:0 8px 24px -6px light-dark(#1f244724,#000000b3), 0 2px 6px -2px light-dark(#1f244714,#00000080);--shadow-modal:0 24px 48px -12px light-dark(#1f244733,#000c), 0 8px 16px -8px light-dark(#1f24471a,#0009)}:root[data-theme=light],:root:has(.theme-choice input[value=light]:checked){color-scheme:light}:root[data-theme=dark],:root:has(.theme-choice input[value=dark]:checked){color-scheme:dark}:root:has(.theme-choice input[value=system]:checked){color-scheme:light dark}:root{--pattern-ink:light-dark(oklch(from var(--foreground) l c h / .07),oklch(from var(--foreground) l c h / .05))}}@layer base{*,:before,:after,::backdrop{box-sizing:border-box;border:none;margin:0;padding:0}html{tab-size:4;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:var(--canvas);line-height:1.5}body{background:var(--canvas);min-height:calc(100dvh + 100px);color:var(--foreground);font-family:var(--font-body);padding-block-end:100px}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-size:inherit;font-weight:var(--weight-title)}a{color:inherit;text-decoration:none}b,strong{font-weight:var(--weight-strong)}code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}table{text-indent:0;border-collapse:collapse}th{font-weight:var(--weight-strong)}summary{display:list-item}ol,ul{list-style:none}img,svg,canvas{display:block}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}label:has(>input[type=checkbox]){align-items:center;gap:calc(var(--space) * 2);font-size:var(--text-sm);line-height:var(--text-sm-leading);cursor:pointer;display:flex}input[type=checkbox]{width:calc(var(--space) * 4);height:calc(var(--space) * 4);cursor:pointer;flex-shrink:0;&:disabled{cursor:not-allowed}}label:has(>input[type=checkbox]:disabled){opacity:.5;cursor:not-allowed}::placeholder{opacity:1;color:color-mix(in oklab, currentcolor 50%, transparent)}textarea{resize:vertical}::-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}button{appearance:auto;&:not(:disabled){cursor:pointer}}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}#app{display:contents}@media (prefers-reduced-motion:reduce){*,:before,:after,::picker-icon,::picker(select),::details-content{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}input:where(:not([type]),[type=text],[type=email],[type=number],[type=date],[type=search],[type=password],[type=tel],[type=url],[type=color]),textarea,select{width:100%;min-width:0;padding:calc(var(--space) * 1) calc(var(--space) * 2);border:var(--border-slim);border-radius:var(--radius-sm);background:var(--background);font-size:var(--text-sm);line-height:var(--text-sm-leading)}textarea{field-sizing:content;min-height:calc(var(--space) * 8);max-height:calc(var(--space) * 40)}input[type=color]{width:calc(var(--space) * 12);height:calc(var(--space) * 8);cursor:pointer;padding:0}select{color:var(--foreground);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out);&:not([multiple],[size]),&::picker(select){appearance:base-select}&:not(:disabled):hover{border-color:var(--muted-foreground)}&:disabled{opacity:.5;cursor:not-allowed}&::picker-icon{content:"";width:calc(var(--space) * 1.5);height:calc(var(--space) * 1.5);color:var(--muted-foreground);transition:rotate var(--motion-fast) var(--ease-out), translate var(--motion-fast) var(--ease-out);border-block-end:1.5px solid;border-inline-end:1.5px solid;flex-shrink:0;align-self:center;margin-inline-start:auto;margin-inline-end:var(--space);translate:0 -1.5px;rotate:45deg}&:open::picker-icon{translate:0 1.5px;rotate:225deg}&>button{min-width:0;text-align:inherit;flex:1;align-items:center;display:flex}&::picker(select){min-width:anchor-size(width);max-height:20rem;padding:calc(var(--space) * 1);margin-block-start:calc(var(--space) * 1);overflow-y:auto}&:not([multiple]) option::checkmark{display:none}& option{align-items:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 1.5) calc(var(--space) * 2);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--text-sm-leading);cursor:pointer;display:flex;&:checked{font-weight:var(--weight-strong)}&:not(:disabled):is(:hover,:focus){background:var(--accent);color:var(--accent-foreground);outline:none}}}selectedcontent{align-items:center;gap:calc(var(--space) * 1.5);display:flex;overflow:hidden}}@property --gap{syntax:"*";inherits:false}@layer layout{main{--gap:6;--page-gutter:calc(var(--space) * 4);width:100%;max-width:72rem;padding:calc(var(--space) * 8) var(--page-gutter);margin-inline:auto;&[data-variant=narrow]{max-width:calc(28rem + 2 * var(--page-gutter))}&[data-variant=tight]{max-width:56rem}&[data-variant=wide]{max-width:none}@media (width>=40rem){--page-gutter:calc(var(--space) * 6)}@media (width>=64rem){--page-gutter:calc(var(--space) * 8)}}.row{align-items:center;gap:calc(var(--space) * var(--gap,2));display:flex;&.end{justify-content:flex-end;margin-block-start:calc(var(--space) * 2)}&.end-tight{justify-content:flex-end}}.stack{gap:calc(var(--space) * var(--gap,4));flex-direction:column;display:flex}.cluster{align-items:center;gap:calc(var(--space) * var(--gap,2));flex-wrap:wrap;display:flex}.gap-xs{--gap:1}.gap-sm{--gap:1.5}.gap-md{--gap:3}.gap-lg{--gap:6}.gap-xl{--gap:8}.spacer{margin-inline-start:auto}.grid-auto{gap:calc(var(--space) * var(--gap,4));grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));display:grid}.center{justify-content:center;align-items:center;display:flex}:is(.row,.cluster).spread{justify-content:space-between}}@layer components{.card{border:var(--border-slim);border-radius:var(--radius-lg);background:var(--card);color:var(--card-foreground);text-decoration:none;&>*{padding:var(--panel-inset)}@media (width<40rem){margin-inline:calc(var(--page-gutter) * -1);border-inline:none;border-radius:0}&>:not(:first-child){padding-block-start:0}&>header{gap:calc(var(--space) * 1.5);flex-direction:column;display:flex;&:is(.row,.cluster){flex-direction:row;align-items:center}& :is(h1,h2,h3){font-size:var(--text-lg);line-height:var(--text-lg-leading);letter-spacing:-.025em}&>p{color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--text-sm-leading)}}}.button{justify-content:center;align-items:center;gap:calc(var(--space) * 2);height:calc(var(--space) * 10);padding-inline:calc(var(--space) * 4);border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-foreground);font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--text-sm-leading);white-space:nowrap;transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);display:inline-flex;&:hover{background:color-mix(in srgb, var(--primary) 90%, transparent)}&:active{transform:scale(.97)}&>svg{width:calc(var(--space) * 4);height:calc(var(--space) * 4);pointer-events:none;flex-shrink:0}&:disabled,&[aria-disabled=true]{opacity:.5;pointer-events:none}&[data-variant=outline]{border:var(--border-slim);background:var(--background);color:var(--foreground)}&[data-variant=ghost]{color:inherit;background:0 0}&:is([data-variant=outline],[data-variant=ghost]):hover{background:var(--accent);color:var(--accent-foreground)}&[data-variant=link]{height:auto;color:var(--primary);text-underline-offset:4px;background:0 0;padding:0;&:hover{background:0 0;text-decoration:underline}}&[data-size=sm]{height:calc(var(--space) * 9);padding-inline:calc(var(--space) * 3)}&[data-size=lg]{height:calc(var(--space) * 11);padding-inline:calc(var(--space) * 8)}&[data-size=icon]{width:calc(var(--space) * 10);padding-inline:0}}.timesheet-chrono{background:radial-gradient(circle at 0% 50%, oklch(from var(--primary) l c h / .1), transparent 22rem), var(--card);overflow:hidden;&[data-running=true]{isolation:isolate;position:relative;&:before{z-index:0;background:linear-gradient(108deg, transparent 8%, oklch(from var(--primary) l c h / .08) 15%, oklch(from var(--primary) l c h / .24) 21%, oklch(from var(--primary) l c h / .08) 27%, transparent 34%), linear-gradient(108deg, transparent 34%, oklch(from var(--primary) l c h / .06) 41%, oklch(from var(--primary) l c h / .17) 47%, oklch(from var(--primary) l c h / .06) 53%, transparent 60%), linear-gradient(108deg, transparent 60%, oklch(from var(--primary) l c h / .04) 67%, oklch(from var(--primary) l c h / .11) 73%, oklch(from var(--primary) l c h / .04) 79%, transparent 86%);content:"";filter:blur(2px)saturate(1.25);pointer-events:none;width:65%;animation:2.8s linear infinite chrono-card-gradient;position:absolute;inset-block:-30%;inset-inline-start:-45%;transform:translateY(-5%)rotate(-8deg)}&>*{z-index:1;position:relative}}}.chrono-content{align-items:end;gap:calc(var(--space) * 4);grid-template-columns:10rem minmax(15rem,1fr) auto;display:grid}.chrono-clock{--task-color:attr(data-task-color type(<color>), var(--primary));gap:var(--space);min-width:0;flex-direction:column;padding-inline-start:calc(var(--space) * 4);display:flex;position:relative;& output{font-family:var(--font-title);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--weight-title);letter-spacing:-.05em;line-height:var(--text-2xl-leading)}&[data-running=true] .chrono-pulse{animation:.8s ease-in-out infinite alternate chrono-pulse}}.chrono-pulse{top:calc(var(--space) * 2.5);width:calc(var(--space) * 2);height:calc(var(--space) * 2);background:var(--task-color);box-shadow:0 0 0 5px oklch(from var(--task-color) l c h / .12);border-radius:50%;position:absolute;left:0}.chrono-fields{align-items:end;gap:calc(var(--space) * 2);min-width:0;display:flex;& label{gap:var(--space);flex-direction:column;min-width:0;display:flex}& :is(select,input){height:calc(var(--space) * 10)}}.chrono-task-field{flex:14rem}.chrono-zone-field{flex:0 0 6rem}.chrono-detail-field{flex:10rem}.chrono-actions{gap:calc(var(--space) * 2);flex-wrap:wrap;display:flex}@media (width<64rem){.chrono-content{grid-template-columns:9rem minmax(0,1fr);align-items:end}.chrono-actions{grid-column:2}}@media (width<40rem){.chrono-content{grid-template-columns:1fr}.chrono-clock{padding-inline-start:calc(var(--space) * 4)}.chrono-fields{flex-wrap:wrap}.chrono-task-field,.chrono-detail-field{flex-basis:100%}.chrono-actions{grid-column:1;& .button{flex:1}}}@keyframes chrono-pulse{to{opacity:.35;transform:scale(.75)}}@keyframes chrono-card-gradient{to{transform:translate(225%,5%)rotate(8deg)}}[popover],dialog,select::picker(select){z-index:var(--z-popover);border:var(--border-slim);border-radius:var(--radius-lg);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-overlay);animation:popover-in var(--motion-base) var(--ease-out);outline:none}[popover]{position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline;margin:calc(var(--space) * 2) 0 0;padding:calc(var(--space) * 3);max-width:calc(100vw - var(--space) * 8);max-height:calc(100dvh - var(--space) * 8);overflow:auto;&:not(:popover-open){display:none}}dialog:not([open],[popover]){display:none}dialog:not([popover]){padding:var(--panel-inset);max-width:calc(100vw - var(--space) * 8);max-height:calc(100dvh - var(--space) * 8);margin:auto;overflow:auto}dialog:modal{box-shadow:var(--shadow-modal)}dialog::backdrop{background:oklch(from var(--background) l c h / .6)}@keyframes popover-in{0%{opacity:0;transform:scale(.96)}}.period-trigger{width:min(20rem, calc(100vw - var(--space) * 8));min-height:calc(var(--space) * 10);padding:calc(var(--space) * 2) calc(var(--space) * 3);border:var(--border-slim);border-radius:var(--radius-sm);background:var(--background);font-size:var(--text-sm);line-height:var(--text-sm-leading);align-items:center;display:grid;position:relative;@media (width<40rem){min-height:calc(var(--text-sm-leading) * 2 + var(--space) * 4 + 2px)}&:disabled{opacity:.5;cursor:not-allowed}& .start{text-align:right}& .end{text-align:left}& .whole{grid-column:span 3}& .centered{text-align:center}&.day-trigger{justify-content:center;gap:calc(var(--space) * 2);width:calc(var(--space) * 52);min-height:calc(var(--space) * 10);padding-block:calc(var(--space) * 1);font-weight:var(--weight-strong);white-space:nowrap;display:flex}}.period-label{align-items:center;gap:calc(var(--space) * 2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;&[aria-hidden=true]{visibility:hidden}&.preview{padding:inherit;pointer-events:none;position:absolute;inset:0}}.period-panel{&[popover]{position-area:block-end span-inline-end;width:max-content;max-width:calc(100vw - var(--space) * 4);padding:0}& .panel-body{padding:calc(var(--space) * 2);position:relative}& .day-body{gap:calc(var(--space) * 3);flex-direction:column;width:19rem;max-width:100%;display:flex}& .presets{gap:calc(var(--space) * 2);flex-direction:column;display:flex}& .preset-row{gap:calc(var(--space) * 2);display:flex;&>.button{flex:1;min-width:0}}& .date-fields{gap:calc(var(--space) * 2);display:flex;&>*{flex:1;min-width:0}}& .section-label{color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-strong);line-height:var(--text-xs-leading);margin-block-end:calc(var(--space) * 1);display:block}&.day-picker-panel .day-calendar{width:18rem}}.range-grid{overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none;width:20rem;max-width:100%;display:flex;overflow:auto hidden;&.months,&.weeks{--cols:6}& .year{min-width:0;padding:calc(var(--space) * 2);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}& .year-label{height:calc(var(--space) * 8);font-family:var(--font-title);font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--leading-none);place-items:center;margin-block-end:calc(var(--space) * 2);display:grid}& .cells{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:calc(var(--space) * 1);display:grid}&::scroll-button(*){appearance:none;z-index:1;width:calc(var(--space) * 8);height:calc(var(--space) * 8);border:var(--border-slim);border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;font-size:var(--text-xl);line-height:var(--leading-none);transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);background:0 0;place-items:center;display:grid;position:absolute;inset-block-start:calc(var(--space) * 4)}&::scroll-button(*):not(:disabled):hover{background:var(--accent);color:var(--accent-foreground)}&::scroll-button(*):focus-visible{outline:2px solid var(--primary);outline-offset:-2px}&::scroll-button(*):disabled{visibility:hidden;opacity:0;cursor:default}&::scroll-button(left){content:"‹" / "Année précédente";inset-inline-start:calc(var(--space) * 4)}&::scroll-button(right){content:"›" / "Année suivante";inset-inline-end:calc(var(--space) * 4)}}button.cell{--ring-band:0;--ring-width:0;border-radius:var(--radius-sm);color:inherit;box-shadow:0 0 0 var(--ring-band) var(--popover), 0 0 0 var(--ring-width) var(--primary);transition:box-shadow var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;&:enabled:not(.filled,.picked,[aria-selected=true],[aria-pressed=true]):hover{background:var(--accent);color:var(--accent-foreground)}&:is(:enabled:hover,:focus-visible){--ring-band:2px;--ring-width:4px}&:focus-visible{outline:none}&:disabled{opacity:.4;cursor:not-allowed}&.filled{background:oklch(from var(--primary) l c h / .15);color:var(--foreground)}&:is(.picked,[aria-selected=true],[aria-pressed=true]){background:var(--primary);color:var(--primary-foreground)}}.range-cell{padding:calc(var(--space) * 1.5) calc(var(--space) * 2);font-size:var(--text-sm);line-height:var(--text-sm-leading)}.range-grid{& .range-cell{&.picked{animation:range-pop var(--motion-base) var(--ease-out)}}}@keyframes range-pop{0%{transform:scale(.94)}60%{transform:scale(1.06)}to{transform:scale(1)}}.account-trigger{justify-content:center;align-items:center;gap:calc(var(--space) * 1.5);width:calc(var(--space) * 40);height:calc(var(--space) * 8);padding-inline:calc(var(--space) * 2);border-radius:var(--radius-sm);color:oklch(from var(--foreground) l c h / .7);font-size:var(--text-sm);line-height:var(--text-sm-leading);background:0 0;border:none;display:inline-flex;&:hover{background:var(--muted);color:var(--foreground)}&[data-static],&[data-static]:hover{background:0 0}}.site-header{z-index:var(--z-header);border-block-end:var(--border-slim);background:var(--card);position:sticky;inset-block-start:0;& .bar{height:calc(var(--space) * 16);align-items:center;gap:calc(var(--space) * 3);padding-inline:calc(var(--space) * 4);grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);margin-inline:auto;display:grid;@media (width>=40rem){padding-inline:calc(var(--space) * 6)}@media (width>=64rem){gap:calc(var(--space) * 4);padding-inline:calc(var(--space) * 8)}}& .tools{justify-self:end;align-items:center;gap:calc(var(--space) * 3);grid-column:3;display:flex}& .bar:is([data-layout=compact],[data-layout=menu]){grid-template-columns:minmax(0,1fr) auto;& .tools{grid-column:2}}}.logo{width:max-content;height:calc(var(--space) * 8);color:var(--clone-color,light-dark(var(--primary),var(--foreground)));display:flex;&>svg{width:auto;height:100%}&[data-size=lg]{height:calc(var(--space) * 12)}}.brand{grid-column:1;align-items:center;width:max-content;display:flex}.brand-home{display:flex}.main-nav{align-items:center;gap:calc(var(--space) * .5);--nav-label:none;--nav-link-padding:calc(var(--space) * 2);--nav-icon-size:calc(var(--space) * 5);grid-column:2;justify-self:center;width:max-content;display:flex}.nav-link{align-items:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 2) var(--nav-link-padding);border-radius:var(--radius-lg);color:oklch(from var(--foreground) l c h / .7);font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--text-sm-leading);white-space:nowrap;transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);display:flex;&[interestfor]{interest-delay-start:.15s}&:hover{background:var(--muted);color:var(--foreground)}&[aria-current=page]{background:var(--primary);color:var(--primary-foreground)}&>svg{width:var(--nav-icon-size);height:var(--nav-icon-size)}& .label{display:var(--nav-label)}}html[data-view-transition=nav]{& .hub-view{view-transition-name:hub-view}& .nav-link[aria-current=page]{view-transition-name:nav-thumb}& .segment{view-transition-name:none!important}}::view-transition-group(nav-thumb),::view-transition-old(nav-thumb),::view-transition-new(nav-thumb),::view-transition-group(hub-view),::view-transition-old(hub-view),::view-transition-new(hub-view){animation-duration:var(--motion-base);animation-fill-mode:both;animation-timing-function:var(--ease-out)}::view-transition-image-pair(hub-view){overflow:clip}::view-transition-old(hub-view),::view-transition-new(hub-view){mix-blend-mode:normal}html[data-view-transition=nav]{&::view-transition-old(hub-view){animation-name:hub-view-out}&::view-transition-new(hub-view){animation-name:hub-view-in}}@keyframes hub-view-out{to{translate:-100%}}@keyframes hub-view-in{0%{translate:100%}}.bar[data-layout=labels]{& .main-nav{--nav-label:inline;--nav-link-padding:calc(var(--space) * 3);--nav-icon-size:calc(var(--space) * 4)}}.bar[data-layout=compact]{& .main-nav{grid-column:1;justify-self:start}}.avatar-trigger{--avatar-outline:oklch(from var(--primary) l c h / .2);border-radius:var(--radius-full);outline:none;flex-shrink:0;&:hover{--avatar-outline:oklch(from var(--primary) l c h / .5)}}.burger{padding:calc(var(--space) * 2);border-radius:var(--radius-lg);color:var(--foreground);&:hover{background:var(--muted)}}.bar[data-layout=compact]{& .brand{display:none}}.bar[data-layout=menu]{& :is(.brand-home,.main-nav){display:none}}.bar:not([data-layout=menu]){& .burger{display:none}}.user-menu{width:calc(var(--space) * 80);padding:0;& .identity{align-items:center;gap:calc(var(--space) * 3);padding:calc(var(--space) * 4);display:flex;& .large{width:calc(var(--space) * 12);height:calc(var(--space) * 12);font-size:var(--text-base)}}& .who{flex:1;min-width:0}& .name{font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--text-sm-leading)}& .email{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs-leading)}& .menu-setting{justify-content:space-between;align-items:center;gap:calc(var(--space) * 3);padding:calc(var(--space) * 2) calc(var(--space) * 3);border-block-start:var(--border-slim);display:flex}& .menu-actions{border-block-start:var(--border-slim);padding:calc(var(--space) * 1);& button{align-items:center;gap:calc(var(--space) * 2);width:100%;padding:calc(var(--space) * 2) calc(var(--space) * 3);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--text-sm-leading);display:flex;&:hover{background:var(--muted)}}}}.role-badge{padding:calc(var(--space) * .5) calc(var(--space) * 2);border-radius:var(--radius-full);background:oklch(from var(--primary) l c h / .1);color:var(--primary);font-size:var(--text-xs);font-weight:var(--weight-strong);line-height:var(--text-xs-leading);align-items:center;margin-block-start:calc(var(--space) * 1);display:inline-flex}.access-badge{padding:calc(var(--space) * 1);border-radius:var(--radius-full);background:oklch(from var(--primary) l c h / .12);color:var(--primary);cursor:help;interest-delay-start:.15s;justify-content:center;align-items:center;display:inline-flex;&.with-label{gap:calc(var(--space) * 1);padding:calc(var(--space) * .5) calc(var(--space) * 1.5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-strong);line-height:var(--text-xs-leading);white-space:nowrap;cursor:inherit}}.restricted{display:contents}.mobile-menu{border-block-start:var(--border-slim);background:var(--card);box-shadow:var(--shadow-overlay);& nav{gap:calc(var(--space) * 1);padding:calc(var(--space) * 4);flex-direction:column;display:flex}}.mobile-link{align-items:center;gap:calc(var(--space) * 3);padding:calc(var(--space) * 3) calc(var(--space) * 4);border-radius:var(--radius-lg);color:oklch(from var(--foreground) l c h / .7);font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--text-sm-leading);display:flex;&:hover{background:var(--muted);color:var(--foreground)}&[aria-current=page]{background:var(--primary);color:var(--primary-foreground)}}.account-icon{width:calc(var(--space) * 5);height:calc(var(--space) * 5);border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0}.avatar{--avatar-size:calc(var(--space) * 9);width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);object-fit:cover;outline:2px solid var(--avatar-outline,transparent);transition:outline-color var(--motion-fast) var(--ease-out);flex-shrink:0}.avatar[data-fallback]{background:var(--primary);color:var(--primary-foreground);font-size:var(--text-sm);font-weight:var(--weight-strong);justify-content:center;align-items:center;display:inline-flex}.avatar[data-size=sm]{--avatar-size:calc(var(--space) * 7);font-size:var(--text-xs)}.avatar[data-size=large]{--avatar-size:calc(var(--space) * 12);font-size:var(--text-base)}.avatar[data-size=xl]{--avatar-size:calc(var(--space) * 20);font-size:var(--text-2xl)}.page-title{font-size:var(--text-3xl);line-height:var(--text-3xl-leading)}.account-mark{width:calc(var(--space) * 20);height:calc(var(--space) * 20);border:var(--border-slim);border-radius:var(--radius-full);background:var(--card);color:var(--primary);font-size:var(--text-2xl);font-weight:var(--weight-strong);object-fit:cover;flex-shrink:0;justify-content:center;align-items:center;display:flex}.impersonation-banner{align-items:center;gap:calc(var(--space) * 3);padding:calc(var(--space) * 2) calc(var(--space) * 4);background:var(--warning);color:var(--warning-foreground);font-size:var(--text-sm);display:flex}.impersonation-return{align-items:center;gap:calc(var(--space) * 2);padding:var(--space) calc(var(--space) * 3);border:1px solid oklch(from var(--warning-foreground) l c h / .4);border-radius:var(--radius-sm);background:oklch(from var(--warning-foreground) l c h / .12);color:inherit;font:inherit;font-weight:var(--weight-strong);margin-inline-start:auto;display:inline-flex;&:hover{background:oklch(from var(--warning-foreground) l c h / .22)}&:disabled{cursor:progress;opacity:.7}}.loader{min-height:calc(var(--space) * 32);display:block;position:relative;overflow:hidden;&[data-variant=overlay]{z-index:10;pointer-events:none;min-height:0;position:absolute;inset:0}&:after{content:"";background-image:linear-gradient(100deg, transparent 20%, oklch(from var(--accent) l c h / .7) 50%, transparent 80%);background-size:250% 100%;animation:1.4s linear infinite loading-sweep;position:absolute;inset:0}}.empty-state{min-height:calc(var(--space) * 32);padding:calc(var(--space) * 6);color:var(--muted-foreground);text-align:center;place-items:center;display:grid}.chart-legend{justify-content:center;gap:calc(var(--space) * 1) calc(var(--space) * 4);padding-inline:calc(var(--space) * 4);font-size:var(--text-xs);line-height:var(--text-xs-leading);flex-wrap:wrap;display:flex;& li{align-items:center;gap:calc(var(--space) * 1.5);display:flex}}.person-card{align-items:center;gap:calc(var(--space) * 3);padding:calc(var(--space) * 2.5) calc(var(--space) * 4);border:var(--border-slim);border-radius:var(--radius-lg);background:var(--card);color:var(--card-foreground);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);display:flex;&:hover{border-color:oklch(from var(--primary) l c h / .4);box-shadow:var(--shadow-raised)}}.person-action{margin-inline-start:auto}.person-avatar{align-items:center;gap:calc(var(--space) * 1);flex-direction:column;display:flex}.person-name{line-height:1.25;font-weight:var(--weight-strong);flex-direction:column;display:flex}.person-email{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs-leading);margin-block-start:calc(var(--space) * 1)}.payroll-number{color:var(--muted-foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.role-tag{--tag-color:#646887;--tag-surface:oklch(from var(--tag-color) .93 calc(c * .4) h);--tag-ink:oklch(from var(--tag-color) .42 c h);padding:calc(var(--space) * .5) calc(var(--space) * 1.5);border-radius:var(--radius-full);background:var(--tag-surface);color:var(--tag-ink);font-size:var(--text-2xs);&[data-role=ADMIN]{--tag-color:#612c96}&[data-role=MANAGER]{--tag-color:#1357ae}&[data-role=COACH]{--tag-color:#137886}&[data-role=AGENT]{--tag-color:#1d8725}&[data-role=HR]{--tag-color:#9c600d}&[data-role=IT]{--tag-color:#15754d}}.screen{min-height:100dvh;padding:calc(var(--space) * 12) calc(var(--space) * 4);background:var(--canvas);justify-content:center;align-items:center;display:flex}.screen-panel{text-align:center;width:100%;max-width:28rem}.notice{gap:calc(var(--space) * 6);padding:calc(var(--space) * 8);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-modal);flex-direction:column;display:flex;& h1{font-size:var(--text-2xl);line-height:var(--text-2xl-leading)}}.notice-icon{width:calc(var(--space) * 16);height:calc(var(--space) * 16);padding:calc(var(--space) * 4);border-radius:var(--radius-full);background:oklch(from var(--destructive) l c h / .1);color:var(--destructive);margin-inline:auto}.notice-meta{justify-content:center;align-items:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 3);border-radius:var(--radius-lg);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--text-sm-leading);display:flex}.notice-action{align-self:center;margin-block-start:calc(var(--space) * 4)}.danger-icon{width:calc(var(--space) * 12);height:calc(var(--space) * 12);color:var(--destructive);margin-inline:auto}table{width:100%;font-size:var(--text-sm);line-height:var(--text-sm-leading)}table :is(th,td){padding-block:calc(var(--space) * 2);padding-inline:calc(var(--panel-inset) / 2)}table th{color:var(--muted-foreground);font-weight:var(--weight-strong);text-align:start}table tbody tr{border-block-start:var(--border-slim);transition:background-color var(--motion-fast) var(--ease-out)}table tbody tr:hover{background:oklch(from var(--accent) l c h / .3)}table :is(th,td).right{text-align:end}table :is(th,td).center{text-align:center;display:table-cell}.table-scroll{margin-inline:calc(var(--panel-inset) * -1);overflow-x:auto;& :is(th,td):first-child{padding-inline-start:var(--panel-inset)}& :is(th,td):last-child{padding-inline-end:var(--panel-inset)}}.state-block{padding-block:calc(var(--space) * 12);text-align:center}.error-card{border-inline-start:4px solid var(--destructive);background:oklch(from var(--destructive) l c h / .1);& .error-icon{flex-shrink:0;align-self:start}& .retry{color:var(--destructive);margin-block-start:calc(var(--space) * 2)}}.danger{color:var(--destructive)}.section-title{font-size:var(--text-lg);line-height:var(--text-lg-leading);&.row{gap:calc(var(--space) * 2);margin-block-end:calc(var(--space) * 3)}}.section-head .section-title{margin-block-end:0}.pill{padding:calc(var(--space) * .5) calc(var(--space) * 2);border-radius:var(--radius-full);background:oklch(from var(--primary) l c h / .1);color:var(--primary);font-size:var(--text-xs);font-weight:var(--weight-strong);line-height:var(--text-xs-leading);flex-shrink:0}.commit{align-items:flex-start;gap:calc(var(--space) * 3);display:flex}.facts{gap:calc(var(--space) * var(--gap,6));display:grid;@media (width>=40rem){grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;&>:not(:first-child){border-inline-start:var(--border-slim);padding-inline-start:calc(var(--space) * var(--gap,6))}}& :is(dt,dd){font-size:var(--text-sm);line-height:var(--text-sm-leading)}& dt{color:var(--muted-foreground)}& dd{overflow-wrap:break-word;font-weight:var(--weight-strong)}}.fact-link{align-items:center;gap:var(--space);width:fit-content;max-width:100%;display:flex;&>svg{flex-shrink:0}}.fact-link-title{overflow-wrap:anywhere;min-width:0}.tech-facts{gap:0;&>div{padding-block:calc(var(--space) * 3);&:first-child{padding-block-start:0}&:last-child{padding-block-end:0}}}.facts.tech-facts{&>:not(:first-child){border-block-start:var(--border-slim)}}.facts.tech-facts{@media (width>=40rem){grid-auto-flow:row;grid-auto-columns:initial;&>:not(:first-child){border-inline-start:none;padding-inline-start:0}}}.tech-facts{@media (width>=40rem){&>div{grid-template-columns:calc(var(--space) * 36) minmax(0, 1fr);gap:calc(var(--space) * 4);display:grid}}}.commit-icon{color:var(--muted-foreground);flex-shrink:0;margin-block-start:calc(var(--space) * .5)}.commit[data-current] .commit-icon{color:var(--primary)}.commit-body{flex:1;min-width:0}.icon-button{padding:calc(var(--space) * 1);border-radius:var(--radius-sm);color:var(--muted-foreground);transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);&:hover{background:var(--muted);color:var(--foreground)}&:active{transform:scale(.92)}}.field :is(label,.field-label){font-size:var(--text-xs);font-weight:var(--weight-strong);line-height:var(--text-xs-leading);margin-block-end:calc(var(--space) * 1);display:block}input[type=date]{height:calc(var(--space) * 9);padding:calc(var(--space) * 1) calc(var(--space) * 3);transition:background-color var(--motion-fast) var(--ease-out);display:flex;&:not(:disabled):hover{background:var(--accent);color:var(--accent-foreground)}}.task-columns{columns:20rem;column-gap:calc(var(--space) * var(--gap,3));&>.card{break-inside:avoid;border-inline:var(--border-slim);border-radius:var(--radius-lg);margin-block-end:calc(var(--space) * var(--gap,3));margin-inline:0}}.task-card-content{align-items:end;column-gap:calc(var(--space) * 2);grid-template-columns:minmax(0,1fr) auto;display:grid}.task-card-heading{grid-column:1/-1}.task-card-details{min-width:0}:is(.account-archive,.task-editor){gap:calc(var(--space) * 3);width:min(calc(var(--space) * 80), calc(100vw - var(--space) * 8));max-height:min(calc(100dvh - var(--space) * 8), 100%);padding:calc(var(--space) * 3);flex-direction:column;&:open{display:flex}}.task-editor{&>form>fieldset{padding:calc(var(--space) * 2);gap:calc(var(--space) * 5)}& [data-modified]{border-radius:var(--radius-sm);box-shadow:0 0 calc(var(--space) * 2) calc(var(--space) * 1) oklch(from var(--warning) l c h / .5), 0 0 calc(var(--space) * 5) calc(var(--space) * 2) oklch(from var(--warning) l c h / .25)}& textarea{min-height:calc(var(--space) * 24)}& input:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}}.task-zone-options{gap:calc(var(--space) * 2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.task-comment-options{gap:calc(var(--space) * 1.5);display:grid;& label{align-items:center;gap:calc(var(--space) * 2);width:fit-content;color:var(--muted-foreground);cursor:pointer;font-size:var(--text-sm);line-height:var(--text-sm-leading);display:flex}& input{width:calc(var(--space) * 4);height:calc(var(--space) * 4);cursor:pointer}& label:has(input:checked){color:var(--foreground);font-weight:var(--weight-strong)}& label:has(input:disabled){opacity:.5;cursor:not-allowed}}.comment-disabled-icon path:nth-child(2),.comment-required-icon path:not(:first-child){stroke:var(--danger)}.save-state{align-items:center;gap:calc(var(--space) * 1.5);height:calc(var(--space) * 4);color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs-leading);display:flex;&[data-status=saved]{color:var(--success);animation:save-confirm var(--motion-base) var(--ease-out)}&[data-status=error]{color:var(--danger)}}@keyframes save-confirm{0%{opacity:0;transform:translateY(2px)}}details{border:var(--border-slim);border-radius:var(--radius-lg);background:var(--card);color:var(--card-foreground);font-size:var(--text-sm);line-height:var(--text-sm-leading);&>summary{justify-content:space-between;align-items:center;gap:calc(var(--space) * 2);padding-block:calc(var(--space) * 2);padding-inline:var(--panel-inset);cursor:pointer;user-select:none;list-style:none;display:flex;&:after{content:"";width:calc(var(--space) * 1.5);height:calc(var(--space) * 1.5);border-inline-end:1.5px solid var(--muted-foreground);border-block-end:1.5px solid var(--muted-foreground);transition:rotate var(--motion-fast) var(--ease-out);flex-shrink:0;margin-inline-start:auto;rotate:45deg}}&[open]>summary{border-block-end:var(--border-slim);&:after{rotate:-135deg}}&::details-content{height:0;transition:height var(--motion-base) var(--ease-out), content-visibility var(--motion-base) allow-discrete;overflow:clip}&[open]::details-content{height:auto}&:where([open])::details-content{padding:var(--panel-inset)}}.legend-section{@media (width>=64rem){&>summary{cursor:default;&:after{content:none}}}}.legend-section::details-content{padding:0}.legend-title{align-items:center;gap:calc(var(--space) * 1.5);font-weight:var(--weight-strong);display:flex;& svg{color:var(--muted-foreground)}}.clear-all{color:var(--primary);font-size:var(--text-xs);line-height:var(--text-xs-leading);&:hover{text-decoration:underline}}.legend-section{--legend-row-inset:var(--panel-inset);&>ul{padding-block:calc(var(--space) * 1);flex:1;overflow-y:auto;@media (width<64rem){--legend-row-inset:calc(var(--panel-inset) / 2);column-count:2;padding-inline:var(--legend-row-inset);column-gap:0;& li:not(:has(>ul)){break-inside:avoid}& li:has(>ul)>.legend-row{break-after:avoid}}@media (40rem<=width<64rem){column-count:3}}}.legend-row{align-items:center;gap:calc(var(--space) * 2);width:100%;padding-block:calc(var(--space) * 1);padding-inline:var(--legend-row-inset);text-align:start;transition:background-color var(--motion-fast) var(--ease-out);display:flex;&:hover{background:var(--accent)}&[aria-pressed=true]{background:oklch(from var(--accent) l c h / .6)}&[data-hovered]{background:oklch(from var(--accent) l c h / .4);font-weight:var(--weight-strong)}&[data-dimmed]{opacity:.5}}.legend-section{& ul ul .legend-row{padding-inline-start:calc(var(--legend-row-inset) + var(--space) * 3)}& li:has(>ul){&>.legend-row{font-weight:var(--weight-strong);letter-spacing:.04em}&:not(:first-child){margin-block-start:calc(var(--space) * 1);padding-block-start:calc(var(--space) * 1)}}}.legend-row:before,.chart-legend li:before{content:"";width:calc(var(--space) * 2.5);height:calc(var(--space) * 2.5);border-radius:var(--radius-sm);background-color:attr(data-item-color type(<color>), var(--neutral));flex-shrink:0}.legend-name{flex:1}.legend-value{color:var(--primary);font-size:var(--text-xs);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;line-height:var(--text-xs-leading);flex-shrink:0}.legend-empty{column-span:all;padding:calc(var(--space) * 6) calc(var(--space) * 3);color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs-leading);text-align:center}.meta-row{gap:calc(var(--space) * 1) calc(var(--space) * 6);font-size:var(--text-sm);line-height:var(--text-sm-leading);flex-wrap:wrap;display:flex}.section-head{justify-content:space-between;align-items:flex-end;gap:calc(var(--space) * 3);flex-wrap:wrap;display:flex}.control-label{align-items:center;gap:calc(var(--space) * 1.5);font-size:var(--text-base);font-weight:var(--weight-strong);margin-block-end:calc(var(--space) * 1);display:flex;& svg{color:var(--muted-foreground)}}.resource-card{transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);&:hover{border-color:var(--primary);box-shadow:var(--shadow-raised);transform:translateY(-2px)}}.muted-card{opacity:.6}.resource-icon{color:var(--primary);flex-shrink:0}.resource-label{font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--text-sm-leading);flex:1}.planning-toolbar{justify-content:space-between;align-items:start;gap:calc(var(--space) * 3);flex-wrap:wrap;display:flex;&>.day-trigger{margin-inline-start:auto}}.segmented{height:calc(var(--space) * 10);padding:calc(var(--space) * 1);border:1px solid oklch(from var(--foreground) l c h / .14);border-radius:var(--radius-lg);background:var(--muted);box-shadow:var(--shadow-recessed);align-self:start;display:inline-flex;position:relative;@media (width<40rem){row-gap:calc(var(--space) * 1);flex-wrap:wrap;height:auto}}.segment{align-items:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 1.5) calc(var(--space) * 3.5);border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--text-sm-leading);white-space:nowrap;transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);display:inline-flex;@media (width<40rem){&>svg:not(:only-child){display:none}}&:hover{color:var(--foreground)}&[interestfor]{interest-delay-start:.15s}&:is([aria-current=page],[aria-checked=true]),.segment-input:checked+&{background:linear-gradient(var(--card), oklch(from var(--card) calc(l - .015) c h));color:var(--primary);box-shadow:var(--shadow-raised), inset 0 1px 0 oklch(from var(--card) calc(l + .025) c h);view-transition-name:segment-thumb;view-transition-class:segment-thumb}}.segment-input{clip-path:inset(50%);width:1px;height:1px;position:absolute}.segment-input:focus-visible+.segment{outline:2px solid color-mix(in oklab, var(--primary) 50%, transparent);outline-offset:2px}::view-transition-group(.segment-thumb),::view-transition-old(.segment-thumb),::view-transition-new(.segment-thumb){animation-duration:var(--motion-base);animation-timing-function:var(--ease-out)}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}.user-menu .menu-setting{& .segmented{height:calc(var(--space) * 8);flex-wrap:nowrap}& .segment{height:100%;padding-block:0;padding-inline:calc(var(--space) * 2.5)}}.user-menu .theme-choice{& :is(.segment[aria-checked=true],.segment-input:checked+.segment){view-transition-name:theme-thumb}}.user-menu .pattern-choice{& :is(.segment[aria-checked=true],.segment-input:checked+.segment){view-transition-name:pattern-thumb}}.user-menu .duration-choice{& :is(.segment[aria-checked=true],.segment-input:checked+.segment){view-transition-name:duration-thumb}}.user-menu .assistant-choice{& :is(.segment[aria-checked=true],.segment-input:checked+.segment){view-transition-name:assistant-thumb}}.stat-value{font-family:var(--font-title);font-size:var(--text-2xl);font-weight:var(--weight-title);line-height:var(--text-2xl-leading)}.status-icon{color:var(--danger);&[data-active=true]{color:var(--success)}}.sub{margin-block-start:calc(var(--space) * 1)}.tag{align-items:center;gap:calc(var(--space) * 1);padding:calc(var(--space) * .5) calc(var(--space) * 2);border-radius:var(--radius-full);background:var(--muted);font-size:var(--text-xs);line-height:var(--text-xs-leading);flex-shrink:0;display:inline-flex}.brand-tag{padding-inline:calc(var(--space) * 1.5);background:oklch(from var(--primary) l c h / .1);color:var(--primary)}.danger-tag{background:oklch(from var(--danger) l c h / .12);color:var(--danger)}.chart-validation-mask{z-index:0;inset-inline-start:attr(data-mask-left type(<length>), 100%);inset-inline-end:40px;top:attr(data-mask-top type(<length>), 20px);bottom:attr(data-mask-bottom type(<length>), 70px);background-color:color-mix(in oklch, var(--muted-foreground) 14%, transparent);background-image:repeating-linear-gradient(-45deg, transparent 0 6px, color-mix(in oklch, var(--muted-foreground) 16%, transparent) 6px 7px);pointer-events:none;position:absolute}.tt-row{border-radius:var(--radius-sm);margin:1px -5px;padding:1px 5px;display:block;&[data-hovered]{font-weight:var(--weight-strong);background:#ffffff24}}.tt-swatch{border-radius:var(--radius-sm);background-color:attr(data-item-color type(<color>), var(--neutral));vertical-align:middle;width:10px;height:10px;margin-inline-end:5px;display:inline-block}.dotted:before,.dot{width:calc(var(--space) * 2.5);height:calc(var(--space) * 2.5);border-radius:var(--radius-full);background-color:attr(data-item-color type(<color>), var(--neutral));flex-shrink:0;display:inline-block}.dotted:before{content:""}.flag{width:auto;height:calc(var(--space) * 3);vertical-align:-2px;flex-shrink:0;display:inline-block}.zone-tag{min-height:calc(var(--space) * 5)}.zone-tag-label{text-box:trim-both cap alphabetic;line-height:1}.age-dot{width:calc(var(--space) * 3);height:calc(var(--space) * 3);border-radius:var(--radius-sm);background:var(--primary);vertical-align:middle;opacity:attr(data-opacity type(<number>), 1);display:inline-block}.ref-line{align-items:baseline;gap:calc(var(--space) * 1.5);margin-block-start:calc(var(--space) * 1);display:flex}.code-chip{padding:calc(var(--space) * .5) calc(var(--space) * 1);border-radius:var(--radius-sm);background:var(--muted)}.task-card-details{& .ref-line{flex-wrap:wrap;&:has(.zone-tag){align-items:center}}& .code-chip{overflow-wrap:anywhere;min-width:0}}.empty-state{align-items:center;gap:calc(var(--space) * 3);padding-block:calc(var(--space) * 12);text-align:center;flex-direction:column;display:flex}.split{gap:calc(var(--space) * 6);flex-direction:column;display:flex;@media (width>=64rem){flex-direction:row;align-items:flex-start}}.side-column{flex-shrink:0;@media (width>=64rem){width:calc(var(--space) * 56)}}.main-column{flex:1;min-width:0}.chart-pair{gap:calc(var(--space) * 6);display:grid;@media (width>=64rem){grid-template-columns:320px 1fr}}.controls-bar{align-items:flex-end;gap:calc(var(--space) * 3);flex-wrap:wrap;display:flex}.controls-right{align-items:flex-end;gap:calc(var(--space) * 3);flex-wrap:wrap;margin-inline-start:auto;display:flex}.button-group{display:inline-flex;&>.button{&:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}&:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}&:focus-visible{z-index:10}}}.hint-trigger{border-radius:var(--radius-full);color:var(--muted-foreground);cursor:help;interest-delay-start:.15s;outline:none;display:inline-flex;&:hover{color:var(--foreground)}}[popover=hint]{position-area:block-end span-all;margin:calc(var(--space) * 1) 0 0;max-width:min(20rem, calc(100vw - var(--space) * 8));padding:calc(var(--space) * 2) calc(var(--space) * 3);font-size:var(--text-xs);line-height:var(--text-xs-leading)}.access-hint{align-items:center;column-gap:calc(var(--space) * 2.5);padding:calc(var(--space) * 2.5) calc(var(--space) * 3.5);grid-template-rows:auto auto;grid-template-columns:auto auto;display:grid;& .key{width:calc(var(--space) * 8);height:calc(var(--space) * 8);border-radius:var(--radius-sm);background:oklch(from var(--primary) l c h / .14);color:var(--primary);grid-row:span 2;place-items:center;display:grid}& .eyebrow{color:var(--muted-foreground);font-size:var(--text-2xs);font-weight:var(--weight-strong);line-height:var(--leading-none);letter-spacing:.09em;text-transform:uppercase;align-self:end}& .who{font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--text-sm-leading);white-space:nowrap;align-self:start;margin-block-start:calc(var(--space) * .5)}}.page-input{width:calc(var(--space) * 14);height:calc(var(--space) * 8);text-align:center}.table-toolbar,.table-toolbar>.row{row-gap:calc(var(--space) * 2);flex-wrap:wrap}table.fixed{table-layout:fixed;width:fit-content;& col{width:attr(data-width type(<length>))}& :is(th,td){padding-block:calc(var(--space) * .5)}& th{padding-block:calc(var(--space) * 1)}& .total{color:var(--primary);font-weight:var(--weight-strong)}}table td.state-block{padding-block:calc(var(--space) * 12)}table th.sortable{cursor:pointer;&:hover{background:var(--accent)}}table tbody.rows{transition:opacity var(--motion-base) var(--ease-out);&[data-fetching]{background-image:linear-gradient(100deg, transparent 20%, oklch(from var(--accent) l c h / .7) 50%, transparent 80%);opacity:.6;background-size:250% 100%;animation:1.4s linear infinite loading-sweep}}@keyframes loading-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}table .nums{font-variant-numeric:tabular-nums}table td.dotted{padding-inline-start:calc(var(--panel-inset) / 2 + var(--space) * 4);position:relative;&:before{width:calc(var(--space) * 2);height:calc(var(--space) * 2);border-radius:var(--radius-sm);position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--panel-inset) / 2);translate:0 -50%}}.sort-idle{opacity:.25}.invite-form{gap:calc(var(--space) * 2);margin-block-end:calc(var(--space) * 3);display:flex;& input{height:calc(var(--space) * 9);flex:1}}.invite-error{margin-block-end:calc(var(--space) * 2)}.day-panel{& .days{gap:calc(var(--space) * 2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;@media (width<40rem){grid-template-columns:repeat(8,minmax(0,1fr));&>.day{grid-column:span 2}&>.day:nth-child(5){grid-column:2/span 2}}}& .day-header{margin-block-start:calc(var(--space) * 4)}}.day-panel>.week-carousel{padding-block-start:var(--panel-inset);position:relative;&>.icon-button{z-index:1;width:calc(var(--space) * 9);height:calc(var(--space) * 9);border:1px solid oklch(from var(--foreground) l c h / .2);border-radius:var(--radius-full);background:var(--card);color:var(--foreground);box-shadow:var(--shadow-raised);place-items:center;padding:0;display:grid;position:absolute;inset-block-start:50%;translate:0 -50%;&:first-child{inset-inline-start:0}&:last-child{inset-inline-end:0}}}:is(html:active-view-transition-type(week-forward),html:active-view-transition-type(week-backward)){--week-slide-distance:100%;& .week-carousel .days{view-transition-name:week-days}& .week-carousel>.icon-button{view-transition-class:week-control;&:first-child{view-transition-name:week-previous-control}&:last-child{view-transition-name:week-next-control}}}html:active-view-transition-type(week-backward){--week-slide-distance:-100%}::view-transition-image-pair(week-days){overflow:clip}::view-transition-group(.week-control){z-index:1}::view-transition-old(.week-control),::view-transition-new(.week-control){mix-blend-mode:normal;animation:none}::view-transition-old(week-days),::view-transition-new(week-days){animation-duration:var(--motion-base);animation-fill-mode:both;animation-timing-function:var(--ease-out);mix-blend-mode:normal}::view-transition-old(week-days){animation-name:week-days-out}::view-transition-new(week-days){animation-name:week-days-in}@keyframes week-days-out{to{opacity:0;translate:calc(-1 * var(--week-slide-distance)) 0}}@keyframes week-days-in{0%{opacity:0;translate:var(--week-slide-distance) 0}}.day{align-items:center;gap:calc(var(--space) * .5);padding:calc(var(--space) * 2) 0;border-radius:var(--radius-sm);background:var(--muted);color:var(--muted-foreground);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out);border:1px solid #0000;flex-direction:column;display:flex;&:disabled{opacity:.5;cursor:default}&[data-filled=true]{color:var(--foreground)}&[aria-selected=true]{border-color:var(--primary);background:var(--background);color:var(--foreground)}&[data-unsaved=true]{border-color:color-mix(in oklch, var(--primary) 60%, transparent);position:relative}}.day:hover:not(:disabled){background:var(--accent)}.day-number{font-size:var(--text-lg);font-weight:var(--weight-strong)}.unsaved-dot{width:calc(var(--space) * 1.5);height:calc(var(--space) * 1.5);border-radius:var(--radius-full);background:var(--primary);position:absolute;inset-block-start:calc(var(--space) * 1);inset-inline-end:calc(var(--space) * 1)}.unsaved-pill{padding:calc(var(--space) * .5) calc(var(--space) * 2);border-radius:var(--radius-full);background:color-mix(in oklch, var(--primary) 15%, transparent);color:var(--primary);font-weight:var(--weight-strong)}.duration-input{align-items:center;gap:calc(var(--space) * .5);padding:calc(var(--space) * 1) calc(var(--space) * 2);border-radius:var(--radius-sm);color:inherit;font-size:inherit;line-height:inherit;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:1px solid #0000;padding-inline-end:calc(var(--space) * 8);display:inline-flex;position:relative;&:focus-within{border-color:var(--primary);background:var(--background);outline:none}}.duration-segment{appearance:textfield;width:2.25ch;min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;padding:0;&:focus{outline:none}&::-webkit-inner-spin-button{appearance:none;margin:0}&::-webkit-outer-spin-button{appearance:none;margin:0}&::placeholder{color:var(--muted-foreground)}}.duration-separator{color:var(--muted-foreground)}.field-control-icon{width:calc(var(--space) * 6);height:calc(var(--space) * 6);place-items:center;margin-block:auto;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-end:calc(var(--space) * 1)}.duration-picker{position-area:block-end center;position-try-fallbacks:flip-block;column-gap:calc(var(--space) * 2);width:min(19rem, calc(100vw - var(--space) * 8));padding:calc(var(--space) * 3);grid-template:"hours-label.minutes-label""hours-options separator minutes-options"/minmax(4rem,1fr) auto minmax(4rem,1fr);row-gap:0;overflow:visible}.duration-picker:popover-open{display:grid}.duration-picker-hours-label{grid-area:hours-label}.duration-picker-minutes-label{grid-area:minutes-label}.duration-picker-label{padding:calc(var(--space) * 1) calc(var(--space) * 2);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-strong);line-height:var(--text-xs-leading);text-align:center}.duration-picker-separator{color:var(--foreground);font-size:var(--text-3xl);font-weight:var(--weight-strong);line-height:var(--text-3xl-leading);grid-area:separator;align-self:center}.duration-picker-options{gap:calc(var(--space) * 1);grid-template-columns:repeat(3,minmax(2.25rem,1fr));min-width:0;display:grid}.duration-picker-hours-options{grid-area:hours-options}.duration-picker-minutes-options{grid-area:minutes-options}.duration-picker-option{min-height:calc(var(--space) * 9);padding:calc(var(--space) * 1) calc(var(--space) * 1.5);font-variant-numeric:tabular-nums;text-align:center}.duration-picker-option[aria-selected=true]{font-weight:var(--weight-strong)}.volume-input{border:var(--border-slim);border-radius:var(--radius-sm);background:var(--background);align-items:center;min-width:0;display:inline-flex;position:relative;&:focus-within{border-color:var(--primary);outline:none}&:has(input:disabled){opacity:.5}&>input{min-width:0;height:100%;appearance:textfield;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;padding-inline-end:calc(var(--space) * 8);&:focus{outline:none}&::-webkit-inner-spin-button{appearance:none;margin:0}&::-webkit-outer-spin-button{appearance:none;margin:0}}}.volume-picker{position-area:block-end center;position-try-fallbacks:flip-block;gap:calc(var(--space) * 1);grid-template-columns:repeat(3,auto);width:max-content}.volume-picker:popover-open{display:grid}.volume-picker-place{justify-items:center;gap:calc(var(--space) * 1);min-width:0;display:grid}.volume-picker-step{width:calc(var(--space) * 8);height:calc(var(--space) * 7)}.volume-picker-digit{width:calc(var(--space) * 9);height:calc(var(--space) * 9);border-radius:var(--radius-sm);font-size:var(--text-2xl);font-weight:var(--weight-strong);line-height:var(--text-2xl-leading);font-variant-numeric:tabular-nums;text-align:center;place-items:center;display:grid}.volume-picker-digit[data-selected=true]{background:var(--primary);color:var(--primary-foreground)}.stepper{align-items:center;gap:calc(var(--space) * 1);padding:calc(var(--space) * .5);border:var(--border-slim);border-radius:var(--radius-sm);display:inline-flex}.remaining{align-items:center;gap:calc(var(--space) * 1);padding:calc(var(--space) * 1) calc(var(--space) * 2.5);border-radius:var(--radius-full);background:var(--muted);font-size:var(--text-sm);display:inline-flex;&[data-status=done]{background:color-mix(in oklch, var(--primary) 15%, transparent);color:var(--primary)}&[data-status=over]{background:color-mix(in oklch, var(--destructive) 15%, transparent);color:var(--destructive)}}.split-bar{height:calc(var(--space) * 3);gap:2px;display:flex}.split-part{flex-grow:attr(data-share type(<number>), 1);border-radius:var(--radius-sm);background-color:attr(data-item-color type(<color>), var(--neutral));flex-basis:0;&.empty{background:var(--muted)}}.entry-line{grid-template-columns:calc(var(--space) * 24) calc(var(--space) * 24) max-content minmax(0, 1fr);align-items:start;gap:calc(var(--space) * 2) calc(var(--space) * 3);padding:calc(var(--space) * 2) calc(var(--space) * 3);display:grid;& .stepper{border:0;justify-self:end;width:100%;padding:0}& :is(.stepper,.volume){height:calc(var(--space) * 9);background:var(--background);font-size:var(--text-sm)}& .duration-input{border:var(--border-slim);background:var(--background);width:100%;height:100%}& .cadence{min-width:calc(var(--space) * 14);height:calc(var(--space) * 9);flex-direction:column;justify-content:center;line-height:1.1;display:flex}& .cadence-value{font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.25ch;display:flex}& .cadence-number{text-align:end;min-width:3ch}& .comment{min-height:calc(var(--space) * 9);max-height:calc(var(--space) * 32)}& .entry-comment{grid-area:2/1/auto/-1;min-width:0}& .comment-input{min-width:0;position:relative}& .comment-input .comment{padding-inline-end:calc(var(--space) * 8)}& .comment-input .comment-mode-icon{inset-block:calc(var(--space) * 1) auto;pointer-events:none;margin-block:0}& .entry-clear{grid-area:1/4;align-self:start}&:not(:focus-within){& :is(input:not(.duration-segment),textarea):is(:invalid,[aria-invalid=true]),& .duration-input:has(.duration-segment:invalid){border-color:var(--destructive);outline-color:var(--destructive);background:color-mix(in oklch, var(--destructive) 5%, var(--background))}}@media (width<64rem){grid-template-columns:max-content calc(var(--space) * 24) max-content minmax(0, 1fr);column-gap:calc(var(--space) * 2);& .stepper{grid-area:1/1;justify-self:start}& .volume{grid-area:1/2}& .cadence{grid-area:1/3}& :is(.volume-placeholder,.cadence-placeholder){display:none}}}.entry-table{gap:calc(var(--space) * 2);flex-direction:column;display:flex}.day-total-picker .segment[aria-checked=true]{view-transition-name:day-total-thumb}.account-picker{row-gap:calc(var(--space) * 1);flex-wrap:wrap;height:auto;& .segment[aria-selected=true]{view-transition-name:account-thumb}& .account-name{font-weight:var(--weight-strong)}& .account-total{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-weight:var(--weight-strong)}& .account-icon{width:calc(var(--space) * 5);height:calc(var(--space) * 5)}}.entry-group{align-items:center;gap:calc(var(--space) * 2);font-size:var(--text-sm);font-weight:var(--weight-strong);margin-block-start:calc(var(--space) * 4);display:flex;&:after{content:"";background:var(--border-color);flex:1;height:1px}}.entry-group:first-child{margin-block-start:0}.entry-tasks{align-items:flex-start;gap:calc(var(--space) * 1.5);flex-wrap:wrap;display:flex}.entry-task-choice{--task-color:attr(data-item-color type(<color>), var(--neutral));align-items:center;gap:calc(var(--space) * 1.5);min-height:calc(var(--space) * 7);max-width:100%;padding:calc(var(--space) * .5) calc(var(--space) * 2);border:var(--border-slim);border-radius:var(--radius-full);background:var(--card);font-size:var(--text-xs);cursor:pointer;display:inline-flex;&:has(:checked){border-color:color-mix(in oklch, var(--task-color) 55%, var(--border-color));background:color-mix(in oklch, var(--task-color) 8%, var(--card))}&:hover{border-color:var(--task-color)}&:has(:disabled){cursor:default}& input{accent-color:var(--task-color)}}.entry-task-star{color:var(--task-color);display:flex}.entry-task{border-radius:var(--radius-lg);background:color-mix(in oklch, var(--muted) 35%, var(--card));border:1px solid #0000;flex-basis:100%;order:1;grid-template-columns:minmax(14rem,1fr) minmax(0,2fr);min-width:0;display:none;&:has(.entry-line:not(:focus-within) :is(input,textarea):is(:invalid,[aria-invalid=true])){border-color:var(--destructive)}@media (width<40rem){grid-template-columns:minmax(0,1fr)}}.entry-task-choice:has(:checked){&+.entry-task{display:grid}}.entry-task-label{align-items:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 2) calc(var(--space) * 3);font-size:var(--text-sm);display:flex;& .entry-label{overflow-wrap:anywhere;min-width:0}}@media (width>=40rem){.entry-task:has(.comment-input)>.entry-task-label{align-self:start;margin-block-start:calc(var(--space) * 2)}}@media (width>=64rem){.entry-task{grid-template-columns:minmax(12rem,1fr) minmax(0,3fr)}.entry-line{grid-template-columns:calc(var(--space) * 24) calc(var(--space) * 24) max-content minmax(12rem, 1fr) max-content;& .entry-comment{grid-area:1/4}& .entry-clear{grid-column:5}&:has(.volume-placeholder){grid-template-columns:calc(var(--space) * 24) minmax(12rem, 1fr) max-content;& :is(.volume-placeholder,.cadence-placeholder){display:none}& .entry-comment{grid-column:2}& .entry-clear{grid-column:3}}}.entry-task:has(.comment-input)>.entry-task-label{margin-block-start:0}}.entry-clear{justify-self:end}.save-bar{justify-content:flex-end}.leave-form{gap:calc(var(--space) * 4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));align-items:start;display:grid;& :is(.leave-guidance,.leave-comment,.leave-submit,.leave-privacy){grid-column:1/-1}}.leave-day{padding:calc(var(--space) * 1) calc(var(--space) * 2);border:var(--border-slim);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--text-sm-leading);flex:1}.day-calendar{& .months{gap:calc(var(--space) * 4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}& .month-label{color:var(--foreground);font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--text-sm-leading);margin-block-end:calc(var(--space) * 2)}& :is(.weekdays,.days){gap:calc(var(--space) * .5);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}& .weekdays{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs-leading);text-align:center;margin-block-end:calc(var(--space) * 1);text-decoration:none}}.range-cell.day{padding:calc(var(--space) * 1) 0;font-variant-numeric:tabular-nums;text-align:center;&[data-weekend]:not(.filled,.picked){background:repeating-linear-gradient(-45deg, transparent 0 3px, var(--muted) 3px 5px);color:var(--muted-foreground)}&:after{content:"";background:0 0;border-radius:50%;block-size:4px;inline-size:4px;margin:1px auto 0;display:block}&[data-holiday]:after{background:var(--warning)}&[data-today]{outline:1px solid var(--muted-foreground);outline-offset:-1px}}.leave-bound>input{flex:1;min-width:0}.leave-half{white-space:nowrap;flex:none;width:auto}.pill[data-status=APPROVED]{background:oklch(from var(--success) l c h / .12);color:var(--success)}.pill[data-status=DENIED]{background:oklch(from var(--danger) l c h / .12);color:var(--danger)}.pill[data-status=CANCELLED]{background:var(--muted);color:var(--muted-foreground)}.decision-actions{justify-content:flex-end}.mike-fab{z-index:var(--z-fab);width:calc(var(--space) * 15);height:calc(var(--space) * 15);border:var(--border-slim);border-radius:var(--radius-full);background:var(--card);box-shadow:var(--shadow-overlay);transition:transform var(--motion-base) var(--ease-out);color:light-dark(var(--primary),var(--foreground));place-items:center;padding:0;display:grid;position:fixed;inset-block-end:calc(var(--space) * 8);inset-inline-end:calc(var(--space) * 8);& svg{width:90%;height:90%}&:hover{transform:scale(1.05)}&:active{transform:scale(.95)}&.waking svg{animation:mike-wake .64s var(--ease-out)}}.mike-unread{min-width:calc(var(--space) * 5);height:calc(var(--space) * 5);padding-inline:var(--space);border:2px solid var(--canvas);border-radius:var(--radius-full);background:var(--primary);box-shadow:var(--shadow-sm);color:var(--primary-foreground);font-size:var(--text-2xs);font-weight:var(--weight-strong);place-items:center;line-height:1;display:grid;position:absolute;inset-block-start:calc(var(--space) * -1);inset-inline-end:calc(var(--space) * -1)}@keyframes mike-wake{0%{transform:rotate(-14deg)scale(.94)}35%{transform:rotate(10deg)translateY(-6%)scale(1.08)}62%{transform:rotate(-5deg)scale(.99)}to{transform:none}}.mike-panel{gap:calc(var(--space) * 3);width:calc(var(--space) * 112);max-width:calc(100vw - var(--space) * 8);max-height:calc(100dvh - var(--space) * 8);padding:calc(var(--space) * 4);position-area:block-start span-inline-start;position-try-fallbacks:flip-block, flip-inline;margin:0 0 calc(var(--space) * 2);flex-direction:column;display:flex;& textarea{min-height:calc(var(--space) * 24);max-height:calc(var(--space) * 80);resize:vertical}}.mike-capture{align-items:center;gap:calc(var(--space) * 2);display:flex}.mike-thread-heading{justify-content:space-between;align-items:flex-start;gap:calc(var(--space) * 3);display:flex}.mike-close-conversation{align-items:center;gap:var(--space);padding:var(--space) calc(var(--space) * 1.5);border-radius:var(--radius-sm);color:var(--muted-foreground);font-size:var(--text-xs);background:0 0;border:0;flex:none;display:inline-flex;&:hover{background:var(--muted);color:var(--foreground)}}.mike-thread{gap:calc(var(--space) * 2);max-height:min(calc(var(--space) * 128), 62dvh);scrollbar-color:color-mix(in oklch, var(--muted-foreground) 45%, transparent) transparent;scrollbar-width:thin;flex-direction:column;margin-inline-end:calc(var(--space) * -2);padding-inline-end:calc(var(--space) * 2);display:flex;overflow:hidden auto;&::-webkit-scrollbar{width:calc(var(--space) * 1.5)}&::-webkit-scrollbar-track{background:0 0}&::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:color-mix(in oklch, var(--muted-foreground) 45%, transparent) padding-box;border:1px solid #0000}}.mike-thread-state{justify-content:center;align-items:center;gap:calc(var(--space) * 2);min-height:calc(var(--space) * 20);padding:calc(var(--space) * 4);border:var(--border-slim);border-radius:var(--radius-sm);background:var(--canvas);font-size:var(--text-sm);text-align:center;display:flex}.mike-message{align-items:flex-end;gap:calc(var(--space) * 2);display:flex;&.mike-message-mine{flex-direction:row-reverse}}.mike-avatar{flex:0 0 calc(var(--space) * 8);width:calc(var(--space) * 8);height:calc(var(--space) * 8);border:var(--border-slim);border-radius:var(--radius-full);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-2xs);font-weight:var(--weight-strong);place-items:center;display:grid;overflow:hidden;& img{object-fit:cover;width:100%;height:100%}}.mike-bubble{min-width:0;max-width:calc(100% - var(--space) * 12);padding:calc(var(--space) * 2.5) calc(var(--space) * 3);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) calc(var(--space) * 1.5);background:var(--accent);position:relative;&:after{width:calc(var(--space) * 2);height:calc(var(--space) * 2);background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%);content:"";position:absolute;inset-block-end:0;inset-inline-start:calc(var(--space) * -1.5)}& strong{color:var(--muted-foreground);font-size:var(--text-2xs)}& .mike-bubble-meta{align-items:baseline;gap:var(--space);margin-block-end:var(--space);display:flex;& time{color:var(--muted-foreground);font-size:var(--text-2xs);white-space:nowrap}}& p{font-size:var(--text-sm);line-height:var(--text-sm-leading);overflow-wrap:anywhere;white-space:pre-wrap}& a{color:var(--primary);font-weight:var(--weight-strong);text-underline-offset:.15em;text-decoration:underline 1px;&:hover{text-decoration-thickness:2px}}.mike-message-mine &{border-radius:var(--radius-lg) var(--radius-lg) calc(var(--space) * 1.5) var(--radius-lg);background:var(--primary);color:var(--primary-foreground);&:after{inset-inline:auto calc(var(--space) * -1.5);transform:scaleX(-1)}& strong,& time{color:inherit;opacity:.65}& a{color:inherit}}}.mike-reply-form{align-items:flex-end;gap:calc(var(--space) * 2);display:flex;& textarea{min-height:calc(var(--space) * 11);max-height:calc(var(--space) * 24);padding:calc(var(--space) * 2.5) calc(var(--space) * 3);resize:vertical}& button{flex:0 0 calc(var(--space) * 11);width:calc(var(--space) * 11);height:calc(var(--space) * 11);border-radius:var(--radius-full);background:var(--primary);color:var(--primary-foreground);border:none;place-items:center;padding:0;display:grid;&:disabled{opacity:.5}}}.mike-reply-error,.mike-thread-error{align-items:center;gap:var(--space);color:var(--danger);display:flex}.mike-thumb{height:calc(var(--space) * 12);border:var(--border-slim);border-radius:var(--radius-sm);object-fit:cover}.mike-attach,.mike-drop{align-items:center;gap:calc(var(--space) * 1.5);padding:calc(var(--space) * 1.5) calc(var(--space) * 2.5);border:var(--border-slim);border-radius:var(--radius-sm);color:var(--foreground);font-size:var(--text-xs);background:0 0;display:inline-flex}.mike-attach:disabled{opacity:.6}.mike-footer{justify-content:space-between;align-items:center;gap:calc(var(--space) * 2);display:flex}.mike-submit{align-items:center;gap:calc(var(--space) * 1.5);padding:calc(var(--space) * 2) calc(var(--space) * 3);border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-foreground);font-size:var(--text-sm);font-weight:var(--weight-strong);border:none;display:inline-flex;&:disabled{opacity:.5}}body{background-attachment:fixed}[data-theme-pattern=dots] body{background-image:radial-gradient(var(--pattern-ink) 1.4px, transparent 1.5px);background-size:22px 22px}[data-theme-pattern=grid] body{background-image:linear-gradient(to right, var(--pattern-ink) 1px, transparent 1px), linear-gradient(to bottom, var(--pattern-ink) 1px, transparent 1px);background-size:32px 32px}[data-theme-pattern=diagonal] body{background-image:repeating-linear-gradient(45deg, var(--pattern-ink) 0 1px, transparent 1px 24px), repeating-linear-gradient(-45deg, var(--pattern-ink) 0 1px, transparent 1px 24px)}[data-theme-pattern=hatch] body{background-image:repeating-linear-gradient(-45deg, var(--pattern-ink) 0 1px, transparent 1px 12px)}[data-theme-pattern=aurora] body{background-image:radial-gradient(70vw 60vh at 12% -8%, oklch(from var(--primary) l c h / .16), transparent 65%), radial-gradient(60vw 55vh at 92% 0%, oklch(from var(--primary) l c calc(h + 45) / .14), transparent 65%);background-repeat:no-repeat}}@layer utilities{.muted{color:var(--muted-foreground)}.small{font-size:var(--text-sm);line-height:var(--text-sm-leading)}.tiny{font-size:var(--text-xs);line-height:var(--text-xs-leading)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shrinkable{min-width:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.strong{font-weight:var(--weight-strong)}.nowrap{white-space:nowrap}}