:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-md: 24px;--space-lg: 32px;--radius-md: 8px;--radius-lg: 14px;--focus-width: 2px;--focus-offset: 2px;--app-font: "Inter", system-ui, sans-serif;--font-heading-weight: 500;--bp-smartphone: 640px}:root,:root[data-theme=dark]{color-scheme:dark;--color-bg: #161826;--color-surface: #232532;--color-surface-2: #2f3346;--color-text: #e9e9ed;--color-text-muted: #9ea3b8;--color-text-onaccent: #161826;--color-accent: #a89dee;--color-accent-line: #8b7fd0;--color-accent-fill: #b5abfc;--color-link: #b8b0f5;--color-link-hover: #d2cefd;--color-border: color-mix(in srgb, #e9e9ed 14%, transparent);--color-divider-soft: color-mix(in srgb, #e9e9ed 7%, transparent);--color-divider: color-mix(in srgb, #e9e9ed 14%, transparent);--color-border-strong: #6c7288;--color-ok: #7fd3a8;--color-warn: #e8b765;--color-danger: #f0908f;--color-ok-fill: color-mix(in srgb, #7fd3a8 16%, transparent);--color-warn-fill: color-mix(in srgb, #e8b765 16%, transparent);--color-danger-fill: color-mix(in srgb, #f0908f 16%, transparent);--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #9ea3b8;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #a89dee;--color-accent-600: #8b7fd0;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--shadow-sm: 0 0 0 1px #3f424d;--shadow-md: 0 0 0 1px #4b4f63, 0 6px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 0 0 1px #6c7288, 0 16px 40px rgba(0, 0, 0, .65)}:root[data-theme=light]{color-scheme:light;--color-bg: #f4f5fb;--color-surface: #fdfdff;--color-surface-2: #eceefa;--color-text: #1b1d2b;--color-text-muted: #565a6b;--color-text-onaccent: #fdfdff;--color-accent: #5b4da3;--color-accent-line: #7d6fd0;--color-accent-fill: #5b4da3;--color-link: #514391;--color-link-hover: #3d3470;--color-border: color-mix(in srgb, #1b1d2b 14%, transparent);--color-divider-soft: color-mix(in srgb, #1b1d2b 7%, transparent);--color-divider: color-mix(in srgb, #1b1d2b 14%, transparent);--color-border-strong: #82879c;--color-ok: #1c6f4a;--color-warn: #7a4e07;--color-danger: #a52f29;--color-ok-fill: color-mix(in srgb, #1c6f4a 12%, transparent);--color-warn-fill: color-mix(in srgb, #7a4e07 12%, transparent);--color-danger-fill: color-mix(in srgb, #a52f29 12%, transparent);--color-neutral-100: #22242e;--color-neutral-200: #2f3240;--color-neutral-300: #3f434f;--color-neutral-400: #565a6b;--color-neutral-500: #6f7386;--color-neutral-600: #565a6b;--color-neutral-700: #8a8fa2;--color-neutral-800: #d5d8e6;--color-neutral-900: #edeff8;--color-accent-100: #2a2450;--color-accent-200: #3d3470;--color-accent-300: #4f4390;--color-accent-400: #6153b0;--color-accent-500: #5b4da3;--color-accent-600: #7d6fd0;--color-accent-700: #c0b9f2;--color-accent-800: #ddd8fb;--color-accent-900: #f0edff;--shadow-sm: 0 0 0 1px rgba(27, 29, 43, .1);--shadow-md: 0 0 0 1px rgba(27, 29, 43, .12), 0 6px 18px rgba(27, 29, 43, .1);--shadow-lg: 0 0 0 1px rgba(27, 29, 43, .14), 0 16px 40px rgba(27, 29, 43, .16)}:root{--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1}.text-xs{font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.text-sm{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.text-base{font-size:var(--text-base);line-height:var(--text-base--line-height)}.text-lg{font-size:var(--text-lg);line-height:var(--text-lg--line-height)}.text-xl{font-size:var(--text-xl);line-height:var(--text-xl--line-height)}.text-2xl{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}.text-3xl{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}.text-4xl{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height)}.text-5xl{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height)}.text-muted{color:var(--color-text-muted)}.text-500{font-weight:500}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box;font-family:var(--app-font);-webkit-tap-highlight-color:transparent}html,body{width:100svw;height:100svh;background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);line-height:var(--test-base--line-height);font-weight:400}h1,h2,h3,h4{font-weight:var(--font-heading-weight)}h2{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}ui-button button{position:relative;width:100%;min-height:36px;padding:var(--space-2);font-size:var(--text-sm);line-height:var(--text-sm--line-height);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer}ui-button button:focus-visible{border-color:var(--color-accent);outline:var(--focus-width) solid var(--color-accent);outline-offset:0}ui-button button.button-disabled{border-color:var(--color-neutral-500);color:var(--color-neutral-500);cursor:not-allowed}ui-button button.is-loading{cursor:wait}ui-button button.is-loading .ui-button__label{opacity:0}ui-button button.button-secondary:hover{background:var(--color-divider-soft)}ui-button button.button-secondary:active{background:var(--color-divider)}ui-button button.button-primary{border-color:var(--color-accent);color:var(--color-accent)}ui-button button.button-primary:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}ui-button button.button-primary:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}ui-button button.button-link{border:none;background:transparent;color:var(--color-link);text-decoration:underline}ui-button button.button-link:hover{color:var(--color-link-hover)}ui-button .ui-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}ui-button .ui-button__icon svg{width:20px;height:20px}ui-text-input{display:flex;flex-direction:column;gap:var(--space-1)}ui-text-input input{width:100%;min-height:36px;padding:var(--space-2);font-size:var(--text-sm);line-height:var(--text-sm--line-height);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}ui-text-input input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}ui-text-input input:focus-visible{border-color:var(--color-accent);outline:var(--focus-width) solid var(--color-accent);outline-offset:0}ui-email-input{display:flex;flex-direction:column;gap:var(--space-1)}ui-email-input input{width:100%;min-height:36px;padding:var(--space-2);font-size:var(--text-sm);line-height:var(--text-sm--line-height);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}ui-email-input input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}ui-email-input input:focus-visible{border-color:var(--color-accent);outline:var(--focus-width) solid var(--color-accent);outline-offset:0}ui-password-input{display:flex;flex-direction:column;gap:var(--space-1)}ui-password-input .ui-password-input__row{display:flex;align-items:center;gap:var(--space-4)}ui-password-input .ui-password-input__row input{width:100%;min-height:36px;padding:var(--space-2);font-size:var(--text-sm);line-height:var(--text-sm--line-height);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}ui-password-input .ui-password-input__row input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}ui-password-input .ui-password-input__row input:focus-visible{border-color:var(--color-accent);outline:var(--focus-width) solid var(--color-accent);outline-offset:0}ui-checkbox{display:flex;align-items:center;gap:var(--space-2)}ui-checkbox input[type=checkbox]{height:16px;width:16px;background:var(--color-surface);accent-color:var(--color-accent)}ui-checkbox input[type=checkbox]:focus-visible{border-color:var(--color-accent);outline:var(--focus-width) solid var(--color-accent);outline-offset:0}ui-spinner{--orbit-size: 40px;--orbit-speed: 1.4s;--orbit-stroke: calc(var(--orbit-size) * .08);--orbit-cut-in: calc(var(--orbit-size) * .17);--orbit-cut-out: calc(var(--orbit-size) * .35);display:inline-flex;align-items:center;gap:var(--space-2);color:inherit}.orbit-spinner__visual{position:relative;flex:none;box-sizing:border-box;width:var(--orbit-size);height:var(--orbit-size)}.orbit-spinner__visual:after{content:"";position:absolute;inset:20%;box-sizing:border-box;border:var(--orbit-stroke) solid currentColor;border-radius:50%}.orbit-spinner__label{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.ring{position:absolute;inset:0;perspective:calc(var(--orbit-size) * 2.4);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 var(--orbit-cut-in),transparent var(--orbit-cut-in) var(--orbit-cut-out),#000 var(--orbit-cut-out));mask-image:radial-gradient(circle at 50% 50%,#000 0 var(--orbit-cut-in),transparent var(--orbit-cut-in) var(--orbit-cut-out),#000 var(--orbit-cut-out))}.ring:before{content:"";position:absolute;inset:30% 0;box-sizing:border-box;border:var(--orbit-stroke) solid currentColor;border-radius:50%;animation:orbit-sweep var(--orbit-speed) linear infinite}@keyframes orbit-sweep{0%{transform:rotate(-20deg) rotateY(0)}to{transform:rotate(-20deg) rotateY(360deg)}}ui-spinner.orbit-spinner--revolve .ring:before{animation-name:orbit-revolve}@keyframes orbit-revolve{0%{transform:rotate(-20deg)}to{transform:rotate(340deg)}}@media(prefers-reduced-motion:reduce){.ring:before{animation:orbit-breathe 1.8s ease-in-out infinite;transform:rotate(-20deg)}}@keyframes orbit-breathe{0%,to{opacity:.3}50%{opacity:1}}@media(forced-colors:active){.orbit-spinner__visual:after,.ring:before{border-color:CanvasText}}.ui-label__required:after{content:" *";color:var(--color-accent)}ui-nav{display:flex;height:100%}@container (max-width: 640px){ui-nav{height:unset}}.ui-nav__container{flex:0 0 auto;display:flex;flex-direction:column;width:224px;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-right:1px solid var(--color-divider)}@container (max-width: 640px){.ui-nav__container{display:grid;grid-template-columns:repeat(4,1fr);border-right:none;width:100%;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}}.ui-nav__container span.section-title{letter-spacing:.08em;text-transform:uppercase;padding:0 var(--space-3) var(--space-3)}@container (max-width: 640px){.ui-nav__container span.section-title{display:none}}.ui-nav__container .ui-nav__button{display:flex;align-items:center;gap:var(--space-3);height:46px;justify-content:flex-start;padding:0 var(--space-3);border:0px;border-radius:var(--radius-md);font-size:14px;background:transparent;color:inherit;transition:.16s;cursor:pointer}.ui-nav__container .ui-nav__button:focus-visible{border-color:var(--color-accent);outline:var(--focus-width) solid var(--color-accent);outline-offset:0}@container (max-width: 640px){.ui-nav__container .ui-nav__button{flex-direction:column;padding:var(--space-3);gap:var(--space-2);height:auto}}.ui-nav__container .ui-nav__button-active{background:color-mix(in srgb,var(--color-accent) 13%,transparent);color:var(--color-accent)}.ui-nav__container .ui-nav__button .ui-nav__button__icon{--dim: 20px;width:var(--dim);height:var(--dim)}@container (max-width: 640px){.ui-nav__container .ui-nav__button .ui-nav__button__text{font-size:var(--text-xs);line-height:var(--text-xs--line-height)}}app-login{display:block;height:100%;container-type:inline-size}.login-container{height:100%;background:var(--color-bg);display:flex;align-items:center;justify-content:center}@container (max-width: 640px){.login-container{background:var(--color-surface);padding:var(--space-lg);display:block}}.login-container .login-card{gap:var(--space-md);display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:fit-content;width:420px;padding:var(--space-4)}@container (max-width: 640px){.login-container .login-card{background:transparent;box-shadow:none;border-radius:0;width:100%;height:100%;padding:0}}.login-container .login-card header .login-logo{height:40px;width:auto}.login-container .login-card form{gap:var(--space-md);display:flex;flex-direction:column;flex:1}.login-container .login-card form .form-error{display:flex;align-items:center;padding:var(--space-4);gap:var(--space-2);border-radius:var(--radius-md);background:var(--color-danger-fill);box-shadow:inset 0 0 0 1px var(--color-danger)}.login-container .login-card form .form-error svg{--svgDimension: 20px;width:var(--svgDimension);height:var(--svgDimension)}.login-container .login-card form .form-error svg path{stroke:var(--color-danger)}.login-container .login-card form .field-row{display:flex;align-items:center;justify-content:space-between}.login-container .login-card footer{display:flex;align-items:center;justify-content:space-between}.login-container .login-card .login-version{display:flex}.login-container .login-card .theme-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-1);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer}.login-container .login-card .theme-toggle:focus-visible{border-color:var(--color-accent);outline:var(--focus-width) solid var(--color-accent);outline-offset:0}.login-container .login-card .theme-toggle:hover{color:var(--color-text)}.login-container .login-card .theme-toggle svg{--svgDimension: 20px;width:var(--svgDimension);height:var(--svgDimension)}.dashboard-container{width:100%;height:100%;container-type:inline-size;display:flex;flex-direction:column}.dashboard-container .dashboard__header{display:flex;align-items:center;padding:var(--space-4) var(--space-8);gap:var(--space-4);border-bottom:1px solid var(--color-divider)}@container (max-width: 640px){.dashboard-container .dashboard__header{padding:var(--space-4)}}.dashboard-container .dashboard__header .logo>img{width:84px;height:24px}.dashboard-container .dashboard__header .company-logo{display:flex;justify-content:center}.dashboard-container .dashboard__header .company-logo img{height:32px;width:auto;aspect-ratio:auto;object-fit:contain}.dashboard-container .dashboard__header .hoz-divider{align-self:stretch;width:1px;background-color:var(--color-divider)}.dashboard-container .dashboard__header .company-info{display:flex;flex-direction:column}.dashboard-container .dashboard__header .employee-info{display:flex;align-items:center;gap:var(--space-4);flex:1;justify-content:flex-end}.dashboard-container .dashboard__header .employee-info .employee-info__anag{display:flex;flex-direction:column}@container (max-width: 640px){.dashboard-container .dashboard__header .employee-info .employee-info__anag{display:none}}.dashboard-container .dashboard__header .employee-info .employee-info__circle{--dim: 32px;width:var(--dim);height:var(--dim);display:grid;place-items:center;border-radius:50%;background:var(--color-accent-800);color:var(--color-accent-100)}.dashboard-container .dashboard__content{display:flex;flex-direction:row;flex:1;--nav-order: 0;--page-container-order: 1}@container (max-width: 640px){.dashboard-container .dashboard__content{--nav-order: 1;--page-container-order: 0;flex-direction:column}}.dashboard-container .dashboard__content ui-nav{order:var(--nav-order)}.dashboard-container .dashboard__content .dashboard__page-container{order:var(--page-container-order);flex:1}