@charset "UTF-8";: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{height:100%;touch-action:manipulation}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}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-symbols-outlined.woff2?v=22722c6aa7cf) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;width:1em;height:1em;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.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:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.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:not(:disabled){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:not(:disabled):not([aria-disabled=true]){background-color:var(--color-surface-container-high)}.btn--icon:active:not(:disabled):not([aria-disabled=true]){transform:scale(.95);opacity:.8}.btn--icon:disabled,.btn--icon[aria-disabled=true]{cursor:not-allowed;opacity:.4;pointer-events:none}.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:not(:disabled):not([aria-disabled=true]){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:not(:disabled):not([aria-disabled=true]){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}:not(.toggle)>input[type=checkbox]{appearance:none;position:relative;display:inline-grid;place-content:center;flex-shrink:0;width:18px;height:18px;margin:0;border:2px solid var(--color-on-surface-variant);border-radius:2px;background-color:transparent;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;transition:background-color .12s,border-color .12s,box-shadow .12s}:not(.toggle)>input[type=checkbox]:before{content:"";box-sizing:content-box;position:relative;z-index:1;width:8px;height:4px;margin-bottom:3px;border:2px solid var(--color-on-secondary);border-top:0;border-right:0;transform:rotate(-45deg) scale(0);transform-origin:center;pointer-events:none;transition:transform .12s cubic-bezier(.4,0,.2,1)}:not(.toggle)>input[type=checkbox]:after{content:"";position:absolute;z-index:0;top:50%;left:50%;width:18px;height:18px;border-radius:50%;background-color:transparent;pointer-events:none;box-shadow:0 0 0 11px transparent;transform:translate(-50%,-50%);transition:box-shadow .12s}@media(hover:hover)and (pointer:fine){:not(.toggle)>input[type=checkbox]:hover:not(:disabled):after{box-shadow:0 0 0 11px color-mix(in srgb,var(--color-on-surface) 8%,transparent)}:not(.toggle)>input[type=checkbox]:checked:hover:not(:disabled):after{box-shadow:0 0 0 11px color-mix(in srgb,var(--color-secondary) 12%,transparent)}}:not(.toggle)>input[type=checkbox]:checked{border-color:var(--color-secondary);background-color:var(--color-secondary)}:not(.toggle)>input[type=checkbox]:checked:before{transform:rotate(-45deg) scale(1)}:not(.toggle)>input[type=checkbox]:focus-visible{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 20%,transparent)}:not(.toggle)>input[type=checkbox]:disabled{opacity:.38;cursor:not-allowed}input[type=radio]{appearance:none;position:relative;display:inline-grid;place-content:center;flex-shrink:0;width:20px;height:20px;margin:0;border:2px solid var(--color-on-surface-variant);border-radius:50%;background-color:transparent;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;transition:border-color .12s,box-shadow .12s}input[type=radio]:before{content:"";position:relative;z-index:1;width:10px;height:10px;border-radius:50%;background-color:var(--color-secondary);transform:scale(0);pointer-events:none;transition:transform .12s cubic-bezier(.4,0,.2,1)}input[type=radio]:after{content:"";position:absolute;z-index:0;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background-color:transparent;pointer-events:none;box-shadow:0 0 0 10px transparent;transform:translate(-50%,-50%);transition:box-shadow .12s}@media(hover:hover)and (pointer:fine){input[type=radio]:hover:not(:disabled):after{box-shadow:0 0 0 10px color-mix(in srgb,var(--color-on-surface) 8%,transparent)}input[type=radio]:checked:hover:not(:disabled):after{box-shadow:0 0 0 10px color-mix(in srgb,var(--color-secondary) 12%,transparent)}}input[type=radio]:checked{border-color:var(--color-secondary)}input[type=radio]:checked:before{transform:scale(1)}input[type=radio]: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[type=radio]:disabled{opacity:.38;cursor:not-allowed}.date-field{display:block;width:100%;min-width:0}.date-field__control{position:relative}.date-field__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding-right:12px;text-align:left;cursor:pointer}.date-field__trigger:disabled{cursor:not-allowed;opacity:.38}.date-field__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-field__value--empty{color:color-mix(in srgb,var(--color-on-surface-variant) 65%,transparent)}.date-field__value--clearable{padding-right:28px}.date-field__icon{font-size:20px;color:var(--color-secondary)}.date-field__clear{position:absolute;top:50%;right:40px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface-variant);transform:translateY(-50%);cursor:pointer}.date-field__clear .material-symbols-outlined{font-size:16px}.date-field__clear:hover{background:var(--color-surface-container-high);color:var(--color-on-surface)}.date-field__panel{position:fixed;z-index:130;box-sizing:border-box;width:328px;max-width:calc(100vw - 16px);padding:14px 12px 16px;background:var(--color-surface-container);border:1px solid color-mix(in srgb,var(--color-outline-variant) 40%,transparent);border-radius:var(--radius-xl);box-shadow:0 16px 40px #09142624,0 2px 8px #0914260f;-webkit-user-select:none;user-select:none}.date-field__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:8px;padding:0 2px}.date-field__caption{display:inline-flex;align-items:center;gap:0;min-width:0;padding:6px 6px 6px 4px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-on-surface);font-size:13px;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;cursor:pointer}.date-field__caption .material-symbols-outlined{font-size:18px;color:var(--color-on-surface)}.date-field__caption:hover{background:color-mix(in srgb,var(--color-on-surface) 6%,transparent)}.date-field__nav{display:inline-flex;align-items:center;gap:2px}.date-field__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface-variant);cursor:pointer}.date-field__nav-btn .material-symbols-outlined{font-size:22px}.date-field__nav-btn:hover{background:color-mix(in srgb,var(--color-on-surface) 8%,transparent);color:var(--color-on-surface)}.date-field__weekdays,.date-field__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.date-field__weekdays{margin-bottom:2px;color:var(--color-on-surface-variant);font-size:12px;font-weight:600;letter-spacing:.02em}.date-field__weekdays span{display:flex;align-items:center;justify-content:center;height:28px}.date-field__month-name{margin:0 0 4px;padding-left:6px;color:var(--color-on-surface-variant);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.date-field__days{row-gap:2px}.date-field__pad{width:min(36px,100%);aspect-ratio:1;margin:0 auto}.date-field__day:focus-visible,.date-field__month:focus-visible,.date-field__clear:focus-visible,.date-field__caption:focus-visible,.date-field__nav-btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.date-field__day{display:inline-flex;align-items:center;justify-content:center;width:min(36px,100%);aspect-ratio:1;height:auto;margin:0 auto;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface);font-size:14px;font-weight:500;line-height:1;cursor:pointer}.date-field__day:hover:not(:disabled):not(.date-field__day--selected){background:color-mix(in srgb,var(--color-on-surface) 8%,transparent)}.date-field__day--today{color:var(--color-secondary);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--color-secondary)}.date-field__day--selected{background:var(--color-secondary);color:var(--color-on-secondary);font-weight:600;box-shadow:none}.date-field__day:disabled{color:color-mix(in srgb,var(--color-on-surface) 28%,transparent);cursor:default}.date-field__months{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:4px}.date-field__month{padding:10px 4px;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--color-on-surface);font-size:var(--text-label-sm-size);font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.date-field__month:hover:not(.date-field__month--selected):not(:disabled){background:color-mix(in srgb,var(--color-on-surface) 6%,transparent)}.date-field__month--selected{background:var(--color-secondary);color:var(--color-on-secondary)}.date-field__month:disabled{background:transparent;color:color-mix(in srgb,var(--color-on-surface) 28%,transparent);cursor:default}.time-field{display:block;width:max-content;max-width:100%}.field>.time-field{width:100%}.time-field__root,.time-field__control{width:100%}.time-field__control.input{display:flex;align-items:center;gap:0;min-width:0;padding:8px 4px 8px 8px;cursor:text}.time-field__control.input:focus-within{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.time-field__control--disabled{opacity:.38;pointer-events:none}.time-field__segment,.time-field__value,.time-field__colon{font-variant-numeric:tabular-nums}.time-field__segment{flex:0 0 auto;box-sizing:content-box;width:2ch;margin:0;padding:2px 3px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center;caret-color:currentColor}.time-field__segment::placeholder{color:color-mix(in srgb,var(--color-on-surface-variant) 55%,transparent)}.time-field__segment:focus{background:var(--color-secondary);color:var(--color-on-secondary);outline:none}.time-field__segment:focus::placeholder{color:color-mix(in srgb,var(--color-on-secondary) 70%,transparent)}.time-field__colon{color:var(--color-on-surface);-webkit-user-select:none;user-select:none}.time-field__value{flex:1;min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.time-field__value--empty{color:color-mix(in srgb,var(--color-on-surface-variant) 65%,transparent)}.time-field__nudge-row{display:grid;grid-template-columns:1fr 1fr}.time-field__nudge{display:inline-flex;align-items:center;justify-content:center;width:100%;height:22px;margin:0;padding:0;border:0;background:transparent;color:var(--color-on-surface-variant);cursor:pointer}.time-field__nudge:before{content:"";width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent}.time-field__nudge--up:before{border-bottom:6px solid currentColor}.time-field__nudge--down:before{border-top:6px solid currentColor}.time-field__nudge:hover{color:var(--color-on-surface)}.time-field__clear:focus,.time-field__clear:focus-visible,.time-field__clock:focus,.time-field__clock:focus-visible,.time-field__nudge:focus,.time-field__nudge:focus-visible,.time-field__sheet-btn:focus,.time-field__sheet-btn:focus-visible,.time-field__wheel-item:focus,.time-field__wheel-item:focus-visible,.time-field__backdrop:focus,.time-field__backdrop:focus-visible{outline:none}.time-field__clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0 0 0 auto;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface-variant);cursor:pointer}.time-field__clear .material-symbols-outlined{font-size:16px}.time-field__clear:hover{background:var(--color-surface-container-high);color:var(--color-on-surface)}.time-field__clock{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 0 0 auto;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-secondary);cursor:pointer}.time-field__clock .material-symbols-outlined{font-size:20px}.time-field__clock:hover{background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.time-field__clear+.time-field__clock{margin-left:0}.time-field--compact .time-field__control{padding-top:4px;padding-bottom:4px;padding-left:6px;font-size:var(--text-body-sm-size)}body.time-field-sheet-open{overflow:hidden}.time-field__overlay{position:fixed;z-index:130}.time-field__overlay--sheet{inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;width:100%;height:100%}.time-field__backdrop{position:absolute;inset:0;margin:0;padding:0;border:0;background:#09142666;cursor:pointer}.time-field__panel{box-sizing:border-box;width:100%;padding:8px 8px 12px;background:var(--color-surface-container);border:1px solid color-mix(in srgb,var(--color-outline-variant) 40%,transparent);border-radius:var(--radius-xl);box-shadow:0 16px 40px #09142624,0 2px 8px #0914260f;-webkit-user-select:none;user-select:none}.time-field__panel--sheet{position:relative;z-index:1;width:100%;max-width:none;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.time-field__sheet-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 8px}.time-field__sheet-btn{margin:0;padding:8px;border:0;background:transparent;color:var(--color-secondary);font-size:var(--text-label-md-size);font-weight:600;cursor:pointer}.time-field__sheet-btn--done{font-weight:700}.time-field__wheels{--time-row: 36px;position:relative;display:grid;grid-template-columns:1fr 1fr;height:calc(var(--time-row) * 5)}.time-field__panel--sheet .time-field__wheels{--time-row: 44px;width:min(100%,18rem);margin-inline:auto}.time-field__highlight{position:absolute;z-index:0;top:50%;left:6px;right:6px;height:var(--time-row);border-radius:8px;background:color-mix(in srgb,var(--color-on-surface) 8%,transparent);transform:translateY(-50%);pointer-events:none}.time-field__wheel{position:relative;z-index:1;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 72%,transparent)}.time-field__wheel::-webkit-scrollbar{display:none}.time-field__wheel-pad{height:calc(var(--time-row) * 2)}.time-field__wheel-item{display:flex;align-items:center;justify-content:center;width:100%;height:var(--time-row);margin:0;padding:0;border:0;background:transparent;color:color-mix(in srgb,var(--color-on-surface) 42%,transparent);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;scroll-snap-align:center;cursor:pointer}.time-field__wheel-item--selected{color:var(--color-on-surface);font-size:20px;font-weight:600}.time-field__panel--sheet .time-field__wheel-item{font-size:20px}.time-field__panel--sheet .time-field__wheel-item--selected{font-size:23px}@media(prefers-reduced-motion:reduce){:not(.toggle)>input[type=checkbox]:before,input[type=radio]:before{transition:none}}.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)}.employees-role-label{display:flex;align-items:center;gap:var(--spacing-xs)}.employees-role-help__trigger{width:28px;height:28px;flex-shrink:0;padding:0}.employees-role-help__trigger .material-symbols-outlined{font-size:18px}.employees-role-help{position:fixed;z-index:140;box-sizing:border-box;width:320px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:var(--spacing-xs);background: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))}.employees-role-help__list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0;padding:0;list-style:none}.employees-role-help__row{padding:var(--spacing-sm);border-radius:var(--radius-md)}.employees-role-help__row--current{background:var(--color-surface-container-high)}.employees-role-help__name,.employees-role-help__text{margin:0}.employees-role-help__name{font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);line-height:var(--text-label-md-line)}.employees-role-help__text{margin-top:2px;color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line)}.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:minmax(0,1fr);gap:var(--spacing-md)}@media(min-width:768px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,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;min-width:0}.metrics-grid__item>*{min-width:0}.metrics-grid__item>.text-label-md{overflow-wrap:anywhere}@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);width:100%;max-width:100%;box-sizing:border-box;min-width:0}@media(min-width:768px){.card--request{flex-direction:row;align-items:center;justify-content:space-between}}.card--request__main{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;width:100%}@media(min-width:768px){.card--request__main{flex:1;width:auto}}.card--request__identity{flex-wrap:wrap;align-items:center;min-width:0}.card--request__meta{flex-wrap:wrap;gap:var(--spacing-sm);min-width:0}.card--request__meta.stack{gap:var(--spacing-xs)}.card--request__meta-icon{font-size:18px}.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{display:flex;flex-wrap:wrap;flex-shrink:0;gap:var(--spacing-sm);width:100%}@media(max-width:767px){.card--request__actions{flex-direction:column;align-items:stretch}.card--request__actions .btn{width:100%;justify-content:center}}@media(min-width:768px){.card--request__actions{width:auto;margin-left:auto;justify-content:flex-end}}.grid-absences__pending .card--request{flex-direction:column;align-items:stretch}.grid-absences__pending .card--request .card--request__main{flex:none;width:100%}.grid-absences__pending .card--request .card--request__actions{width:100%;margin-left:0;flex-direction:column;align-items:stretch}.grid-absences__pending .card--request .card--request__actions .btn{width:100%;justify-content:center}.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}.list-row--unread{background-color:color-mix(in srgb,var(--color-secondary) 8%,transparent)}.list-row--unread:hover{background-color:color-mix(in srgb,var(--color-secondary) 12%,transparent)}.list-row--unread .text-label-md{font-weight:600}.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__trigger{padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius-full)}.profile-edit-avatar__button{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);overflow:hidden}.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;z-index:125}@media(min-width:1024px){.sidebar--open{z-index:30}}.sidebar--closing{transform:translate(-100%);visibility:visible;pointer-events:none;transition:transform .2s ease,visibility 0s linear .2s}@media(min-width:1024px){.sidebar--closing{transform:none;visibility:visible;pointer-events:auto;transition:none}}@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__cookies{display:block;width:100%;margin:0 0 var(--spacing-xs);padding:0;border:0;background:transparent;color:var(--color-on-surface-variant);font-family:inherit;font-size:var(--text-label-sm-size);line-height:var(--text-label-sm-line);font-weight:var(--text-label-sm-weight);text-align:start;text-decoration:underline;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}.sidebar__cookies:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.sidebar__version{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--color-on-surface-variant);font-family:inherit;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;text-align:start;appearance:none;-webkit-tap-highlight-color:transparent}.sidebar__version:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.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)}.nav-item__badge{margin-left:auto;min-width:1.25rem;height:1.25rem;padding:0 6px;border-radius:var(--radius-full);background-color:var(--color-error);color:var(--color-on-error, #fff);font-size:.7rem;font-weight:700;line-height:1.25rem;text-align:center}.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;display:flex;align-items:center;gap:var(--spacing-xs)}.topbar__notifications{position:relative;flex-shrink:0;color:var(--color-on-surface-variant);text-decoration:none}.topbar__notifications .material-symbols-outlined{font-size:24px}.topbar__notifications-badge{position:absolute;top:2px;right:2px;min-width:1.1rem;height:1.1rem;padding:0 4px;border-radius:var(--radius-full);background-color:var(--color-error);color:var(--color-on-error, #fff);font-size:.65rem;font-weight:700;line-height:1.1rem;text-align:center}.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-identity{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:2px}.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__end{position:relative;display:inline-flex}.topbar-clock__end:has(.topbar-clock__hint--open):before{content:"";position:absolute;z-index:51;top:calc(100% + 3px);left:50%;width:10px;height:10px;margin-left:-5px;background-color:var(--color-surface-container-lowest);border-top:1px solid var(--color-outline-variant);border-left:1px solid var(--color-outline-variant);transform:rotate(45deg);pointer-events:none}.topbar-clock__end .topbar-clock__badge{border:none;cursor:pointer}.topbar-clock__end .topbar-clock__badge:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar-clock__hint{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.topbar-clock__hint--open{top:calc(100% + 8px);left:0;z-index:50;width:max-content;height:auto;max-width:min(16rem,100vw - 2rem);margin:0;padding:var(--spacing-sm) var(--spacing-md);overflow:visible;clip-path:none;border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-md);color:var(--color-on-surface);font-size:var(--text-label-sm-size);font-weight:500;letter-spacing:normal;line-height:1.35;text-align:start;white-space:normal;pointer-events:none}@media(min-width:1024px){.topbar-clock__hint--open{right:0;left:auto}}.topbar-clock__action{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.topbar-clock__place{display:inline-flex;align-items:center;gap:.2rem;margin:0;padding:.15em .55em;border-radius:var(--radius-full);background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size);font-weight:500;line-height:1;white-space:nowrap}.topbar-clock__place .material-symbols-outlined{font-size:16px}.topbar-clock__place--telework{color:var(--color-on-tertiary-fixed-variant)}.topbar-clock__menu{position:absolute;top:calc(100% + var(--spacing-sm));right:0;z-index:50;min-width:11rem;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-clock__menu-item{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-label-md-size);font-weight:500;text-align:left;cursor:pointer}.topbar-clock__menu-item .material-symbols-outlined{font-size:20px}.topbar-clock__menu-item:hover,.topbar-clock__menu-item:focus-visible{background-color:var(--color-surface-container-low)}.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}.brand-mark{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;cursor:default;-webkit-user-select:none;user-select:none}@media(min-width:1024px){body:has(.sidebar) .pwa-install-banner,body:has(.sidebar) .cookie-notice{left:calc(var(--sidebar-width) + var(--spacing-md))}}.app-shell{height:100dvh;overflow:hidden;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}}.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;overscroll-behavior-y:contain;padding:var(--spacing-md);width:100%;position:relative}@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);width:100%;min-width:0}.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)}}.auth-layout__cookies{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:125;margin:0;padding:var(--spacing-xs) var(--spacing-sm);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-family:inherit;text-align:start;text-decoration:underline;border:0;background:transparent;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}.auth-layout__cookies:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}@media(min-width:768px){.auth-layout__cookies{top:var(--spacing-margin);left:var(--spacing-margin)}}.auth-layout__version{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);z-index:125;margin:0;padding:var(--spacing-xs) var(--spacing-sm);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-family:inherit;font-variant-numeric:tabular-nums;text-align:start;border:0;background:transparent;appearance:none;-webkit-tap-highlight-color:transparent}.auth-layout__version:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}@media(min-width:768px){.auth-layout__version{bottom:var(--spacing-margin);right: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--flush th,.data-table--flush td{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.data-table--interactive tbody tr{cursor:pointer}.data-table--interactive tbody tr:hover{background-color:var(--color-surface-container-low)}.table-scroll{width:100%;min-width:0;overflow-x:auto}.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;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}.searchable-select__option:hover,.searchable-select__option--active,.searchable-select__option--selected{background-color:var(--color-primary-fixed)}.searchable-select__option-label{flex:1;min-width:0}.searchable-select__check{margin-left:auto;font-size:18px;color:var(--color-primary)}.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;flex-wrap:wrap;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:minmax(0,1fr);gap:var(--spacing-lg);min-width:0;width:100%}.grid-absences>*{min-width:0}.grid-absences__pending{order:1}.grid-absences__calendar{order:2}.grid-absences__summary{order:3}@media(min-width:1024px){.grid-absences{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.grid-absences__calendar{grid-column:1;grid-row:1;order:unset}.grid-absences__pending{grid-column:2;grid-row:1;order:unset}.grid-absences__summary{grid-column:1/-1;grid-row:2;order:unset}}@media(min-width:1024px){.grid-absences--calendar-left{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.admin-absences__error{margin-bottom:var(--spacing-md)}.admin-absences__pending-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm);min-width:0}.admin-absences__pending-title{margin:0;min-width:0;flex:1 1 auto}.admin-absences__pending-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.admin-absences__pending-nav{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.admin-absences__pending-position{min-width:3rem;text-align:center;color:var(--color-on-surface-variant);font-variant-numeric:tabular-nums}.card--summary{padding:var(--spacing-lg);border-radius:var(--radius-2xl);min-width:0;max-width:100%}.card--summary__title{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-outline-variant)}.card--summary__table-wrap{overflow-x:auto;max-width:100%}.data-table__cell--emphasis{font-weight:700;color:var(--color-badge-pending-text)}.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}.status-pill--neutral{background-color:var(--color-surface-container);color:var(--color-on-surface-variant)}.status-pill--error{background-color:var(--color-error-container);color:var(--color-error)}.employees-table{container-type:inline-size;overflow-x:auto}.employees-table__actions-menu{display:none;position:relative}.employees-table__menu{position:fixed;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)}.employees-table__menu-item{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-label-md-size);font-weight:500;text-align:left;cursor:pointer}.employees-table__menu-item .material-symbols-outlined{font-size:20px}.employees-table__menu-item:hover:not(:disabled){background-color:var(--color-surface-container-low)}.employees-table__menu-item:disabled{opacity:.5;cursor:default}.employees-table__menu-item--danger{color:var(--color-error)}@container (max-width: 767px){.employees-table .employees-table__name{display:none}.employees-table .employees-table__status.status-pill{width:10px;height:10px;padding:0;border-radius:50%;overflow:hidden;font-size:0;line-height:0;background-color:currentColor}.employees-table .employees-table__actions-inline{display:none!important}.employees-table .employees-table__actions-menu{display:inline-block}}.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--open{z-index:25}.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__tag-select{display:none}.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__tag-hint{margin:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.task-tracker__launch{display:contents}.task-tracker__actions{display:flex;align-items:end;gap:var(--spacing-sm)}.task-tracker__start-anchor{position:relative}.task-tracker__start-anchor--open{z-index:25}.task-tracker__start-hint{right:0;left:auto;width:max-content;max-width:220px}.task-tracker__tags .task-tracker__tag-menu:before,.task-tracker__start-hint:before{content:"";position:absolute;top:-6px;left:16px;border:6px solid transparent;border-bottom-color:var(--color-outline-variant)}.task-tracker__tags .task-tracker__tag-menu:after,.task-tracker__start-hint:after{content:"";position:absolute;top:-5px;left:17px;border:5px solid transparent;border-bottom-color:var(--color-surface-container-lowest)}.task-tracker__start-hint:before{right:28px;left:auto}.task-tracker__start-hint:after{right:29px;left:auto}.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__open{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0;padding:0;list-style:none}.task-tracker__open-card{display:flex;flex-direction:column;gap:var(--spacing-xs);box-sizing:border-box;width:100%;min-width:0;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)}@media(min-width:768px){.task-tracker__open-card{width:calc((100% - var(--spacing-md)) / 2)}}@media(min-width:1024px){.task-tracker__open-card{width:calc((100% - 3 * var(--spacing-md)) / 4)}}.task-tracker__open-name{display:block;width:100%;margin:0;padding:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.task-tracker__open-project{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-tracker__open-tags{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);min-width:0;overflow:hidden}.task-tracker__open-time{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto}.task-tracker__open-clock{display:flex;align-items:center;gap:2px}.task-tracker__open-time-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-on-surface-variant)}.task-tracker__open-time-icon .material-symbols-outlined{font-size:18px}.task-tracker__open-duration{font-size:var(--text-headline-md-size);line-height:1.2}.task-tracker__open-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.task-tracker__open-stop{flex:1 1 auto;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.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__history-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin:0}.task-tracker__history-spinner{font-size:20px;animation:task-history-spin .9s linear infinite}.task-tracker__mobile-create{display:none}@media(max-width:767px){.task-tracker--tasks{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.task-tracker--tasks .task-tracker__header-actions{display:none}.task-tracker__mobile-create{display:block;position:fixed;z-index:30;right:0;bottom:0;left:0;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background-color:var(--color-surface-container-lowest);box-shadow:0 -8px 24px #0914260f}.task-tracker__mobile-create-btn{width:100%;justify-content:center;border-radius:var(--radius-full)}.task-tracker__tag-select{display:block}.task-tracker__tags-row{display:none}.task-tracker__launch{display:flex;align-items:center;gap:var(--spacing-md)}.task-tracker__actions{flex:1;align-items:center;min-width:0}.task-tracker__timer{justify-content:flex-start;padding-inline:0}.task-tracker__start-anchor{flex:1;min-width:0}.task-tracker__start{width:100%;justify-content:center}}@keyframes task-history-spin{to{transform:rotate(360deg)}}.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-title-edit-input{display:block;width:100%;min-height:6rem;padding:var(--spacing-sm) var(--spacing-md);line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;resize:vertical}.task-week{display:flex;flex-direction:column;gap:var(--spacing-md);content-visibility:auto;contain-intrinsic-size:auto 320px}.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);content-visibility:auto;contain-intrinsic-size:auto 160px}.task-day__label--compact,.task-day__total--compact,.task-day__mobile{display:none}.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__tags-edit .task-tag-select{min-width:16rem}.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-cell{max-width:16rem;vertical-align:middle}.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:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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__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-day__play{width:32px;height:32px;border-radius:var(--radius-md)}.task-day__play .material-symbols-outlined{font-size:20px}.task-day__mobile-row{--task-mobile-icon: 32px;position:relative}.task-day__mobile-main{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--spacing-xs);width:100%;margin:0;padding:0;padding-inline-end:calc(3.75rem + var(--task-mobile-icon) * 2 + var(--spacing-sm) * 3);border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.task-day__mobile-main:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.task-day__mobile-title{display:-webkit-box;padding-block-start:6px;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.task-day__mobile-duration{margin:0;padding:0;border:0;background:transparent;color:var(--color-on-surface);white-space:nowrap;cursor:pointer}.task-day__mobile-duration:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.task-day__mobile-project{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-day__mobile-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-width:0}.task-day__mobile-tags .task-tag{font-size:var(--text-label-sm-size)}.task-day__mobile-actions{position:absolute;top:0;inset-inline-end:0;z-index:1;display:flex;align-items:center;gap:var(--spacing-sm)}.task-day__mobile-actions .material-symbols-outlined{font-size:20px}.task-day__mobile-actions .btn--icon{width:var(--task-mobile-icon);height:var(--task-mobile-icon)}.task-day__mobile-actions .btn--icon:not(.btn--icon-danger){border-radius:var(--radius-md)}.task-day__mobile-actions .btn--icon:disabled{pointer-events:auto}@media(max-width:767px){.task-day{gap:var(--spacing-md);padding:var(--spacing-md);overflow:hidden;background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 40%,transparent);border-radius:var(--radius-xl)}.task-day .task-day__bar{margin:calc(var(--spacing-md) * -1) calc(var(--spacing-md) * -1) 0;border-radius:0}.task-day .task-day__label--full,.task-day .task-day__total--full,.task-day .task-day__table-wrap{display:none}.task-day .task-day__label--compact,.task-day .task-day__total--compact{display:inline}.task-day .task-day__mobile{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0;padding:0;list-style:none}}.task-tag{display:inline-flex;align-items:center;gap:4px;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-tag__icon{font-size:14px;width:14px;height:14px}.task-tag-select{display:block;min-width:0}.task-tag-select__trigger{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);width:100%;min-height:var(--form-control-height);padding:var(--spacing-xs) 40px var(--spacing-xs) 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}.task-tag-select__trigger>.material-symbols-outlined:last-child{position:absolute;right:12px;color:var(--color-on-surface-variant);pointer-events:none}.task-tag-select__trigger:hover{border-color:var(--color-secondary)}.task-tag-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)}.task-tag-select__placeholder{color:var(--color-on-surface-variant)}.task-tag-select__value{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-width:0}.task-tag-select__menu{position:fixed;z-index:120;display:flex;flex-direction:column;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-tag-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)}.task-tag-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}.task-tag-select__search-input{width:100%;height:40px;min-height:40px;padding-left:36px;border:none;background:transparent;box-shadow:none}.task-tag-select__search-input:focus{outline:none;box-shadow:none}.task-tag-select__list{margin:0;padding:var(--spacing-xs);list-style:none;max-height:240px;overflow-y:auto}.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)}.report-date-filter__presets{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.report-date-filter__chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) 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);line-height:var(--text-body-sm-line);white-space:nowrap;cursor:pointer}.report-date-filter__chip:hover{background-color:var(--color-surface-container);border-color:var(--color-secondary)}.report-date-filter__chip:focus-visible{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.report-date-filter__chip--active{border-color:transparent;background-color:var(--color-primary-fixed);color:var(--color-on-primary-fixed);font-weight:600}.report-date-filter__chip--active:hover{background-color:var(--color-primary-fixed);border-color:transparent}.report-date-filter__chip--action{color:var(--color-on-surface-variant);border-style:dashed}.report-date-filter__range{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.report-date-filter__input{width:15rem;max-width:100%}.report-date-filter__sep{color:var(--color-on-surface-variant);font-size:var(--text-body-md-size);line-height:1;-webkit-user-select:none;user-select:none}.report-group__row{cursor:pointer}.report-group__row:hover{background-color:var(--color-surface-container-low)}.report-group__toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.report-group__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)}.report-group__detail>td{background-color:var(--color-surface-container-low);padding-left:var(--spacing-xl)}.report-group__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.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__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-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0 0 var(--spacing-md);padding:0;list-style:none}.clock-legend li{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.clock-legend__swatch{width:1.25rem;height:.45rem;border-radius:var(--radius-full);background-color:var(--color-secondary)}.clock-legend__swatch--telework{background-color:var(--color-on-tertiary-fixed-variant)}.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-timeline__bar--telework{background-color:var(--color-on-tertiary-fixed-variant)}.clock-timeline__bar--telework.clock-timeline__bar--active{background-color:color-mix(in srgb,var(--color-on-tertiary-fixed-variant) 55%,white)}.clock-timeline__bar--telework.clock-timeline__bar--pending{background-color:transparent;border-color:var(--color-on-tertiary-fixed-variant)}.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}}.icon-spin{animation:icon-spin .8s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.skeleton,.icon-spin{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}app-cookie-notice .modal-overlay{z-index:140}.modal{display:flex;flex-direction:column;width:100%;max-width:480px;max-height:calc(100dvh - var(--spacing-xl));overflow:hidden;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;flex-shrink:0;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);min-height:0;padding:var(--spacing-md);overflow-y:auto}.modal__footer{display:flex;flex-shrink:0;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;margin-top:8px}to{opacity:1;margin-top: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%)}}