.attendance-camera-video,.attendance-camera-preview{object-fit:cover;background:#000;max-height:280px}.card-modern{border:0;border-radius:.5rem;box-shadow:0 2px 6px #4359711f}.card-modern .card-header{background:0 0;border-bottom:1px solid #43597114;padding:1.25rem 1.5rem}.page-header-title{margin-bottom:.15rem;font-size:1.375rem;font-weight:600}.page-header-subtitle{color:#697a8d;margin-bottom:0;font-size:.875rem}.btn-action-group{flex-wrap:nowrap;gap:.35rem;display:inline-flex}.btn-icon-modern{border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}.table-modern thead th{text-transform:uppercase;letter-spacing:.04em;color:#566a7f;white-space:nowrap;border-bottom-width:1px;font-size:.75rem;font-weight:600}.table-modern tbody tr:hover{background-color:#696cff0a}.filter-toolbar{background:#f5f5f9;border-radius:.5rem;margin-bottom:1rem;padding:1rem 1.25rem}.filter-toolbar .form-label{margin-bottom:.35rem;font-size:.8125rem;font-weight:500}div.dt-container .dt-length select,div.dt-container .dt-search input{border:1px solid #d9dee3;border-radius:.375rem;padding:.4375rem .875rem;font-size:.9375rem}div.dt-container .dt-search input:focus{border-color:#696cff;outline:0;box-shadow:0 0 0 .2rem #696cff26}div.dt-container .dt-info{color:#697a8d;padding-top:.75rem;font-size:.875rem}div.dt-container .dt-paging .dt-paging-button{margin:0 .125rem;border-radius:.375rem!important}div.dt-container .dt-paging .dt-paging-button.current{color:#fff!important;background:#696cff!important;border-color:#696cff!important}div.dt-processing{background:#ffffffe6;border-radius:.5rem;box-shadow:0 2px 12px #43597126}div.dt-buttons .dt-button{margin-right:.35rem;border-radius:.375rem!important;font-size:.8125rem!important}.app-brand-text.demo.sidebar-brand-uppercase{letter-spacing:.06em;font-size:1.05rem;text-transform:uppercase!important}.app-brand .layout-menu-toggle{border-radius:.375rem;padding:.25rem;position:static;left:auto;background:0 0!important;border:0!important}.app-brand .layout-menu-toggle i{color:inherit;transition:transform .2s}@media (width>=1200px){html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu,html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu .menu-inner>.menu-item{width:5.25rem}html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu .menu-inner>.menu-item>.menu-link{padding-left:1rem}html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu .menu-inner>.menu-item>.menu-link .menu-icon{text-align:center;width:5.25rem;margin-left:-2rem;margin-right:0}html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu .menu-inner>.menu-item div:not(.menu-block){text-overflow:ellipsis;white-space:nowrap;opacity:0;overflow:hidden}html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu .menu-inner>.menu-header{text-indent:-9999px;white-space:nowrap;margin-left:1rem;padding-left:.5rem;padding-right:1.5rem;position:relative}html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu .menu-inner>.menu-header .menu-header-text{opacity:0;overflow:hidden}.layout-menu-fixed.layout-menu-collapsed .layout-page{padding-left:5.25rem}html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu .app-brand{justify-content:center;padding-left:0;padding-right:0}html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu .app-brand .app-brand-link{display:none}html.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) #layout-menu .app-brand .layout-menu-toggle{margin:0 auto;display:inline-flex!important}html.layout-menu-collapsed:not(.layout-menu-hover) #layout-menu .app-brand .layout-menu-toggle i{transform:rotate(180deg)}}.auth-theme-toggle{z-index:1090;position:fixed;top:1rem;right:1rem}.auth-theme-toggle .nav-link{background:#43597114;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.dark-style .auth-theme-toggle .nav-link{color:#cbcbe2;background:#a3a4cc1f}.dark-style .card-modern{box-shadow:0 2px 6px #00000040}.dark-style .card-modern .card-header{border-bottom-color:#a3a4cc1f}.dark-style .page-header-subtitle{color:#7071a4}.dark-style .table-modern thead th{color:#cbcbe2}.dark-style .table-modern tbody tr:hover{background-color:#a3a4cc0f}.dark-style .filter-toolbar{background:#2f3349}.dark-style div.dt-container .dt-length select,.dark-style div.dt-container .dt-search input{color:#cbcbe2;background-color:#25293c;border-color:#a3a4cc33}.dark-style div.dt-container .dt-info{color:#7071a4}.dark-style div.dt-processing{background:#2f3349f2;box-shadow:0 2px 12px #00000059}.dark-style .shift-cal-tabs{background:#25293c}.dark-style .shift-cal-tabs .nav-link{color:#7071a4}.dark-style .shift-cal-tabs .nav-link.active{color:#696cff;background:#2f3349;box-shadow:0 2px 6px #0003}.dark-style .shift-cal-month-label{color:#cbcbe2}.dark-style .shift-cal-legend{background:#25293c}.dark-style .shift-cal-legend-item,.dark-style .shift-cal-weekday{color:#7071a4}.dark-style .shift-cal-day{background:#2f3349;border-color:#a3a4cc1f}.dark-style .shift-cal-day-num{color:#cbcbe2}.dark-style .shift-cal-badge{color:#cbcbe2;background:#25293cb3}.dark-style .shift-cal-loading{color:#7071a4}.dark-style .select2-container--bootstrap-5 .select2-selection{color:#cbcbe2;background-color:#25293c;border-color:#a3a4cc33}.dark-style .select2-container--bootstrap-5 .select2-dropdown{background-color:#2f3349;border-color:#a3a4cc33}.dark-style .select2-container--bootstrap-5 .select2-results__option{color:#cbcbe2}.shift-calendar{--cal-gap:6px;--cal-radius:.75rem}.shift-cal-card{border-radius:1rem}.shift-cal-tabs{background:#f5f5f9;border-radius:.75rem;gap:.35rem;padding:.3rem;display:inline-flex}.shift-cal-tabs .nav-link{color:#697a8d;border-radius:.55rem;padding:.45rem 1rem;font-weight:500;transition:all .15s}.shift-cal-tabs .nav-link.active{color:#696cff;background:#fff;box-shadow:0 2px 6px #4359711f}.shift-cal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.shift-cal-toolbar-filter{flex:260px;min-width:260px;max-width:340px}.shift-cal-monthnav{align-items:center;gap:.5rem;display:flex}.shift-cal-month-label{text-align:center;color:#566a7f;text-transform:capitalize;min-width:9.5rem;font-size:1.05rem;font-weight:600}.shift-cal-monthnav .btn-icon{justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-flex}.shift-cal-today-btn{border-radius:2rem;margin-left:.25rem}.shift-cal-legend{background:#f8f8fb;border-radius:.65rem;flex-wrap:wrap;gap:.4rem .85rem;margin-bottom:1rem;padding:.75rem .9rem;display:flex}.shift-cal-legend-item{color:#697a8d;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:inline-flex}.shift-cal-legend-swatch{border:1px solid #4359711f;border-radius:.3rem;flex-shrink:0;width:.95rem;height:.95rem}.shift-cal-legend-swatch.shift-cal-day--hadir,.shift-cal-legend-swatch.shift-cal-day--alpha,.shift-cal-legend-swatch.shift-cal-day--late{background:#fff}.shift-cal-weekdays,.shift-cal-grid{gap:var(--cal-gap);grid-template-columns:repeat(7,1fr);display:grid}.shift-cal-weekdays{margin-bottom:var(--cal-gap)}.shift-cal-weekday{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:#a1acb8;padding:.4rem 0;font-size:.7rem;font-weight:700}.shift-cal-weekday:nth-child(6),.shift-cal-weekday:nth-child(7){color:#696cff}.shift-cal-loading{text-align:center;color:#697a8d;grid-column:1/-1;justify-content:center;align-items:center;padding:3rem 0;display:flex}.shift-cal-day{border-radius:var(--cal-radius);text-align:left;cursor:pointer;background:#fff;border:1px solid #eceef3;flex-direction:column;gap:.3rem;min-height:6rem;padding:.5rem;transition:box-shadow .18s,transform .12s,border-color .18s;display:flex;position:relative;overflow:hidden}.shift-cal-day:after{content:"";border-radius:inherit;pointer-events:none;background:#696cff00;transition:background .18s;position:absolute;inset:0}.shift-cal-day:hover:not(.shift-cal-day--blank){z-index:2;border-color:#d8d9ff;transform:translateY(-2px);box-shadow:0 6px 18px #43597124}.shift-cal-day--blank{cursor:default;background:0 0;border:none;min-height:0}.shift-cal-day-num{color:#566a7f;border-radius:50%;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.85rem;font-weight:600;display:inline-flex}.shift-cal-day--today .shift-cal-day-num{color:#fff;background:#696cff}.shift-cal-day--today{border-color:#696cff;box-shadow:0 0 0 1px #696cff}.shift-cal-badge{color:#566a7f;word-break:break-word;background:#ffffffb3;border-radius:.4rem;align-self:flex-start;padding:.1rem .4rem;font-size:.68rem;font-weight:600;line-height:1.25}.shift-cal-day--company{background:#fff6e9;border-color:#ffe2bd}.shift-cal-day--company .shift-cal-badge{color:#b76e00}.shift-cal-day--off{background:#f4f4f7;border-color:#e3e5eb}.shift-cal-day--off .shift-cal-badge{color:#8592a3}.shift-cal-day--leave{background:#e7f7fb;border-color:#bfeaf3}.shift-cal-day--leave .shift-cal-badge{color:#0a91ab}.shift-cal-day--work{background:#eafaf0;border-color:#c6ecd5}.shift-cal-day--work .shift-cal-badge{color:#1f9254}.shift-cal-day--override{background:#eeeefe;border-color:#d2d3ff}.shift-cal-day--override .shift-cal-badge{color:#5557d8}.shift-cal-day--hadir{box-shadow:inset 4px 0 #71dd37}.shift-cal-day--late{box-shadow:inset 4px 0 #ffab00}.shift-cal-day--alpha{box-shadow:inset 4px 0 #ff3e1d}.shift-cal-day--today.shift-cal-day--hadir{box-shadow:inset 4px 0 #71dd37,0 0 0 1px #696cff}.shift-cal-day--today.shift-cal-day--late{box-shadow:inset 4px 0 #ffab00,0 0 0 1px #696cff}.shift-cal-day--today.shift-cal-day--alpha{box-shadow:inset 4px 0 #ff3e1d,0 0 0 1px #696cff}.shift-cal-legend-swatch.shift-cal-day--hadir{box-shadow:inset 3px 0 #71dd37}.shift-cal-legend-swatch.shift-cal-day--late{box-shadow:inset 3px 0 #ffab00}.shift-cal-legend-swatch.shift-cal-day--alpha{box-shadow:inset 3px 0 #ff3e1d}@media (width<=575.98px){.shift-cal-day{min-height:4.25rem;padding:.3rem}.shift-cal-badge{font-size:.6rem}.shift-cal-toolbar{flex-direction:column;align-items:stretch}.shift-cal-monthnav{justify-content:space-between}}.select2-container--bootstrap-5 .select2-selection{border-color:#d9dee3;border-radius:.5rem;min-height:calc(1.5em + .75rem + 2px)}.select2-container--bootstrap-5.select2-container--focus .select2-selection,.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#696cff;box-shadow:0 0 0 .2rem #696cff26}.select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected]{background-color:#696cff}.select2-container--bootstrap-5 .select2-dropdown{border-color:#696cff;border-radius:.5rem;box-shadow:0 5px 20px #4359712e}