html{--mat-sys-background: #f9faf3;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f1f1eb;--mat-sys-inverse-primary: #02e600;--mat-sys-inverse-surface: #2f312d;--mat-sys-on-background: #1a1c18;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary-container: #015300;--mat-sys-on-primary-fixed: #002200;--mat-sys-on-primary-fixed-variant: #015300;--mat-sys-on-secondary-container: #3c4b37;--mat-sys-on-secondary-fixed: #121f0e;--mat-sys-on-secondary-fixed-variant: #3c4b37;--mat-sys-on-surface: #1a1c18;--mat-sys-on-surface-variant: #43483f;--mat-sys-on-tertiary-container: #005225;--mat-sys-on-tertiary-fixed: #00210b;--mat-sys-on-tertiary-fixed-variant: #005225;--mat-sys-outline: #73796e;--mat-sys-outline-variant: #c3c8bc;--mat-sys-primary: #026e00;--mat-sys-primary-container: #77ff61;--mat-sys-primary-fixed: #77ff61;--mat-sys-primary-fixed-dim: #02e600;--mat-sys-scrim: #000000;--mat-sys-secondary: #54634d;--mat-sys-secondary-container: #d7e8cd;--mat-sys-secondary-fixed: #d7e8cd;--mat-sys-secondary-fixed-dim: #bbcbb2;--mat-sys-shadow: #000000;--mat-sys-surface: #f9faf3;--mat-sys-surface-bright: #f9faf3;--mat-sys-surface-container: #eeeee7;--mat-sys-surface-container-high: #e8e9e1;--mat-sys-surface-container-highest: #e2e3dc;--mat-sys-surface-container-low: #f3f4ed;--mat-sys-surface-dim: #dadbd3;--mat-sys-surface-tint: #026e00;--mat-sys-surface-variant: #dfe4d7;--mat-sys-tertiary: #006d33;--mat-sys-tertiary-container: #63ff94;--mat-sys-tertiary-fixed: #63ff94;--mat-sys-tertiary-fixed-dim: #00e472;--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-body-large-font: DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-body-medium-font: DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-body-small-font: DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-display-large-font: Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-display-medium-font: Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-display-small-font: Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-headline-large-font: Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-headline-medium-font: Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-headline-small-font: Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-label-large-font: DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-label-medium-font: DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-label-small-font: DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-title-large-font: Manrope, DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-title-medium-font: DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-title-small-font: DM Sans, Roboto, Helvetica Neue, Arial, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-primary: #1d493d;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #e5f2dc;--mat-sys-on-primary-container: #153f33;--mat-sys-secondary: #4d8467;--mat-sys-on-secondary: #ffffff;--mat-sys-secondary-container: #e7f3ea;--mat-sys-on-secondary-container: #153f33;--mat-sys-tertiary: #739477;--mat-sys-on-tertiary: #ffffff;--mat-sys-tertiary-container: #e5f2dc;--mat-sys-on-tertiary-container: #153f33;--mat-sys-background: #ffffff;--mat-sys-on-background: #142d27;--mat-sys-surface: #ffffff;--mat-sys-on-surface: #142d27;--mat-sys-surface-variant: #edf2ec;--mat-sys-on-surface-variant: #546e62;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-container-low: #f8faf6;--mat-sys-surface-container: #f2f6f0;--mat-sys-surface-container-high: #edf3eb;--mat-sys-surface-container-highest: #e7f0e2;--mat-sys-surface-dim: #e4ebe3;--mat-sys-surface-bright: #ffffff;--mat-sys-outline: #82948a;--mat-sys-outline-variant: #dce5dd;--mat-sys-inverse-surface: #263d32;--mat-sys-inverse-on-surface: #f4f7f2;--mat-sys-inverse-primary: #c6ed8b;--mat-card-elevated-container-shape: 24px;--mat-card-filled-container-shape: 24px;--mat-card-outlined-container-shape: 24px;--mat-button-filled-container-shape: 999px;--mat-button-outlined-container-shape: 999px;--mat-button-text-container-shape: 999px;--mat-button-protected-container-shape: 999px;color-scheme:light;background:var(--mat-sys-background);color:var(--mat-sys-on-surface);font-family:DM Sans,Roboto,Helvetica Neue,Arial,sans-serif;scroll-behavior:smooth}:root{--brand-forest: #153f33;--brand-green: #1d493d;--brand-secondary: #4d8467;--brand-lime: #c6ed8b;--brand-mint: #e7f3ea;--brand-cream: #faf9f5;--brand-paper: #ffffff;--brand-ink: #142d27;--brand-muted: #64776e;--brand-line: #e3e9e3;--space-0: 0;--space-025: .125rem;--space-050: .25rem;--space-075: .375rem;--space-100: .5rem;--space-150: .75rem;--space-200: 1rem;--space-250: 1.25rem;--space-300: 1.5rem;--space-400: 2rem;--space-500: 2.5rem;--space-600: 3rem;--space-800: 4rem;--space-1000: 5rem}*{box-sizing:border-box}.mat-mdc-snack-bar-container.logio-action-toast{--mdc-snackbar-container-color: var(--mat-sys-inverse-surface);--mdc-snackbar-supporting-text-color: var(--mat-sys-inverse-on-surface);--mat-snack-bar-button-color: var(--mat-sys-inverse-primary)}.mat-mdc-snack-bar-container.logio-action-toast .mdc-snackbar__surface{border:1px solid color-mix(in srgb,var(--mat-sys-inverse-on-surface) 16%,transparent);border-radius:var(--mat-sys-corner-large)}.mat-mdc-snack-bar-container.logio-action-toast-success{--mdc-snackbar-container-color: var(--brand-forest)}.mat-mdc-snack-bar-container.logio-action-toast-error{--mdc-snackbar-container-color: var(--mat-sys-error)}.mat-mdc-snack-bar-container.logio-action-toast-info{--mdc-snackbar-container-color: var(--mat-sys-inverse-surface)}@media(max-width:600px){.mat-mdc-snack-bar-container.logio-action-toast{--mat-mdc-snack-bar-button-width: auto}.cdk-overlay-container .mat-mdc-snack-bar-container.logio-action-toast{margin-inline:var(--space-150)}}body{margin:var(--space-0);min-height:100vh;background:var(--mat-sys-background);color:var(--mat-sys-on-surface);font-family:DM Sans,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid #72b895;outline-offset:3px}.brand{border-bottom:1px solid var(--brand-line);padding:var(--space-0) var(--space-300)}.brand img{display:block;width:min(15rem,70vw);height:auto}.small{font-size:13px;color:var(--mat-sys-on-surface-variant);margin-left:var(--space-100)}.main{max-width:1024px;min-height:100dvh;margin:var(--space-0) auto;padding:var(--space-400) var(--space-200)}.page-card{margin:var(--space-0) auto;max-width:520px;padding:var(--space-200)}.page-card mat-card-content{padding-top:var(--space-250)}.form{display:flex;flex-direction:column;gap:var(--space-150)}.actions{display:flex;gap:var(--space-150);flex-wrap:wrap}.subtle{color:var(--mat-sys-on-surface-variant);font-size:14px;line-height:1.6}.error{color:var(--mat-sys-error);font-size:14px}a{color:var(--mat-sys-primary)}.logio-stack{display:grid;gap:var(--space-200)}.logio-inline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-100)}.logio-section{margin-block-start:var(--space-400)}.logio-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-100) var(--space-200);align-items:start}h1,h2,h3,.mat-mdc-card-title{font-family:Manrope,DM Sans,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--brand-forest);letter-spacing:-.035em}h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.16;font-weight:800}h2{line-height:1.22;font-weight:750}mat-card.mat-mdc-card-outlined{background:var(--brand-paper);border-color:var(--brand-line);box-shadow:0 8px 28px #1138280a}mat-card.mat-mdc-card{background:var(--brand-paper)}mat-card:not(.mat-mdc-card-outlined){box-shadow:0 12px 36px #11382812}mat-card-header{margin-block-end:var(--space-100)}mat-card-header .mat-mdc-card-header-text{display:grid;gap:var(--space-050);min-width:0}mat-card-header .mat-mdc-card-subtitle{margin:var(--space-0);color:var(--mat-sys-on-surface-variant);line-height:1.5;font-weight:400;letter-spacing:0}mat-card-content>p+p{margin-block-start:var(--space-150)}mat-toolbar{color:var(--mat-sys-on-surface)}.mat-mdc-form-field{--mdc-outlined-text-field-container-shape: 12px}.mat-mdc-button-base{font-weight:700;letter-spacing:0}.mat-mdc-outlined-button{border-color:var(--mat-sys-outline)}.mat-mdc-button:not(:disabled):hover,.mat-mdc-outlined-button:not(:disabled):hover{background:var(--mat-sys-secondary-container)}.mat-mdc-card,.mat-mdc-dialog-surface,.mat-mdc-menu-panel{color:var(--mat-sys-on-surface)}.mat-mdc-table{background:var(--mat-sys-surface)}.mat-mdc-header-row{background:var(--mat-sys-surface-container-low)}.mat-mdc-header-cell{color:var(--mat-sys-on-surface-variant);font-weight:700}.mat-mdc-row:hover{background:var(--mat-sys-surface-container-low)}html body .logio-table-frame{width:100%;min-width:0;overflow-x:auto;border:1px solid var(--mat-sys-outline-variant);border-radius:var(--space-200);background:var(--mat-sys-surface)}html body .logio-table-frame table.logio-data-table.logio-data-table{width:100%;border-collapse:collapse;border-spacing:0;background:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font-size:var(--mat-sys-body-medium-size, .875rem)}html body .logio-table-frame table.logio-data-table.logio-data-table :is(thead th,.mat-mdc-header-cell){height:var(--space-800);padding:var(--space-150) var(--space-200);border:0;border-bottom:1px solid var(--mat-sys-outline-variant);background:var(--brand-cream);color:var(--mat-sys-on-surface-variant);text-align:left;font-weight:700;vertical-align:middle}html body .logio-table-frame table.logio-data-table.logio-data-table :is(tbody td,tbody th,.mat-mdc-cell){padding:var(--space-200);border:0;border-bottom:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface);color:var(--mat-sys-on-surface);vertical-align:middle}html body .logio-table-frame table.logio-data-table.logio-data-table tbody tr:last-child :is(td,th){border-bottom:0}html body .logio-table-frame table.logio-data-table.logio-data-table tbody tr:hover :is(td,th){background:var(--mat-sys-surface-container-low)}logio-table-paginator .logio-table-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-200);min-height:var(--space-800);padding:var(--space-150) var(--space-200);color:var(--mat-sys-on-surface)}logio-table-paginator .logio-table-pagination mat-form-field{width:var(--space-1000)}logio-table-paginator .logio-table-pagination-range{min-width:11rem;text-align:center}logio-table-paginator .logio-table-pagination-actions{display:flex;align-items:center;gap:var(--space-050)}logio-table-paginator .logio-table-pagination-actions button{color:var(--mat-sys-on-surface-variant)}logio-table-paginator .logio-table-pagination-actions svg{width:var(--space-300);height:var(--space-300);fill:currentColor}@media(max-width:600px){logio-table-paginator .logio-table-pagination{justify-content:space-between;padding:var(--space-100)}logio-table-paginator .logio-table-pagination-range{min-width:0}}.attendance-detail-panel .mat-mdc-dialog-container,.attendance-detail-panel .mat-mdc-dialog-surface{width:100%;height:100%;max-height:100%}.attendance-detail-panel .mat-mdc-dialog-surface{border-radius:var(--mat-sys-corner-large, 1.5rem) 0 0 var(--mat-sys-corner-large, 1.5rem);transform:translate(100%);transition:none}.attendance-detail-panel .mat-mdc-dialog-inner-container{opacity:1;transition:none}.attendance-detail-panel .mat-mdc-dialog-container.mdc-dialog--open .mat-mdc-dialog-surface{transform:translate(0)}.attendance-detail-panel .mat-mdc-dialog-container.mdc-dialog--opening .mat-mdc-dialog-surface{animation:attendance-detail-slide-in var(--mat-dialog-transition-duration, .24s) cubic-bezier(.2,0,0,1) both}.attendance-detail-panel .mat-mdc-dialog-container.mdc-dialog--closing .mat-mdc-dialog-surface{animation:attendance-detail-slide-out var(--mat-dialog-transition-duration, .18s) cubic-bezier(.2,0,0,1) both}@keyframes attendance-detail-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes attendance-detail-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}h1+p,h2+p{margin-block-start:var(--space-100)}h3+p{margin-block-start:var(--space-050)}mat-card-content>p{line-height:1.6}@media(max-width:520px){.main{padding:var(--space-200) var(--space-150)}.page-card{padding:var(--space-100)}.attendance-detail-panel .mat-mdc-dialog-surface{border-radius:0}}@media(prefers-reduced-motion:reduce){.attendance-detail-panel .mat-mdc-dialog-surface{animation-duration:1ms}}.landing-shell .experience-tabs .experience-tab .mdc-button__label{display:flex;align-items:center;gap:var(--space-150);width:100%;text-align:left}.landing-shell .experience-tabs .experience-tab .mdc-button__label>span:nth-child(2){display:block;flex:1 1 auto;min-width:0}.landing-shell .experience-tabs .experience-tab .tab-icon,.landing-shell .experience-tabs .experience-tab .tab-arrow{flex:0 0 auto}.landing-shell .experience-tabs .experience-tab .tab-arrow{margin-left:auto}.landing-shell .contact-form-card .form-submit .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-100);white-space:nowrap}.landing-shell .contact-form-card .form-submit .mdc-button__label svg{flex:0 0 auto}