@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.employee-avatar{color:#6558e8;text-transform:uppercase;background:#eeeaff;border-radius:15px;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}.employee-avatar--small{border-radius:11px;width:36px;height:36px;font-size:14px}.employee-avatar--medium{width:48px;height:48px;font-size:18px}.employee-avatar--large{border-radius:50%;width:88px;height:88px;font-size:30px}.employee-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.dashboard-shell{color:#17213b;background:#f5f7fb;min-height:100vh;display:flex}.dashboard-sidebar{color:#fff;background:#171d45;flex-direction:column;flex:0 0 258px;min-height:100vh;padding:28px 18px 20px;display:flex}.dashboard-brand{align-items:center;gap:12px;padding:0 8px 35px;font-size:20px;font-weight:750;display:flex}.dashboard-brand__icon{background:#303968;border:1px solid #525b8b;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.dashboard-sidebar__label{color:#9ca8d1;letter-spacing:1.5px;margin:0 0 12px;padding:0 12px;font-size:11px;font-weight:750}.dashboard-navigation{gap:6px;display:grid}.dashboard-navigation__item{color:#c7cde4;min-height:45px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 13px;font-size:14px;text-decoration:none;display:flex}.dashboard-navigation__item:hover,.dashboard-navigation__item.is-active{color:#fff;background:#373e78}.dashboard-sidebar__bottom{border-top:1px solid #353b61;margin-top:auto;padding-top:25px}.dashboard-logout{width:100%}.dashboard-main{flex:1;min-width:0}.dashboard-topbar{background:#fff;border-bottom:1px solid #e8ebf3;justify-content:space-between;align-items:center;gap:24px;min-height:94px;padding:20px 36px;display:flex}.dashboard-topbar__eyebrow{color:#7163ed;letter-spacing:1.5px;font-size:11px;font-weight:750}.dashboard-topbar__heading h2{margin:5px 0 0;font-size:22px}.dashboard-topbar__actions{align-items:center;gap:17px;display:flex}.dashboard-search{color:#8290aa;border:1px solid #e0e5f0;border-radius:10px;align-items:center;gap:9px;width:230px;height:42px;padding:0 12px;display:flex}.dashboard-search input{color:#17213b;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.dashboard-icon-button{color:#69758e;cursor:pointer;background:#fff;border:1px solid #e4e8f1;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.dashboard-user{align-items:center;gap:10px;display:flex}.dashboard-user__avatar{color:#5145dc;background:#e8e7ff;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:750;display:grid}.dashboard-user__name{color:#293550;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;font-weight:650;overflow:hidden}.dashboard-content{width:100%;max-width:1600px;margin:0 auto;padding:34px 36px 45px}.dashboard-welcome{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.dashboard-section-eyebrow{color:#7567ef;letter-spacing:1.5px;margin:0 0 9px;font-size:11px;font-weight:750}.dashboard-welcome h1{letter-spacing:-1px;margin:0;font-size:clamp(25px,2.5vw,32px);font-weight:750}.dashboard-welcome>div>p:last-child{color:#78839a;margin:9px 0 0;font-size:14px;line-height:1.7}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px;display:grid}.dashboard-stat-card,.dashboard-panel{background:#fff;border:1px solid #e8ebf3;border-radius:15px;min-width:0;box-shadow:0 4px 18px #18254908}.dashboard-stat-card{padding:22px}.dashboard-stat-card__icon{border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:19px;display:grid}.dashboard-stat-card__icon.is-violet{color:#6c5ce7;background:#eeebff}.dashboard-stat-card__icon.is-blue{color:#2b7de0;background:#e5f1ff}.dashboard-stat-card__icon.is-green{color:#12976b;background:#e0f8ee}.dashboard-stat-card__icon.is-orange{color:#d7832f;background:#fff0df}.dashboard-stat-card__title{color:#6e7a92;margin:0;font-size:13px}.dashboard-stat-card__value{margin:10px 0 7px;font-size:29px;font-weight:750}.dashboard-stat-card__note{color:#8993a8;margin:0;font-size:12px}.dashboard-panels{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:20px;margin-bottom:23px;display:grid}.dashboard-panel{padding:24px}.dashboard-panel__heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.dashboard-panel__heading h2{margin:0;font-size:16px;font-weight:750}.dashboard-panel__heading p{color:#8690a5;margin:7px 0 0;font-size:12px;line-height:1.6}.dashboard-empty-state{color:#7e89a0;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:215px;padding:28px 18px;display:flex}.dashboard-empty-state__icon{color:#6c5ce7;background:#f0efff;border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.dashboard-empty-state h3{color:#293550;margin:15px 0 7px;font-size:14px}.dashboard-empty-state p{max-width:370px;margin:0;font-size:12px;line-height:1.7}.dashboard-profit-placeholder{flex-direction:column;justify-content:center;align-items:flex-start;min-height:215px;display:flex}.dashboard-profit-placeholder span,.dashboard-profit-placeholder p{color:#8993a8;font-size:12px}.dashboard-profit-placeholder strong{margin-top:13px;font-size:24px}.dashboard-table-empty{color:#8993a8;text-align:center;place-items:center;min-height:110px;font-size:13px;display:grid}@media (width<=1200px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-content{padding:28px 24px}.dashboard-topbar{padding:20px 24px}}@media (width<=850px){.dashboard-sidebar{flex-basis:76px;width:76px;padding:22px 10px}.dashboard-brand{justify-content:center;padding:0 0 30px}.dashboard-brand>span:last-child,.dashboard-sidebar__label,.dashboard-navigation__item>span{display:none}.dashboard-navigation__item{justify-content:center;padding:0}.dashboard-panels{grid-template-columns:1fr}.dashboard-search{width:180px}}@media (width<=580px){.dashboard-topbar{flex-direction:column;align-items:flex-start;gap:16px;padding:18px}.dashboard-topbar__actions{gap:9px;width:100%}.dashboard-search{flex:1;width:auto}.dashboard-user__name{display:none}.dashboard-content{padding:23px 14px}.dashboard-welcome{flex-direction:column;align-items:flex-start}.dashboard-stats{grid-template-columns:1fr;gap:12px}.dashboard-stat-card{padding:18px}.dashboard-panel{padding:19px}}.dashboard-chart{width:100%;min-width:0;padding-top:16px}.dashboard-chart-tooltip{background:#fff;border:1px solid #e6e8f0;border-radius:10px;padding:12px 14px;font-size:13px;box-shadow:0 8px 24px #1622401a}.dashboard-chart-tooltip p{margin:6px 0 0}.dashboard-error{color:#a12626;background:#fff1f1;border:1px solid #ffd4d4;border-radius:12px;margin-bottom:22px;padding:16px 18px}.dashboard-error p{margin:6px 0 12px}.dashboard-welcome{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-profit-placeholder{flex-direction:column;gap:10px;display:flex}.dashboard-profit-placeholder strong{overflow-wrap:anywhere;margin-bottom:12px}@media (width<=640px){.dashboard-welcome{flex-direction:column;align-items:flex-start}.dashboard-welcome .button{justify-content:center;width:100%}}.employee-page-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.employee-page-heading>button{flex-shrink:0}.employee-alert{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:14px 16px;font-size:14px;display:flex}.employee-alert--error{color:#b42318;background:#fff1f0;border-color:#ffd4d0}.employee-alert--success{color:#067647;background:#ecfdf3;border-color:#abefc6}.employee-list-panel{min-width:0;overflow:hidden}.employee-list-toolbar{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.employee-list-toolbar h2{margin:0 0 6px;font-size:18px}.employee-list-toolbar p{color:#7b8499;margin:0;font-size:13px}.employee-search{color:#8190aa;background:#fff;border:1px solid #dfe4ef;border-radius:10px;align-items:center;gap:10px;width:min(100%,320px);padding:0 13px;display:flex}.employee-search input{color:#17233f;width:100%;min-width:0;height:43px;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.employee-table-wrapper{width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.employee-table th,.employee-table td{border-top:1px solid #edf0f6;padding:16px 20px;font-size:13px}.employee-table th{color:#707b92;letter-spacing:.04em;text-transform:uppercase;background:#fafbfe;font-size:11px;font-weight:700}.employee-table td{color:#4e5b73}.employee-person{align-items:center;gap:11px;display:flex}.employee-person__avatar{color:#635bff;background:#eeebff;border-radius:12px;flex-shrink:0;place-items:center;width:39px;height:39px;font-size:15px;font-weight:700;display:grid}.employee-person strong,.employee-person small{display:block}.employee-person strong{color:#17233f;margin-bottom:4px;font-size:13px}.employee-person small{color:#8490a6;font-size:12px}.employee-status{border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.employee-status--active{color:#168653;background:#eafaf1}.employee-status--inactive{color:#657087;background:#f1f3f7}.employee-status--blocked{color:#c43232;background:#fff0ef}.employee-row-actions{align-items:center;gap:8px;display:flex}.employee-action-button,.employee-status-button{color:#43516a;cursor:pointer;min-height:34px;font:inherit;background:#fff;border:1px solid #e1e6f0;border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;display:inline-flex}.employee-action-button{width:35px;padding:0}.employee-action-button:hover,.employee-status-button:hover:not(:disabled){color:#5145e5;border-color:#c7c5ff}.employee-status-button:disabled{cursor:not-allowed;opacity:.55}.employee-table__message{text-align:center;height:180px;color:#8490a6!important}.employee-table__message svg,.employee-table__message strong,.employee-table__message span{margin:0 auto 8px;display:block}.employee-table__message strong{color:#26334d}.employee-spinner{animation:1s linear infinite employee-spin}@keyframes employee-spin{to{transform:rotate(360deg)}}.employee-modal-backdrop{z-index:1000;background:#0f172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.employee-modal{background:#fff;border:1px solid #edf0f6;border-radius:20px;width:min(100%,760px);max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;box-shadow:0 24px 80px #0f172a33}.employee-modal__heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.employee-modal__heading h2{color:#17233f;margin:7px 0 0;font-size:23px}.employee-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;display:grid}.employee-form__field{color:#344054;flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.employee-form__field input{color:#17233f;width:100%;min-width:0;height:45px;font:inherit;background:#fff;border:1px solid #dce2ed;border-radius:9px;outline:0;padding:0 12px;font-weight:400}.employee-form__field input:focus{border-color:#7668ff;box-shadow:0 0 0 3px #7668ff1f}.employee-modal__actions{border-top:1px solid #edf0f6;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;display:flex}@media (width<=700px){.employee-page-heading,.employee-list-toolbar{flex-direction:column;align-items:stretch}.employee-page-heading>button,.employee-search{width:100%}.employee-list-toolbar{padding:18px}.employee-form__grid{grid-template-columns:minmax(0,1fr)}.employee-modal-backdrop{align-items:start;padding:12px}.employee-modal{border-radius:15px;max-height:calc(100vh - 24px);padding:20px}.employee-modal__heading h2{font-size:20px}}.employee-field-error{color:#dc2626;margin-top:5px;font-size:12px;line-height:1.5;display:block}.employee-form__field input[aria-invalid=true]{border-color:#dc2626;outline-color:#dc2626}.employee-form__field input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #dc26261a}.employee-form .employee-alert{margin-bottom:16px}.dashboard-refresh-button{color:#334155;font:inherit;cursor:pointer;background:#fff;border:1px solid #e0e5f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:650;transition:background .2s,border-color .2s,opacity .2s;display:inline-flex}.dashboard-refresh-button:hover:not(:disabled){color:#5145dc;background:#f7f6ff;border-color:#c7c5ff}.dashboard-refresh-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-refresh-button svg{flex-shrink:0}.dashboard-error{color:#a12626;background:#fff1f1;border:1px solid #ffd4d4;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:16px 18px;font-size:13px;display:flex}.dashboard-error p{flex:1;min-width:180px;margin:0;line-height:1.6}.dashboard-error button{color:#a12626;font:inherit;cursor:pointer;background:#fff;border:1px solid #ffd4d4;border-radius:8px;flex-shrink:0;padding:8px 12px;font-weight:600}.dashboard-error button:hover{background:#fff8f8}.dashboard-detail-list{flex-direction:column;min-width:0;margin-top:18px;display:flex}.dashboard-detail-row{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:16px 0;display:flex}.dashboard-detail-row:last-child{border-bottom:0}.dashboard-detail-row span{color:#6e7a92;align-items:center;gap:8px;min-width:0;font-size:13px;line-height:1.6;display:inline-flex}.dashboard-detail-row span svg{color:#7567ef;flex-shrink:0}.dashboard-detail-row strong{color:#17213b;text-align:right;overflow-wrap:anywhere;max-width:60%;font-size:13px;font-weight:700}@media (width<=850px){.dashboard-detail-row{gap:12px}.dashboard-detail-row strong{max-width:55%}}@media (width<=640px){.dashboard-refresh-button{width:100%;min-height:42px}.dashboard-error{flex-direction:column;align-items:stretch}.dashboard-error button{width:100%;min-height:40px}.dashboard-detail-list{margin-top:14px}.dashboard-detail-row{align-items:flex-start;gap:10px;padding:14px 0}.dashboard-detail-row span{flex:1;font-size:12px}.dashboard-detail-row strong{max-width:55%;font-size:12px}}@media (width<=380px){.dashboard-detail-row{gap:8px}.dashboard-detail-row span,.dashboard-detail-row strong{font-size:11px}}.employee-attendance-actions{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:26px 18px;display:flex}.employee-attendance-actions__icon{border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:15px;display:grid}.employee-attendance-actions__icon.is-violet{color:#6c5ce7;background:#eeebff}.employee-attendance-actions__icon.is-blue{color:#2b7de0;background:#e5f1ff}.employee-attendance-actions__icon.is-green{color:#12976b;background:#e0f8ee}.employee-attendance-actions h3{color:#293550;margin:0 0 8px;font-size:16px;font-weight:750}.employee-attendance-actions>p{color:#78839a;max-width:380px;margin:0 0 20px;font-size:13px;line-height:1.7}.employee-attendance-actions__message{color:#78839a;margin:0;font-size:13px}.employee-attendance-button{color:#fff;min-width:160px;min-height:45px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:11px 20px;font-size:14px;font-weight:700;transition:transform .2s,opacity .2s,box-shadow .2s;display:inline-flex}.employee-attendance-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #17213b1f}.employee-attendance-button:disabled{opacity:.6;cursor:not-allowed}.employee-attendance-button--check-in{background:#635bff}.employee-attendance-button--check-out{background:#e87535}.employee-attendance-completed{background:#f0fcf5;border:1px solid #c9f0dc;border-radius:12px;flex-direction:column;gap:8px;width:min(100%,300px);margin-top:6px;margin-bottom:15px;padding:16px;display:flex}.employee-attendance-completed span{color:#168653;font-size:12px}.employee-attendance-completed strong{color:#126b43;font-size:24px}.employee-attendance-notice{color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;display:flex}.employee-attendance-notice>svg{flex-shrink:0}.employee-attendance-notice p{flex:1;margin:0;font-size:13px;line-height:1.6}.employee-attendance-notice button{color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:2px 7px;font-size:23px}@media (width<=580px){.employee-attendance-actions{min-height:220px;padding:22px 12px}.employee-attendance-button{width:100%;max-width:300px}.employee-attendance-notice{align-items:flex-start;padding:12px}}.attendance-history-refresh{color:#293550;min-height:43px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e0e5f0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:13px;font-weight:650;display:inline-flex}.attendance-history-refresh:hover:not(:disabled){color:#5145dc;border-color:#c7c5ff}.attendance-history-refresh:disabled{cursor:not-allowed;opacity:.6}.attendance-history-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:23px;display:grid}.attendance-history-summary__card{background:#fff;border:1px solid #e8ebf3;border-radius:15px;align-items:center;gap:15px;min-width:0;padding:21px;display:flex;box-shadow:0 4px 18px #18254908}.attendance-history-summary__icon{border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.attendance-history-summary__icon.is-violet{color:#6c5ce7;background:#eeebff}.attendance-history-summary__icon.is-blue{color:#2b7de0;background:#e5f1ff}.attendance-history-summary__icon.is-green{color:#12976b;background:#e0f8ee}.attendance-history-summary__card p{color:#78839a;margin:0 0 7px;font-size:12px}.attendance-history-summary__card strong{overflow-wrap:anywhere;color:#17213b;font-size:23px;font-weight:750;display:block}.attendance-history-panel{padding:0;overflow:hidden}.attendance-history-panel__heading{border-bottom:1px solid #edf0f6;padding:24px}.attendance-history-panel__heading h2{color:#17213b;margin:0;font-size:17px;font-weight:750}.attendance-history-panel__heading p{color:#8690a5;margin:7px 0 0;font-size:12px;line-height:1.6}.attendance-history-filters{background:#fcfcfe;border-bottom:1px solid #edf0f6;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;align-items:end;gap:13px;padding:20px 24px;display:grid}.attendance-history-filters label{flex-direction:column;gap:8px;min-width:0;display:flex}.attendance-history-filters label>span{color:#47536b;font-size:12px;font-weight:650}.attendance-history-filters input,.attendance-history-filters select{color:#293550;width:100%;min-width:0;height:42px;font:inherit;background:#fff;border:1px solid #dfe4ef;border-radius:9px;outline:none;padding:0 10px;font-size:12px}.attendance-history-filters input:focus,.attendance-history-filters select:focus{border-color:#7668ff;box-shadow:0 0 0 3px #7668ff1a}.attendance-history-filter-button,.attendance-history-reset-button{min-height:42px;font:inherit;cursor:pointer;border:1px solid #e0e5f0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex}.attendance-history-filter-button{color:#fff;background:#635bff;border-color:#635bff}.attendance-history-filter-button:hover{background:#5145dc}.attendance-history-reset-button{color:#526078;background:#fff}.attendance-history-reset-button:hover{color:#5145dc;border-color:#c7c5ff}.attendance-history-error{color:#a12626;background:#fff1f1;border:1px solid #ffd4d4;border-radius:10px;align-items:center;gap:10px;margin:18px 24px;padding:13px 15px;font-size:13px;display:flex}.attendance-history-error>svg{flex-shrink:0}.attendance-history-error>span{flex:1}.attendance-history-error button{color:#a12626;cursor:pointer;background:#fff;border:1px solid #ffd4d4;border-radius:7px;padding:6px 10px}.attendance-history-table-wrapper{width:100%;overflow-x:auto}.attendance-history-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.attendance-history-table th,.attendance-history-table td{border-bottom:1px solid #edf0f6;padding:16px 20px;font-size:12px}.attendance-history-table th{color:#707b92;letter-spacing:.06em;text-transform:uppercase;background:#fafbfe;font-size:10px;font-weight:750}.attendance-history-table td{color:#526078}.attendance-history-table tbody tr:hover:not(:has(.attendance-history-message)){background:#fcfcff}.attendance-history-table td strong,.attendance-history-duration{color:#293550;font-weight:650}.attendance-history-status{border-radius:999px;align-items:center;padding:6px 9px;font-size:10px;font-weight:750;display:inline-flex}.attendance-history-status--present{color:#168653;background:#eafaf1}.attendance-history-status--absent{color:#c43232;background:#fff0ef}.attendance-history-status--half_day{color:#a56a00;background:#fff5dc}.attendance-history-status--leave{color:#285fbd;background:#eaf2ff}.attendance-history-remarks{text-overflow:ellipsis;max-width:220px;overflow:hidden}.attendance-history-message{text-align:center;height:190px;color:#8490a6!important}.attendance-history-message svg,.attendance-history-message strong,.attendance-history-message span{margin:0 auto 9px;display:block}.attendance-history-message strong{color:#293550}.attendance-history-message span{font-size:12px}.attendance-history-spin{animation:1s linear infinite attendance-history-rotate}@keyframes attendance-history-rotate{to{transform:rotate(360deg)}}.attendance-history-pagination{justify-content:space-between;align-items:center;gap:16px;padding:19px 24px;display:flex}.attendance-history-pagination>p{color:#78839a;margin:0;font-size:12px}.attendance-history-pagination>div{align-items:center;gap:12px;display:flex}.attendance-history-pagination>div>span{color:#526078;white-space:nowrap;font-size:12px}.attendance-history-pagination button{color:#43516a;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e0e5f0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.attendance-history-pagination button:disabled{cursor:not-allowed;opacity:.45}@media (width<=1150px){.attendance-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.attendance-history-summary{grid-template-columns:1fr;gap:12px}.attendance-history-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.attendance-history-pagination{flex-direction:column;align-items:flex-start;padding:18px}.attendance-history-panel__heading{padding:20px 18px}}@media (width<=480px){.attendance-history-filters{grid-template-columns:minmax(0,1fr)}.attendance-history-filter-button,.attendance-history-reset-button{width:100%}.attendance-history-pagination>div{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%}.attendance-history-pagination>div>span{order:-1;width:100%}.attendance-history-table th,.attendance-history-table td{padding:13px 15px}}.sales-page{color:#18233b;flex-direction:column;gap:24px;min-width:0;display:flex}.sales-page-heading,.sales-panel-heading,.sales-modal-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.sales-page-heading h1{color:#17223b;letter-spacing:-.8px;margin:6px 0 8px;font-size:30px;font-weight:750}.sales-page-heading p,.sales-panel-heading p,.sales-modal-heading p{color:#7a8499;margin:0;font-size:14px;line-height:1.6}.sales-eyebrow{color:#6558f5;letter-spacing:1.4px;font-size:11px;font-weight:800}.sales-primary-button,.sales-secondary-button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.sales-primary-button{color:#fff;background:#6558f5;border-color:#6558f5}.sales-primary-button:hover:not(:disabled){background:#5143e7;border-color:#5143e7;transform:translateY(-1px)}.sales-secondary-button{color:#46536d;background:#fff;border-color:#dfe5f0}.sales-secondary-button:hover:not(:disabled){background:#f7f8fc;border-color:#cbd4e4}.sales-primary-button:disabled,.sales-secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.sales-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.sales-summary-card{background:#fff;border:1px solid #e5eaf3;border-radius:18px;align-items:center;gap:16px;min-width:0;min-height:112px;padding:23px;display:flex;box-shadow:0 6px 24px #1c2a4809}.sales-summary-card>div:last-child{flex-direction:column;gap:8px;min-width:0;display:flex}.sales-summary-card span{color:#7a8499;font-size:13px}.sales-summary-card strong{overflow-wrap:anywhere;color:#17223b;letter-spacing:-.5px;font-size:23px;font-weight:750}.sales-summary-icon{border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sales-icon-purple{color:#6558f5;background:#efecff}.sales-icon-blue{color:#2680eb;background:#e8f2ff}.sales-icon-green{color:#009c78;background:#e1f8ef}.sales-panel{background:#fff;border:1px solid #e5eaf3;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px #1c2a4806}.sales-panel-heading{border-bottom:1px solid #edf0f6;padding:24px}.sales-panel-heading h2,.sales-modal-heading h2{color:#17223b;margin:0 0 7px;font-size:20px;font-weight:750}.sales-filter-form{background:#fcfcfe;border-bottom:1px solid #edf0f6;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:16px;padding:22px 24px;display:grid}.sales-filter-form label,.sales-form-grid label{color:#46536d;flex-direction:column;gap:9px;font-size:13px;font-weight:650;display:flex}.sales-filter-form input,.sales-form-grid input,.sales-form-grid select,.sales-form-grid textarea{box-sizing:border-box;color:#26344e;width:100%;min-width:0;min-height:46px;font:inherit;background:#fff;border:1px solid #dce3ef;border-radius:11px;outline:none;padding:11px 13px;font-size:13px;font-weight:400;transition:border-color .2s,box-shadow .2s}.sales-filter-form input:focus,.sales-form-grid input:focus,.sales-form-grid select:focus,.sales-form-grid textarea:focus{border-color:#8175fa;box-shadow:0 0 0 3px #6558f51a}.sales-form-grid textarea{resize:vertical;min-height:95px}.sales-filter-actions{align-items:center;gap:10px;display:flex}.sales-table-wrapper{width:100%;overflow-x:auto}.sales-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.sales-table th{color:#7a8499;letter-spacing:.65px;text-transform:uppercase;background:#fafbfe;border-bottom:1px solid #edf0f6;padding:17px 20px;font-size:11px;font-weight:750}.sales-table td{color:#46536d;vertical-align:middle;border-bottom:1px solid #edf0f6;padding:17px 20px;font-size:13px}.sales-table tbody tr:last-child td{border-bottom:none}.sales-table tbody tr:hover td{background:#fcfcff}.sales-product-name{color:#26344e;text-overflow:ellipsis;max-width:260px;font-weight:700;display:block;overflow:hidden}.sales-row-remarks{color:#8a94a8;text-overflow:ellipsis;max-width:260px;margin-top:5px;font-size:11px;display:block;overflow:hidden}.sales-amount{font-weight:750;color:#17223b!important}.sales-payment-badge{color:#5b52bd;background:#f0eeff;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.sales-row-actions{align-items:center;gap:7px;display:flex}.sales-icon-button{color:#67748b;cursor:pointer;background:#fff;border:1px solid #e1e6f0;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s,color .2s;display:inline-flex}.sales-icon-button:hover:not(:disabled){color:#6558f5;background:#f2f0ff}.sales-icon-button:disabled{opacity:.5;cursor:not-allowed}.sales-delete-button:hover:not(:disabled){color:#dc3545;background:#fff0f1}.sales-table-message{text-align:center;color:#818ba0!important;padding:42px 20px!important}.sales-pagination{border-top:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.sales-pagination>span{color:#7a8499;font-size:13px}.sales-pagination-controls{align-items:center;gap:12px;display:flex}.sales-pagination-controls>span{color:#46536d;white-space:nowrap;font-size:12px}.sales-pagination-controls .sales-secondary-button{min-height:38px;padding:0 11px;font-size:12px}.sales-alert{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:13px 15px;font-size:13px;display:flex}.sales-alert>span{flex:1}.sales-alert button{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.sales-alert-error{color:#a62d3b;background:#fff1f2;border-color:#ffd9de}.sales-alert-success{color:#137653;background:#eaf9f1;border-color:#c9eedb}.sales-spin{animation:1s linear infinite sales-rotate}@keyframes sales-rotate{to{transform:rotate(360deg)}}.sales-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121b307a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.sales-modal{background:#fff;border:1px solid #e7eaf2;border-radius:20px;width:100%;max-width:680px;max-height:calc(100vh - 48px);padding:26px;overflow-y:auto;box-shadow:0 24px 90px #121b3038}.sales-modal-heading{margin-bottom:24px}.sales-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;display:grid}.sales-form-grid label>span{color:#dc3545}.sales-form-full{grid-column:1/-1}.sales-modal-actions{border-top:1px solid #edf0f6;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;display:flex}@media (width<=1100px){.sales-summary-grid{gap:12px}.sales-summary-card{gap:12px;padding:17px}.sales-summary-card strong{font-size:19px}.sales-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-filter-actions{grid-column:1/-1}}@media (width<=700px){.sales-page{gap:17px}.sales-page-heading{flex-direction:column;align-items:flex-start}.sales-page-heading h1{font-size:25px}.sales-page-heading>button{width:100%}.sales-summary-grid{grid-template-columns:1fr;gap:11px}.sales-summary-card{min-height:85px;padding:16px}.sales-summary-card strong{font-size:21px}.sales-panel-heading{align-items:flex-start;padding:18px}.sales-panel-heading h2{font-size:18px}.sales-filter-form{grid-template-columns:1fr;padding:18px}.sales-filter-actions{flex-wrap:wrap;grid-column:auto}.sales-filter-actions button{flex:1}.sales-table th,.sales-table td{padding:14px}.sales-pagination{flex-direction:column;align-items:flex-start;padding:17px}.sales-pagination-controls{justify-content:space-between;gap:7px;width:100%}.sales-pagination-controls .sales-secondary-button{padding:0 8px}.sales-modal-backdrop{align-items:flex-start;padding:12px}.sales-modal{border-radius:16px;max-height:calc(100vh - 24px);padding:19px}.sales-form-grid{grid-template-columns:1fr;gap:16px}.sales-form-full{grid-column:auto}}@media (prefers-reduced-motion:reduce){.sales-spin{animation:none}.sales-primary-button,.sales-secondary-button,.sales-icon-button{transition:none}}@media (width<=1100px){.sales-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.sales-summary-grid{grid-template-columns:1fr}}.sales-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.sales-table{min-width:1150px}.sales-performance-panel{margin-top:24px}.sales-row-remarks{color:#64748b;overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}@media (width<=1100px){.sales-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.sales-summary-grid{grid-template-columns:1fr}.sales-table{min-width:1050px}.sales-performance-panel{margin-top:18px}}.sales-modal .sales-form-grid>label{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.sales-modal .sales-form-grid>label>span:first-child{color:#000;font-weight:600;display:inline}.sales-modal .sales-form-grid>label{position:relative}.sales-modal .sales-form-grid>label>span:first-child{white-space:nowrap}.my-sales-page{flex-direction:column;gap:24px;min-width:0;display:flex}.my-sales-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.my-sales-eyebrow{color:#6554f5;letter-spacing:1.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.my-sales-heading h1{color:#14213d;margin:0;font-size:30px;font-weight:750}.my-sales-heading p,.my-sales-panel-heading p{color:#718096;margin:8px 0 0;font-size:14px;line-height:1.6}.my-sales-refresh,.my-sales-filter-actions button,.my-sales-pagination-controls button{color:#334155;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce3f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.my-sales-refresh:hover,.my-sales-pagination-controls button:not(:disabled):hover{background:#f7f6ff;border-color:#6554f5}.my-sales-refresh:disabled,.my-sales-filter-actions button:disabled,.my-sales-pagination-controls button:disabled{opacity:.55;cursor:not-allowed}.my-sales-spinning{animation:1s linear infinite my-sales-rotate}@keyframes my-sales-rotate{to{transform:rotate(360deg)}}.my-sales-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.my-sales-summary-card{background:#fff;border:1px solid #e2e8f3;border-radius:20px;align-items:center;gap:17px;min-width:0;padding:24px;display:flex;box-shadow:0 8px 28px #1a2a4b09}.my-sales-summary-icon{border-radius:16px;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.my-sales-icon-purple{color:#6554f5;background:#efebff}.my-sales-icon-blue{color:#2680eb;background:#e8f2ff}.my-sales-summary-card>div:last-child{flex-direction:column;gap:8px;min-width:0;display:flex}.my-sales-summary-card span{color:#718096;font-size:13px}.my-sales-summary-card strong{overflow-wrap:anywhere;color:#14213d;font-size:25px;font-weight:750}.my-sales-panel{background:#fff;border:1px solid #e2e8f3;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 8px 28px #1a2a4b09}.my-sales-panel-heading{border-bottom:1px solid #edf0f6;padding:24px}.my-sales-panel-heading h2{color:#14213d;margin:0;font-size:20px;font-weight:700}.my-sales-filters{background:#fbfcff;border-bottom:1px solid #edf0f6;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:15px;padding:20px 24px;display:grid}.my-sales-filters label{color:#475569;flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.my-sales-filters input{box-sizing:border-box;color:#14213d;width:100%;min-height:43px;font:inherit;background:#fff;border:1px solid #d8e1f0;border-radius:10px;outline:none;padding:0 12px;font-size:13px}.my-sales-filters input:focus{border-color:#6554f5;box-shadow:0 0 0 3px #6554f51f}.my-sales-filter-actions{flex-wrap:wrap;gap:8px;display:flex}.my-sales-filter-actions button[type=submit]{color:#fff;background:#6554f5;border-color:#6554f5}.my-sales-filter-actions button[type=submit]:hover{background:#5141df}.my-sales-filter-actions .my-sales-reset{background:#fff}.my-sales-error{color:#b42332;background:#fff3f4;border:1px solid #ffd5d9;border-radius:10px;align-items:flex-start;gap:10px;margin:18px 24px;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.my-sales-error svg{flex-shrink:0;margin-top:1px}.my-sales-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.my-sales-table{border-collapse:collapse;text-align:left;width:100%;min-width:1050px}.my-sales-table th{color:#718096;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;background:#f9faff;border-bottom:1px solid #e9edf5;padding:15px 18px;font-size:11px;font-weight:700}.my-sales-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #edf0f6;padding:17px 18px;font-size:13px}.my-sales-table tbody tr:last-child td{border-bottom:0}.my-sales-table tbody tr:hover{background:#fbfcff}.my-sales-table .my-sales-product{color:#14213d;font-weight:600}.my-sales-table .my-sales-amount{color:#14213d;white-space:nowrap;font-weight:700}.my-sales-payment{color:#475569;white-space:nowrap;background:#f8faff;border:1px solid #e2e8f3;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-block}.my-sales-table .my-sales-remarks{overflow-wrap:anywhere;white-space:normal;max-width:220px}.my-sales-table .my-sales-empty{color:#718096;text-align:center;padding:42px 20px}.my-sales-pagination{color:#718096;border-top:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font-size:12px;display:flex}.my-sales-pagination-controls{align-items:center;gap:12px;display:flex}.my-sales-pagination-controls>span{color:#475569;white-space:nowrap}.my-sales-pagination-controls button{min-height:36px;padding:0 10px;font-size:12px}@media (width<=1000px){.my-sales-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.my-sales-filter-actions{grid-column:1/-1}}@media (width<=700px){.my-sales-page{gap:17px}.my-sales-heading{flex-direction:column;align-items:flex-start}.my-sales-heading h1{font-size:25px}.my-sales-refresh{width:100%}.my-sales-summary{grid-template-columns:1fr;gap:12px}.my-sales-summary-card{padding:18px}.my-sales-summary-card strong{font-size:22px}.my-sales-panel-heading{padding:19px}.my-sales-filters{grid-template-columns:1fr;padding:18px}.my-sales-filter-actions{grid-column:auto}.my-sales-filter-actions button{flex:1}.my-sales-pagination{flex-direction:column;align-items:flex-start;padding:18px}.my-sales-pagination-controls{justify-content:space-between;gap:6px;width:100%}.my-sales-pagination-controls button{padding:0 7px}}.income-page{min-width:0;color:var(--text-primary,#182230);flex-direction:column;gap:24px;display:flex}.income-page__heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.income-page__heading h1{letter-spacing:-.6px;margin:7px 0 8px;font-size:28px;font-weight:750;line-height:1.25}.income-page__heading p,.income-panel__header p{color:var(--text-muted,#718096);margin:0;font-size:14px;line-height:1.6}.income-page__eyebrow{color:#64748b;letter-spacing:1.2px;font-size:10px;font-weight:800;display:inline-block}.income-page__heading-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.income-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-family:inherit;font-size:13px;font-weight:700;transition:background .18s,border-color .18s;display:inline-flex}.income-btn:disabled{opacity:.55;cursor:not-allowed}.income-btn--primary{color:#fff;background:#3157d5;border-color:#3157d5}.income-btn--primary:hover:not(:disabled){background:#2446b9;border-color:#2446b9}.income-btn--secondary{color:#344054;background:#fff;border-color:#dce2eb}.income-btn--secondary:hover:not(:disabled){background:#f7f9fc;border-color:#c5cfde}.income-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.income-summary-card{background:#fff;border:1px solid #e8edf4;border-radius:16px;align-items:flex-start;gap:16px;min-width:0;padding:23px;display:flex;box-shadow:0 3px 12px #10182806}.income-summary-card__icon{color:#3157d5;background:#edf2ff;border-radius:13px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.income-summary-card__icon--blue{color:#087e8b;background:#e5f7f8}.income-summary-card p{color:#667085;margin:1px 0 9px;font-size:13px;font-weight:600}.income-summary-card h2{color:#172033;overflow-wrap:anywhere;margin:0 0 7px;font-size:25px;font-weight:800;line-height:1.25}.income-summary-card>div>span{color:#98a2b3;font-size:12px}.income-panel{background:#fff;border:1px solid #e8edf4;border-radius:16px;min-width:0;padding:22px;box-shadow:0 3px 12px #10182806}.income-panel__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px;display:flex}.income-panel__header>svg{color:#748198;flex-shrink:0}.income-panel__header h2{color:#1d2939;margin:0 0 5px;font-size:17px;font-weight:750}.income-filter-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:15px;display:grid}.income-field{color:#344054;flex-direction:column;align-items:stretch;gap:8px;min-width:0;font-size:12px;font-weight:700;display:flex}.income-field>span{line-height:1.4;display:block}.income-field>span b{color:#dc3545}.income-field input,.income-field select,.income-field textarea{color:#263247;box-sizing:border-box;background:#fff;border:1px solid #dce2eb;border-radius:9px;outline:none;width:100%;min-width:0;min-height:43px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:400;transition:border-color .18s,box-shadow .18s;display:block}.income-field textarea{resize:vertical;min-height:88px}.income-field input:focus,.income-field select:focus,.income-field textarea:focus{border-color:#6484ed;box-shadow:0 0 0 3px #3157d51a}.income-filter-actions{gap:8px;display:flex}.income-records-panel{padding-bottom:0}.income-table-wrap{overscroll-behavior-x:contain;width:100%;overflow-x:auto}.income-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:900px}.income-table th{color:#667085;letter-spacing:.25px;white-space:nowrap;background:#f8fafc;border-top:1px solid #edf0f5;border-bottom:1px solid #e7ebf2;padding:13px 14px;font-size:11px;font-weight:800}.income-table th:first-child{border-top-left-radius:9px}.income-table th:last-child{border-top-right-radius:9px}.income-table td{color:#475467;vertical-align:middle;border-bottom:1px solid #edf0f5;padding:15px 14px;font-size:12px;line-height:1.55}.income-table tbody tr:last-child td{border-bottom:0}.income-table tbody tr:hover:not(:has(.income-table__state)){background:#fbfcff}.income-table__date{white-space:nowrap;font-weight:600}.income-table__amount{white-space:nowrap;font-weight:800;color:#087443!important}.income-table__description{overflow-wrap:anywhere;max-width:210px}.income-category-pill{color:#3157b7;background:#eef3ff;border-radius:20px;align-items:center;max-width:180px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.income-row-actions{align-items:center;gap:7px;display:flex}.income-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e7ef;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;padding:0;transition:background .18s,color .18s;display:inline-flex}.income-icon-btn:hover:not(:disabled){color:#3157d5;background:#f0f4ff}.income-icon-btn--delete:hover:not(:disabled){color:#c62828;background:#fff0f0}.income-icon-btn:disabled{opacity:.5;cursor:not-allowed}.income-table__state{text-align:center;height:180px}.income-table__state svg,.income-table__state strong,.income-table__state span{margin:0 auto 8px;display:block}.income-table__state svg{color:#98a2b3}.income-table__state strong{color:#344054;font-size:13px}.income-table__state span{color:#98a2b3;font-size:12px}.income-pagination{color:#667085;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;min-height:64px;font-size:12px;display:flex}.income-pagination>div{gap:8px;display:flex}.income-pagination__button{color:#475467;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.income-pagination__button:disabled{color:#b6bfcc;cursor:not-allowed;background:#f8fafc}.income-alert{border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.income-alert>svg{flex-shrink:0;margin-top:1px}.income-alert>span{flex:1}.income-alert>button{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.income-alert--error{color:#a61b1b;background:#fff4f3;border-color:#ffd6d2}.income-alert--success{color:#087443;background:#ecfdf3;border-color:#b7ebcb}.income-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow-y:auto}.income-modal{background:#fff;border:1px solid #e8edf4;border-radius:18px;width:100%;max-width:620px;max-height:calc(100vh - 44px);padding:25px;overflow-y:auto;box-shadow:0 24px 70px #0f172a33}.income-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.income-modal__header h2{color:#1d2939;margin:6px 0;font-size:23px;font-weight:800}.income-modal__header p{color:#667085;margin:0;font-size:13px;line-height:1.6}.income-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.income-field--full{grid-column:1/-1}.income-form__footer{border-top:1px solid #edf0f5;grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:17px;display:flex}@media (width<=1100px){.income-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.income-filter-actions{grid-column:1/-1}}@media (width<=700px){.income-page{gap:17px}.income-page__heading{flex-direction:column;gap:15px}.income-page__heading h1{font-size:23px}.income-page__heading-actions{width:100%}.income-page__heading-actions .income-btn{flex:1}.income-summary-grid{grid-template-columns:1fr;gap:12px}.income-summary-card{padding:17px}.income-summary-card h2{font-size:22px}.income-panel{border-radius:13px;padding:16px}.income-filter-form{grid-template-columns:1fr;gap:14px}.income-filter-actions{grid-column:auto}.income-filter-actions .income-btn{flex:1}.income-table{min-width:850px}.income-pagination{align-items:flex-start;padding:14px 0}.income-modal-backdrop{align-items:flex-start;padding:12px}.income-modal{border-radius:14px;max-height:calc(100dvh - 24px);padding:18px}.income-form{grid-template-columns:1fr;gap:15px}.income-field--full,.income-form__footer{grid-column:auto}.income-form__footer{background:#fff;padding:14px 0 2px;position:sticky;bottom:-18px}.income-form__footer .income-btn{flex:1}}.expense-page{min-width:0;color:var(--text-primary,#182230);flex-direction:column;gap:22px;display:flex}.expense-page__heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.expense-page__heading h1{letter-spacing:-.6px;margin:7px 0;font-size:28px;font-weight:750;line-height:1.25}.expense-page__heading p,.expense-panel__heading p,.expense-modal__heading p{color:#718096;margin:0;font-size:13px;line-height:1.6}.expense-page__eyebrow{color:#64748b;letter-spacing:1.2px;font-size:10px;font-weight:800;display:inline-block}.expense-page__actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.expense-btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:background .18s,border-color .18s;display:inline-flex}.expense-btn:disabled{opacity:.55;cursor:not-allowed}.expense-btn--primary{color:#fff;background:#3157d5;border-color:#3157d5}.expense-btn--primary:hover:not(:disabled){background:#2446b9;border-color:#2446b9}.expense-btn--secondary{color:#344054;background:#fff;border-color:#dce2eb}.expense-btn--secondary:hover:not(:disabled){background:#f7f9fc;border-color:#c5cfde}.expense-btn--small{min-height:32px;padding:6px 9px;font-size:11px}.expense-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.expense-summary-card{background:#fff;border:1px solid #e8edf4;border-radius:15px;align-items:flex-start;gap:15px;padding:21px;display:flex;box-shadow:0 3px 12px #10182806}.expense-summary-card__icon{color:#b45309;background:#fff3df;border-radius:12px;flex:0 0 45px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.expense-summary-card__icon--blue{color:#3157d5;background:#edf2ff}.expense-summary-card p{color:#667085;margin:0 0 8px;font-size:13px;font-weight:600}.expense-summary-card h2{color:#172033;overflow-wrap:anywhere;margin:0 0 6px;font-size:25px;font-weight:800;line-height:1.3}.expense-summary-card>div>span{color:#98a2b3;font-size:11px}.expense-panel{background:#fff;border:1px solid #e8edf4;border-radius:15px;min-width:0;padding:21px;box-shadow:0 3px 12px #10182806}.expense-panel__heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.expense-panel__heading h2{color:#1d2939;margin:0 0 5px;font-size:17px;font-weight:750}.expense-panel__heading>svg{color:#748198;flex-shrink:0}.expense-filter-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:14px;display:grid}.expense-field{color:#344054;flex-direction:column;align-items:stretch;gap:8px;min-width:0;font-size:12px;font-weight:700;display:flex}.expense-field>span{line-height:1.4;display:block}.expense-field>span b{color:#dc3545}.expense-field input,.expense-field select,.expense-field textarea{color:#263247;box-sizing:border-box;background:#fff;border:1px solid #dce2eb;border-radius:9px;outline:none;width:100%;min-width:0;min-height:42px;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:400;transition:border-color .18s,box-shadow .18s;display:block}.expense-field textarea{resize:vertical;min-height:85px}.expense-field input:focus,.expense-field select:focus,.expense-field textarea:focus{border-color:#6484ed;box-shadow:0 0 0 3px #3157d51a}.expense-filter-actions{gap:8px;display:flex}.expense-records-panel{padding-bottom:0}.expense-table-wrap{overscroll-behavior-x:contain;width:100%;overflow-x:auto}.expense-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:1250px}.expense-table th{color:#667085;white-space:nowrap;background:#f8fafc;border-top:1px solid #edf0f5;border-bottom:1px solid #e7ebf2;padding:13px 12px;font-size:10px;font-weight:800}.expense-table th:first-child{border-top-left-radius:8px}.expense-table th:last-child{border-top-right-radius:8px}.expense-table td{color:#475467;vertical-align:middle;border-bottom:1px solid #edf0f5;padding:14px 12px;font-size:11px;line-height:1.55}.expense-table tbody tr:last-child td{border-bottom:0}.expense-table tbody tr:hover:not(:has(.expense-table__state)){background:#fbfcff}.expense-table__amount{white-space:nowrap;font-weight:800;color:#b45309!important}.expense-table__description{overflow-wrap:anywhere;max-width:180px}.expense-table__created{white-space:nowrap;min-width:135px}.expense-category-pill{color:#8a4b08;background:#fff4df;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.expense-row-actions{align-items:center;gap:7px;display:flex}.expense-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e7ef;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.expense-icon-btn:hover:not(:disabled){color:#3157d5;background:#f0f4ff}.expense-icon-btn--delete:hover:not(:disabled){color:#c62828;background:#fff0f0}.expense-icon-btn:disabled{opacity:.5;cursor:not-allowed}.expense-table__state{text-align:center;height:175px}.expense-table__state svg,.expense-table__state strong,.expense-table__state span{margin:0 auto 8px;display:block}.expense-table__state svg{color:#98a2b3}.expense-table__state strong{color:#344054;font-size:13px}.expense-table__state span{color:#98a2b3;font-size:12px}.expense-pagination{color:#667085;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;min-height:63px;font-size:11px;display:flex}.expense-pagination>div{gap:8px;display:flex}.expense-pagination button{color:#475467;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.expense-pagination button:disabled{color:#b6bfcc;cursor:not-allowed;background:#f8fafc}.expense-alert{border:1px solid #0000;border-radius:9px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.expense-alert>svg{flex-shrink:0}.expense-alert>span{flex:1}.expense-alert>button{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.expense-alert--error{color:#a61b1b;background:#fff4f3;border-color:#ffd6d2}.expense-alert--success{color:#087443;background:#ecfdf3;border-color:#b7ebcb}.expense-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.expense-modal{background:#fff;border:1px solid #e8edf4;border-radius:16px;width:100%;max-width:630px;max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #0f172a33}.expense-modal__heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:21px;display:flex}.expense-modal__heading h2{color:#1d2939;margin:6px 0;font-size:22px;font-weight:800}.expense-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.expense-field--full{grid-column:1/-1}.expense-form__footer{border-top:1px solid #edf0f5;grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:15px;display:flex}.expense-category-modal{max-width:590px}.expense-category-form{border-bottom:1px solid #edf0f5;flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.expense-category-form__actions{flex-wrap:wrap;gap:8px;display:flex}.expense-category-list{flex-direction:column;gap:0;max-height:330px;margin-top:12px;display:flex;overflow-y:auto}.expense-category-item{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.expense-category-item:last-child{border-bottom:0}.expense-category-item>div:first-child{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.expense-category-item strong{color:#344054;overflow-wrap:anywhere;font-size:12px}.expense-status{text-transform:capitalize;border-radius:20px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-block}.expense-status--active{color:#087443;background:#e8f8ef}.expense-status--inactive{color:#667085;background:#f0f2f5}.expense-category-empty{color:#98a2b3;text-align:center;padding:20px 0;font-size:12px}@media (width<=1100px){.expense-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-filter-actions{grid-column:1/-1}}@media (width<=700px){.expense-page{gap:16px}.expense-page__heading{flex-direction:column;gap:15px}.expense-page__heading h1{font-size:23px}.expense-page__actions{width:100%}.expense-page__actions .expense-btn{flex:1;padding:10px 8px;font-size:11px}.expense-summary-grid{grid-template-columns:1fr;gap:11px}.expense-summary-card{padding:16px}.expense-summary-card h2{font-size:22px}.expense-panel{border-radius:12px;padding:15px}.expense-filter-form{grid-template-columns:1fr;gap:13px}.expense-filter-actions{grid-column:auto}.expense-filter-actions .expense-btn{flex:1}.expense-pagination{align-items:flex-start;padding:13px 0}.expense-modal-backdrop{align-items:flex-start;padding:12px}.expense-modal{border-radius:13px;max-height:calc(100dvh - 24px);padding:17px}.expense-form{grid-template-columns:1fr;gap:14px}.expense-field--full,.expense-form__footer{grid-column:auto}.expense-form__footer{background:#fff;padding:13px 0 2px;position:sticky;bottom:-17px}.expense-form__footer .expense-btn{flex:1}.expense-category-item{align-items:flex-start}.expense-category-item .expense-row-actions{flex-wrap:wrap;justify-content:flex-end}}.dashboard-graphs{flex-direction:column;gap:19px;min-width:0;margin-bottom:24px;display:flex}.dashboard-graphs__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.dashboard-graphs__eyebrow{color:#64748b;letter-spacing:1.2px;margin:0 0 7px;font-size:10px;font-weight:800}.dashboard-graphs__header h2{color:#1d2939;letter-spacing:-.4px;margin:0 0 7px;font-size:23px;font-weight:800}.dashboard-graphs__description{color:#718096;margin:0;font-size:13px;line-height:1.6}.dashboard-graphs__refresh{color:#344054;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 13px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.dashboard-graphs__refresh:hover:not(:disabled){background:#f7f9fc}.dashboard-graphs__refresh:disabled{opacity:.55;cursor:not-allowed}.dashboard-graphs__filters{background:#fff;border:1px solid #e8edf4;border-radius:13px;flex-wrap:wrap;align-items:flex-end;gap:15px;padding:17px;display:flex}.dashboard-graphs__filters>label,.dashboard-graphs__custom-form>label{color:#344054;flex-direction:column;gap:7px;min-width:160px;font-size:11px;font-weight:700;display:flex}.dashboard-graphs__filters select,.dashboard-graphs__filters input{color:#344054;box-sizing:border-box;background:#fff;border:1px solid #dce2eb;border-radius:8px;outline:none;width:100%;min-height:39px;padding:9px 11px;font-family:inherit;font-size:12px}.dashboard-graphs__filters select:focus,.dashboard-graphs__filters input:focus{border-color:#6484ed;box-shadow:0 0 0 3px #3157d51a}.dashboard-graphs__custom-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.dashboard-graphs__custom-form button{color:#fff;cursor:pointer;background:#3157d5;border:1px solid #3157d5;border-radius:8px;min-height:39px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700}.dashboard-graphs__custom-form button:hover{background:#2446b9}.dashboard-graphs__range{color:#7b8499;align-self:center;margin:0 0 0 auto;font-size:11px}.dashboard-graphs__totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.dashboard-graphs__totals>article{background:#fff;border:1px solid #e8edf4;border-radius:13px;align-items:center;gap:12px;min-width:0;padding:17px;display:flex}.dashboard-graphs__total-icon{border-radius:11px;flex:0 0 39px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.dashboard-graphs__total-icon.is-sales{color:#6558e8;background:#efedff}.dashboard-graphs__total-icon.is-income{color:#15966b;background:#e6f8f0}.dashboard-graphs__total-icon.is-expense{color:#bd6b17;background:#fff2df}.dashboard-graphs__total-icon.is-profit{color:#2473bc;background:#e9f4ff}.dashboard-graphs__totals>article>div{min-width:0}.dashboard-graphs__totals p{color:#718096;margin:0 0 6px;font-size:11px;font-weight:600}.dashboard-graphs__totals strong{color:#1d2939;overflow-wrap:anywhere;font-size:16px;font-weight:800;line-height:1.4;display:block}.dashboard-graphs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.dashboard-graphs__panel{background:#fff;border:1px solid #e8edf4;border-radius:14px;flex-direction:column;min-width:0;padding:20px 18px 14px;display:flex;box-shadow:0 3px 12px #10182806}.dashboard-graphs__panel-heading{align-items:center;gap:11px;min-height:45px;margin-bottom:12px;display:flex}.dashboard-graphs__panel-icon{color:#5267b8;background:#eff2ff;border-radius:10px;flex:0 0 39px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.dashboard-graphs__panel-heading h3{color:#263247;margin:0 0 5px;font-size:14px;font-weight:800}.dashboard-graphs__panel-heading p{color:#8791a5;margin:0;font-size:11px;line-height:1.5}.dashboard-graphs__chart{width:100%;min-width:0;height:275px}.dashboard-graphs__tooltip{background:#fff;border:1px solid #e4e8ef;border-radius:10px;min-width:145px;padding:12px 13px;box-shadow:0 8px 28px #1018281f}.dashboard-graphs__tooltip>strong{color:#263247;margin-bottom:8px;font-size:12px;display:block}.dashboard-graphs__tooltip p{color:#475467;align-items:center;gap:7px;margin:5px 0 0;font-size:11px;display:flex}.dashboard-graphs__tooltip-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.dashboard-graphs__empty{color:#98a2b3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.dashboard-graphs__empty p{margin:0;font-size:12px;line-height:1.6}.dashboard-graphs__empty button{color:#3157d5;cursor:pointer;background:#f0f4ff;border:1px solid #dce5ff;border-radius:8px;padding:7px 11px;font-family:inherit;font-size:11px;font-weight:700}.dashboard-graphs__error{color:#a61b1b;background:#fff4f3;border:1px solid #ffd6d2;border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.5}.dashboard-graphs__footnote{color:#8791a5;margin:-3px 0 0;font-size:11px;line-height:1.7}@media (width<=1150px){.dashboard-graphs__totals{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-graphs__range{width:100%;margin-left:0}}@media (width<=800px){.dashboard-graphs__grid{grid-template-columns:1fr}.dashboard-graphs__chart{height:260px}}@media (width<=600px){.dashboard-graphs{gap:14px}.dashboard-graphs__header{flex-direction:column;gap:13px}.dashboard-graphs__header h2{font-size:21px}.dashboard-graphs__refresh{width:100%}.dashboard-graphs__filters{flex-direction:column;align-items:stretch;gap:13px;padding:14px}.dashboard-graphs__filters>label,.dashboard-graphs__custom-form>label{width:100%;min-width:0}.dashboard-graphs__custom-form{flex-direction:column;align-items:stretch}.dashboard-graphs__custom-form button{width:100%}.dashboard-graphs__totals{grid-template-columns:1fr;gap:10px}.dashboard-graphs__totals>article{padding:14px}.dashboard-graphs__totals strong{font-size:15px}.dashboard-graphs__panel{padding:16px 12px 12px}.dashboard-graphs__chart{height:235px}}.reports-welcome{margin-bottom:24px}.reports-filter-panel,.reports-results-panel{margin-bottom:22px}.reports-filter-heading,.reports-results-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.reports-filter-heading h2,.reports-results-heading h2{margin:0;font-size:17px;font-weight:750}.reports-filter-heading p,.reports-results-heading p{color:#8690a5;margin:7px 0 0;font-size:12px;line-height:1.6}.reports-filter-heading>svg,.reports-title-with-icon>svg{color:#7163ed;flex-shrink:0}.reports-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:17px;margin-top:23px;display:grid}.reports-field{flex-direction:column;gap:8px;min-width:0;display:flex}.reports-field>span{color:#58647d;font-size:12px;font-weight:700}.reports-field input,.reports-field select{box-sizing:border-box;color:#293550;width:100%;min-width:0;height:43px;font:inherit;background:#fff;border:1px solid #dfe4ef;border-radius:9px;outline:none;padding:0 11px;font-size:13px}.reports-field input:focus,.reports-field select:focus{border-color:#7163ed;box-shadow:0 0 0 3px #7163ed1a}.reports-apply-button{justify-content:center;align-self:end;min-height:43px}.reports-error{margin-bottom:20px}.reports-results-heading{align-items:center;margin-bottom:22px}.reports-title-with-icon{align-items:center;gap:10px;display:flex}.reports-export-actions{flex-wrap:wrap;gap:9px;display:flex}.reports-export-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}.reports-table-wrap{border:1px solid #e8ebf3;border-radius:11px;width:100%;overflow-x:auto}.reports-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:690px;font-size:13px}.reports-table th,.reports-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f6;padding:14px 15px}.reports-table th{color:#59657d;letter-spacing:.35px;white-space:nowrap;background:#f7f8fc;font-size:11px;font-weight:750}.reports-table td{color:#34405a}.reports-table tbody tr:last-child td{border-bottom:0}.reports-table tbody tr:hover td{background:#fafaff}.reports-table .reports-amount-cell{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.reports-table .reports-empty{color:#8993a8;text-align:center;padding:38px 18px}.reports-accounting-note{color:#748098;margin:17px 0 0;font-size:12px;line-height:1.7}@media (width<=1100px){.reports-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.reports-welcome{flex-direction:column;align-items:flex-start}.reports-welcome>button{justify-content:center;width:100%}.reports-filter-panel,.reports-results-panel{padding:17px}.reports-filter-grid{grid-template-columns:minmax(0,1fr);gap:14px}.reports-apply-button{justify-content:center;width:100%}.reports-results-heading{flex-direction:column;align-items:stretch}.reports-export-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reports-export-actions button{padding-left:10px;padding-right:10px}.reports-table{min-width:650px}}@media (width<=380px){.reports-export-actions{grid-template-columns:minmax(0,1fr)}}.attendance-admin-success{color:#167447;background:#effbf4;border:1px solid #b8e6cf;border-radius:10px;margin-bottom:18px;padding:13px 16px;font-size:13px}.attendance-admin-filters{margin-bottom:22px}.attendance-admin-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.attendance-admin-filter-grid label,.attendance-admin-modal form>label{color:#59647c;flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:700;display:flex}.attendance-admin-filter-grid input,.attendance-admin-filter-grid select,.attendance-admin-modal input,.attendance-admin-modal select,.attendance-admin-modal textarea{box-sizing:border-box;color:#293550;width:100%;min-width:0;min-height:42px;font:inherit;background:#fff;border:1px solid #dfe4ef;border-radius:9px;outline:none;padding:10px 11px;font-size:13px}.attendance-admin-filter-grid input:focus,.attendance-admin-filter-grid select:focus,.attendance-admin-modal input:focus,.attendance-admin-modal select:focus,.attendance-admin-modal textarea:focus{border-color:#7163ed;box-shadow:0 0 0 3px #7163ed1a}.attendance-admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.attendance-admin-metric{background:#fff;border:1px solid #e9ecf4;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:20px;display:flex;box-shadow:0 5px 18px #1f2a4b0a}.attendance-admin-metric__icon{color:#7163ed;background:#f0eeff;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.attendance-admin-metric>span{color:#78839a;font-size:12px;font-weight:650}.attendance-admin-metric>strong{color:#202b45;overflow-wrap:anywhere;font-size:25px;font-weight:800}.attendance-admin-metric>small{color:#929bad;font-size:11px}.attendance-admin-table-panel{min-width:0}.attendance-admin-table-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.attendance-admin-table-heading h2{margin:0;font-size:17px}.attendance-admin-table-heading p{color:#8490a5;margin:7px 0 0;font-size:12px}.attendance-admin-table-wrap{border:1px solid #e9ecf4;border-radius:11px;width:100%;overflow-x:auto}.attendance-admin-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:1000px;font-size:12px}.attendance-admin-table th,.attendance-admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f6;padding:13px 14px}.attendance-admin-table th{color:#626d83;white-space:nowrap;background:#f7f8fc;font-size:11px;font-weight:750}.attendance-admin-table td{color:#3d4860}.attendance-admin-table tbody tr:last-child td{border-bottom:0}.attendance-admin-table td:first-child strong,.attendance-admin-table td:first-child small{display:block}.attendance-admin-table td:first-child small{color:#8b95a8;margin-top:4px;font-size:11px}.attendance-admin-status{color:#53627b;text-transform:capitalize;background:#edf2f8;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.attendance-admin-status.is-present{color:#16814b;background:#e9f8ef}.attendance-admin-status.is-absent{color:#c2413a;background:#fff0ef}.attendance-admin-status.is-half_day{color:#9c6a08;background:#fff5df}.attendance-admin-status.is-leave{color:#6655c8;background:#f0edff}.attendance-admin-edit-button{color:#6257d8;cursor:pointer;font:inherit;background:#fff;border:1px solid #e2e4f1;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.attendance-admin-edit-button:hover{background:#f5f3ff}.attendance-admin-modal-backdrop{z-index:1000;background:#141b2e94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.attendance-admin-modal{background:#fff;border:1px solid #e8eaf2;border-radius:16px;width:100%;max-width:520px;max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 24px 80px #0003}.attendance-admin-modal h2{color:#26314b;margin:0;font-size:20px}.attendance-admin-modal>p{color:#818ba0;margin:8px 0 22px;font-size:13px}.attendance-admin-modal form{gap:16px;display:grid}.attendance-admin-modal textarea{resize:vertical;min-height:90px}.attendance-admin-modal-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}@media (width<=1100px){.attendance-admin-metrics,.attendance-admin-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.attendance-admin-metrics,.attendance-admin-filter-grid{grid-template-columns:minmax(0,1fr)}.attendance-admin-table-heading{flex-direction:column;align-items:stretch}.attendance-admin-table-heading .button{justify-content:center}.attendance-admin-metric{padding:16px}.attendance-admin-modal{padding:19px}.attendance-admin-modal-actions{flex-direction:column-reverse}.attendance-admin-modal-actions button{justify-content:center;width:100%}}.employee-profile-header{align-items:center;gap:22px;margin-bottom:22px;padding:28px;display:flex}.employee-profile-avatar{color:#635bff;background:#eeebff;border-radius:24px;flex-shrink:0;place-items:center;width:100px;height:100px;font-size:36px;font-weight:700;display:grid;overflow:hidden}.employee-profile-avatar img{object-fit:cover;width:100%;height:100%}.employee-profile-identity h2{color:#17233f;margin:0 0 6px}.employee-profile-identity p{color:#7b8499;margin:0 0 12px}.employee-profile-panel{margin-bottom:22px}.employee-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;padding:0 24px 18px;display:grid}.employee-profile-detail{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.employee-profile-detail span{color:#7b8499;align-items:center;gap:8px;font-size:13px;display:inline-flex}.employee-profile-detail strong{color:#17233f;text-align:right;overflow-wrap:anywhere;max-width:60%;font-size:13px}.employee-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.employee-profile-summary .dashboard-panel{flex-direction:column;gap:10px;padding:24px;display:flex}.employee-profile-summary p,.employee-profile-summary span{color:#7b8499;margin:0;font-size:13px}.employee-profile-summary strong{color:#17233f;font-size:24px}@media (width<=640px){.employee-profile-header{align-items:flex-start;padding:20px}.employee-profile-avatar{border-radius:18px;width:72px;height:72px}.employee-profile-grid,.employee-profile-summary{grid-template-columns:minmax(0,1fr)}.employee-profile-grid{padding:0 18px 16px}.employee-profile-detail{gap:10px}}.audit-page{color:#17233b;flex-direction:column;gap:22px;min-width:0;display:flex}.audit-page-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.audit-eyebrow{color:#66758f;letter-spacing:1.4px;font-size:11px;font-weight:800}.audit-page-header h1{letter-spacing:-.7px;margin:7px 0;font-size:30px;font-weight:750}.audit-page-header p,.audit-panel-heading p{color:#69778e;margin:0;font-size:13px;line-height:1.6}.audit-total-card{background:#fff;border:1px solid #e5eaf2;border-radius:13px;flex-direction:column;gap:6px;min-width:180px;padding:18px 20px;display:flex}.audit-total-card span{color:#68778e;font-size:12px}.audit-total-card strong{font-size:25px}.audit-panel{background:#fff;border:1px solid #e4e9f1;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #16223b08}.audit-panel-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.audit-panel-heading h2{margin:0 0 5px;font-size:17px;font-weight:750}.audit-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:22px 24px;display:grid}.audit-filter-field{flex-direction:column;gap:8px;min-width:0;display:flex}.audit-filter-field>span,.audit-page-size>span{color:#46546d;font-size:12px;font-weight:650}.audit-filter-field input,.audit-filter-field select,.audit-page-size select{color:#23314a;width:100%;min-width:0;height:42px;font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:8px;outline:none;padding:0 12px;font-size:13px}.audit-filter-field input:focus,.audit-filter-field select:focus,.audit-page-size select:focus{border-color:#6685e8;box-shadow:0 0 0 3px #6685e81f}.audit-filter-actions{align-items:end;gap:10px;display:flex}.audit-button{min-height:40px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 15px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.audit-button:disabled{cursor:not-allowed;opacity:.45}.audit-button-primary{color:#fff;background:#315be8}.audit-button-primary:hover:not(:disabled){background:#254bd0}.audit-button-secondary{color:#43516a;background:#fff;border-color:#dfe5ee}.audit-button-secondary:hover:not(:disabled){background:#f6f8fc}.audit-results-heading{align-items:center}.audit-page-size{align-items:center;gap:9px;display:flex}.audit-page-size select{width:80px;height:36px}.audit-table-wrap{width:100%;overflow-x:auto}.audit-table,.audit-change-table{border-collapse:collapse;text-align:left;width:100%}.audit-table{min-width:800px}.audit-table thead{background:#f7f9fc}.audit-table th,.audit-table td{vertical-align:middle;border-bottom:1px solid #edf0f5;padding:15px 20px}.audit-table th{color:#68778e;letter-spacing:.35px;white-space:nowrap;font-size:11px;font-weight:750}.audit-table td{color:#344159;font-size:12px}.audit-activity-title,.audit-actor{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.audit-activity-title strong,.audit-actor strong{color:#25324a;font-size:12px;font-weight:700}.audit-activity-title small,.audit-actor small{color:#7b879a;font-size:11px}.audit-action-badge{color:#485a77;background:#edf1f8;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.audit-action-create,.audit-action-check_in,.audit-action-check_out{color:#217447;background:#e7f7ed}.audit-action-update,.audit-action-status_change{color:#986313;background:#fff3d9}.audit-action-delete{color:#b32c37;background:#fde9e9}.audit-record-id{color:#52617b;border:1px solid #e6eaf1;border-radius:6px;padding:5px 8px;font-weight:700;display:inline-flex}.audit-details-button{color:#3156c8;font:inherit;white-space:nowrap;cursor:pointer;background:#f7f9ff;border:1px solid #dce4f4;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:750}.audit-details-button:hover{background:#edf2ff}.audit-detail-row>td{background:#f8faff;padding:0}.audit-detail-content{padding:22px 24px}.audit-detail-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.audit-detail-heading h3{margin:0 0 5px;font-size:16px}.audit-detail-heading p,.audit-explanation{color:#69778e;margin:0;font-size:12px;line-height:1.6}.audit-ip{color:#69778e;font-size:11px}.audit-change-table-wrap{background:#fff;border:1px solid #e5eaf2;border-radius:9px;overflow-x:auto}.audit-change-table{min-width:650px}.audit-change-table th,.audit-change-table td{vertical-align:top;border-bottom:1px solid #edf0f5;padding:12px 15px}.audit-change-table th{color:#66758e;background:#f2f5fa;font-size:11px}.audit-change-table td{color:#344159;font-size:12px}.audit-change-table pre,.audit-raw-grid pre{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;max-width:100%;font:inherit;margin:0;line-height:1.55}.audit-raw-details{background:#fff;border:1px solid #e5eaf2;border-radius:9px;margin-top:15px;padding:13px 15px}.audit-raw-details summary{color:#344d8e;cursor:pointer;font-size:12px;font-weight:750}.audit-raw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px;display:grid}.audit-raw-grid h4{margin:0 0 8px;font-size:12px}.audit-raw-grid pre{background:#f5f7fb;border-radius:7px;max-height:320px;padding:12px;font-size:11px;overflow:auto}.audit-pagination{color:#68778e;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;font-size:12px;display:flex}.audit-pagination>div{align-items:center;gap:10px;display:flex}.audit-error{color:#a32331;background:#fff3f3;border:1px solid #f3cccc;border-radius:8px;margin:18px 22px 0;padding:12px 14px;font-size:12px}.audit-state{color:#718097;text-align:center;padding:35px 20px;font-size:13px}.audit-state-compact{text-align:left;padding:18px 0}@media (width<=900px){.audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-page-header{align-items:flex-start}}@media (width<=600px){.audit-page-header{flex-direction:column}.audit-total-card{width:100%}.audit-filters{grid-template-columns:minmax(0,1fr);padding:18px}.audit-filter-actions{flex-direction:column;align-items:stretch}.audit-filter-actions .audit-button{width:100%}.audit-panel-heading{align-items:flex-start;padding:18px}.audit-results-heading{flex-direction:column}.audit-detail-content{padding:18px}.audit-detail-heading{flex-direction:column;align-items:flex-start}.audit-raw-grid{grid-template-columns:minmax(0,1fr)}.audit-pagination{flex-direction:column;align-items:flex-start;padding:18px}.audit-pagination>div{flex-wrap:wrap;justify-content:space-between;width:100%}}.dashboard-recent-activity{width:100%;min-width:0;margin-top:24px;overflow:hidden}.dashboard-recent-activity .audit-panel-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-recent-activity .audit-table-wrap{width:100%;overflow-x:auto}.dashboard-recent-activity .audit-table{border-collapse:collapse;width:100%;min-width:650px}.dashboard-recent-activity .audit-table th,.dashboard-recent-activity .audit-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8edf5;padding:16px 20px}.dashboard-recent-activity .audit-table tbody tr:last-child td{border-bottom:none}.dashboard-recent-activity .audit-table tbody tr:hover{background:#f8faff}.dashboard-recent-activity .audit-actor{flex-direction:column;gap:4px;display:flex}.dashboard-recent-activity .audit-actor strong{font-weight:500}.dashboard-recent-activity .audit-actor small{color:#71809a;font-size:12px}.dashboard-recent-activity .dashboard-refresh-spinning{animation:1s linear infinite dashboard-activity-spin}@keyframes dashboard-activity-spin{to{transform:rotate(360deg)}}@media (width<=768px){.dashboard-recent-activity .audit-panel-heading{flex-direction:column;align-items:flex-start}.dashboard-recent-activity .audit-table th,.dashboard-recent-activity .audit-table td{padding:12px}}.dashboard-recent-activity .audit-detail-row>td{background:#f8faff;padding:0}.dashboard-recent-activity .audit-detail-content{padding:24px}.dashboard-recent-activity .audit-detail-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.dashboard-recent-activity .audit-detail-heading h3{margin:0 0 6px}.dashboard-recent-activity .audit-detail-heading p{color:#71809a;margin:0}.dashboard-recent-activity .audit-change-table-wrap{width:100%;overflow-x:auto}.dashboard-recent-activity .audit-change-table{border-collapse:collapse;width:100%}.dashboard-recent-activity .audit-change-table th,.dashboard-recent-activity .audit-change-table td{text-align:left;vertical-align:top;border:1px solid #e2e8f0;padding:12px}.dashboard-recent-activity .audit-change-table pre,.dashboard-recent-activity .audit-raw-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0}.dashboard-recent-activity .audit-raw-details{margin-top:20px}.dashboard-recent-activity .audit-raw-details summary{cursor:pointer;font-weight:600}.dashboard-recent-activity .audit-raw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.dashboard-recent-activity .audit-raw-grid>div{min-width:0}.dashboard-recent-activity .audit-raw-grid h4{margin:0 0 8px}.dashboard-recent-activity .audit-raw-grid pre{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px}@media (width<=768px){.dashboard-recent-activity .audit-detail-content{padding:16px}.dashboard-recent-activity .audit-raw-grid{grid-template-columns:minmax(0,1fr)}}.employee-form__field select{color:#17233f;width:100%;min-width:0;height:45px;font:inherit;background:#fff;border:1px solid #dce2ed;border-radius:9px;outline:0;padding:0 12px;font-weight:400}.employee-form__field select:hover{border-color:#b8c4dc}.employee-form__field select:focus{border-color:#7165ee;box-shadow:0 0 0 3px #7165ee1f}.employee-form__field select option{color:#14213d;background-color:#fff;padding:10px}.employee-form__field input[type=file]{box-sizing:border-box;color:#64748b;cursor:pointer;background:#fbfcff;border:1px dashed #cbd5e8;border-radius:13px;align-items:center;width:100%;height:58px;min-height:58px;padding:7px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,background-color .2s;display:flex;overflow:hidden}.employee-form__field input[type=file]:hover{background:#f8f7ff;border-color:#7165ee}.employee-form__field input[type=file]:focus{border-color:#7165ee;outline:none;box-shadow:0 0 0 3px #7165ee1f}.employee-form__field input[type=file]::file-selector-button{vertical-align:middle;color:#6255e7;cursor:pointer;background:#efedff;border:none;border-radius:10px;height:40px;margin:0 14px 0 0;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;line-height:40px;transition:background-color .2s}.employee-form__field input[type=file]::file-selector-button:hover{background:#e4e0ff}.employee-form__field small{color:#7b879d;margin-top:8px;font-size:12px;line-height:1.6;display:block}.employee-form__photo-preview{object-fit:cover;background:#f5f6fb;border:1px solid #e0e6f1;border-radius:14px;width:88px;height:88px;margin-top:12px;display:block;box-shadow:0 3px 12px #14213d14}@media (width<=600px){.employee-form__field input[type=file]{height:58px;min-height:58px;padding:6px 9px;font-size:12px}.employee-form__field input[type=file]::file-selector-button{height:40px;margin-right:8px;padding:0 12px;font-size:12px;line-height:40px}.employee-form__photo-preview{width:76px;height:76px}}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-primary:#4f46e5;--brand-primary-dark:#3730a3;--text-main:#172033;--text-muted:#788195;--border-subtle:#e8eaf1;--surface:#fff;background:#f6f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}body,button,input{font-family:DM Sans,sans-serif}button,input{font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #4f46e540}.login-page{background:var(--surface);grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(at 85% 15%,#818cf852,#0000 36%),radial-gradient(at 10% 85%,#38bdf821,#0000 32%),linear-gradient(145deg,#171b45 0%,#252765 54%,#4338a8 100%);align-items:stretch;min-height:100vh;padding:clamp(30px,5vw,76px);display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";pointer-events:none;border:1px solid #ffffff21;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-180px;right:-130px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff08}.login-visual__content{z-index:1;flex-direction:column;width:100%;display:flex;position:relative}.brand-lockup,.login-card__mobile-brand{letter-spacing:-.7px;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;display:flex}.brand-lockup__icon{background:#ffffff1f;border:1px solid #fff3;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.login-visual__message{max-width:520px;margin:auto 0;padding:75px 0}.eyebrow{color:var(--brand-primary);letter-spacing:1.8px;font-size:11px;font-weight:700;display:inline-block}.login-visual .eyebrow{color:#bfc5ff}.login-visual__message h1{letter-spacing:-2px;margin:22px 0;font-family:Manrope,sans-serif;font-size:clamp(34px,4.1vw,56px);font-weight:800;line-height:1.15}.login-visual__message p{color:#d2d5f0;max-width:430px;font-size:16px;line-height:1.85}.login-trust{color:#e0e2fb;align-items:center;gap:10px;font-size:13px;display:flex}.login-panel{place-items:center;min-width:0;padding:clamp(24px,5vw,76px);display:grid}.login-card{width:100%;max-width:430px}.login-card__mobile-brand{color:var(--brand-primary-dark);margin-bottom:45px;display:none}.login-heading{margin-bottom:34px}.login-heading h2{letter-spacing:-1.1px;margin:13px 0 10px;font-family:Manrope,sans-serif;font-size:clamp(25px,2.4vw,32px);font-weight:800;line-height:1.3}.login-heading p,.login-card__footer{color:var(--text-muted);font-size:14px;line-height:1.7}.login-form{gap:22px;display:grid}.form-field{gap:9px;display:grid}.form-field label{color:#313a4f;font-size:13px;font-weight:700}.form-field input{width:100%;min-height:50px;color:var(--text-main);background:#fff;border:1px solid #dfe3ed;border-radius:10px;outline:none;padding:13px 15px;transition:border-color .16s,box-shadow .16s}.form-field input::placeholder{color:#a1a8b8}.form-field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4f46e517}.password-input{position:relative}.password-input input{padding-right:49px}.password-input__toggle{color:#778198;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-input__toggle:hover{color:var(--brand-primary);background:#f3f4fa}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-size:14px;font-weight:700;transition:background .16s,transform .16s;display:inline-flex}.button--primary{color:#fff;background:var(--brand-primary);box-shadow:0 7px 18px #4f46e52e}.button--primary:hover:not(:disabled){background:var(--brand-primary-dark);transform:translateY(-1px)}.button--secondary{border-color:var(--border-subtle);color:var(--text-main);background:#fff}.login-submit{width:100%;margin-top:3px}.form-error{color:#b42318;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;padding:12px 14px;font-size:13px;line-height:1.6}.login-card__footer{text-align:center;margin-top:27px}.app-loading{min-height:100vh;color:var(--text-muted);place-items:center;padding:24px;font-size:14px;display:grid}.workspace-placeholder{background:#f6f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.workspace-placeholder__card{border:1px solid var(--border-subtle);background:#fff;border-radius:20px;width:min(100%,540px);padding:clamp(26px,5vw,44px);box-shadow:0 15px 55px #1720330d}.workspace-placeholder__card h1{letter-spacing:-1px;font-family:Manrope,sans-serif}.workspace-placeholder__card>p:not(.eyebrow){color:var(--text-muted);margin-bottom:26px}@media (width<=900px){.login-page{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.login-visual,.login-panel{padding:32px}.login-visual__message h1{font-size:clamp(32px,4.5vw,43px)}}@media (width<=640px){.login-page{grid-template-columns:1fr;min-height:100vh}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px 23px}.login-card{max-width:430px}.login-card__mobile-brand{margin-bottom:50px;display:flex}.login-heading{margin-bottom:29px}.login-heading h2{font-size:28px}.login-form{gap:20px}.login-card__footer{margin-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}