:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}body{background:var(--color-white);min-width:320px;min-height:100vh;margin:0}:root{--border-radius:8px;--color-black:black;--color-white:white;--color-orange:#f46404;--color-green:#2e7d32;--color-red:red;--color-grey:#848484;--color-app-background:color-mix(in srgb, var(--color-grey) 14%, transparent);--color-block-background:color-mix(in srgb, var(--color-grey) 3%, transparent)}.button{border-radius:var(--border-radius);min-height:2.5rem;color:var(--button-text-color);background:var(--button-color);cursor:pointer;border:0;padding:.5rem 1.125rem;font-family:inherit;font-size:.9375rem;line-height:1.25}.button:hover{filter:brightness(.94)}.button:focus-visible{outline:3px solid var(--color-orange);outline-offset:3px}@media (width<=640px){.button{min-height:2.375rem;padding:.4375rem 1rem;font-size:.875rem}}.body-text,.headline{margin:0}.body-text--1{font-size:1rem;line-height:1.5}.body-text--2{font-size:.875rem;line-height:1.5}.body-text--3{font-size:.75rem;line-height:1.5}.headline{line-height:1.15}.headline--1{font-size:clamp(2rem,5vw,3rem)}.headline--2{font-size:clamp(1.5rem,3.5vw,2rem)}.headline--3{font-size:clamp(1.2rem,2.5vw,1.5rem)}@media (width<=640px){.body-text--1{font-size:.9375rem}.body-text--2{font-size:.8125rem}.body-text--3{font-size:.6875rem}}.module-card{border-radius:var(--border-radius);width:100%;min-height:6.5rem;color:var(--color-black);background:var(--color-white);text-align:left;cursor:pointer;border:0;flex-direction:column;align-items:flex-start;gap:.625rem;padding:.75rem;display:flex;box-shadow:0 .125rem .625rem #00000012}.module-card__icon{border-radius:var(--border-radius);width:2.5rem;height:2.5rem;color:var(--module-icon-color);background:color-mix(in srgb, var(--module-icon-color) 10%, transparent);place-items:center;display:grid}.module-card__arrow{width:1.625rem;height:1.625rem;color:var(--module-icon-color);background:color-mix(in srgb, var(--module-icon-color) 12%, var(--color-white));border-radius:50%;flex:0 0 1.625rem;place-items:center;display:grid}.module-card__arrow .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;font-size:1.25rem}.module-card__icon .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:1.5rem}.module-card__content{flex-direction:column;flex:1;gap:.5rem;width:100%;min-width:0;line-height:1.2;display:flex}.module-card__details{justify-content:space-between;align-items:flex-end;gap:.5rem;width:100%;margin-top:auto;display:flex}.module-card__details .body-text{min-width:0}.module-card:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.employee-list{gap:.75rem;padding-top:1rem;display:grid}.employee-list__item{border-radius:var(--border-radius);background:var(--color-white);align-items:center;gap:.75rem;min-height:4rem;padding:.75rem;display:flex;box-shadow:0 .125rem .625rem #00000012}.employee-list__avatar{width:2.5rem;height:2.5rem;color:var(--color-orange);background:color-mix(in srgb, var(--color-orange) 10%, var(--color-white));border-radius:50%;flex:0 0 2.5rem;place-items:center;font-size:.75rem;font-weight:700;display:grid}.employee-list__content{gap:.125rem;min-width:0;display:grid}.employee-list__name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.employee-list__detail,.employee-list__message{color:var(--color-grey);font-size:.75rem}.employee-list__message{margin:1rem 0}.employee-list__message--error{color:var(--color-red,#c62828)}.navigation-bar{border-bottom:1px solid color-mix(in srgb, var(--color-grey) 12%, transparent);background:var(--color-white);justify-content:space-between;align-items:center;width:100%;min-height:3.75rem;padding:.625rem 1.5rem;display:flex;position:relative}.navigation-bar__title{text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-weight:600;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.navigation-bar__logo{width:min(10rem,45vw);height:auto;display:block}.navigation-bar__logo--desktop,.navigation-drawer--desktop{display:none}.menu-button,.navigation-drawer__close{width:2.5rem;height:2.5rem;color:var(--color-black);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.menu-button .material-symbols-outlined,.navigation-drawer__close .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:1.5rem}.navigation-bar__back{color:var(--color-grey);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:.5rem 0;font-size:.75rem;font-weight:500;display:flex}.navigation-bar__back .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;font-size:1rem}.menu-button:focus-visible,.navigation-bar__back:focus-visible,.navigation-drawer__close:focus-visible,.navigation-drawer__item:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.navigation-drawer__backdrop{z-index:20;opacity:0;pointer-events:none;background:#00000038;border:0;padding:0;transition:opacity .22s;position:fixed;inset:0}.navigation-drawer__backdrop--open{opacity:1;pointer-events:auto}.navigation-drawer{z-index:30;background:var(--color-white);flex-direction:column;width:min(21rem,88vw);padding:1.25rem 1rem 2rem;transition:transform .26s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:.5rem 0 2rem #0000001a}.navigation-drawer--open{transform:translate(0)}.navigation-drawer__header{justify-content:space-between;align-items:center;min-height:3rem;padding:0 .25rem .75rem;display:flex}.navigation-drawer__items{display:grid}.navigation-drawer__items--bottom{margin-top:auto;padding-top:1.5rem}.navigation-drawer__items:not(.navigation-drawer__items--bottom) .navigation-drawer__item:last-child,.navigation-drawer__items--bottom .navigation-drawer__item:last-child{border-bottom:0}.navigation-drawer__item{border:0;border-bottom:1px solid color-mix(in srgb, var(--color-grey) 12%, transparent);border-radius:var(--border-radius);width:100%;min-height:3.75rem;color:var(--color-black);text-align:left;cursor:pointer;background:0 0;grid-template-columns:2rem minmax(0,1fr) 1.625rem;align-items:center;gap:.75rem;padding:.625rem .5rem;display:grid}.navigation-drawer__item--active{background:color-mix(in srgb, var(--module-color) 5%, var(--color-white))}.navigation-drawer__item-icon{border-radius:var(--border-radius);width:2rem;height:2rem;color:var(--module-color);background:color-mix(in srgb, var(--module-color) 10%, var(--color-white));place-items:center;display:grid}.navigation-drawer__item-icon .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;font-size:1.25rem}.navigation-drawer__item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:500;overflow:hidden}.navigation-drawer__item-arrow{width:1.625rem;height:1.625rem;color:var(--color-grey);background:0 0;place-items:center;display:grid}.navigation-drawer__item-arrow .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;font-size:1.125rem}@media (width>=641px){:root{--desktop-navigation-width:20rem}.navigation-bar{width:calc(100% - var(--desktop-navigation-width));margin-left:var(--desktop-navigation-width)}.menu-button,.navigation-bar__logo--mobile,.navigation-drawer--mobile,.navigation-drawer__backdrop{display:none}.navigation-bar__logo--desktop{order:3;margin-left:auto;display:block}.navigation-drawer--desktop{width:var(--desktop-navigation-width);border-right:1px solid color-mix(in srgb, var(--color-grey) 12%, transparent);box-shadow:none;display:flex;left:0;right:auto;transform:none}}@media (width<=640px){.navigation-bar{min-height:3.5rem;padding:.5rem 1rem}.navigation-bar__logo{width:min(8.5rem,45vw)}.navigation-bar__logo--desktop{display:none}}@media (prefers-reduced-motion:reduce){.navigation-drawer,.navigation-drawer__backdrop{transition:none}}.app-content{gap:1rem;width:min(100% - 2rem,75rem);margin:0 auto;padding:1rem 0;display:grid}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (width>=641px){.app-content{width:min(calc(100% - var(--desktop-navigation-width) - 2rem), 75rem);margin-right:max(1rem, (100% - var(--desktop-navigation-width) - 75rem) / 2);margin-left:calc(var(--desktop-navigation-width) + max(1rem, (100% - var(--desktop-navigation-width) - 75rem) / 2))}.module-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,13rem));gap:1rem}}