@charset "UTF-8";.stat-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.stat-tile-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-tile{position:relative;background:#fff;border-radius:14px;padding:1rem 1rem .9rem 1.1rem;box-shadow:var(--ui-card-shadow, rgba(0, 0, 0, .35) 0px 5px 15px);border:1px solid #e8edf4;border-left-width:4px;min-height:96px;overflow:hidden}.stat-tile.accent-blue{border-left-color:#066}.stat-tile.accent-green{border-left-color:#16a34a}.stat-tile.accent-amber{border-left-color:#d97706}.stat-tile.accent-red{border-left-color:#dc2626}.stat-tile.accent-purple{border-left-color:#7c3aed}.stat-tile.accent-teal{border-left-color:#0d9488}.stat-tile__icon{position:absolute;top:.75rem;right:.75rem;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#00666614;color:#066}.stat-tile__icon mat-icon{font-size:20px;width:20px;height:20px}.stat-tile.accent-green .stat-tile__icon{background:#16a34a1a;color:#16a34a}.stat-tile.accent-amber .stat-tile__icon{background:#d977061a;color:#d97706}.stat-tile.accent-red .stat-tile__icon{background:#dc26261a;color:#dc2626}.stat-tile.accent-purple .stat-tile__icon{background:#7c3aed1a;color:#7c3aed}.stat-tile.accent-teal .stat-tile__icon{background:#0d94881a;color:#0d9488}.stat-tile__value{display:block;font-size:1.75rem;font-weight:700;line-height:1.1;color:#0f172a;margin-top:.15rem}.stat-tile__label{display:block;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.panel{background:var(--ui-card-bg, #ffffff);border-radius:var(--ui-card-radius, 12px);border:1px solid var(--ui-card-border, #e6e8eb);box-shadow:var(--ui-card-shadow, 0 1px 3px rgba(0, 0, 0, .06));overflow:hidden}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid #eef2f7}.panel__title-wrap{display:flex;align-items:center;gap:.55rem;min-width:0}.panel__icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#00666614;color:#066}.panel__icon mat-icon{font-size:18px;width:18px;height:18px}.panel__title{margin:0;font-size:.95rem;font-weight:600;color:#066}.panel__body{padding:1rem 1.1rem 1.1rem}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.progress-bar{height:8px;border-radius:999px;background:#e8edf4;overflow:hidden}.progress-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#066,#1a8f8f);transition:width .25s ease}.donut-wrap{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.donut-chart{width:120px;height:120px;transform:rotate(-90deg);flex-shrink:0}.donut-chart__track{fill:none;stroke:#e8edf4;stroke-width:14}.donut-chart__segment{fill:none;stroke-width:14;stroke-linecap:butt}.donut-legend{display:flex;flex-direction:column;gap:.45rem;min-width:140px}.donut-legend__item{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:#475569}.donut-legend__swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}@media(max-width:900px){.panel-grid{grid-template-columns:1fr}}@media(max-width:1100px){.stat-tile-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.stat-tile-grid,.stat-tile-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.stat-tile-grid--four{grid-template-columns:1fr}}.app-sidenav{background:#fff;border-right:1px solid #e6e8eb;box-shadow:0 1px 3px #0000000f;overflow-x:hidden}.sidenav-shell{display:flex;flex-direction:column;height:100%;min-height:100vh}.sidenav-brand{flex-shrink:0;padding:.55rem .5rem;border-bottom:1px solid #e6e8eb;display:flex;align-items:center;gap:.4rem;min-height:48px}.sidenav-brand__logo{display:block;flex-shrink:0;object-fit:contain}.sidenav-brand__logo--full{width:28px;height:28px}.sidenav-brand__logo--icon{display:none;width:28px;height:28px}.sidenav-brand__text{min-width:0;overflow:hidden}.sidenav-brand__name{margin:0;font-size:.88rem;font-weight:700;letter-spacing:-.02em;color:#066;line-height:1.15;white-space:nowrap}.sidenav-brand__tagline{display:none}.app-sidenav--collapsed .sidenav-brand{justify-content:center;padding:.5rem .25rem}.app-sidenav--collapsed .sidenav-brand__logo--full{display:none}.app-sidenav--collapsed .sidenav-brand__logo--icon{display:block}.app-sidenav--collapsed .sidenav-brand__text{display:none}.app-sidenav--collapsed .sidenav-scroll{padding:.25rem .25rem .35rem}.app-sidenav--collapsed .nav-section-label,.app-sidenav--collapsed .sidenav-footer{display:none}.app-sidenav--collapsed .nav-item{justify-content:center;padding:.4rem;gap:0}.app-sidenav--collapsed .nav-item__label{display:none}.app-sidenav--collapsed .nav-item--icon{width:100%;border:none;background:transparent;cursor:pointer;font:inherit}.app-sidenav--collapsed .nav-badge--dot{position:absolute;top:6px;right:8px;min-width:8px;width:8px;height:8px;padding:0;margin:0}.app-sidenav--collapsed .nav-item,.app-sidenav--collapsed .nav-item--icon{position:relative}.sidenav-scroll{flex:1 1 auto;overflow-y:auto;padding:.25rem .3rem .35rem}.sidenav-scroll::-webkit-scrollbar{width:5px}.sidenav-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sidenav-footer{flex-shrink:0;padding:.35rem .4rem;border-top:1px solid #e6e8eb;font-size:.58rem;color:#94a3b8;text-align:center;line-height:1.2}.nav-subsection-label{padding:.55rem .4rem .15rem;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.nav-subsection-label:first-child{padding-top:.2rem}.nav-menu-subsection{min-height:auto!important;height:auto!important;padding:.35rem 1rem .1rem!important;font-size:.65rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8!important;opacity:1!important;cursor:default!important}.nav-section-label{padding:.65rem .45rem .25rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.nav-item{display:flex;align-items:center;gap:.4rem;padding:.35rem .4rem;margin-bottom:.05rem;border-radius:6px;color:#334155;text-decoration:none;font-size:.78rem;font-weight:500;transition:background .15s ease,color .15s ease;border-left:2px solid transparent}.nav-item mat-icon{font-size:16px;width:16px;height:16px;color:#64748b;flex-shrink:0}.nav-item:hover{background:#00666612;color:#066}.nav-item:hover mat-icon{color:#066}.nav-item--active{background:#e6f2f2;color:#066;border-left-color:#066;box-shadow:none;font-weight:600}.nav-item--active mat-icon{color:#066}.nav-item--prominent:not(.nav-item--active){font-weight:600;color:#066}.nav-item--prominent:not(.nav-item--active) mat-icon{color:#066}.nav-group{margin-bottom:.05rem}.nav-group__header{display:flex;align-items:center;gap:.4rem;width:100%;padding:.35rem .4rem;border:none;border-radius:6px;background:transparent;color:#334155;font:inherit;font-size:.78rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.nav-group__header mat-icon{font-size:16px;width:16px;height:16px;color:#64748b}.nav-group__header:hover{background:#00666612}.nav-group__chevron{margin-left:auto;font-size:16px!important;width:16px!important;height:16px!important;transition:transform .25s ease;color:#94a3b8}.nav-group--active>.nav-group__header{color:#066}.nav-group--active>.nav-group__header mat-icon{color:#066}.nav-group--expanded .nav-group__chevron{transform:rotate(180deg)}.nav-group__children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.nav-group--expanded .nav-group__children{grid-template-rows:1fr}.nav-group__children-inner{overflow:hidden;padding-left:.25rem}.nav-item--child{margin-left:.25rem;padding-left:1.1rem;font-size:.74rem}.nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.app-topbar{position:sticky;top:0;z-index:3;background:#fff!important;color:#334155!important;border-bottom:1px solid #e6e8eb;box-shadow:0 1px 4px #0f172a0f;min-height:64px;padding:0 .75rem 0 .5rem;gap:.5rem}.topbar-title{display:flex;flex-direction:column;min-width:0}.topbar-title__primary{font-size:.95rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title__secondary{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-clock{display:none;align-items:center;gap:.35rem;margin-left:1rem;padding:.35rem .65rem;border-radius:8px;background:#f8fafc;border:1px solid #e6e8eb;font-size:.8rem;color:#475569;white-space:nowrap}.topbar-clock mat-icon{font-size:16px;width:16px;height:16px;color:#94a3b8}@media(min-width:768px){.topbar-clock{display:inline-flex}}.topbar-spacer{flex:1 1 auto}.user-menu-area{display:inline-flex;align-items:center;gap:.65rem;margin-left:.25rem}.user-menu-trigger{width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;flex-shrink:0}.user-menu-trigger:hover{background:#f1f5f9!important}.user-avatar{width:36px;height:36px;border-radius:50%;background:#066;color:#fff;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00666647;pointer-events:none}.user-name{font-size:.88rem;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;line-height:1.2}.user-account-menu .mat-mdc-menu-content{padding:0!important;min-width:240px}.user-account-menu .user-menu-card__header{padding:.9rem 1rem .8rem;display:flex;flex-direction:column;gap:.45rem;border-bottom:1px solid #eef2f7}.user-account-menu .user-menu-card__name{font-size:.95rem;font-weight:700;color:#0f172a;line-height:1.3}.user-account-menu .user-menu-card__role{align-self:flex-start;padding:.15rem .55rem;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:.68rem;font-weight:700;letter-spacing:.04em}.user-account-menu .user-menu-card__item.mat-mdc-menu-item{min-height:44px;padding:0 1rem}.user-account-menu .user-menu-card__item.mat-mdc-menu-item .mat-icon{margin-right:.75rem;color:#64748b;font-size:20px;width:20px;height:20px}.user-account-menu .user-menu-card__item.mat-mdc-menu-item span{font-size:.9rem;font-weight:500;color:#334155}.user-account-menu .user-menu-card__item.mat-mdc-menu-item:hover:not([disabled]){background:#f8fafc}.user-account-menu .user-menu-card__item--danger.mat-mdc-menu-item .mat-icon,.user-account-menu .user-menu-card__item--danger.mat-mdc-menu-item span{color:#dc2626}.user-account-menu .user-menu-card__item--danger.mat-mdc-menu-item:hover{background:#fef2f2}.user-account-menu .user-menu-card__item[disabled]{opacity:.55}.page-content{padding:1.25rem 1.5rem 1.75rem;background:#f4f5f7;min-height:calc(100vh - 64px)}@media(max-width:768px){.user-name{display:none}.page-content{padding:1rem}}.list-page{display:flex;flex-direction:column;gap:var(--ui-section-gap, 1.125rem)}.intro-card{padding:0}.intro-card__body{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem}.intro-card__body h1{margin:0 0 .3rem;font-size:1.25rem;font-weight:600;color:var(--ui-heading, #0f172a)}.intro-card__body p{margin:0;color:var(--ui-muted, #64748b);font-size:.875rem;line-height:1.45}.list-page--embedded{gap:var(--ui-section-gap, 1.125rem);padding:0;background:transparent}.list-page--embedded>.toolbar-panel,.list-page--embedded>.data-panel,.list-page--embedded>.panel,.list-page--embedded>.content-card{border:1px solid var(--ui-card-border, #e6e8eb);box-shadow:var(--ui-card-shadow, rgba(0, 0, 0, .35) 0px 5px 15px);border-radius:var(--ui-card-radius, 12px);background:var(--ui-card-bg, #fff);overflow:hidden}.toolbar-panel{padding:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;min-height:56px}.toolbar__title{margin:0;font-size:1.125rem;font-weight:600;color:#066;white-space:nowrap;flex-shrink:0}.toolbar__intro{display:flex;flex-direction:column;gap:.2rem;min-width:0}.toolbar__subtitle{margin:0;font-size:.875rem;color:#64748b;line-height:1.4}.toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex:1 1 auto;min-width:0}.search-box{display:inline-flex;align-items:center;gap:.4rem;height:var(--ui-btn-height, 40px);padding:0 .85rem;border:1px solid #d0d5dd;border-radius:var(--ui-btn-radius, 8px);background:#fff;min-width:200px;max-width:280px;flex:1 1 200px}.search-box mat-icon{font-size:18px;width:18px;height:18px;color:var(--ui-muted, #64748b);flex-shrink:0}.search-box input{border:none;outline:none;background:transparent;font:inherit;font-size:.88rem;color:#334155;width:100%;min-width:0}.search-box input::placeholder{color:#94a3b8}.toolbar__btn mat-icon{font-size:18px;width:18px;height:18px}.filter-badge{margin-left:.3rem;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#066;color:#fff;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding:0 1.25rem .85rem;border-top:1px solid #eef2f7}.active-filters__label{font-size:.78rem;color:#64748b;font-weight:500}.active-filters__chip{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:#e6f2f2;color:#055;border:1px solid #7ab3b3}.data-panel{padding:0;overflow:hidden}.data-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid #eef2f7}.data-panel__heading h2{margin:0;font-size:.95rem;font-weight:600;color:#066}.data-panel__meta{font-size:.8rem;color:#94a3b8;white-space:nowrap}.data-table-wrap{position:relative;overflow-x:auto}.data-table{width:100%}.data-table--static{border-collapse:collapse;width:100%}.data-table .highlight-cell{font-weight:700;color:#066}.table-footer__count{white-space:nowrap}.table-footer__label{margin-right:.25rem}.table-footer__suffix{margin-right:.35rem}.table-footer__page-size{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:32px;padding:0 .5rem;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font-size:.82rem;color:var(--ui-text, #334155)}.table-footer__page{min-width:88px;text-align:center}.table-footer--compact{justify-content:flex-end}.table-footer--compact .table-footer__controls{margin-left:0;gap:.5rem}.table-footer--compact .table-footer__page{min-width:auto;padding:0 .35rem}.table-footer__nav-btn{min-width:56px;height:32px;line-height:30px;padding:0 .65rem;font-size:.82rem}.record-cards{display:flex;flex-direction:column;gap:0;padding:.75rem 1rem .5rem}.record-card{border:1px solid #eef2f7;border-radius:12px;background:#fafbfc;overflow:hidden}.record-card+.record-card{margin-top:.65rem}.record-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #eef2f7;background:#fff}.record-card__type-label{display:block;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin-bottom:.15rem}.record-card__type strong{font-size:.95rem;color:#0f172a}.record-card__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem 1.25rem;padding:.85rem 1rem;background:#fff}.record-card__field{display:flex;flex-direction:column;gap:.2rem;font-size:.88rem;color:#334155}.record-card__field--wide{grid-column:1/-1}.record-card__field-label{font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}.record-card__actions{padding:0 1rem .85rem;display:flex;justify-content:flex-end;background:#fff}.list-page-note{margin:0;padding:.65rem 1.25rem;font-size:.85rem;color:#64748b;background:#e6f2f2;border-bottom:1px solid #7ab3b3}.error-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center;color:#64748b}@media(max-width:900px){.toolbar{flex-wrap:wrap;min-height:auto}.toolbar__actions{width:100%;flex-wrap:wrap}.search-box{max-width:none;flex:1 1 100%}}@media(max-width:600px){.btn-attendo-primary{flex:1 1 auto}.table-footer{flex-direction:column;align-items:flex-start}.table-footer__controls{margin-left:0;width:100%;justify-content:flex-end}}.form-group{display:flex;flex-direction:column;gap:.4rem;min-width:0}.form-label{margin:0;font-size:.875rem;font-weight:600;color:#1e293b;line-height:1.3}.form-control{width:100%;height:44px;padding:.55rem .9rem;font:inherit;font-size:.9rem;color:#212529;background-color:#fff;border:1px solid #c7cdd6;border-radius:12px;transition:border-color .15s ease,box-shadow .15s ease}.form-control:focus{border-color:#066;outline:0;box-shadow:0 0 0 .2rem #00666626}.form-control::placeholder{color:#94a3b8}.form-control:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed}.form-control.is-invalid{border-color:#dc3545}.form-control.is-invalid:focus{box-shadow:0 0 0 .2rem #dc354526}select.form-control{appearance:none;padding-right:2.25rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.form-control[type=date]{cursor:pointer;padding-right:.75rem}.form-control[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1}.date-field,.date-field .form-label{cursor:pointer}mat-form-field.form-control-mat{width:100%}mat-form-field.form-control-mat .mat-mdc-text-field-wrapper{background:#fff}mat-form-field.form-control-mat .mdc-notched-outline__leading,mat-form-field.form-control-mat .mdc-notched-outline__notch,mat-form-field.form-control-mat .mdc-notched-outline__trailing{border-color:#c7cdd6!important;border-width:1px!important}mat-form-field.form-control-mat .mdc-notched-outline__leading{border-top-left-radius:12px!important;border-bottom-left-radius:12px!important}mat-form-field.form-control-mat .mdc-notched-outline__trailing{border-top-right-radius:12px!important;border-bottom-right-radius:12px!important}mat-form-field.form-control-mat.mat-focused .mdc-notched-outline__leading,mat-form-field.form-control-mat.mat-focused .mdc-notched-outline__notch,mat-form-field.form-control-mat.mat-focused .mdc-notched-outline__trailing{border-color:#066!important}mat-form-field.form-control-mat .mat-mdc-form-field-infix{min-height:44px;padding-top:10px;padding-bottom:10px}mat-form-field.form-control-mat .mat-mdc-form-field-subscript-wrapper{display:none}mat-form-field.date-field{cursor:pointer}mat-form-field.date-field .mat-mdc-text-field-wrapper,mat-form-field.date-field .mat-mdc-form-field-flex,mat-form-field.date-field .mdc-text-field{cursor:pointer}textarea.form-control{height:auto;min-height:88px;resize:vertical;padding-top:.65rem;padding-bottom:.65rem}.form-error{font-size:.78rem;color:#dc3545;line-height:1.2}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem}.form-grid .span-2{grid-column:span 2}@media(max-width:768px){.form-grid,.form-grid .span-2{grid-template-columns:1fr;grid-column:auto}}.filter-dialog,.apply-dialog{display:flex;flex-direction:column;min-width:min(420px,92vw);max-width:100%;background:var(--ui-card-bg, #fff);border-radius:var(--ui-card-radius, 12px);overflow:hidden}.filter-dialog__header,.apply-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.15rem 1.35rem;border-bottom:1px solid var(--ui-card-border, #e6e8eb);background:#fafbfc}.filter-dialog__title,.apply-dialog__title{margin:0;font-size:1.1rem;font-weight:600;color:#0f172a;line-height:1.3}.filter-dialog__close,.apply-dialog__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;transition:background .15s ease,color .15s ease}.filter-dialog__close mat-icon,.apply-dialog__close mat-icon{font-size:20px;width:20px;height:20px}.filter-dialog__close:hover,.apply-dialog__close:hover{background:#f1f5f9;color:#334155}.filter-dialog__body,.apply-dialog__body{padding:1.15rem 1.25rem .25rem;overflow-x:hidden}.filter-form,.apply-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.apply-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.filter-dialog__footer,.apply-dialog__footer{display:flex;align-items:center;gap:.5rem;padding:1rem 1.35rem 1.2rem;border-top:1px solid var(--ui-card-border, #e6e8eb);background:#fafbfc}.filter-dialog__footer-spacer,.apply-dialog__footer-spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:var(--ui-btn-height, 40px);padding:0 1rem;font:inherit;font-size:.875rem;font-weight:500;line-height:1;border-radius:var(--ui-btn-radius, 8px);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-outline{color:#475569;background:#fff;border-color:#ced4da}.btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#334155}.btn-primary{color:#fff;background:#055;border-color:#055}.btn-primary:hover:not(:disabled){background:#004d4d;border-color:#004d4d;box-shadow:0 4px 14px #00666647}.apply-dialog__spinner{display:inline-block;--mdc-circular-progress-active-indicator-color: #fff}@media(max-width:520px){.apply-form__row{grid-template-columns:1fr}}.settings-page .toolbar--stacked{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.settings-page .settings-subtitle{margin:0;font-size:.875rem;color:#64748b;line-height:1.4}.settings-page .settings-page__body{padding:1.15rem 1.25rem 1.25rem}.settings-page .settings-form{display:flex;flex-direction:column;gap:1rem;max-width:640px}.settings-page .settings-form__actions{display:flex;justify-content:flex-start;padding-top:.25rem}.settings-page .toggle-field{display:flex;flex-direction:column;gap:.35rem}.settings-page .helper-text{margin:0;font-size:.875rem;color:#64748b;line-height:1.4}.lookup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.content-card--flush>.lookup-grid{gap:0}.lookup-panel__actions{display:inline-flex;align-items:center;gap:.35rem}@media(max-width:960px){.lookup-grid{grid-template-columns:1fr}}.status-cell{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.status-present{background:#ecfdf3;border-color:#86efac;color:#15803d}.status-out{background:#f1f5f9;border-color:#94a3b8;color:#334155}.status-wfh{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.status-leave{background:#fff7ed;border-color:#fdba74;color:#c2410c}.status-absent{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.status-neutral{background:#f8fafc;border-color:#cbd5e1;color:#475569}.status-late{background:#fffbeb;border-color:#fcd34d;color:#b45309}.status-active{background:#dcfce7;border-color:#86efac;color:#166534}.status-inactive{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}:root{--ui-page-bg: #f4f5f7;--ui-card-bg: #ffffff;--ui-card-border: #e6e8eb;--ui-card-radius: 12px;--ui-card-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;--ui-card-padding: 1.25rem 1.5rem;--ui-section-gap: 1.125rem;--ui-header-card-height: 52px;--ui-table-header-bg: #f8fafc;--ui-table-divider: #eef0f2;--ui-table-hover: #f9fafb;--ui-btn-height: 40px;--ui-btn-radius: 8px;--ui-muted: #64748b;--ui-text: #334155;--ui-heading: #0f172a}.content-card{background:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-card-shadow);padding:var(--ui-card-padding)}.content-card--flush{padding:0;overflow:hidden}.content-card--flush>.panel,.content-card--flush>.toolbar-panel,.content-card--flush>.data-panel,.content-card--flush>.intro-card,.content-card--flush>.mat-mdc-tab-group,.content-card--flush>.segmented-tabs,.content-card--flush>.list-page-tabs,.content-card--flush>.approvals-tabs,.content-card--flush>.lookup-grid,.content-card--flush>.payroll-run-panel{border:none;box-shadow:none;border-radius:0;background:transparent}.content-card--flush>.toolbar-panel,.content-card--flush>.intro-card,.content-card--flush>.page-header{border-bottom:1px solid var(--ui-table-divider)}.content-card--flush>.data-panel+.data-panel,.content-card--flush>.payroll-run-panel+*,.content-card--flush>app-payslip-list{border-top:1px solid var(--ui-table-divider)}.content-card--flush>app-payslip-list{display:block}.content-card--flush>app-payslip-list .panel,.content-card--flush>app-payslip-list .data-panel{border:none;box-shadow:none;border-radius:0}.content-card--flush>.page-header{margin:0;padding:1.25rem 1.5rem 1rem}.content-card--flush>.lookup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}.content-card--flush>.lookup-grid>.panel,.content-card--flush>.lookup-grid>.data-panel{border:none;box-shadow:none;border-radius:0;border-right:1px solid var(--ui-table-divider)}.content-card--flush>.lookup-grid>.panel:last-child,.content-card--flush>.lookup-grid>.data-panel:last-child{border-right:none}@media(max-width:900px){.content-card--flush>.lookup-grid{grid-template-columns:1fr}.content-card--flush>.lookup-grid>.panel,.content-card--flush>.lookup-grid>.data-panel{border-right:none;border-bottom:1px solid var(--ui-table-divider)}.content-card--flush>.lookup-grid>.panel:last-child,.content-card--flush>.lookup-grid>.data-panel:last-child{border-bottom:none}}.panel{background:var(--ui-card-bg);border-radius:var(--ui-card-radius);border:1px solid var(--ui-card-border);box-shadow:var(--ui-card-shadow);overflow:hidden}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-header__title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--ui-heading)}.page-header__subtitle{margin:.3rem 0 0;font-size:.875rem;line-height:1.45;color:var(--ui-muted)}.page-header__actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;min-height:48px}.section-header__title{margin:0;font-size:1.125rem;font-weight:600;color:#066;white-space:nowrap}.section-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex:1 1 auto;min-width:0}.btn-attendo-primary{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:var(--ui-btn-height);padding:0 1.05rem;border:1px solid #006666;border-radius:var(--ui-btn-radius);background:#066;color:#fff;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-attendo-primary mat-icon{font-size:18px;width:18px;height:18px}.btn-attendo-primary:hover:not(:disabled){background:#004d4d;border-color:#004d4d;box-shadow:0 2px 8px #00666647}.btn-attendo-primary:disabled{opacity:.55;cursor:not-allowed}.btn-attendo-secondary,.btn-attendo-filter{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:var(--ui-btn-height);padding:0 .9rem;border:1px solid #d0d5dd;border-radius:var(--ui-btn-radius);background:#fff;color:var(--ui-text);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-attendo-secondary mat-icon,.btn-attendo-filter mat-icon{font-size:18px;width:18px;height:18px;color:var(--ui-muted)}.btn-attendo-secondary:hover:not(:disabled),.btn-attendo-filter:hover:not(:disabled){background:#f9fafb;border-color:#b8c0cc;color:var(--ui-heading)}.btn-attendo-secondary:hover:not(:disabled) mat-icon,.btn-attendo-filter:hover:not(:disabled) mat-icon{color:var(--ui-heading)}.btn-attendo-secondary:disabled,.btn-attendo-filter:disabled{opacity:.55;cursor:not-allowed}.btn-icon-ghost{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.btn-icon-ghost mat-icon{font-size:20px;width:20px;height:20px}.btn-icon-ghost:hover:not(:disabled){background:#f1f5f9;color:var(--ui-heading)}.btn-icon-ghost:disabled{opacity:.4;cursor:not-allowed}.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:.22rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700;line-height:1.2;border:1px solid transparent;white-space:nowrap}.status-chip--approved,.status-present{background:#ecfdf3;border-color:#bbf7d0;color:#15803d}.status-chip--pending,.status-late{background:#fffbeb;border-color:#fde68a;color:#b45309}.status-chip--rejected,.status-absent{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.status-chip--cancelled,.status-neutral{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.type-badge{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;line-height:1.2;white-space:nowrap}.type-badge--bg{background:#fef9c3;color:#a16207}.type-badge--fd{background:#dbeafe;color:#1d4ed8}.type-badge--dd{background:#dcfce7;color:#15803d}.type-badge--default{background:#e6f2f2;color:#055}.segmented-tabs .mat-mdc-tab-header,.list-page-tabs .mat-mdc-tab-header{border-bottom:1px solid var(--ui-table-divider);background:transparent}.segmented-tabs .mat-mdc-tab,.list-page-tabs .mat-mdc-tab{min-width:0;height:44px;opacity:1}.segmented-tabs .mat-mdc-tab .mdc-tab__text-label,.list-page-tabs .mat-mdc-tab .mdc-tab__text-label{color:var(--ui-muted);font-size:.9rem;font-weight:500}.segmented-tabs .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,.list-page-tabs .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#066;font-weight:600}.segmented-tabs .mdc-tab-indicator__content--underline,.list-page-tabs .mdc-tab-indicator__content--underline{border-color:#066!important;border-width:2.5px!important}.segmented-tabs .mat-mdc-tab:not(.mdc-tab--active):hover .mdc-tab__text-label,.list-page-tabs .mat-mdc-tab:not(.mdc-tab--active):hover .mdc-tab__text-label{color:var(--ui-text)}.segmented-tabs .mat-mdc-tab-body-content,.list-page-tabs .mat-mdc-tab-body-content{padding:0;overflow:visible}.segmented-tabs--pills .mat-mdc-tab-header{border-bottom:none;margin-bottom:.25rem}.segmented-tabs--pills .mat-mdc-tab-list{gap:.35rem}.segmented-tabs--pills .mat-mdc-tab{height:38px;border:1px solid #e2e8f0;border-radius:999px;margin:0 .15rem;background:#fff}.segmented-tabs--pills .mat-mdc-tab.mdc-tab--active{background:#e6f2f2;border-color:#7ab3b3}.segmented-tabs--pills .mdc-tab-indicator{display:none}.data-table,.full-width-table{width:100%}.data-table th.mat-mdc-header-cell,.data-table thead th,.full-width-table th.mat-mdc-header-cell,.full-width-table thead th{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted);background:var(--ui-table-header-bg);border-bottom:1px solid var(--ui-table-divider);padding:.85rem 1rem;height:44px}.data-table td.mat-mdc-cell,.data-table td.mat-mdc-footer-cell,.data-table tbody td,.data-table tfoot td,.full-width-table td.mat-mdc-cell,.full-width-table td.mat-mdc-footer-cell,.full-width-table tbody td,.full-width-table tfoot td{font-size:.9rem;color:var(--ui-text);border-bottom:1px solid var(--ui-table-divider);padding:.75rem 1rem;height:48px}.data-table tr.mat-mdc-row:hover td.mat-mdc-cell,.data-table tbody tr:hover td,.full-width-table tr.mat-mdc-row:hover td.mat-mdc-cell,.full-width-table tbody tr:hover td{background:var(--ui-table-hover)}.data-table .col-num,.data-table .col-amount,.full-width-table .col-num,.full-width-table .col-amount{text-align:right;font-variant-numeric:tabular-nums}.data-table .col-actions,.full-width-table .col-actions{text-align:right;white-space:nowrap}.table-card{overflow:auto}.action-buttons{display:inline-flex;align-items:center;justify-content:flex-end;gap:.25rem}html .mat-mdc-icon-button.btn-action-view,html button.mat-mdc-icon-button.btn-action-view{--mdc-icon-button-state-layer-size: 34px !important;--mdc-icon-button-icon-size: 18px;--mdc-icon-button-icon-color: #1565c0 !important;--mat-icon-button-state-layer-color: #1565c0;--mat-icon-color: #1565c0;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;border-radius:6px!important;border:1px solid #90caf9!important;background:#e3f2fd!important;background-color:#e3f2fd!important;color:#1565c0!important;cursor:pointer;overflow:hidden;transition:background .15s ease,border-color .15s ease,color .15s ease}html .mat-mdc-icon-button.btn-action-view .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.btn-action-view .mat-mdc-button-ripple,html .mat-mdc-icon-button.btn-action-view .mat-mdc-focus-indicator,html button.mat-mdc-icon-button.btn-action-view .mat-mdc-button-persistent-ripple,html button.mat-mdc-icon-button.btn-action-view .mat-mdc-button-ripple,html button.mat-mdc-icon-button.btn-action-view .mat-mdc-focus-indicator{border-radius:6px!important}html .mat-mdc-icon-button.btn-action-view .mat-mdc-button-touch-target,html button.mat-mdc-icon-button.btn-action-view .mat-mdc-button-touch-target{width:34px;height:34px}html .mat-mdc-icon-button.btn-action-view .mat-icon,html .mat-mdc-icon-button.btn-action-view mat-icon,html button.mat-mdc-icon-button.btn-action-view .mat-icon,html button.mat-mdc-icon-button.btn-action-view mat-icon{font-size:18px!important;width:18px!important;height:18px!important;color:#1565c0!important}html .mat-mdc-icon-button.btn-action-view:hover:not(:disabled),html button.mat-mdc-icon-button.btn-action-view:hover:not(:disabled){background:#bbdefb!important;background-color:#bbdefb!important;border-color:#64b5f6!important;color:#0d47a1!important;--mdc-icon-button-icon-color: #0d47a1 !important;--mat-icon-color: #0d47a1}html .mat-mdc-icon-button.btn-action-view:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.btn-action-view:hover:not(:disabled) mat-icon,html button.mat-mdc-icon-button.btn-action-view:hover:not(:disabled) .mat-icon,html button.mat-mdc-icon-button.btn-action-view:hover:not(:disabled) mat-icon{color:#0d47a1!important}html .mat-mdc-icon-button.btn-action-view:disabled,html button.mat-mdc-icon-button.btn-action-view:disabled{opacity:.45;cursor:not-allowed}html .mat-mdc-icon-button.btn-action-edit,html .mat-mdc-icon-button.edit-btn,html button.mat-mdc-icon-button.btn-action-edit{--mdc-icon-button-state-layer-size: 34px !important;--mdc-icon-button-icon-size: 18px;--mdc-icon-button-icon-color: #ef6c00 !important;--mat-icon-button-state-layer-color: #ef6c00;--mat-icon-color: #ef6c00;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;border-radius:6px!important;border:1px solid #ffcc80!important;background:#fff3e0!important;background-color:#fff3e0!important;color:#ef6c00!important;cursor:pointer;overflow:hidden;transition:background .15s ease,border-color .15s ease,color .15s ease}html .mat-mdc-icon-button.btn-action-edit .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.btn-action-edit .mat-mdc-button-ripple,html .mat-mdc-icon-button.btn-action-edit .mat-mdc-focus-indicator,html .mat-mdc-icon-button.edit-btn .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.edit-btn .mat-mdc-button-ripple,html .mat-mdc-icon-button.edit-btn .mat-mdc-focus-indicator,html button.mat-mdc-icon-button.btn-action-edit .mat-mdc-button-persistent-ripple,html button.mat-mdc-icon-button.btn-action-edit .mat-mdc-button-ripple,html button.mat-mdc-icon-button.btn-action-edit .mat-mdc-focus-indicator{border-radius:6px!important}html .mat-mdc-icon-button.btn-action-edit .mat-mdc-button-touch-target,html .mat-mdc-icon-button.edit-btn .mat-mdc-button-touch-target,html button.mat-mdc-icon-button.btn-action-edit .mat-mdc-button-touch-target{width:34px;height:34px}html .mat-mdc-icon-button.btn-action-edit .mat-icon,html .mat-mdc-icon-button.btn-action-edit mat-icon,html .mat-mdc-icon-button.edit-btn .mat-icon,html .mat-mdc-icon-button.edit-btn mat-icon,html button.mat-mdc-icon-button.btn-action-edit .mat-icon,html button.mat-mdc-icon-button.btn-action-edit mat-icon{font-size:18px!important;width:18px!important;height:18px!important;color:#ef6c00!important}html .mat-mdc-icon-button.btn-action-edit:hover:not(:disabled),html .mat-mdc-icon-button.edit-btn:hover:not(:disabled),html button.mat-mdc-icon-button.btn-action-edit:hover:not(:disabled){background:#ffe0b2!important;background-color:#ffe0b2!important;border-color:#ffb74d!important;color:#e65100!important;--mdc-icon-button-icon-color: #e65100 !important;--mat-icon-color: #e65100}html .mat-mdc-icon-button.btn-action-edit:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.btn-action-edit:hover:not(:disabled) mat-icon,html .mat-mdc-icon-button.edit-btn:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.edit-btn:hover:not(:disabled) mat-icon,html button.mat-mdc-icon-button.btn-action-edit:hover:not(:disabled) .mat-icon,html button.mat-mdc-icon-button.btn-action-edit:hover:not(:disabled) mat-icon{color:#e65100!important}html .mat-mdc-icon-button.btn-action-edit:disabled,html .mat-mdc-icon-button.edit-btn:disabled,html button.mat-mdc-icon-button.btn-action-edit:disabled{opacity:.45;cursor:not-allowed}html .mat-mdc-icon-button.btn-action-delete,html .mat-mdc-icon-button.btn-action-danger,html .mat-mdc-icon-button.delete-btn,html button.mat-mdc-icon-button.btn-action-danger{--mdc-icon-button-state-layer-size: 34px !important;--mdc-icon-button-icon-size: 18px;--mdc-icon-button-icon-color: #c62828 !important;--mat-icon-button-state-layer-color: #c62828;--mat-icon-color: #c62828;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;border-radius:6px!important;border:1px solid #ef9a9a!important;background:#ffebee!important;background-color:#ffebee!important;color:#c62828!important;cursor:pointer;overflow:hidden;transition:background .15s ease,border-color .15s ease,color .15s ease}html .mat-mdc-icon-button.btn-action-delete .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.btn-action-delete .mat-mdc-button-ripple,html .mat-mdc-icon-button.btn-action-delete .mat-mdc-focus-indicator,html .mat-mdc-icon-button.btn-action-danger .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.btn-action-danger .mat-mdc-button-ripple,html .mat-mdc-icon-button.btn-action-danger .mat-mdc-focus-indicator,html .mat-mdc-icon-button.delete-btn .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.delete-btn .mat-mdc-button-ripple,html .mat-mdc-icon-button.delete-btn .mat-mdc-focus-indicator,html button.mat-mdc-icon-button.btn-action-danger .mat-mdc-button-persistent-ripple,html button.mat-mdc-icon-button.btn-action-danger .mat-mdc-button-ripple,html button.mat-mdc-icon-button.btn-action-danger .mat-mdc-focus-indicator{border-radius:6px!important}html .mat-mdc-icon-button.btn-action-delete .mat-mdc-button-touch-target,html .mat-mdc-icon-button.btn-action-danger .mat-mdc-button-touch-target,html .mat-mdc-icon-button.delete-btn .mat-mdc-button-touch-target,html button.mat-mdc-icon-button.btn-action-danger .mat-mdc-button-touch-target{width:34px;height:34px}html .mat-mdc-icon-button.btn-action-delete .mat-icon,html .mat-mdc-icon-button.btn-action-delete mat-icon,html .mat-mdc-icon-button.btn-action-danger .mat-icon,html .mat-mdc-icon-button.btn-action-danger mat-icon,html .mat-mdc-icon-button.delete-btn .mat-icon,html .mat-mdc-icon-button.delete-btn mat-icon,html button.mat-mdc-icon-button.btn-action-danger .mat-icon,html button.mat-mdc-icon-button.btn-action-danger mat-icon{font-size:18px!important;width:18px!important;height:18px!important;color:#c62828!important}html .mat-mdc-icon-button.btn-action-delete:hover:not(:disabled),html .mat-mdc-icon-button.btn-action-danger:hover:not(:disabled),html .mat-mdc-icon-button.delete-btn:hover:not(:disabled),html button.mat-mdc-icon-button.btn-action-danger:hover:not(:disabled){background:#ffcdd2!important;background-color:#ffcdd2!important;border-color:#e57373!important;color:#b71c1c!important;--mdc-icon-button-icon-color: #b71c1c !important;--mat-icon-color: #b71c1c}html .mat-mdc-icon-button.btn-action-delete:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.btn-action-delete:hover:not(:disabled) mat-icon,html .mat-mdc-icon-button.btn-action-danger:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.btn-action-danger:hover:not(:disabled) mat-icon,html .mat-mdc-icon-button.delete-btn:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.delete-btn:hover:not(:disabled) mat-icon,html button.mat-mdc-icon-button.btn-action-danger:hover:not(:disabled) .mat-icon,html button.mat-mdc-icon-button.btn-action-danger:hover:not(:disabled) mat-icon{color:#b71c1c!important}html .mat-mdc-icon-button.btn-action-delete:disabled,html .mat-mdc-icon-button.btn-action-danger:disabled,html .mat-mdc-icon-button.delete-btn:disabled,html button.mat-mdc-icon-button.btn-action-danger:disabled{opacity:.45;cursor:not-allowed}html .mat-mdc-icon-button.btn-action-key{--mdc-icon-button-state-layer-size: 34px !important;--mdc-icon-button-icon-size: 18px;--mdc-icon-button-icon-color: #7b1fa2 !important;--mat-icon-button-state-layer-color: #7b1fa2;--mat-icon-color: #7b1fa2;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;border-radius:6px!important;border:1px solid #ce93d8!important;background:#f3e5f5!important;background-color:#f3e5f5!important;color:#7b1fa2!important;cursor:pointer;overflow:hidden;transition:background .15s ease,border-color .15s ease,color .15s ease}html .mat-mdc-icon-button.btn-action-key .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.btn-action-key .mat-mdc-button-ripple,html .mat-mdc-icon-button.btn-action-key .mat-mdc-focus-indicator{border-radius:6px!important}html .mat-mdc-icon-button.btn-action-key .mat-mdc-button-touch-target{width:34px;height:34px}html .mat-mdc-icon-button.btn-action-key .mat-icon,html .mat-mdc-icon-button.btn-action-key mat-icon{font-size:18px!important;width:18px!important;height:18px!important;color:#7b1fa2!important}html .mat-mdc-icon-button.btn-action-key:hover:not(:disabled){background:#e1bee7!important;background-color:#e1bee7!important;border-color:#ba68c8!important;color:#6a1b9a!important;--mdc-icon-button-icon-color: #6a1b9a !important;--mat-icon-color: #6a1b9a}html .mat-mdc-icon-button.btn-action-key:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.btn-action-key:hover:not(:disabled) mat-icon{color:#6a1b9a!important}html .mat-mdc-icon-button.btn-action-key:disabled{opacity:.45;cursor:not-allowed}html .mat-mdc-icon-button.btn-action-allocate,html .mat-mdc-icon-button.allocate-btn{--mdc-icon-button-state-layer-size: 34px !important;--mdc-icon-button-icon-size: 18px;--mdc-icon-button-icon-color: #2e7d32 !important;--mat-icon-button-state-layer-color: #2e7d32;--mat-icon-color: #2e7d32;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;border-radius:6px!important;border:1px solid #a5d6a7!important;background:#e8f5e9!important;background-color:#e8f5e9!important;color:#2e7d32!important;cursor:pointer;overflow:hidden;transition:background .15s ease,border-color .15s ease,color .15s ease}html .mat-mdc-icon-button.btn-action-allocate .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.btn-action-allocate .mat-mdc-button-ripple,html .mat-mdc-icon-button.btn-action-allocate .mat-mdc-focus-indicator,html .mat-mdc-icon-button.allocate-btn .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.allocate-btn .mat-mdc-button-ripple,html .mat-mdc-icon-button.allocate-btn .mat-mdc-focus-indicator{border-radius:6px!important}html .mat-mdc-icon-button.btn-action-allocate .mat-mdc-button-touch-target,html .mat-mdc-icon-button.allocate-btn .mat-mdc-button-touch-target{width:34px;height:34px}html .mat-mdc-icon-button.btn-action-allocate .mat-icon,html .mat-mdc-icon-button.btn-action-allocate mat-icon,html .mat-mdc-icon-button.allocate-btn .mat-icon,html .mat-mdc-icon-button.allocate-btn mat-icon{font-size:18px!important;width:18px!important;height:18px!important;color:#2e7d32!important}html .mat-mdc-icon-button.btn-action-allocate:hover:not(:disabled),html .mat-mdc-icon-button.allocate-btn:hover:not(:disabled){background:#c8e6c9!important;background-color:#c8e6c9!important;border-color:#81c784!important;color:#1b5e20!important;--mdc-icon-button-icon-color: #1b5e20 !important;--mat-icon-color: #1b5e20}html .mat-mdc-icon-button.btn-action-allocate:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.btn-action-allocate:hover:not(:disabled) mat-icon,html .mat-mdc-icon-button.allocate-btn:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.allocate-btn:hover:not(:disabled) mat-icon{color:#1b5e20!important}html .mat-mdc-icon-button.btn-action-allocate:disabled,html .mat-mdc-icon-button.allocate-btn:disabled{opacity:.45;cursor:not-allowed}html .mat-mdc-icon-button.btn-action-approve{--mdc-icon-button-state-layer-size: 34px !important;--mdc-icon-button-icon-size: 18px;--mdc-icon-button-icon-color: #2e7d32 !important;--mat-icon-button-state-layer-color: #2e7d32;--mat-icon-color: #2e7d32;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;border-radius:6px!important;border:1px solid #a5d6a7!important;background:#e8f5e9!important;background-color:#e8f5e9!important;color:#2e7d32!important;cursor:pointer;overflow:hidden;transition:background .15s ease,border-color .15s ease,color .15s ease}html .mat-mdc-icon-button.btn-action-approve .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.btn-action-approve .mat-mdc-button-ripple,html .mat-mdc-icon-button.btn-action-approve .mat-mdc-focus-indicator{border-radius:6px!important}html .mat-mdc-icon-button.btn-action-approve .mat-mdc-button-touch-target{width:34px;height:34px}html .mat-mdc-icon-button.btn-action-approve .mat-icon,html .mat-mdc-icon-button.btn-action-approve mat-icon{font-size:18px!important;width:18px!important;height:18px!important;color:#2e7d32!important}html .mat-mdc-icon-button.btn-action-approve:hover:not(:disabled){background:#c8e6c9!important;background-color:#c8e6c9!important;border-color:#81c784!important;color:#1b5e20!important;--mdc-icon-button-icon-color: #1b5e20 !important;--mat-icon-color: #1b5e20}html .mat-mdc-icon-button.btn-action-approve:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.btn-action-approve:hover:not(:disabled) mat-icon{color:#1b5e20!important}html .mat-mdc-icon-button.btn-action-approve:disabled{opacity:.45;cursor:not-allowed}html .mat-mdc-icon-button.btn-action-reject{--mdc-icon-button-state-layer-size: 34px !important;--mdc-icon-button-icon-size: 18px;--mdc-icon-button-icon-color: #c62828 !important;--mat-icon-button-state-layer-color: #c62828;--mat-icon-color: #c62828;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;border-radius:6px!important;border:1px solid #ef9a9a!important;background:#ffebee!important;background-color:#ffebee!important;color:#c62828!important;cursor:pointer;overflow:hidden;transition:background .15s ease,border-color .15s ease,color .15s ease}html .mat-mdc-icon-button.btn-action-reject .mat-mdc-button-persistent-ripple,html .mat-mdc-icon-button.btn-action-reject .mat-mdc-button-ripple,html .mat-mdc-icon-button.btn-action-reject .mat-mdc-focus-indicator{border-radius:6px!important}html .mat-mdc-icon-button.btn-action-reject .mat-mdc-button-touch-target{width:34px;height:34px}html .mat-mdc-icon-button.btn-action-reject .mat-icon,html .mat-mdc-icon-button.btn-action-reject mat-icon{font-size:18px!important;width:18px!important;height:18px!important;color:#c62828!important}html .mat-mdc-icon-button.btn-action-reject:hover:not(:disabled){background:#ffcdd2!important;background-color:#ffcdd2!important;border-color:#e57373!important;color:#b71c1c!important;--mdc-icon-button-icon-color: #b71c1c !important;--mat-icon-color: #b71c1c}html .mat-mdc-icon-button.btn-action-reject:hover:not(:disabled) .mat-icon,html .mat-mdc-icon-button.btn-action-reject:hover:not(:disabled) mat-icon{color:#b71c1c!important}html .mat-mdc-icon-button.btn-action-reject:disabled{opacity:.45;cursor:not-allowed}.action-buttons .mat-mdc-icon-button:not(.btn-action-view,.btn-action-edit,.btn-action-delete,.btn-action-danger,.btn-action-key,.btn-action-allocate,.btn-action-approve,.btn-action-reject,.edit-btn,.delete-btn,.allocate-btn),.btn-icon-ghost.mat-mdc-icon-button{--mdc-icon-button-state-layer-size: 36px;width:36px;height:36px;padding:0;border-radius:8px;color:var(--ui-muted)}.action-buttons .mat-mdc-icon-button:not(.btn-action-view,.btn-action-edit,.btn-action-delete,.btn-action-danger,.btn-action-key,.btn-action-allocate,.btn-action-approve,.btn-action-reject,.edit-btn,.delete-btn,.allocate-btn) mat-icon,.btn-icon-ghost.mat-mdc-icon-button mat-icon{font-size:20px;width:20px;height:20px}.action-buttons .mat-mdc-icon-button:not(.btn-action-view,.btn-action-edit,.btn-action-delete,.btn-action-danger,.btn-action-key,.btn-action-allocate,.btn-action-approve,.btn-action-reject,.edit-btn,.delete-btn,.allocate-btn):hover:not(:disabled),.btn-icon-ghost.mat-mdc-icon-button:hover:not(:disabled){background:#f1f5f9;color:var(--ui-heading)}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem 1.25rem;background:#fafbfc;border-top:1px solid var(--ui-table-divider);font-size:.82rem;color:var(--ui-muted)}.table-footer__controls{display:flex;align-items:center;gap:.35rem;margin-left:auto}.table-footer__label,.table-footer__suffix,.table-footer__page,.table-footer__count{color:var(--ui-muted);white-space:nowrap}.table-footer__select{height:32px;padding:0 .5rem;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font:inherit;font-size:.82rem;color:var(--ui-text);cursor:pointer}.loading-state{display:flex;justify-content:center;align-items:center;padding:3.5rem 1rem}.table-empty,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:3rem 1.5rem 3.25rem;text-align:center;margin:0;font-size:.92rem;color:var(--ui-muted)}.table-empty mat-icon,.empty-state mat-icon{font-size:48px;width:48px;height:48px;color:#cbd5e1}.table-empty p,.empty-state p{margin:0;font-size:.92rem;color:var(--ui-muted)}.error-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;text-align:center;color:var(--ui-muted)}html{height:100%;--mat-sys-background: #f7faf9;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #eff1f0;--mat-sys-inverse-primary: #00dddd;--mat-sys-inverse-surface: #2d3131;--mat-sys-on-background: #191c1c;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #004f4f;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #324b4b;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #191c1c;--mat-sys-on-surface-variant: #3f4948;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #6f7979;--mat-sys-outline-variant: #bec9c8;--mat-sys-primary: #006a6a;--mat-sys-primary-container: #00fbfb;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #4a6363;--mat-sys-secondary-container: #cce8e7;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #f7faf9;--mat-sys-surface-bright: #f7faf9;--mat-sys-surface-container: #ebefed;--mat-sys-surface-container-high: #e6e9e7;--mat-sys-surface-container-highest: #e0e3e2;--mat-sys-surface-container-low: #f1f4f3;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #d7dbd9;--mat-sys-surface-tint: #006a6a;--mat-sys-surface-variant: #dae5e4;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--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 Roboto;--mat-sys-body-large-font: Roboto;--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 Roboto;--mat-sys-body-medium-font: Roboto;--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 Roboto;--mat-sys-body-small-font: Roboto;--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 Roboto;--mat-sys-display-large-font: Roboto;--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 Roboto;--mat-sys-display-medium-font: Roboto;--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 Roboto;--mat-sys-display-small-font: Roboto;--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 Roboto;--mat-sys-headline-large-font: Roboto;--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 Roboto;--mat-sys-headline-medium-font: Roboto;--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 Roboto;--mat-sys-headline-small-font: Roboto;--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 Roboto;--mat-sys-label-large-font: Roboto;--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 Roboto;--mat-sys-label-medium-font: Roboto;--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 Roboto;--mat-sys-label-small-font: Roboto;--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 Roboto;--mat-sys-title-large-font: Roboto;--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 Roboto;--mat-sys-title-medium-font: Roboto;--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 Roboto;--mat-sys-title-small-font: Roboto;--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}:root{--attendo-teal: #006666;--attendo-teal-light: #1a8f8f;--attendo-teal-dark: #005555;--attendo-teal-hover: #004d4d;--attendo-teal-soft: #e6f2f2;--attendo-teal-soft-hover: #c5e5e5;--attendo-charcoal: #2c3e50;--attendo-charcoal-heading: #1a2b2e;--mat-sys-primary: #006666;--mat-sys-on-primary: #ffffff;--mat-sys-surface: #ffffff;--mat-sys-background: #f4f5f7}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100%;font-family:Roboto,Helvetica Neue,sans-serif;background-color:#f4f5f7;background-image:none;color:#2c3e50}a{color:inherit;text-decoration:none}mat-card{border:1px solid var(--ui-card-border, #e6e8eb);border-radius:var(--ui-card-radius, 12px);box-shadow:var(--ui-card-shadow, 0 1px 3px rgba(0, 0, 0, .06))!important}.mat-mdc-form-field{width:100%}.leave-filter-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface{padding:0;border-radius:12px;overflow:hidden}html .mat-mdc-icon-button.btn-action-view{background-color:#e3f2fd!important;border:1px solid #90caf9!important;border-radius:6px!important;color:#1565c0!important;--mdc-icon-button-icon-color: #1565c0 !important}html .mat-mdc-icon-button.btn-action-edit,html .mat-mdc-icon-button.edit-btn{background-color:#fff3e0!important;border:1px solid #ffcc80!important;border-radius:6px!important;color:#ef6c00!important;--mdc-icon-button-icon-color: #ef6c00 !important}html .mat-mdc-icon-button.btn-action-delete,html .mat-mdc-icon-button.btn-action-danger,html .mat-mdc-icon-button.delete-btn{background-color:#ffebee!important;border:1px solid #ef9a9a!important;border-radius:6px!important;color:#c62828!important;--mdc-icon-button-icon-color: #c62828 !important}html .mat-mdc-icon-button.btn-action-key{background-color:#f3e5f5!important;border:1px solid #ce93d8!important;border-radius:6px!important;color:#7b1fa2!important;--mdc-icon-button-icon-color: #7b1fa2 !important}html .mat-mdc-icon-button.btn-action-allocate,html .mat-mdc-icon-button.allocate-btn,html .mat-mdc-icon-button.btn-action-approve{background-color:#e8f5e9!important;border:1px solid #a5d6a7!important;border-radius:6px!important;color:#2e7d32!important;--mdc-icon-button-icon-color: #2e7d32 !important}html .mat-mdc-icon-button.btn-action-reject{background-color:#ffebee!important;border:1px solid #ef9a9a!important;border-radius:6px!important;color:#c62828!important;--mdc-icon-button-icon-color: #c62828 !important}html .mat-mdc-icon-button.btn-action-view .mat-icon,html .mat-mdc-icon-button.btn-action-edit .mat-icon,html .mat-mdc-icon-button.btn-action-delete .mat-icon,html .mat-mdc-icon-button.btn-action-danger .mat-icon,html .mat-mdc-icon-button.btn-action-key .mat-icon,html .mat-mdc-icon-button.btn-action-allocate .mat-icon,html .mat-mdc-icon-button.btn-action-approve .mat-icon,html .mat-mdc-icon-button.btn-action-reject .mat-icon,html .mat-mdc-icon-button.edit-btn .mat-icon,html .mat-mdc-icon-button.delete-btn .mat-icon,html .mat-mdc-icon-button.allocate-btn .mat-icon{color:inherit!important}