:root{--color-primary: #091426;--color-on-primary: #ffffff;--color-primary-container: #1e293b;--color-on-primary-container: #8590a6;--color-primary-fixed: #d8e3fb;--color-primary-fixed-dim: #bcc7de;--color-on-primary-fixed: #111c2d;--color-on-primary-fixed-variant: #3c475a;--color-inverse-primary: #bcc7de;--color-secondary: #0058be;--color-on-secondary: #ffffff;--color-secondary-container: #2170e4;--color-on-secondary-container: #fefcff;--color-secondary-fixed: #d8e2ff;--color-on-secondary-fixed: #001a42;--color-secondary-fixed-dim: #adc6ff;--color-on-secondary-fixed-variant: #004395;--color-tertiary: #1a0049;--color-on-tertiary: #ffffff;--color-tertiary-container: #32007d;--color-on-tertiary-container: #9f77ff;--color-tertiary-fixed: #e9ddff;--color-on-tertiary-fixed: #23005c;--color-tertiary-fixed-dim: #d0bcff;--color-on-tertiary-fixed-variant: #5516be;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--color-background: #f7f9fb;--color-on-background: #191c1e;--color-surface: #f7f9fb;--color-on-surface: #191c1e;--color-surface-variant: #e0e3e5;--color-on-surface-variant: #45474c;--color-surface-dim: #d8dadc;--color-surface-bright: #f7f9fb;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f2f4f6;--color-surface-container: #eceef0;--color-surface-container-high: #e6e8ea;--color-surface-container-highest: #e0e3e5;--color-surface-tint: #545f73;--color-outline: #75777d;--color-outline-variant: #c5c6cd;--color-inverse-surface: #2d3133;--color-inverse-on-surface: #eff1f3;--color-border-card: #e2e8f0;--color-badge-pending-bg: rgba(234, 179, 8, .1);--color-badge-pending-text: #b45309;--color-badge-pending-border: rgba(234, 179, 8, .5);--color-badge-approved-bg: rgba(34, 197, 94, .1);--color-badge-approved-text: #15803d;--color-badge-approved-border: rgba(34, 197, 94, .5)}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-primary{background-color:var(--color-primary)}.bg-secondary-container{background-color:var(--color-secondary-container)}.bg-surface-container-lowest{background-color:var(--color-surface-container-lowest)}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container-highest{background-color:var(--color-surface-container-highest)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-primary-container{background-color:var(--color-primary-container)}.bg-error-container{background-color:color-mix(in srgb,var(--color-error-container) 40%,transparent)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-on-primary{color:var(--color-on-primary)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-on-background{color:var(--color-on-background)}.text-on-secondary-container{color:var(--color-on-secondary-container)}.text-on-primary-container{color:var(--color-on-primary-container)}.text-error{color:var(--color-error)}.text-surface-tint{color:var(--color-surface-tint)}.border-outline-variant{border-color:color-mix(in srgb,var(--color-outline-variant) 30%,transparent)}.border-error{border-color:var(--color-error)}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-base: 4px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-gutter: 24px;--spacing-margin: 32px;--sidebar-width: 288px;--topbar-height: 64px;--content-max-width: 1152px;--content-max-width-narrow: 1024px}:root{--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}:root{--font-family-base: "Inter", sans-serif;--text-headline-xl-size: 36px;--text-headline-xl-line: 44px;--text-headline-xl-weight: 700;--text-headline-xl-spacing: -.02em;--text-headline-lg-size: 28px;--text-headline-lg-line: 36px;--text-headline-lg-weight: 600;--text-headline-lg-spacing: -.01em;--text-headline-lg-mobile-size: 24px;--text-headline-lg-mobile-line: 32px;--text-headline-lg-mobile-weight: 600;--text-headline-md-size: 20px;--text-headline-md-line: 28px;--text-headline-md-weight: 600;--text-body-lg-size: 18px;--text-body-lg-line: 28px;--text-body-lg-weight: 400;--text-body-md-size: 16px;--text-body-md-line: 24px;--text-body-md-weight: 400;--text-body-sm-size: 14px;--text-body-sm-line: 20px;--text-body-sm-weight: 400;--text-label-md-size: 14px;--text-label-md-line: 20px;--text-label-md-weight: 600;--text-label-md-spacing: .01em;--text-label-sm-size: 12px;--text-label-sm-line: 16px;--text-label-sm-weight: 500}.text-headline-xl{font-size:var(--text-headline-xl-size);line-height:var(--text-headline-xl-line);font-weight:var(--text-headline-xl-weight);letter-spacing:var(--text-headline-xl-spacing)}.text-headline-lg{font-size:var(--text-headline-lg-size);line-height:var(--text-headline-lg-line);font-weight:var(--text-headline-lg-weight);letter-spacing:var(--text-headline-lg-spacing);margin-top:0;margin-bottom:0}.text-headline-lg-mobile{font-size:var(--text-headline-lg-mobile-size);line-height:var(--text-headline-lg-mobile-line);font-weight:var(--text-headline-lg-mobile-weight)}.text-headline-md{font-size:var(--text-headline-md-size);line-height:var(--text-headline-md-line);font-weight:var(--text-headline-md-weight);margin-top:0;margin-bottom:0}.text-body-lg{font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);font-weight:var(--text-body-lg-weight);margin-top:0;margin-bottom:0}.text-body-md{font-size:var(--text-body-md-size);line-height:var(--text-body-md-line);font-weight:var(--text-body-md-weight);margin-top:0;margin-bottom:0}.text-body-sm{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);font-weight:var(--text-body-sm-weight);margin-top:0;margin-bottom:0}.text-label-md{font-size:var(--text-label-md-size);line-height:var(--text-label-md-line);font-weight:var(--text-label-md-weight);letter-spacing:var(--text-label-md-spacing);margin-top:0;margin-bottom:0}.text-label-sm{font-size:var(--text-label-sm-size);line-height:var(--text-label-sm-line);font-weight:var(--text-label-sm-weight);margin-top:0;margin-bottom:.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.02em}.tracking-wider{letter-spacing:.05em}.tabular-nums{font-variant-numeric:tabular-nums}.text-right{text-align:right}.field__label{display:inline-block;margin-bottom:.25rem}form .text-label-md{margin-bottom:.85rem}.shadow-level-1{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-level-2{box-shadow:0 10px 15px -3px #0000001a}.shadow-level-3{box-shadow:0 20px 25px -5px #0000001a}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}@media(max-width:1023px){.hidden-mobile{display:none!important}}@media(min-width:1024px){.hidden-desktop{display:none!important}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{color:inherit}button,input{font:inherit}ul{padding-left:0}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline-variant)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;cursor:pointer;font-family:var(--font-family-base);text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .15s,box-shadow .2s}.btn:active{transform:translateY(2px)}.btn{border-radius:var(--radius-lg);padding:14px var(--spacing-xl);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);line-height:var(--text-label-md-line);border-radius:var(--radius-full)}@media(max-width:767px){.btn{padding:8px var(--spacing-md);gap:var(--spacing-xs);font-size:var(--text-label-sm-size);line-height:var(--text-label-sm-line);border-radius:var(--radius-md)}.btn .material-symbols-outlined{font-size:18px}}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));border-radius:var(--radius-full)}.btn--primary:hover{background-color:var(--color-secondary)}.btn--warning{background-color:var(--color-badge-pending-text);color:var(--color-on-primary);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));border-radius:var(--radius-full)}.btn--warning:hover{background-color:color-mix(in srgb,var(--color-badge-pending-text) 82%,black)}.btn--error{width:max-content;background-color:transparent;border:1px solid var(--color-error);color:var(--color-error);box-shadow:none;border-radius:var(--radius-full)}.btn--error:hover{background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:var(--color-on-error-container);color:var(--color-on-error-container)}.btn--outline{background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 40%,transparent);color:var(--color-on-surface);border-radius:var(--radius-full)}.btn--outline:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.btn--outline-primary{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary);box-shadow:none;border-radius:var(--radius-full)}.btn--outline-primary:hover{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-secondary);color:var(--color-secondary)}.btn--text{background:transparent;color:var(--color-secondary);padding:var(--spacing-sm);border-radius:var(--radius-md);border-radius:var(--radius-full)}@media(max-width:767px){.btn--text{padding:var(--spacing-xs)}}.btn--text:hover{color:var(--color-primary)}.btn--text.btn--text-error{color:var(--color-error)}.btn--text.btn--text-error:hover{color:var(--color-on-error-container)}.btn--pill{border-radius:var(--radius-full)}.btn--lg{padding:var(--spacing-md) var(--spacing-3xl);font-size:var(--text-headline-md-size);font-weight:var(--text-headline-md-weight);border-radius:var(--radius-full)}@media(max-width:767px){.btn--lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line)}}.btn--full{width:100%}.btn--icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:transparent;border:none;color:var(--color-on-surface-variant);cursor:pointer;border-radius:var(--radius-full)}@media(max-width:767px){.btn--icon{width:36px;height:36px}}.btn--icon:hover{background-color:var(--color-surface-container-high)}.btn--icon:active{transform:scale(.95);opacity:.8}.short-btn{width:max-content}.btn--icon-primary{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full)}.btn--icon-primary:hover{background-color:var(--color-secondary);color:var(--color-on-primary)}.btn--icon-danger{background:transparent;color:var(--color-error);border-radius:var(--radius-full)}.btn--icon-danger:hover{background-color:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error)}.btn--fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;cursor:pointer;font-family:var(--font-family-base);text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .15s,box-shadow .2s}.btn--fab:active{transform:translateY(2px)}.btn--fab{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);box-shadow:var(--shadow-level-2)}@media(max-width:767px){.btn--fab{width:48px;height:48px}}.page-settings .btn:not(.btn--icon):not(.btn--text):not(.btn--error){padding:var(--spacing-md)}.modal-overlay:has(.profile-edit-avatar) .btn:not(.btn--icon){padding:var(--spacing-md)}.btn-link{text-align:center;color:var(--color-secondary);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);text-decoration:none;transition:color .2s;border-radius:var(--radius-full)}@media(max-width:767px){.btn-link{font-size:var(--text-label-sm-size);line-height:var(--text-label-sm-line)}}.btn-link:hover{color:var(--color-primary)}.task-tracker__bar .btn:not(.btn--icon),.absence-form .btn:not(.btn--icon),form .btn:not(.btn--icon):not(.btn--fab){box-sizing:border-box;height:var(--form-control-height, 52px);min-height:var(--form-control-height, 52px)}.field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field__label{font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);line-height:var(--text-label-md-line);color:var(--color-on-surface)}.field__control{position:relative;display:flex;align-items:center}.field__icon{position:absolute;left:var(--spacing-md);color:var(--color-on-surface-variant);pointer-events:none}.field__toggle{position:absolute;right:var(--spacing-xs);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface-variant);cursor:pointer}.field__toggle:hover{background-color:var(--color-surface-container-high);color:var(--color-primary)}.field__toggle:focus-visible{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.input{width:100%;padding:12px var(--spacing-md) 12px 48px;background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line);color:var(--color-on-surface);transition:border-color .2s,box-shadow .2s}.input::placeholder{color:color-mix(in srgb,var(--color-on-surface-variant) 50%,transparent)}.input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.input--error{border-color:var(--color-error)}.input--with-toggle{padding-right:48px}.field-error{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding:var(--spacing-sm);background-color:color-mix(in srgb,var(--color-error-container) 40%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 20%,transparent);border-radius:var(--radius-lg)}.field-error__icon{color:var(--color-error);font-size:20px;line-height:1;flex-shrink:0}.field-error__text{margin:0;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);color:var(--color-error)}.language-switcher{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-width:0;color:var(--color-on-surface-variant)}.language-switcher--auth{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:2;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg)}@media(min-width:768px){.language-switcher--auth{top:var(--spacing-margin);right:var(--spacing-margin)}}.language-switcher__icon{font-size:20px;pointer-events:none}.language-switcher__select{min-width:7.5rem;padding:4px 4px 4px 0;border:none;background:transparent;color:inherit;font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);cursor:pointer}.language-switcher__select:focus-visible{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.login-demo{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface-container-low);border:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent);border-radius:var(--radius-lg)}.login-demo__title{font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.login-demo__item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background-color:var(--color-surface-container-lowest);text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s}.login-demo__item:hover{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary-container) 30%,transparent)}.login-demo__label{font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);color:var(--color-primary)}.login-demo__credentials{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);font-family:ui-monospace,monospace}.auth-register-links{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent);text-align:center}.auth-register-links__title{font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);color:var(--color-on-surface-variant)}.auth-register-links__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-sm)}.auth-register-links__separator{color:var(--color-on-surface-variant)}.invite-link-box{padding:var(--spacing-md);background-color:var(--color-surface-container-low);border:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent);border-radius:var(--radius-lg)}.invite-link-box__url{display:block;flex:1;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-container-lowest);border-radius:var(--radius-md);font-size:var(--text-body-sm-size);word-break:break-all}.invite-actions{justify-content:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.invite-panel{padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg)}.invite-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.invite-panel__close{flex-shrink:0;color:var(--color-on-surface)}.combobox{position:relative}.combobox__control{position:relative;display:flex;align-items:center}.combobox__icon{position:absolute;left:var(--spacing-md);color:var(--color-on-surface-variant);font-size:20px;pointer-events:none;z-index:1}.combobox__input{padding-left:44px}.combobox__dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;z-index:20;margin:0;padding:var(--spacing-xs);list-style:none;background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto}.combobox__option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-on-surface);font-size:var(--text-body-sm-size);text-align:left;cursor:pointer;transition:background-color .15s}.combobox__option:hover,.combobox__option--selected{background-color:var(--color-surface-container-low)}.combobox__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.combobox__empty{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.card{background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-2xl);box-shadow:var(--shadow-level-1, 0 1px 3px rgba(0, 0, 0, .1))}.metrics-card{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.metrics-card__header{margin-bottom:var(--spacing-lg);gap:var(--spacing-sm)}.metrics-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.metrics-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg) var(--spacing-md)}}.metrics-grid__item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-primary-fixed);border-radius:var(--radius-lg);text-decoration:none;color:inherit}@media(min-width:768px){.metrics-grid__item{padding:var(--spacing-md) var(--spacing-sm)}}.metrics-grid__item>.text-headline-lg{font-size:var(--text-headline-md-size);line-height:var(--text-headline-md-line);min-height:var(--text-headline-md-line)}@media(min-width:768px){.metrics-grid__item{flex-direction:column;align-items:center;justify-content:center;text-align:center}.metrics-grid__item>.text-headline-lg{font-size:var(--text-headline-lg-size);line-height:var(--text-headline-lg-line);min-height:var(--text-headline-lg-line)}}.card--panel{background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-2xl);box-shadow:var(--shadow-level-1);overflow:hidden;display:flex;flex-direction:column}.card--padded{padding:var(--spacing-lg)}@media(min-width:768px){.card--padded{padding:var(--spacing-xl)}}.card--request{padding:var(--spacing-lg);border-radius:var(--radius-2xl);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.card--request__main{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;width:100%}.card--request__meta{flex-wrap:wrap;gap:var(--spacing-sm)}.card--request__meta.stack{gap:var(--spacing-xs)}.card--request__type--vacation{background:color-mix(in srgb,var(--color-secondary) 18%,transparent);color:var(--color-secondary)}.card--request__type--sick_leave{background:color-mix(in srgb,var(--color-error) 18%,transparent);color:var(--color-error)}.card--request__type--maternity_leave{background:color-mix(in srgb,var(--color-on-tertiary-fixed-variant) 18%,transparent);color:var(--color-on-tertiary-fixed-variant)}.card--request__type--paternity_leave{background:color-mix(in srgb,var(--color-tertiary-container) 18%,transparent);color:var(--color-tertiary-container)}.card--request__type--leave_day{background:color-mix(in srgb,var(--color-badge-pending-text) 18%,transparent);color:var(--color-badge-pending-text)}.card--request__type--paid_leave{background:color-mix(in srgb,var(--color-badge-approved-text) 18%,transparent);color:var(--color-badge-approved-text)}.card--request__actions{flex-wrap:wrap}.card__header{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant) 30%,transparent);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-surface-bright)}.card__body{padding:var(--spacing-md)}.card--login{width:100%;max-width:440px;background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-level-2);border:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}@media(min-width:768px){.card--login{padding:var(--spacing-2xl)}}.clock-hero{background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-2xl);box-shadow:var(--shadow-level-1);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}@media(min-width:768px){.clock-hero{padding:var(--spacing-2xl)}}.empty-state{background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-2xl);box-shadow:var(--shadow-level-1);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;text-align:center}.empty-state__image{width:192px;height:192px;margin-bottom:var(--spacing-lg);opacity:.8}.collapsible{background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-2xl);box-shadow:var(--shadow-level-1);overflow:hidden}.collapsible__summary{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);cursor:pointer;list-style:none;transition:background-color .2s}.collapsible__summary::-webkit-details-marker{display:none}.collapsible__summary:hover{background-color:var(--color-surface-container-low)}.collapsible__content{padding:var(--spacing-lg);border-top:1px solid color-mix(in srgb,var(--color-outline-variant) 20%,transparent);background-color:color-mix(in srgb,var(--color-surface-container-low) 50%,transparent);display:flex;flex-direction:column;gap:var(--spacing-md)}.collapsible[open] .collapsible__chevron{transform:rotate(180deg)}.collapsible__chevron{transition:transform .3s;color:var(--color-on-surface-variant)}.history-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 20%,transparent);border-radius:var(--radius-lg)}.list-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);border-radius:var(--radius-lg);transition:background-color .2s;cursor:pointer}.list-row:hover{background-color:var(--color-surface-container-low)}.list-row+.list-row{border-top:1px solid color-mix(in srgb,var(--color-outline-variant) 20%,transparent)}.list-row--static{cursor:default}.list-row--static:hover{background-color:transparent}.profile-summary{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-2xl)}@media(min-width:768px){.profile-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center}}.profile-summary__content{flex:1;min-width:0}.profile-summary__name{margin:0}.profile-summary__subtitle{margin:var(--spacing-xs) 0 0}.profile-summary__action{width:100%}@media(min-width:768px){.profile-summary__action{width:auto;justify-self:end}}.profile-summary__avatar{width:40px;height:40px;border:4px solid var(--color-surface);align-self:flex-start}.page-settings{gap:var(--spacing-md)}.page-settings .card--panel .card__header,.page-settings .card--panel .card__body{padding:var(--spacing-md)}.page-settings .card--panel .stack{gap:var(--spacing-sm)}.page-settings .card--panel .list-row{padding:var(--spacing-sm)}.page-settings .card--panel .cluster{gap:var(--spacing-sm)}.profile-edit-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.profile-edit-avatar__button{position:relative;cursor:pointer}.profile-edit-avatar__input{position:absolute;inset:0;opacity:0;cursor:pointer}.avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:1px solid color-mix(in srgb,var(--color-outline-variant) 30%,transparent)}.avatar.profile-edit-avatar__image{width:96px;height:96px}.avatar--lg{width:48px;height:48px}.avatar--initials{display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-variant);color:var(--color-surface-tint);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);aspect-ratio:1/1}.logo-box{width:var(--spacing-3xl);height:var(--spacing-3xl);background-color:var(--color-primary-container);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.logo-box .material-symbols-outlined{font-size:40px;color:var(--color-on-primary-container)}.icon-box{width:32px;height:32px}.icon-box .material-symbols-outlined{font-size:32px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);text-transform:uppercase;letter-spacing:.05em}.status-badge--pending{background-color:var(--color-badge-pending-bg);color:var(--color-badge-pending-text);border:1px solid var(--color-badge-pending-border)}.status-badge--out{background-color:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 20%,transparent)}.status-badge__dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:currentColor;animation:pulse 2s infinite}.meta-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-surface-variant) 30%,transparent);color:color-mix(in srgb,var(--color-on-surface-variant) 70%,transparent);font-size:var(--text-body-sm-size)}.tag{font-size:10px;text-transform:uppercase;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.tag--success{color:var(--color-secondary);background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.tag--error{color:var(--color-error);background-color:color-mix(in srgb,var(--color-error) 10%,transparent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-backdrop{position:fixed;inset:0;z-index:40;background-color:color-mix(in srgb,var(--color-on-background) 40%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar{display:flex;flex-direction:column;width:100%;border-right:1px solid color-mix(in srgb,var(--color-outline-variant) 30%,transparent);background-color:var(--color-surface-container);box-shadow:var(--shadow-md);border-radius:0;position:fixed;top:0;left:0;height:100vh;height:100dvh;z-index:45;flex-shrink:0;transform:translate(-100%);visibility:hidden;pointer-events:none;transition:none}.sidebar--open{transform:translate(0);visibility:visible;pointer-events:auto;transition:transform .2s ease}@media(min-width:1024px){.sidebar{display:flex;width:var(--sidebar-width);border-radius:0 var(--radius-xl) var(--radius-xl) 0;position:sticky;transform:none;visibility:visible;pointer-events:auto;transition:none;z-index:30}}.sidebar__brand{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);min-height:var(--topbar-height);flex-shrink:0}.sidebar__close{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface-variant);cursor:pointer}.sidebar__close:hover{background-color:color-mix(in srgb,var(--color-surface-variant) 50%,transparent)}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.sidebar__footer{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-md)}.sidebar__version{margin:0;color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size);line-height:var(--text-label-sm-line);font-weight:var(--text-label-sm-weight);font-variant-numeric:tabular-nums}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);color:var(--color-on-surface-variant);text-decoration:none;font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);line-height:var(--text-label-md-line);transition:background-color .2s,color .2s,transform .15s}.nav-item:hover{background-color:color-mix(in srgb,var(--color-surface-variant) 50%,transparent)}.nav-item:active{transform:scale(.95);opacity:.8}.nav-item--active{background-color:var(--color-primary);color:var(--color-on-secondary-container)}.nav-item--active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.nav-item--active:hover{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand user" "cluster cluster";align-items:center;column-gap:var(--spacing-sm);row-gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%;position:sticky;top:0;z-index:40;background-color:var(--color-surface);box-shadow:var(--shadow-sm)}@media(min-width:1024px){.topbar{display:flex;padding:var(--spacing-sm) var(--spacing-lg)}}.topbar__brand{display:flex;align-items:center;gap:var(--spacing-sm);grid-area:brand;min-width:0}.topbar__menu{flex-shrink:0}.topbar__logo{font-size:28px;color:var(--color-primary)}.topbar__title{font-size:var(--text-headline-md-size);font-weight:700;color:var(--color-primary);letter-spacing:-.01em}@media(min-width:1024px){.topbar__title{font-size:var(--text-headline-lg-size)}}.topbar__toolbar{display:contents}@media(min-width:1024px){.topbar__toolbar{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;padding:var(--spacing-xs) 0;background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-full)}}.topbar__cluster{grid-area:cluster;display:flex;align-items:center;justify-self:center;box-sizing:border-box;width:max-content;max-width:100%;min-width:0;padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-md);background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-full)}@media(min-width:1024px){.topbar__cluster{justify-self:auto;width:auto;padding:0 0 0 var(--spacing-md);background:none;border:none;box-shadow:none}}.topbar__divider{display:none}@media(min-width:1024px){.topbar__divider{display:block;width:1px;align-self:stretch;margin:var(--spacing-xs) 0;background-color:var(--color-outline-variant)}}.topbar__user-menu{grid-area:user;justify-self:end;position:relative}.topbar__user{display:flex;align-items:center;gap:var(--spacing-sm);border:none;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-xs);border-radius:var(--radius-full);background:transparent;color:inherit;cursor:pointer;transition:background-color .2s}.topbar__user:hover,.topbar__user:focus-visible,.topbar__user[aria-expanded=true]{background-color:var(--color-surface-container-high)}.topbar__user img,.topbar__user .topbar__user-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.topbar__user-name{font-size:var(--text-label-md-size);font-weight:600;color:var(--color-on-surface);white-space:nowrap}.topbar__user-arrow{font-size:22px;color:var(--color-on-surface-variant)}.topbar__dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;z-index:50;min-width:180px;margin:0;padding:var(--spacing-xs);list-style:none;background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.topbar__dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-on-surface);font-size:var(--text-label-md-size);font-weight:500;text-align:left;text-decoration:none;cursor:pointer}.topbar__dropdown-item:hover{background-color:var(--color-surface-container-low)}.topbar__dropdown-item--danger{color:var(--color-error)}.topbar-clock{display:flex;align-items:center;gap:var(--spacing-sm);width:auto;min-width:0;max-width:100%;padding:0}@media(min-width:1024px){.topbar-clock{justify-content:flex-start;gap:var(--spacing-md)}}.topbar-clock__time{font-size:var(--text-label-md-size);font-weight:600;color:var(--color-on-surface-variant);letter-spacing:.01em;white-space:nowrap;min-width:0}@media(min-width:1024px){.topbar-clock__time{min-width:12.5rem}}.topbar-clock__time--elapsed{min-width:0}.topbar-clock__metrics{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;font-size:var(--text-label-md-size);line-height:1}.topbar-clock__times{display:inline-flex;align-items:center;gap:.35em;letter-spacing:.01em;white-space:nowrap}.topbar-clock__remaining{font-weight:600;color:var(--color-on-surface)}.topbar-clock__sep,.topbar-clock__elapsed{font-weight:400;color:color-mix(in srgb,var(--color-on-surface-variant) 72%,transparent)}.topbar-clock__badge{display:inline-flex;align-items:center;margin:0;padding:.2em .7em;border-radius:var(--radius-full);background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-weight:500;line-height:1;white-space:nowrap}.topbar-clock__btn{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-label-md-size);white-space:nowrap;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.topbar-clock__btn .material-symbols-outlined{font-size:18px}@media(min-width:1024px){.topbar-clock__btn{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}}.topbar-clock__btn--in{background-color:var(--color-badge-approved-text);color:var(--color-on-primary)}.topbar-clock__btn--in:hover,.topbar-clock__btn--in:focus-visible{background-color:color-mix(in srgb,var(--color-badge-approved-text) 82%,black)}.topbar-clock__btn--out{background-color:var(--color-error);color:var(--color-on-error)}.topbar-clock__btn--out:hover,.topbar-clock__btn--out:focus-visible{background-color:var(--color-on-error-container)}.topbar-clock__btn-label{display:grid;justify-items:center}.topbar-clock__btn-sizer{grid-area:1/1;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.topbar-clock__btn-label>:not(.topbar-clock__btn-sizer){grid-area:1/1}.app-shell{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);color:var(--color-on-background)}@media(min-width:1024px){.app-shell{flex-direction:row;height:100vh;overflow:hidden}}.app-shell__body{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative;min-width:0;min-height:0}.app-shell__main{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-md);width:100%}@media(min-width:768px){.app-shell__main{padding:var(--spacing-lg)}}.app-shell__content{max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.app-shell__content--narrow{max-width:var(--content-max-width-narrow)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-md);background-color:var(--color-background)}@media(min-width:768px){.auth-layout{padding:var(--spacing-margin)}}.page-header{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:768px){.page-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.grid-lower{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:1024px){.grid-lower{grid-template-columns:2fr 1fr}}.stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.stack--lg{gap:var(--spacing-lg)}.stack--xl{gap:var(--spacing-xl)}.cluster{display:flex;align-items:center;gap:var(--spacing-md)}.flex-1{flex:1}.w-full{width:100%}.relative{position:relative}.z-10{z-index:10}.badge-pending{background-color:var(--color-badge-pending-bg);color:var(--color-badge-pending-text);border:1px solid var(--color-badge-pending-border)}.badge-approved{background-color:var(--color-badge-approved-bg);color:var(--color-badge-approved-text);border:1px solid var(--color-badge-approved-border)}.badge-pending-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:#eab308;animation:pulse 2s infinite}:root{--form-control-height: 52px}.form-control{box-sizing:border-box;height:var(--form-control-height);min-height:var(--form-control-height)}.form-control--sm{--form-control-height: 42px;box-sizing:border-box;height:var(--form-control-height);min-height:var(--form-control-height)}.form-controls .input,.form-controls .select,.form-controls .task-filter__trigger,.form-controls .searchable-select:not(.searchable-select--compact) .searchable-select__trigger,.form-controls .btn:not(.btn--icon):not(.btn--fab):not(.btn--text){box-sizing:border-box;height:var(--form-control-height);min-height:var(--form-control-height)}.form-controls .input,.form-controls .input--plain,.form-controls .task-tracker__search-input,.form-controls .task-filter__search-input{padding-top:0;padding-bottom:0}.data-table{width:100%;text-align:left;border-collapse:collapse}.data-table th{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);line-height:var(--text-label-sm-line);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent);background-color:var(--color-surface)}.data-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant) 30%,transparent)}.data-table tbody tr:hover{background-color:var(--color-surface-container-low)}.data-table--flush th,.data-table--flush td{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.select{width:100%;appearance:none;box-sizing:border-box;height:var(--form-control-height);min-height:var(--form-control-height);background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:0 var(--spacing-md);padding-right:40px;font-size:var(--text-body-sm-size);color:var(--color-on-surface);cursor:pointer}.select:hover{border-color:var(--color-secondary)}.select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.select-wrap{position:relative}.select-wrap .material-symbols-outlined{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-on-surface-variant)}.searchable-select-host{display:block;min-width:0}.searchable-select-host--filter{display:inline-block}.searchable-select{position:relative;min-width:0}.searchable-select__trigger{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);width:100%;box-sizing:border-box;height:var(--form-control-height);min-height:var(--form-control-height);padding:0 40px 0 var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-size:var(--text-body-sm-size);text-align:left;cursor:pointer}.searchable-select__trigger>.material-symbols-outlined:last-child{position:absolute;right:12px;color:var(--color-on-surface-variant);pointer-events:none}.searchable-select__trigger:hover:not(:disabled){border-color:var(--color-secondary)}.searchable-select__trigger:focus-visible{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.searchable-select__trigger:disabled{cursor:not-allowed;opacity:.6}.searchable-select--filter .searchable-select__trigger{width:auto;max-width:100%;padding-right:var(--spacing-md);white-space:nowrap}.searchable-select--filter .searchable-select__trigger>.material-symbols-outlined{font-size:18px;color:var(--color-on-surface-variant)}.searchable-select--filter .searchable-select__trigger>.material-symbols-outlined:last-child{position:static}.searchable-select--compact .searchable-select__trigger{--form-control-height: 42px;padding-right:32px}.searchable-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select__value--placeholder{color:var(--color-on-surface-variant)}.searchable-select__menu{position:fixed;z-index:120;display:flex;flex-direction:column;padding:0;background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-level-2, 0 8px 24px rgba(9, 20, 38, .12));overflow:hidden}.searchable-select__search{position:relative;flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent)}.searchable-select__search-icon{position:absolute;left:calc(var(--spacing-md) + 10px);top:50%;transform:translateY(-50%);font-size:18px;color:var(--color-on-surface-variant);pointer-events:none}.searchable-select__search-input{width:100%;height:40px;min-height:40px;padding-left:36px;border:none;background:transparent;box-shadow:none}.searchable-select__search-input:focus{outline:none;box-shadow:none}.searchable-select__list{margin:0;padding:var(--spacing-xs);list-style:none;max-height:240px;overflow-y:auto}.searchable-select__status{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.searchable-select__sentinel{height:1px;padding:0;margin:0;list-style:none;overflow:hidden}.searchable-select__option{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-on-surface);font-size:var(--text-body-sm-size);text-align:left;cursor:pointer}.searchable-select__option:hover,.searchable-select__option--active,.searchable-select__option--selected{background-color:var(--color-primary-fixed)}.catalog-sentinel{height:1px}.textarea{width:100%;border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-body-md-size);color:var(--color-on-surface);font-family:var(--font-family-base);resize:vertical}.textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.toggle{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__track{position:absolute;inset:0;background-color:var(--color-surface-variant);border-radius:var(--radius-full);cursor:pointer;transition:background-color .2s}.toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform .2s;pointer-events:none}.toggle input:checked+.toggle__track{background-color:var(--color-secondary)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(24px)}.tabs{display:flex;gap:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);margin-bottom:var(--spacing-lg)}.tab{padding-bottom:var(--spacing-sm);border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color-on-surface-variant);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);cursor:pointer}.tab--active{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.grid-3{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-clients{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.grid-clients{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-clients{grid-template-columns:repeat(3,1fr)}}.grid-absences{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:1024px){.grid-absences{grid-template-columns:2fr 1fr}}@media(min-width:1024px){.grid-absences--calendar-left{grid-template-columns:2fr 1fr}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(min-width:768px){.hidden-md-up{display:none!important}}.hidden-md-down{display:none!important}@media(min-width:768px){.hidden-md-down{display:block!important}}@media(min-width:768px){.btn.hidden-md-down{display:inline-flex!important}}.sidebar-nav-divider{height:1px;background-color:color-mix(in srgb,var(--color-outline-variant) 30%,transparent);margin:var(--spacing-sm) var(--spacing-md)}.sidebar-nav-label{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-md);font-size:12px;font-weight:600}.status-pill--in{background-color:#e6f4ea;color:#137333}.status-pill--break{background-color:#fef7e0;color:#b06000}.status-pill--out{background-color:#fce8e6;color:#c5221f}.status-pill--approved{background-color:#dcfce7;color:#166534}.status-pill--pending{background-color:#fef9c3;color:#854d0e}.status-pill--disabled{background-color:#e8eaed;color:#3c4043}.balance-up{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#e6f4ea;color:#137333;border-radius:var(--radius-md);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight)}.balance-down{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#fce8e6;color:#c5221f;border-radius:var(--radius-md);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight)}.calendar-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;background-color:var(--color-surface-bright);color:var(--color-on-surface-variant);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.calendar-placeholder .material-symbols-outlined{font-size:48px;opacity:.5;margin-bottom:var(--spacing-sm)}.bento-timer{display:grid;grid-template-columns:1fr;gap:var(--spacing-gutter)}@media(min-width:1024px){.bento-timer{grid-template-columns:1fr 2fr}}@media(min-width:768px){.clock-display{font-size:64px;line-height:72px}}.absence-form{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-xl)}@media(min-width:1024px){.absence-form{grid-template-columns:1.5fr 1fr 1fr auto;align-items:end}}.absence-form .input,.absence-form .select,.absence-form .btn:not(.btn--icon){box-sizing:border-box;height:var(--form-control-height);min-height:var(--form-control-height)}.absence-form .input,.absence-form .input--plain{padding-top:0;padding-bottom:0}.absence-form__field{min-width:0}.absence-form__submit{white-space:nowrap}.absence-form__message{grid-column:1/-1;margin:0}.task-tracker{gap:var(--spacing-lg)}.task-tracker .input,.task-tracker .select,.task-tracker .task-filter__trigger,.task-tracker__bar .btn:not(.btn--icon){box-sizing:border-box;height:var(--form-control-height);min-height:var(--form-control-height)}.task-tracker .input,.task-tracker .input--plain,.task-tracker__input,.task-tracker__search-input{padding-top:0;padding-bottom:0}.task-tracker__bar{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-xl)}@media(min-width:1024px){.task-tracker__bar{grid-template-columns:2fr 1.5fr auto auto auto;align-items:end}}.task-tracker__tags{position:relative;min-width:0}.task-tracker__tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);min-height:var(--form-control-height)}.task-tracker__tag-btn{flex-shrink:0;border:none;color:var(--color-on-surface-variant)}.task-tracker__tag-btn:hover{color:var(--color-secondary)}.task-tracker__tags-trigger{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:0;border:none;background:transparent;cursor:pointer}.task-tracker__tag-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:180px;margin:0;padding:var(--spacing-xs);list-style:none;background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-level-2, 0 8px 24px rgba(9, 20, 38, .12))}.task-tracker__tag-menu--fixed{position:fixed;z-index:110;max-height:min(280px,100vh - 16px);overflow-y:auto}.task-tracker__tag-option{display:block;width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer}.task-tracker__tag-option:hover:not(:disabled){background-color:var(--color-surface-container)}.task-tracker__tag-option--selected{background-color:var(--color-primary-fixed)}.task-tracker__tag-option--none{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.task-tracker__tag-option:disabled{opacity:.5;cursor:default}.task-tracker__field{min-width:0}.task-tracker__input{padding-left:var(--spacing-md)}.task-tracker__timer{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);min-width:120px}.task-tracker__time-btn{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;padding:4px 8px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer}.task-tracker__time-btn:hover{border-color:color-mix(in srgb,var(--color-outline-variant) 60%,transparent);background-color:var(--color-surface)}.task-tracker__start-time{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.task-tracker__start{white-space:nowrap;padding:var(--spacing-sm) var(--spacing-lg)}.task-tracker__total{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-left:auto;border-radius:var(--radius-lg);background-color:var(--color-primary-fixed);border:1px solid var(--color-primary-fixed-dim);width:fit-content}.task-tracker__total-label{font-size:var(--text-label-sm-size);color:var(--color-on-primary-fixed-variant)}.task-tracker__total-value{font-size:var(--text-label-md-size);font-weight:700;color:var(--color-on-primary-fixed)}.task-tracker__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);position:relative;z-index:2}.task-tracker__search{position:relative;flex:1 1 220px;min-width:0}@media(min-width:1024px){.task-tracker__search{flex:0 1 350px;max-width:350px}}.task-tracker__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--color-on-surface-variant);pointer-events:none}.task-tracker__search-input{width:100%;padding-left:40px}@media(min-width:1024px){.task-tracker__search-input{max-width:350px}}.task-tracker__weeks{display:flex;flex-direction:column;gap:var(--spacing-xl)}.task-tracker__pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-outline-variant) 40%,transparent);border-radius:var(--radius-lg);background-color:var(--color-surface-container-lowest)}.task-tracker__page-btn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);width:32px;height:32px}.task-tracker__page-btn:disabled{opacity:.5}.task-create-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.task-create-tags .task-tracker__tag-option{display:inline-flex;align-items:center;width:auto}.task-week{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-week__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.task-week__title{margin:0;font-size:var(--text-headline-md-size);font-weight:700;color:var(--color-primary)}.task-week__total{margin:0;font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.task-week__total strong{font-weight:700;color:var(--color-on-surface)}.task-day{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-day__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-surface-container);color:var(--color-on-surface-variant)}.task-day__label{font-size:var(--text-body-sm-size);font-weight:500}.task-day__total{font-size:var(--text-label-sm-size)}.task-day__table-wrap{overflow-x:auto;border:1px solid color-mix(in srgb,var(--color-outline-variant) 40%,transparent);border-radius:var(--radius-lg);background-color:var(--color-surface-container-lowest)}.task-day__time{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.task-day__tags-edit{position:relative}.task-day__time-input{width:auto;min-width:6.5rem;max-width:8rem;padding:4px 6px;font-size:var(--text-body-sm-size)}.task-day__time-sep{color:var(--color-on-surface-variant)}.task-day__project{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-day__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.task-day__title-btn{display:block;width:100%;max-width:16rem;margin:0;padding:4px 6px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:text}.task-day__title-btn:hover{border-color:color-mix(in srgb,var(--color-outline-variant) 60%,transparent);background-color:var(--color-surface)}.task-day__meta-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);max-width:14rem;margin:0;padding:4px 6px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer}.task-day__meta-btn:hover{border-color:color-mix(in srgb,var(--color-outline-variant) 60%,transparent);background-color:var(--color-surface)}.task-day__title-input{width:100%;min-width:10rem;max-width:16rem;padding:4px 6px;font-size:var(--text-body-sm-size);font-weight:500}.task-day__select-wrap{min-width:8.5rem}.task-day__select{padding:4px 28px 4px 8px;font-size:var(--text-body-sm-size);line-height:1.3}.task-tag{display:inline-flex;align-items:center;padding:2px 10px;border:none;border-radius:var(--radius-full);font-size:var(--text-label-sm-size);font-weight:600;line-height:1.4;white-space:nowrap;cursor:default}.task-tag--selectable,button .task-tag{cursor:pointer}.task-tag--selectable:hover,button .task-tag:hover{filter:brightness(.95)}.task-tag--violet{color:var(--color-on-tertiary-fixed-variant);background-color:color-mix(in srgb,var(--color-tertiary-fixed) 70%,transparent)}.task-tag--green{color:var(--color-badge-approved-text);background-color:var(--color-badge-approved-bg)}.task-tag--amber{color:var(--color-badge-pending-text);background-color:var(--color-badge-pending-bg)}.task-tag--blue{color:var(--color-on-secondary-fixed-variant);background-color:color-mix(in srgb,var(--color-secondary-fixed) 70%,transparent)}.task-tag--custom{background-color:color-mix(in srgb,var(--tag-color) 70%,transparent);color:var(--color-on-surface);color:contrast-color(var(--tag-color))}.task-filter{position:relative}.task-filter--date{--task-filter-date-width: calc( (2 * var(--spacing-md)) + (2 * var(--spacing-xs)) + 36px + 15ch )}.task-filter--date .task-filter__trigger{width:var(--task-filter-date-width);justify-content:space-between}.task-filter--date .date-range-picker{left:0;right:auto;width:var(--task-filter-date-width);box-sizing:border-box}.task-filter--date .date-range-picker__presets{min-width:0;width:100%}.task-filter--report-date,.task-filter--ceo-report-date{--task-filter-date-width: calc( (2 * var(--spacing-md)) + (2 * var(--spacing-xs)) + 36px + 15ch )}.task-filter--report-date .task-filter__trigger,.task-filter--ceo-report-date .task-filter__trigger{width:var(--task-filter-date-width);justify-content:space-between}.task-filter--report-date .date-range-picker:not(.date-range-picker--with-calendar),.task-filter--ceo-report-date .date-range-picker:not(.date-range-picker--with-calendar){left:0;right:auto;width:var(--task-filter-date-width);box-sizing:border-box}.task-filter--report-date .date-range-picker--with-calendar,.task-filter--ceo-report-date .date-range-picker--with-calendar{left:0;right:auto;width:auto}.task-filter--report-date .date-range-picker:not(.date-range-picker--with-calendar) .date-range-picker__presets,.task-filter--ceo-report-date .date-range-picker:not(.date-range-picker--with-calendar) .date-range-picker__presets{min-width:0;width:100%}.task-filter__trigger{display:inline-flex;align-items:center;gap:var(--spacing-xs);box-sizing:border-box;height:var(--form-control-height);min-height:var(--form-control-height);padding:0 var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-size:var(--text-body-sm-size);cursor:pointer;white-space:nowrap}.task-filter__trigger .material-symbols-outlined{font-size:18px;color:var(--color-on-surface-variant)}.task-filter__trigger:hover{border-color:var(--color-secondary)}.task-filter__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:260px;max-width:min(360px,100vw - 32px);padding:0;background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-level-2, 0 8px 24px rgba(9, 20, 38, .12));overflow:hidden}.task-filter__search{position:relative;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent)}.task-filter__search-icon{position:absolute;left:calc(var(--spacing-md) + 10px);top:50%;transform:translateY(-50%);font-size:18px;color:var(--color-on-surface-variant);pointer-events:none}.task-filter__search-input{width:100%;padding-left:36px;border:none;background:transparent;box-shadow:none}.task-filter__search-input:focus{outline:none}.task-filter__list{margin:0;padding:var(--spacing-xs);list-style:none;max-height:240px;overflow-y:auto}.task-filter__empty{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.task-filter__option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-on-surface);font-size:var(--text-body-sm-size);text-align:left;cursor:pointer}.task-filter__option:hover,.task-filter__option--selected{background-color:var(--color-primary-fixed)}.date-range-picker{position:absolute;top:calc(100% + 6px);right:0;z-index:20;padding:var(--spacing-xs);background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-level-2, 0 8px 24px rgba(9, 20, 38, .12))}.date-range-picker--with-calendar{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.date-range-picker__presets{display:flex;flex-direction:column;gap:2px}.date-range-picker__preset{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-on-surface);font-size:var(--text-body-sm-size);text-align:left;cursor:pointer;white-space:nowrap}.date-range-picker__preset:hover{background-color:var(--color-surface-container)}.date-range-picker__preset--active{background-color:var(--color-primary-fixed);color:var(--color-on-primary-fixed);font-weight:600}.date-range-picker__calendar{min-width:252px;padding:var(--spacing-xs);border-left:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent)}.date-range-picker__calendar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.date-range-picker__calendar-label{font-size:var(--text-label-sm-size);font-weight:600;color:var(--color-on-surface);text-transform:capitalize}.date-range-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--spacing-xs);text-align:center;font-size:11px;font-weight:600;color:var(--color-on-surface-variant)}.date-range-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-range-picker__day{aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-on-surface);font-size:var(--text-body-sm-size);cursor:pointer}.date-range-picker__day:hover{background-color:var(--color-surface-container)}.date-range-picker__day--outside{color:var(--color-on-surface-variant);opacity:.45}.date-range-picker__day--today{font-weight:700}.date-range-picker__day--in-range{background-color:color-mix(in srgb,var(--color-primary-fixed) 55%,transparent);border-radius:0}.date-range-picker__day--selected{background-color:var(--color-primary);color:var(--color-on-primary);font-weight:600;border-radius:var(--radius-md)}.task-report{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-report__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.task-report__grand-total{font-size:var(--text-label-md-size);font-weight:700;color:var(--color-primary)}.task-report__export{width:42px;height:42px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);color:var(--color-on-surface-variant)}.task-report__table-wrap{overflow-x:auto;border:1px solid color-mix(in srgb,var(--color-outline-variant) 40%,transparent);border-radius:var(--radius-lg);background-color:var(--color-surface-container-lowest)}.task-report__table tbody tr:hover{background-color:transparent}.task-report__group-row td{padding:0;border-bottom:none}.task-report__group-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant) 30%,transparent);background-color:var(--color-surface-container);color:var(--color-on-surface);cursor:pointer;text-align:left}.task-report__group-name{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-body-sm-size);font-weight:600}.task-report__group-meta{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.task-report__group-total{font-size:var(--text-label-sm-size);font-weight:700;color:var(--color-primary)}.task-report__group-chevron{font-size:20px;color:var(--color-on-surface-variant)}.task-report__entry-row td{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.task-report__entry-row td:first-child{width:24px;padding-left:var(--spacing-md)}.text-center{text-align:center}.clock-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);justify-content:space-between}.clock-toolbar__totals{display:flex;flex-direction:column;gap:2px;min-width:0}.clock-toolbar__totals p{margin:0}.clock-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-left:auto}.clock-month-nav{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:40px;padding:0 var(--spacing-xs);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background-color:var(--color-surface-container-low)}.clock-month-nav__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-primary);cursor:pointer}.clock-month-nav__btn:disabled{opacity:.4;cursor:not-allowed}.clock-month-nav__btn .material-symbols-outlined{font-size:20px}.clock-month-nav__label{min-width:10rem;text-align:center;color:var(--color-primary)}.clock-year-select{position:relative}.clock-year-select__trigger{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:40px;padding:0 var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background-color:var(--color-surface-container-low);color:var(--color-primary);cursor:pointer}.clock-year-select__trigger .material-symbols-outlined{font-size:20px}.clock-year-select__menu{position:absolute;top:calc(100% + 4px);right:0;z-index:10;min-width:100%;margin:0;padding:var(--spacing-xs);list-style:none;background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.clock-year-select__option{display:block;width:100%;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--color-on-surface);text-align:left;cursor:pointer}.clock-year-select__option:hover,.clock-year-select__option[aria-selected=true]{background-color:var(--color-surface-container)}.clock-day-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.clock-day{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-outline-variant) 70%,transparent);border-radius:var(--radius-xl);background-color:var(--color-surface-container-lowest)}.clock-day__toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);width:100%;margin:0;padding:0;border:none;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.clock-day__chevron{flex-shrink:0;margin-top:2px;color:var(--color-on-surface-variant);transition:transform .15s ease}.clock-day__chevron--open{transform:rotate(180deg)}.clock-day__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.clock-day__titles{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}@media(min-width:768px){.clock-day__titles{flex-direction:row;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap}}.clock-day__title,.clock-day__reason,.clock-day__hours{margin:0}.clock-day__hours{flex-shrink:0}.clock-day__sessions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.clock-day__detail{padding-top:var(--spacing-xs)}.clock-day--non_workday,.clock-day--no_schedule{background-color:var(--color-surface-container-low)}.clock-day--holiday{background-color:color-mix(in srgb,var(--color-tertiary-fixed) 45%,transparent);border-color:color-mix(in srgb,var(--color-tertiary-fixed-dim) 50%,transparent)}.clock-day--vacation{background-color:color-mix(in srgb,var(--color-secondary-fixed) 50%,transparent)}.clock-day--today{background-color:color-mix(in srgb,var(--color-secondary-fixed) 35%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 25%,transparent)}.clock-timeline{position:relative;height:10px;margin-left:28px;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-outline-variant) 35%,transparent)}.clock-timeline__bar{position:absolute;top:0;height:100%;border-radius:inherit;background-color:var(--color-secondary);z-index:1}.clock-timeline__bar--expected{z-index:0;background-color:color-mix(in srgb,var(--color-primary) 22%,transparent)}.clock-timeline__bar--active{background-color:color-mix(in srgb,var(--color-secondary) 55%,white)}.clock-timeline__bar--overdue{background-color:var(--color-error)}.clock-timeline__bar--pending{background-color:transparent;border:1px dashed var(--color-secondary);box-sizing:border-box}.clock-interval-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0 0 0 28px;padding:0;list-style:none}.clock-interval{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.clock-interval__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.clock-interval--request{align-items:flex-start;padding:var(--spacing-sm);border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--color-tertiary-fixed) 35%,transparent)}.clock-request{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.clock-request p{margin:0}.clock-request__kind{margin-bottom:2px}.clock-pending-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-tertiary-fixed) 70%,transparent);color:var(--color-on-tertiary-fixed)}.clock-chip{border:none;border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);background-color:color-mix(in srgb,var(--color-secondary-fixed) 80%,transparent);color:var(--color-on-secondary-fixed);font:inherit;font-size:var(--text-body-sm-size);cursor:pointer;transition:background-color .15s ease}.clock-chip:hover{background-color:var(--color-secondary-fixed)}.clock-chip--active{background-color:color-mix(in srgb,var(--color-secondary) 18%,transparent);color:var(--color-secondary)}.clock-chip--overdue{background-color:var(--color-error-container);color:var(--color-on-error-container)}.clock-edit-hint{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--color-error-container) 55%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 20%,transparent)}.clock-edit-times{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:768px){.clock-edit-times{flex-direction:row;align-items:flex-start}.clock-edit-times>.field{flex:1;min-width:0}}.clock-edit-times__hint{margin-top:var(--spacing-xs);min-height:1.25rem}.clock-edit-times__hint--spacer{display:none}@media(min-width:768px){.clock-edit-times__hint--spacer{display:block;visibility:hidden}}.skeleton{display:inline-block;vertical-align:middle;pointer-events:none;background:linear-gradient(90deg,var(--color-surface-container) 0%,var(--color-surface-container-highest) 45%,var(--color-surface-container) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton.btn{display:inline-flex;color:transparent;box-shadow:none;border-color:transparent}.skeleton--metric{height:1.15em;width:4.5rem;border-radius:var(--radius-md)}.skeleton--line{display:block;height:.85em;width:100%}.skeleton--chip{height:1.5rem;width:4.5rem;border-radius:var(--radius-md)}.skeleton--avatar{width:32px;height:32px;border-radius:var(--radius-full);flex-shrink:0}.skeleton--clock-time{width:100%;max-width:12.5rem;height:1.15em;border-radius:var(--radius-full)}.skeleton--w-4{width:4rem}.skeleton--w-8{width:8rem}.skeleton--w-12{width:12rem}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:color-mix(in srgb,var(--color-scrim, #000) 40%,transparent);animation:modal-fade-in .2s ease}.modal{display:flex;flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - var(--spacing-xl));background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:modal-slide-in .2s ease}.modal--wide{max-width:40rem}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant)}.modal__body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-outline-variant)}.modal__footer>div{display:flex;align-items:center;gap:var(--spacing-md)}.input--plain{padding-left:var(--spacing-md)}.color-picker{display:flex;gap:var(--spacing-sm)}.color-picker__option{width:32px;height:32px;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:border-color .15s,transform .15s}.color-picker__option:hover{transform:scale(1.08)}.color-picker__option--selected{border-color:var(--color-primary)}.project-swatch{display:inline-block;width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.card--clickable{cursor:pointer;transition:border-color .2s,box-shadow .2s}.card--clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.client-icon--tertiary{color:var(--color-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);text-align:center;border:1px dashed var(--color-outline-variant);border-radius:var(--radius-xl);background-color:var(--color-surface-container-low)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;left:50%;bottom:var(--spacing-lg);z-index:110;display:flex;align-items:center;gap:var(--spacing-sm);max-width:min(24rem,100vw - var(--spacing-xl));padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-inverse-surface);color:var(--color-inverse-on-surface);box-shadow:var(--shadow-level-2);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);transform:translate(-50%);animation:toast-in .2s ease;pointer-events:none}.toast .material-symbols-outlined{font-size:20px;color:color-mix(in srgb,var(--color-badge-approved-text) 55%,white)}@media(min-width:1024px){.toast{left:calc(50% + var(--sidebar-width) / 2)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.vacation-calendar{display:flex;flex-direction:column;gap:var(--spacing-md)}.card--panel:has(.vacation-calendar),.card--panel:has(.vacation-calendar) .card__body{overflow:visible}.card--panel:has(.vacation-calendar){position:relative;border-color:transparent}.card--panel:has(.vacation-calendar)>.card__header{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.card--panel:has(.vacation-calendar):after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:inherit;pointer-events:none;z-index:3}.vacation-calendar__nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin:0 auto;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface-bright);border:1px solid color-mix(in srgb,var(--color-outline-variant) 35%,transparent);border-radius:var(--radius-full);box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow) 8%,transparent)}.vacation-calendar__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface-variant);cursor:pointer}.vacation-calendar__nav-btn:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.vacation-calendar__nav-btn .material-symbols-outlined{font-size:20px}.vacation-calendar__nav-label{min-width:9rem;text-align:center;color:var(--color-on-surface);font-weight:600}.vacation-calendar__weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}.vacation-calendar__weekday{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-on-surface-variant);text-align:left}.vacation-calendar__weekday-short{display:none}@media(max-width:767px){.vacation-calendar__weekday-full{display:none}.vacation-calendar__weekday-short{display:inline}.vacation-calendar__day-weekday{display:none}}.vacation-calendar__grid{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:color-mix(in srgb,var(--color-outline-variant) 35%,transparent);border:1px solid transparent;border-radius:var(--radius-lg);overflow:visible}.vacation-calendar__grid:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--color-outline-variant) 35%,transparent);border-radius:inherit;pointer-events:none;z-index:4}.vacation-calendar__cell{position:relative;z-index:0;display:flex;flex-direction:column;min-height:96px;background:var(--color-surface-bright);padding:var(--spacing-sm);gap:var(--spacing-xs);overflow:visible}.vacation-calendar__cell:nth-child(1){border-top-left-radius:calc(var(--radius-lg) - 1px)}.vacation-calendar__cell:nth-child(7){border-top-right-radius:calc(var(--radius-lg) - 1px)}.vacation-calendar__cell:nth-last-child(7){border-bottom-left-radius:calc(var(--radius-lg) - 1px)}.vacation-calendar__cell:last-child{border-bottom-right-radius:calc(var(--radius-lg) - 1px)}.vacation-calendar__cell:has(.vacation-calendar__avatar-wrap:hover),.vacation-calendar__cell:has(.vacation-calendar__avatar-wrap:focus-within){z-index:30}.vacation-calendar__cell--muted .vacation-calendar__day-label{color:var(--color-outline)}.vacation-calendar__cell--today .vacation-calendar__day-label{color:var(--color-primary);font-weight:600}.vacation-calendar__cell-header{flex-shrink:0}.vacation-calendar__day-label{color:var(--color-on-surface-variant)}.vacation-calendar__cell-body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-xs)}.vacation-calendar__holiday-row{display:flex;align-items:center;gap:var(--spacing-xs);align-self:flex-start}.vacation-calendar__holiday{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-on-tertiary-fixed-variant);color:var(--color-on-primary);font-size:18px;line-height:1;border-radius:var(--radius-full);flex-shrink:0}.vacation-calendar__holiday-name{color:var(--color-on-tertiary-fixed-variant);line-height:1.2}.vacation-calendar__avatars{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.vacation-calendar__avatar-wrap{position:relative;z-index:1;display:inline-flex;flex-shrink:0}.vacation-calendar__avatar-wrap:hover,.vacation-calendar__avatar-wrap:focus-within{z-index:40}.vacation-calendar__avatar-wrap:hover .vacation-calendar__tooltip,.vacation-calendar__avatar-wrap:focus-within .vacation-calendar__tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.vacation-calendar__avatar{width:28px;height:28px;object-fit:cover;border:2px solid var(--color-secondary);border-radius:var(--radius-full);box-sizing:border-box}.vacation-calendar__avatar--initials{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.vacation-calendar__avatar--pending{opacity:.65;outline:1px dashed var(--color-outline);outline-offset:1px}.vacation-calendar__avatar--vacation{border-color:var(--color-secondary)}.vacation-calendar__avatar--sick_leave{border-color:var(--color-error)}.vacation-calendar__avatar--maternity_leave{border-color:var(--color-on-tertiary-fixed-variant)}.vacation-calendar__avatar--paternity_leave{border-color:var(--color-tertiary-container)}.vacation-calendar__avatar--leave_day{border-color:var(--color-badge-pending-text)}.vacation-calendar__avatar--paid_leave{border-color:var(--color-badge-approved-text)}.vacation-calendar__tooltip{position:absolute;left:50%;bottom:calc(100% + 6px);z-index:50;display:flex;flex-direction:column;gap:2px;min-width:max-content;max-width:12rem;padding:6px 8px;border-radius:var(--radius-md);background:var(--color-surface-container-lowest);color:var(--color-on-surface);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--color-shadow, #091426) 16%,transparent);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.vacation-calendar__tooltip-name{font-size:12px;font-weight:600;line-height:1.2;color:var(--color-on-surface)}.vacation-calendar__tooltip-type{font-size:11px;line-height:1.2;color:var(--color-on-surface-variant)}.vacation-calendar__pills{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}.vacation-calendar__pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:24px;padding:2px 8px 2px 2px;border-radius:var(--radius-full);background:var(--color-surface-container-high);color:var(--color-on-surface);overflow:hidden}.vacation-calendar__pill--birthday{background:color-mix(in srgb,var(--color-tertiary) 14%,var(--color-surface-bright));color:var(--color-on-surface)}.vacation-calendar__pill-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;line-height:1;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-tertiary) 22%,transparent);color:var(--color-tertiary);flex-shrink:0}.vacation-calendar__pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.vacation-calendar__overflow{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-width:28px;height:28px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-weight:600}.vacation-calendar__legend{display:none;list-style:none;margin:0;padding:0;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md)}.vacation-calendar__legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size)}.vacation-calendar__legend-swatch{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.vacation-calendar__legend-swatch--holiday{background:var(--color-on-tertiary-fixed-variant)}.vacation-calendar__legend-swatch--vacation{background:var(--color-secondary)}.vacation-calendar__legend-swatch--sick_leave{background:var(--color-error)}.vacation-calendar__legend-swatch--leave_day{background:var(--color-badge-pending-text)}@media(max-width:767px){.vacation-team-calendar{display:none}}@media(max-width:767px){.vacation-calendar--personal .vacation-calendar__grid{gap:0;background:transparent;border:none;border-radius:0}.vacation-calendar--personal .vacation-calendar__grid:after{display:none}.vacation-calendar--personal .vacation-calendar__weekday{text-align:center;padding:var(--spacing-xs) 0}.vacation-calendar--personal .vacation-calendar__cell{min-height:0;padding:var(--spacing-xs) 0;background:transparent;align-items:center;border-radius:0}.vacation-calendar--personal .vacation-calendar__cell-header{display:flex;justify-content:center;width:100%}.vacation-calendar--personal .vacation-calendar__day-label{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--color-on-surface-variant)}.vacation-calendar--personal .vacation-calendar__day-label--holiday{background:var(--color-on-tertiary-fixed-variant);color:var(--color-on-primary)}.vacation-calendar--personal .vacation-calendar__day-label--vacation{background:color-mix(in srgb,var(--color-secondary) 28%,transparent);color:var(--color-secondary)}.vacation-calendar--personal .vacation-calendar__day-label--pending{opacity:.65;outline:1px dashed var(--color-outline);outline-offset:1px}.vacation-calendar--personal .vacation-calendar__cell--today .vacation-calendar__day-label{font-weight:700}.vacation-calendar--personal .vacation-calendar__cell-body{display:none}.vacation-calendar--personal .vacation-calendar__legend{display:flex}}.card--panel:has(.work-schedule-calendar){margin-bottom:var(--spacing-lg)}.card--panel:has(.work-schedule-calendar)>.card__header{flex-wrap:wrap;gap:var(--spacing-sm)}.work-schedule-calendar__toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md)}.work-schedule-calendar__cell--clickable{cursor:pointer}.work-schedule-calendar__cell--clickable:hover,.work-schedule-calendar__cell--clickable:focus-visible{outline:none;background:color-mix(in srgb,var(--color-secondary) 8%,var(--color-surface-bright))}.work-schedule-calendar__chip{padding:2px 8px;max-width:100%;pointer-events:none}.work-schedule-calendar__chip--past{background:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.work-schedule-calendar__chip--current{background:var(--color-secondary);color:var(--color-on-secondary)}.work-schedule-calendar__chip--future{background:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed)}.work-schedule-calendar__legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);list-style:none;margin:0;padding:0}.work-schedule-calendar__legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size)}.work-schedule-calendar__swatch{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.work-schedule-calendar__swatch--past{background:var(--color-on-surface-variant)}.work-schedule-calendar__swatch--current{background:var(--color-secondary)}.work-schedule-calendar__swatch--future{background:var(--color-tertiary-fixed-dim)}.absences-layout{display:grid;gap:var(--spacing-lg);align-items:start}@media(min-width:1024px){.absences-layout{grid-template-columns:16rem minmax(0,1fr)}}.absences-types{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-xl)}.absences-types__search{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);border:1px solid color-mix(in srgb,var(--color-outline-variant) 60%,transparent);border-radius:var(--radius-lg);background:var(--color-surface-bright)}.absences-types__search .material-symbols-outlined{color:var(--color-on-surface-variant);font-size:20px}.absences-types__search .input{flex:1;min-width:0;border:none;background:transparent;box-shadow:none}.absences-types__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.absences-types__item{display:flex;width:100%;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--color-on-surface);text-align:left;cursor:pointer}.absences-types__item:hover{background:var(--color-surface-container-low)}.absences-types__item--active{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);font-weight:600}.absences-types__swatch{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.absences-calendar-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.absence-year{display:flex;flex-direction:column;gap:var(--spacing-lg)}.absence-year-calendar{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl) var(--spacing-lg)}@media(min-width:768px){.absence-year-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.absence-year-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}}.absence-year-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);margin:0;padding:0;list-style:none}.absence-year-legend__item{display:inline-flex;align-items:center;gap:6px;color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size, .75rem)}.absence-year-legend__swatch{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.absence-year-legend__swatch--holiday{background:var(--color-error)}.absence-year-legend__swatch--approved{background:var(--color-badge-approved-text)}.absence-year-legend__swatch--pending{background:repeating-linear-gradient(-45deg,var(--color-badge-approved-text) 0 3px,#ffffff 3px 6px)}.absence-year-month{min-width:0}.absence-year-month__title{margin:0 0 var(--spacing-sm);text-align:center;color:var(--color-on-surface);font-weight:600}.absence-year-month__weekdays,.absence-year-month__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center}.absence-year-month__weekdays{margin-bottom:var(--spacing-xs)}.absence-year-month__weekdays span{color:var(--color-on-surface-variant)}.absence-year-month__day{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:1px 0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface);font:inherit;font-size:var(--text-label-sm-size, .75rem);cursor:pointer}.absence-year-month__day:hover{background:var(--color-surface-container-low)}.absence-year-month__day--today{font-weight:700;box-shadow:inset 0 0 0 1px var(--color-outline)}.absence-year-month__day--holiday{background:var(--color-error);color:var(--color-on-error)}.absence-year-month__day--holiday:hover{background:var(--color-error)}.absence-year-month__day--absence:not(.absence-year-month__day--pending){background:var(--color-badge-approved-text);color:var(--color-on-primary)}.absence-year-month__day--absence:not(.absence-year-month__day--pending):hover{background:var(--color-badge-approved-text)}.absence-year-month__day--pending{background:repeating-linear-gradient(-45deg,var(--color-badge-approved-text) 0 4px,#ffffff 4px 8px);color:var(--color-badge-approved-text);font-weight:700}.absence-year-month__day--pending:hover{background:repeating-linear-gradient(-45deg,var(--color-badge-approved-text) 0 4px,#ffffff 4px 8px)}.absence-year-month__day--absence{font-weight:600}.absence-year-month__pad{width:32px;height:32px;margin:1px 0}.absence-request{display:grid;gap:var(--spacing-lg)}@media(min-width:768px){.absence-request{grid-template-columns:1.2fr .8fr;align-items:start}}.absence-request__summary{padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-surface-container-low)}.absence-request__facts{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-md) 0 0;padding:0}.absence-request__facts div{display:flex;flex-direction:column;gap:2px}.absence-request__facts dt,.absence-request__facts dd{margin:0}.modal:has(.absence-request){max-width:44rem}.absence-day-info{margin:0}