@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@400;500;600;700&display=swap);.html2pdf__overlay{pointer-events:none!important}:root{--app-viewport-height:100vh;--app-page-padding:clamp(16px,3.125vw,24px);--app-modal-content-gutter:var(--app-page-padding);--app-breadcrumb-header-gap:var(--app-page-padding);--app-section-gap:16px;--app-control-height:clamp(36px,0.35vw + 31.2px,38px);--app-button-height:var(--app-control-height);--app-button-gap:var(--app-space-1);--app-button-font-size:var(--app-font-body);--app-font-body:clamp(13px,0.18vw + 10.5px,14px);--app-font-label:clamp(12px,0.18vw + 9.5px,13px);--app-breadcrumb-font-size:clamp(12px,1.823vw,14px);--app-font-page-title:clamp(14px,2.083vw,16px);--app-font-section-title:clamp(12px,1.823vw,14px);--app-space-1:clamp(4px,0.35vw,6px);--app-space-2:clamp(8px,0.65vw,12px);--app-space-3:clamp(12px,0.85vw,16px);--app-collapse-toggle-margin-top:clamp(2px,0.2vw,4px);--app-collapse-toggle-font-size:12px;--app-collapse-toggle-padding:0;--app-collapse-toggle-min-height:0;--app-collapse-toggle-line-height:1.4;--app-card-padding-y:clamp(12px,1vw,16px);--app-card-padding-x:clamp(16px,1.25vw,20px);--app-button-padding-y:clamp(7px,0.55vw,9px);--app-button-padding-x:clamp(12px,1vw,16px);--app-button-icon-size:clamp(14px,0.2vw + 13px,16px);--app-table-cell-padding-y:clamp(10px,0.85vw,14px);--app-table-cell-padding-x:clamp(14px,1.25vw,24px);--app-badge-padding-y:clamp(3px,0.25vw,4px);--app-badge-padding-x:clamp(8px,0.65vw,10px);--app-badge-icon-size:clamp(12px,0.2vw + 11px,14px);--app-badge-font-size:var(--app-font-label);--app-badge-compact-padding-y:clamp(2px,0.15vw,3px);--app-badge-compact-padding-x:clamp(5px,0.4vw,7px);--app-badge-compact-font-size:clamp(10px,0.5vw,11px);--app-stat-card-height:clamp(76px,5vw,83px);--app-modal-overlay-padding-y:clamp(16px,1.25vw,24px);--app-modal-header-height:clamp(50px,3.5vw,54px);--app-modal-body-padding-y:clamp(16px,1.05vw,20px);--app-modal-section-padding-y:clamp(10px,0.7vw,14px);--app-modal-viewport-gap:clamp(32px,2.5vw,48px);--app-confirm-modal-max-width:480px;--app-confirm-modal-header-padding:20px;--app-confirm-modal-content-gutter:20px;--app-confirm-modal-header-gap:12px;--app-confirm-modal-icon-size:32px;--app-confirm-modal-icon-font-size:16px;--app-confirm-modal-title-size:18px;--app-confirm-modal-body-size:14px;--app-confirm-modal-body-line-height:1.5;--app-confirm-modal-footer-padding:16px 20px 20px;--app-confirm-modal-footer-gap:12px;--app-confirm-modal-button-height:38px;--app-confirm-modal-button-padding:8px 16px;--app-confirm-modal-button-size:14px;--app-navbar-padding-y:clamp(12px,2.083vw,16px);--app-navbar-logo-height:clamp(35px,6.51vw,50px);--app-navbar-menu-font-size:clamp(14px,2.083vw,16px);--app-navbar-gap:clamp(24px,6.25vw,48px);--app-navbar-section-gap:clamp(12px,3.125vw,24px);--app-tab-padding-y:10px;--app-tab-padding-x:22px;--app-tab-margin-bottom:24px;--app-tab-font-size:14px;--app-meeting-section-padding:20px;--app-meeting-section-gap:18px;--app-meeting-table-padding-y:10px;--app-meeting-table-padding-x:13px;--app-meeting-filter-gap:10px;--app-meeting-date-height:38px;--app-meeting-date-padding:8px 12px 8px 16px;--app-shell-offset:calc(clamp(35px, 6.51vw, 50px) + clamp(12px, 2.083vw, 16px) + clamp(12px, 2.083vw, 16px));--app-search-icon-left:12px;--app-search-input-padding-y:9px;--app-search-input-padding-r:36px;--app-search-input-padding-l:38px;--app-search-clear-right:8px;--app-search-clear-font-size:11px;--app-search-clear-size:20px;--app-schedule-time-column-width:70px;--app-schedule-day-column-width:220px;--app-schedule-header-height:46px;--app-schedule-slot-height:60px;--app-schedule-avatar-size:24px;--app-schedule-time-font-size:12px;--app-schedule-time-padding-top:8px;--app-schedule-card-radius:10px;--app-schedule-card-padding-y:8px;--app-schedule-card-padding-x:10px;--app-schedule-card-gap:4px;--app-schedule-card-section-gap:5px;--app-schedule-card-icon-gap:5px;--app-schedule-card-title-size:12px;--app-schedule-card-meta-size:10px;--app-schedule-card-avatar-size:16px;--app-schedule-card-avatar-font-size:8px;--app-schedule-card-avatar-offset:4px;--app-schedule-card-min-height:24px;--app-schedule-popup-width:520px;--app-schedule-popup-padding:16px;--app-schedule-popup-title-size:16px;--app-schedule-popup-subtitle-size:12px;--app-schedule-popup-close-size:20px;--app-schedule-popup-avatar-size:32px;--app-schedule-popup-inline-gap:8px;--app-schedule-popup-section-gap:16px;--primary-main:#347bb4;--primary-focus:#cfe7ff;--primary-surface:#f8fcff;--primary-hover:#5d94c2;--primary-border:#e3edf5;--primary-main-rgb:52,123,180;--neutral-primary:#1e2c3a;--neutral-neutral:#f8fbfd;--neutral-secondary:#78899b;--neutral-surface:#fbfdfe;--neutral-disabled:var(--neutral-secondary);--neutral-white:#fff;--neutral-border:var(--primary-border);--neutral-soft-border:var(--primary-border);--neutral-soft-surface:#f8fbfd;--table-header-bg:#f6f9fc;--table-border-color:var(--neutral-soft-border);--app-table-radius:8px;--table-row-hover-background:#f9fafb;--neutral-inverse:#0f172a;--neutral-inverse-hover:#1e293b;--tooltip-surface:#1e293b;--active-surface-background:var(--primary-surface);--active-text-color:var(--primary-main);--archived-surface-background:#f8f9fa;--archived-surface-hover:#f1f3f5;--accordion-trigger-bg:var(--neutral-white);--accordion-trigger-open-bg:var(--neutral-neutral);--accordion-trigger-border:var(--neutral-border);--accordion-trigger-open-border:var(--primary-focus);--accordion-trigger-shadow:0 1px 3px #0f172a14;--accordion-trigger-open-shadow:0 0 0 3px rgba(var(--primary-main-rgb),0.12),0 10px 20px rgba(var(--primary-main-rgb),0.12);--accordion-panel-bg:var(--neutral-white);--accordion-panel-border:var(--neutral-border);--accordion-panel-shadow:0 10px 25px -5px #0f172a1f,0 8px 10px -6px #0f172a14;--accordion-row-hover:var(--neutral-neutral);--accordion-row-selected:var(--active-surface-background);--wizard-sidebar-start:var(--primary-main);--wizard-sidebar-end:var(--info-main);--wizard-step-bg:#ffffff1a;--wizard-step-completed-bg:#ffffff2e;--wizard-step-active-bg:#ffffff47;--wizard-step-hover-bg:#ffffff38;--wizard-step-active-shadow:0 6px 16px #00000024;--wizard-step-number-text:#fffffff2;--wizard-step-number-border:#ffffffb8;--wizard-step-number-bg:#ffffff1f;--wizard-step-number-active-text:var(--primary-main);--wizard-step-number-active-bg:#fffffffa;--wizard-step-number-active-border:#fffffffa;--wizard-step-title:#fffffff7;--wizard-step-subtitle:#ffffffd1;--wizard-step-focus:#fffffff5;--wizard-content-bg:var(--neutral-white);--success-main:#27ae60;--success-surface:#e6f4ec;--success-hover:#1e8e4d;--info-main:#2d9cdb;--info-surface:#eaf7fc;--info-hover:#1c83bd;--total-class-surface:var(--info-surface);--total-class-text:var(--info-hover);--toggle-active-surface:var(--primary-surface);--toggle-active-border:var(--primary-focus);--toggle-active-text:var(--primary-main);--toggle-track-active:var(--primary-main);--toggle-inactive-surface:var(--neutral-surface);--toggle-inactive-border:var(--neutral-neutral);--toggle-inactive-text:var(--neutral-secondary);--toggle-track-inactive:var(--neutral-disabled);--toggle-thumb:var(--neutral-white);--warning-main:#f2994a;--warning-surface:#fff6ea;--warning-hover:#da8837;--danger-main:#eb5757;--danger-surface:#fdeeee;--danger-hover:#c64444;--status-archived-main:#7f90a5;--attendance-present-main:#2eaaaa;--attendance-present-surface:#ecfdf5;--attendance-present-border:#a7f3d0;--attendance-absent-main:#ef4444;--attendance-absent-surface:#fef2f2;--attendance-absent-border:#fecaca;--attendance-sick-main:#f59e0b;--attendance-sick-surface:#fffbeb;--attendance-sick-border:#fde68a;--attendance-excused-main:#0284c7;--attendance-excused-surface:#f0f9ff;--attendance-excused-border:#bae6fd;--attendance-replaced-main:#b7791f;--attendance-replaced-surface:#fffbeb;--attendance-replaced-border:#f6d98b;--attendance-student-replaced-main:#7c3aed;--attendance-student-replaced-surface:#f5f3ff;--attendance-student-replaced-border:#ddd6fe;--attendance-not-filled-main:var(--neutral-secondary);--attendance-not-filled-surface:#f3f4f6;--attendance-not-filled-border:#e5e7eb;--attendance-font-body:var(--app-font-body);--attendance-font-label:var(--app-font-label);--attendance-badge-font-size:var(--app-badge-font-size);--attendance-badge-icon-size:var(--app-badge-icon-size);--attendance-badge-gap:var(--app-space-1);--attendance-badge-padding-y:var(--app-badge-padding-y);--attendance-badge-padding-x:var(--app-badge-padding-x);--attendance-badge-min-height:0;--attendance-avatar-size:clamp(20px,1.5vw,24px);--attendance-student-status-width:clamp(104px,14vw,148px);--replacement-avatar-badge-size:clamp(10px,0.3vw,14px);--replacement-avatar-badge-font-size:clamp(7px,0.15vw + 6px,8px);--replacement-avatar-badge-border-width:clamp(1px,0.1vw,2px);--replacement-avatar-badge-offset:clamp(1px,0.15vw,2px);--font-size-section-title:clamp(14px,2.083vw,16px);--font-size-section-content:var(--app-font-body);--pagination-btn-height:var(--app-control-height);--pagination-btn-radius:8px;--pagination-btn-padding:0 var(--app-button-padding-x);--pagination-btn-font-size:var(--app-font-body);--pagination-btn-font-weight:600;--pagination-btn-bg:#f6fbff;--pagination-btn-text:var(--neutral-primary);--pagination-btn-border:#bfd4e6;--pagination-btn-hover-bg:#e9f4fd;--pagination-btn-hover-text:var(--primary-main);--pagination-btn-hover-border:#86b3d8;--pagination-btn-disabled-bg:var(--neutral-neutral);--pagination-btn-disabled-text:var(--neutral-disabled);--pagination-btn-active-bg:var(--primary-main);--pagination-btn-active-text:var(--neutral-white);--pagination-btn-active-border:var(--primary-main);--pagination-btn-active-shadow:0 4px 10px rgba(var(--primary-main-rgb),0.28);--pagination-gap:var(--app-section-gap);--pagination-controls-gap:4px}.global-soft-action-button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:clamp(12px,.18vw + 9.5px,13px);font-size:var(--app-font-label);font-weight:600;gap:clamp(4px,.35vw,6px);gap:var(--app-button-gap);justify-content:center;line-height:1.2;min-height:32px;padding:6px clamp(12px,1vw,16px);padding:6px var(--app-button-padding-x);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.global-soft-action-button svg{flex:0 0 auto;height:clamp(14px,.2vw + 13px,16px);height:var(--app-button-icon-size);width:clamp(14px,.2vw + 13px,16px);width:var(--app-button-icon-size)}.attendance-page .attendance-action-badge,.attendance-page .attendance-status-badge,.attendance-page .attendance-status-select{align-items:center;line-height:1.2}.attendance-page .attendance-action-badge,.attendance-page .attendance-status-select{display:inline-flex}.attendance-page .attendance-status-select,.attendance-page .attendance-teacher-badge{box-sizing:border-box;font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--attendance-badge-font-size)!important;min-height:0;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px)!important;padding:var(--attendance-badge-padding-y) var(--attendance-badge-padding-x)!important}.attendance-page .attendance-teacher-badge{line-height:1.2}.attendance-page .attendance-action-badge svg,.attendance-page .attendance-status-badge svg,.attendance-page .attendance-status-select svg,.attendance-page .global-soft-action-button svg{display:block;flex:0 0 auto;height:clamp(12px,.2vw + 11px,14px)!important;height:var(
    --attendance-badge-icon-size,var(--app-badge-icon-size)
  )!important;vertical-align:middle;width:clamp(12px,.2vw + 11px,14px)!important;width:var(
    --attendance-badge-icon-size,var(--app-badge-icon-size)
  )!important}.global-badge{align-items:center;border-radius:8px;box-sizing:border-box;display:inline-flex;font-size:clamp(12px,.18vw + 9.5px,13px);font-size:var(--app-badge-font-size);justify-content:center;line-height:1.2;min-height:0;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px);padding:var(--app-badge-padding-y) var(--app-badge-padding-x)}.subject-group-badge{border:none}.global-soft-action-button--delete{background-color:#fdeeee;background-color:var(--danger-surface);border-color:#fecaca;border-color:var(--attendance-absent-border);color:#eb5757;color:var(--danger-main);font-size:clamp(12px,.18vw + 9.5px,13px);font-size:var(--app-badge-font-size);gap:clamp(4px,.35vw,6px);gap:var(--app-space-1);min-height:0;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px);padding:var(--app-badge-padding-y) var(--app-badge-padding-x)}.global-soft-action-button--delete svg{height:clamp(12px,.2vw + 11px,14px);height:var(--app-badge-icon-size);width:clamp(12px,.2vw + 11px,14px);width:var(--app-badge-icon-size)}.global-soft-action-button--delete:focus-visible,.global-soft-action-button--delete:hover:not(:disabled){background-color:#fbdcdc;border-color:#f3aaaa;color:#c64444;color:var(--danger-hover)}.global-soft-action-button--add{background-color:#f8fcff;background-color:var(--primary-surface);border-color:#e3edf5;border-color:var(--primary-border);color:#347bb4;color:var(--primary-main);margin-top:8px;width:100%}.global-soft-action-button--add:focus-visible,.global-soft-action-button--add:hover:not(:disabled){background-color:#eef7ff;border-color:#cfe7ff;border-color:var(--primary-focus);color:#347bb4;color:var(--primary-main)}.global-soft-action-button:focus-visible{box-shadow:0 0 0 3px #347bb41f;box-shadow:0 0 0 3px rgba(var(--primary-main-rgb),.12);outline:2px solid #cfe7ff;outline:2px solid var(--primary-focus);outline-offset:2px}.global-soft-action-button:disabled{background-color:#f8fbfd;background-color:var(--neutral-soft-surface);border-color:#e3edf5;border-color:var(--neutral-soft-border);color:#78899b;color:var(--neutral-disabled);cursor:not-allowed;opacity:.65}@media (min-width:769px) and (max-width:1600px){.attendance-page{--attendance-badge-font-size:clamp(10px,0.15vw + 8.5px,11px);--attendance-badge-icon-size:clamp(10px,0.15vw + 9px,11px);--attendance-badge-padding-y:clamp(2px,0.15vw,3px);--attendance-badge-padding-x:clamp(6px,0.55vw,8px)}.attendance-page .global-soft-action-button{font-size:clamp(12px,.18vw + 9.5px,13px);font-size:var(--attendance-badge-font-size);line-height:1.2;min-height:0;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px);padding:var(--attendance-badge-padding-y) var(--attendance-badge-padding-x)}.attendance-page .global-soft-action-button svg{height:clamp(12px,.2vw + 11px,14px)!important;height:var(--attendance-badge-icon-size)!important;width:clamp(12px,.2vw + 11px,14px)!important;width:var(--attendance-badge-icon-size)!important}.attendance-page .attendance-status-select{font-size:clamp(11px,.15vw + 9px,12px)!important;padding:3px 8px!important}.teacher-schedule-page{--app-space-2:clamp(6px,0.5vw,10px)}}@media (max-width:768px){.teacher-schedule-page{--app-space-2:clamp(4px,1vw,8px)}}.parent-guardian-card-header{align-items:flex-start!important;box-sizing:border-box;gap:clamp(8px,.65vw,12px);gap:var(--app-space-2);min-height:0}.parent-guardian-card-header>:first-child{min-width:0}.parent-guardian-card-header .global-soft-action-button{flex:0 0 auto}.grade-score-card{border:1px solid var(--grade-card-border);transition:border-color .15s ease,box-shadow .15s ease}.grade-score-card:not(.grade-score-card-disabled):focus-within{background-color:#f8fcff!important;background-color:var(--active-surface-background)!important;border:1px solid #347bb4;border:1px solid var(--primary-main);box-shadow:0 0 0 3px #347bb41f,0 1px 4px #347bb414;box-shadow:0 0 0 3px rgba(var(--primary-main-rgb),.12),0 1px 4px rgba(var(--primary-main-rgb),.08)}*,body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}#root,body,html{margin:0;min-height:100vh;min-height:var(--app-viewport-height);overflow-x:hidden;overflow-y:hidden;padding:0;width:100%}#root,.App,.app-content-body,.app-content-scroll{min-width:0}@supports (height:100dvh){:root{--app-viewport-height:100dvh}}.student-detail-panel-header{flex:0 0 auto;isolation:isolate;min-width:0}.custom-scrollbar-panel:has(.student-detail-panel){display:flex;flex-direction:column;overflow:hidden!important}.student-detail-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.student-detail-panel-content{-ms-overflow-style:none;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.student-detail-panel-content::-webkit-scrollbar,.student-detail-panel-content::-webkit-scrollbar-button,.student-detail-panel-content::-webkit-scrollbar-thumb,.student-detail-panel-content::-webkit-scrollbar-track{background:#0000!important;border:0!important;display:none!important;height:0!important;width:0!important}.student-detail-info-card{overflow:hidden}.student-detail-info-row{box-sizing:border-box;min-width:0}.student-detail-info-content{flex:1 1 auto;line-height:1.45;min-width:0;overflow-wrap:anywhere}.student-detail-info-content>div:first-child{line-height:1.4}.student-detail-info-content>div+div{line-height:1.4;margin-top:clamp(4px,.35vw,6px);margin-top:var(--app-space-1,4px);overflow-wrap:anywhere}.student-detail-schedule-row>:first-child{height:56px!important;margin-right:clamp(8px,.65vw,12px)!important;margin-right:var(--app-space-2,12px)!important;width:56px!important}.student-detail-schedule-row{align-items:flex-start!important;box-sizing:border-box;gap:clamp(8px,.65vw,12px);gap:var(--app-space-2,10px);min-width:0}.student-detail-schedule-teacher{gap:clamp(4px,.35vw,6px);gap:var(--app-space-1,2px);min-width:0;overflow-wrap:anywhere}.student-detail-schedule-meta,.student-detail-schedule-teacher-name{line-height:1.35;overflow-wrap:anywhere;white-space:normal}.student-detail-attendance-card,.student-detail-class-details,.student-detail-class-section,.student-detail-grade-card{box-sizing:border-box;min-width:0}.student-detail-class-header{flex-wrap:wrap;gap:clamp(8px,.65vw,12px);gap:var(--app-space-2,10px)}.student-detail-class-header>:first-child{flex:1 1 220px;min-width:0}.student-detail-class-header>:last-child{flex:0 1 auto;min-width:max-content}.student-detail-attendance-header{flex-wrap:wrap;gap:clamp(8px,.65vw,12px);gap:var(--app-space-2,10px)}.student-detail-attendance-summary{min-width:0}.student-detail-attendance-badges{align-items:center;flex-wrap:wrap;justify-content:flex-end}.student-detail-attendance-progress{height:12px!important}.student-detail-grade-title{line-height:1.2}.student-detail-grade-grid{align-items:stretch;grid-template-columns:repeat(4,minmax(0,1fr))}.student-detail-grade-item{min-width:0;overflow-wrap:anywhere}.student-detail-grade-average{display:flex;flex-direction:column;justify-content:center}.student-detail-class-details{padding:clamp(12px,1vw,16px) clamp(16px,1.25vw,20px)!important;padding:var(--app-card-padding-y) var(--app-card-padding-x)!important}.student-detail-schedule-row{gap:12px;padding:14px 16px!important}.student-detail-attendance-card,.student-detail-grade-card{padding:clamp(12px,1vw,16px) clamp(16px,1.25vw,20px)!important;padding:var(--app-card-padding-y) var(--app-card-padding-x)!important}.student-detail-attendance-header,.student-detail-grade-title{margin-bottom:clamp(12px,.85vw,16px)!important;margin-bottom:var(--app-space-3,16px)!important}.student-detail-grade-grid{gap:clamp(8px,.65vw,12px)!important;gap:var(--app-space-2,12px)!important}.app-collapse-toggle{align-items:center;box-sizing:border-box;display:inline-flex!important;font-size:12px!important;font-size:var(--app-collapse-toggle-font-size)!important;line-height:1.4!important;line-height:var(--app-collapse-toggle-line-height)!important;margin-top:clamp(2px,.2vw,4px)!important;margin-top:var(--app-collapse-toggle-margin-top)!important;max-width:100%;min-height:0!important;min-height:var(--app-collapse-toggle-min-height)!important;padding:0!important;padding:var(--app-collapse-toggle-padding)!important;text-align:center;vertical-align:middle;white-space:nowrap;width:fit-content}.collapse-expand-toggle{align-items:center;background:#0000;border:0;border-radius:8px;color:#78899b;color:var(--neutral-secondary);cursor:pointer;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;transition:color .18s ease,background-color .18s ease,opacity .18s ease;width:32px}.collapse-expand-toggle:hover:not(:disabled){background:#f8fbfd;background:var(--neutral-soft-surface);color:#347bb4;color:var(--primary-main)}.collapse-expand-toggle:focus-visible{outline:2px solid #347bb4;outline:2px solid var(--primary-main);outline-offset:2px}.collapse-expand-toggle:disabled{cursor:not-allowed;opacity:.55}input[data-global-search-input]::-webkit-search-cancel-button{appearance:none;display:none}.search-clear-button:hover,[class*=searchClearButton]:hover,button[title*=Clear]:hover,button[title*=Hapus]:hover{background-color:#fee2e2!important;border-radius:50%!important;color:#dc2626!important}.modern-multiselect-remove:hover{background-color:#fee2e2!important;color:#dc2626!important}@media (min-width:769px) and (max-width:1600px){:root{--app-collapse-toggle-margin-top:2px;--app-collapse-toggle-font-size:12px;--app-collapse-toggle-padding:2px 4px 2px 0;--app-collapse-toggle-min-height:24px;--app-collapse-toggle-line-height:1.25}.teacher-availability-table{border-radius:10px!important;margin-top:24px!important;padding:16px 20px!important}.teacher-availability-table__header{margin-bottom:6px!important}.teacher-availability-table__header>div{font-size:clamp(12px,1.823vw,14px)!important;font-size:var(--app-font-section-title)!important;line-height:1.25!important}.teacher-availability-table td,.teacher-availability-table th{font-size:12px!important;line-height:1.25!important;min-width:0!important;overflow-wrap:anywhere;padding:7px 10px!important}.teacher-availability-table thead th{padding:8px 12px!important}.teacher-availability-table table{table-layout:fixed}.teacher-availability-table td:first-child,.teacher-availability-table th:first-child{width:18%!important}.teacher-availability-table td:nth-child(2),.teacher-availability-table td:nth-child(3),.teacher-availability-table th:nth-child(2),.teacher-availability-table th:nth-child(3){white-space:nowrap;width:12%!important}.teacher-availability-table td:nth-child(4),.teacher-availability-table th:nth-child(4){width:28%!important}.teacher-availability-table td:nth-child(5),.teacher-availability-table th:nth-child(5){width:15%!important}.teacher-availability-table td:nth-child(6),.teacher-availability-table th:nth-child(6){white-space:nowrap;width:15%!important}.teacher-availability-table td:nth-child(4){max-width:none!important}.teacher-availability-table td>span{border-radius:6px!important;font-size:11px!important;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px)!important;padding:var(--app-badge-padding-y) var(--app-badge-padding-x)!important}.teacher-availability-table__actions{gap:clamp(4px,.35vw,6px)!important;gap:var(--app-button-gap)!important}.teacher-availability-table__actions svg{height:clamp(14px,.2vw + 13px,16px)!important;height:var(--app-button-icon-size)!important;width:clamp(14px,.2vw + 13px,16px)!important;width:var(--app-button-icon-size)!important}}@media (min-width:769px) and (max-width:1600px) and (max-height:900px){:root{--app-page-padding:16px;--app-breadcrumb-header-gap:16px;--app-font-body:13px;--app-font-label:12px;--app-font-page-title:14px;--app-font-section-title:13px;--app-breadcrumb-font-size:12px;--app-space-3:12px;--app-collapse-toggle-margin-top:2px;--app-collapse-toggle-font-size:11px;--app-collapse-toggle-padding:3px 5px 3px 0;--app-collapse-toggle-min-height:28px;--app-collapse-toggle-line-height:1.2;--app-tab-padding-y:7px;--app-tab-padding-x:16px;--app-tab-margin-bottom:16px;--app-tab-font-size:13px;--app-meeting-section-padding:var(--app-card-padding-y) var(--app-card-padding-x);--app-meeting-section-gap:12px;--app-meeting-table-padding-y:8px;--app-meeting-table-padding-x:10px;--app-meeting-filter-gap:8px;--app-meeting-date-height:34px;--app-meeting-date-padding:0 28px 0 12px;--app-control-height:clamp(34px,0.3vw + 30px,36px);--app-search-icon-left:10px;--app-search-input-padding-y:6px;--app-search-input-padding-r:30px;--app-search-input-padding-l:32px;--app-search-clear-right:6px;--app-search-clear-font-size:10px;--app-search-clear-size:18px;--app-button-height:var(--app-control-height);--app-button-font-size:clamp(12px,0.15vw + 10px,13px);--app-button-gap:5px;--app-button-padding-y:clamp(6px,0.45vw,8px);--app-button-padding-x:clamp(10px,0.8vw,14px);--app-button-icon-size:clamp(13px,0.15vw + 11px,14px);--app-table-cell-padding-y:clamp(8px,0.7vw,11px);--app-table-cell-padding-x:clamp(12px,1vw,18px);--app-badge-padding-y:3px;--app-badge-padding-x:8px;--app-badge-font-size:clamp(11px,0.15vw + 9px,12px);--app-badge-compact-padding-y:2px;--app-badge-compact-padding-x:5px;--app-badge-compact-font-size:10px;--app-section-gap:clamp(12px,1vw,18px);--app-card-padding-y:clamp(10px,0.8vw,14px);--app-card-padding-x:16px;--app-stat-card-height:72px;--app-modal-body-padding-y:clamp(12px,0.8vw,16px);--app-modal-section-padding-y:clamp(10px,0.6vw,12px);--app-modal-content-gutter:var(--app-page-padding);--app-modal-viewport-gap:32px;--app-confirm-modal-max-width:440px;--app-confirm-modal-header-padding:16px;--app-confirm-modal-content-gutter:16px;--app-confirm-modal-header-gap:10px;--app-confirm-modal-icon-size:28px;--app-confirm-modal-icon-font-size:14px;--app-confirm-modal-title-size:16px;--app-confirm-modal-body-size:13px;--app-confirm-modal-footer-padding:12px 16px 16px;--app-confirm-modal-footer-gap:8px;--app-confirm-modal-button-height:34px;--app-confirm-modal-button-padding:6px 12px;--app-confirm-modal-button-size:13px;--app-navbar-padding-y:10px;--app-navbar-logo-height:42px;--app-navbar-menu-font-size:14px;--app-navbar-gap:28px;--app-navbar-section-gap:16px;--app-shell-offset:calc(var(--app-navbar-logo-height) + var(--app-navbar-padding-y) + var(--app-navbar-padding-y));--pagination-btn-height:32px;--pagination-btn-padding:0 10px;--pagination-btn-font-size:12px;--pagination-gap:12px;--pagination-controls-gap:3px;--app-schedule-time-column-width:56px;--app-schedule-day-column-width:180px;--app-schedule-header-height:38px;--app-schedule-slot-height:48px;--app-schedule-avatar-size:22px;--app-schedule-time-font-size:11px;--app-schedule-time-padding-top:6px;--app-schedule-card-padding-y:6px;--app-schedule-card-padding-x:8px;--app-schedule-card-gap:3px;--app-schedule-card-section-gap:4px;--app-schedule-card-icon-gap:4px;--app-schedule-card-title-size:11px;--app-schedule-card-meta-size:9px;--app-schedule-card-avatar-size:14px;--app-schedule-card-avatar-font-size:7px;--app-schedule-card-avatar-offset:3px;--app-schedule-card-min-height:20px;--app-schedule-popup-width:360px;--app-schedule-popup-padding:12px;--app-schedule-popup-title-size:14px;--app-schedule-popup-subtitle-size:11px;--app-schedule-popup-close-size:18px;--app-schedule-popup-avatar-size:28px;--app-schedule-popup-inline-gap:6px;--app-schedule-popup-section-gap:10px}.global-modal-footer,.global-modal-header{padding:clamp(10px,.7vw,14px) clamp(16px,3.125vw,24px)!important;padding:var(--app-modal-section-padding-y) var(--app-modal-content-gutter)!important}.global-modal-body:not(.modal-body-edge-scroll),body.modal-open [style*="z-index: 1200"]>div>:not(.global-modal-header):not(.global-modal-footer):not(.modal-body-edge-scroll):not(.installer-wizard-container):not([style*="overflow-y: hidden"][style*="display: flex"]):not(form[style*="overflow: hidden"]),body.modal-open [style*="z-index: 1200"]>div>form[style*="overflow: hidden"]>div:first-child{box-sizing:border-box;padding-left:clamp(16px,3.125vw,24px)!important;padding-left:var(--app-modal-content-gutter)!important;padding-right:clamp(16px,3.125vw,24px)!important;padding-right:var(--app-modal-content-gutter)!important}.global-modal-body:not(.modal-body-edge-scroll){margin-left:0!important;margin-right:0!important}.global-modal-body.modal-body-edge-scroll{padding-left:0!important;padding-right:0!important}.certificates-modal-pane{overflow:visible!important}.certificates-modal-body{padding:0!important}.certificate-detail-content>div{margin-bottom:clamp(12px,.85vw,16px)!important;margin-bottom:var(--app-space-3)!important}.certificate-detail-content>div:first-child{padding-bottom:clamp(8px,.65vw,12px)!important;padding-bottom:var(--app-space-2)!important}.certificate-detail-content>div:last-child{margin-bottom:0!important;margin-top:clamp(12px,.85vw,16px)!important;margin-top:var(--app-space-3)!important}.certificate-detail-content>div>div{margin-bottom:clamp(8px,.65vw,12px)!important;margin-bottom:var(--app-space-2)!important}.modern-form-row{grid-gap:clamp(8px,.65vw,12px);grid-gap:var(--app-space-2);align-items:end;display:grid;gap:clamp(8px,.65vw,12px);gap:var(--app-space-2);grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) minmax(0,1fr);margin-bottom:clamp(8px,.65vw,12px);margin-bottom:var(--app-space-2)}.modern-form-field{margin-bottom:0!important;min-width:0}.modern-form-row .modern-form-control,.modern-form-row .modern-select-button{box-sizing:border-box;height:clamp(36px,.35vw + 31.2px,38px)!important;height:var(--app-control-height)!important;line-height:1.2!important;min-height:clamp(36px,.35vw + 31.2px,38px)!important;min-height:var(--app-control-height)!important;padding-bottom:0!important;padding-top:0!important}.modern-form-row .modern-form-control{width:100%}.modern-form-row .modern-form-control,.modern-form-row .modern-select-button{align-items:center;display:flex}.modern-form-row .modern-form-control{display:block}.modern-form-row .optional-label,.modern-form-row .required-star{line-height:1.2}.modern-form-row>.modern-form-field>div:first-child{box-sizing:border-box;min-height:18px;padding-bottom:clamp(4px,.35vw,6px)!important;padding-bottom:var(--app-space-1)!important}.app-content-body{font-size:13px}.app-content-body button,.app-content-body input,.app-content-body select,.app-content-body textarea{font-size:13px!important}.app-content-body button,.app-content-body input,.app-content-body select{min-height:34px}[class*=Action] button svg,[class*=Header] button svg,[class*=action] button svg,[class*=header] button svg,header button svg{height:clamp(14px,.2vw + 13px,16px);height:var(--app-button-icon-size,14px);width:clamp(14px,.2vw + 13px,16px);width:var(--app-button-icon-size,14px)}.app-content-body table td,.app-content-body table th{font-size:13px!important}.app-content-body .parent-table-scroll table th{font-size:12px!important}.app-content-body .parent-table-scroll table td,.app-content-body .parent-table-scroll table th{padding:clamp(10px,.85vw,14px) clamp(14px,1.25vw,24px)!important;padding:var(--app-table-cell-padding-y) var(--app-table-cell-padding-x)!important}.app-content-body .parent-table-scroll table td{font-size:13px!important}.app-content-body .parent-table-scroll table td:first-child:not(.parent-list-checkbox-cell),.app-content-body .parent-table-scroll table th:first-child:not(.parent-list-checkbox-header){padding-left:8px!important;padding-right:8px!important}.app-content-body h1,.app-content-body h2,.app-content-body h3,.app-content-body h4,.app-content-body h5,.app-content-body h6{line-height:1.2}.class-schedule-card{max-width:450px!important}.class-schedule-cards-grid{gap:clamp(8px,.65vw,12px)!important;gap:var(--app-space-2)!important}.attendance-page{--attendance-table-column-gap:var(--app-space-1);--attendance-row-padding:var(--app-space-2) var(--app-space-2);--attendance-inner-gap:var(--app-space-2);--attendance-badge-font-size:clamp(10px,0.15vw + 8.5px,11px);--attendance-badge-icon-size:clamp(10px,0.15vw + 9px,11px);--attendance-badge-gap:clamp(3px,0.25vw,4px);--attendance-badge-padding-y:clamp(2px,0.15vw,3px);--attendance-badge-padding-x:clamp(6px,0.55vw,8px);--attendance-badge-min-height:22px;--attendance-avatar-size:clamp(18px,1.7vw,22px);--attendance-note-padding:var(--app-space-2);--attendance-note-min-height:clamp(48px,4vw,60px);--attendance-note-editor-min-height:clamp(88px,7vw,100px);--attendance-student-status-width:clamp(104px,28%,132px);--attendance-row-min-height:32px;--attendance-section-gap:var(--app-space-2);--attendance-popup-padding:var(--app-card-padding-y);--attendance-status-popup-width:200px;--attendance-popup-option-padding:6px 10px;--attendance-popup-option-gap:var(--app-space-1);--attendance-status-select-gap:var(--attendance-badge-gap);--attendance-status-select-icon-size:var(--attendance-badge-icon-size);--attendance-popup-title-font-size:var(--app-font-label);--attendance-popup-header-margin-bottom:var(--app-space-2);--attendance-popup-header-padding-bottom:var(--app-space-1);--attendance-popup-close-padding:var(--app-space-1);--attendance-popup-close-size:14;--attendance-popup-option-font-size:var(--app-font-label);--app-action-btn-icon-size:14px}.attendance-page .attendance-action-badge{align-items:center;display:inline-flex;justify-content:center;line-height:1.2}.attendance-page .global-soft-action-button{font-size:clamp(12px,.18vw + 9.5px,13px);font-size:var(--attendance-badge-font-size);line-height:1.2;min-height:0;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px);padding:var(--attendance-badge-padding-y) var(--attendance-badge-padding-x)}.attendance-page .attendance-action-badge svg,.attendance-page .global-soft-action-button svg{flex:0 0 auto;height:clamp(12px,.2vw + 11px,14px)!important;height:var(--attendance-badge-icon-size)!important;width:clamp(12px,.2vw + 11px,14px)!important;width:var(--attendance-badge-icon-size)!important}.teacher-availability-table{border-radius:8px!important;margin-top:clamp(12px,.85vw,16px)!important;margin-top:var(--app-space-3)!important;padding:12px 16px!important}.teacher-availability-table__header{margin-bottom:6px!important}.teacher-availability-table__header>div{font-size:clamp(12px,1.823vw,14px)!important;font-size:var(--app-font-section-title)!important;line-height:1.2!important}.teacher-availability-table td,.teacher-availability-table th{font-size:11px!important;line-height:1.2!important;min-width:0!important;overflow-wrap:anywhere;padding:6px 8px!important}.teacher-availability-table thead th{padding:7px 10px!important}.teacher-availability-table table{table-layout:fixed}.teacher-availability-table td:first-child,.teacher-availability-table th:first-child{width:17%!important}.teacher-availability-table td:nth-child(2),.teacher-availability-table td:nth-child(3),.teacher-availability-table th:nth-child(2),.teacher-availability-table th:nth-child(3){white-space:nowrap;width:11%!important}.teacher-availability-table td:nth-child(4),.teacher-availability-table th:nth-child(4){width:31%!important}.teacher-availability-table td:nth-child(5),.teacher-availability-table th:nth-child(5){width:15%!important}.teacher-availability-table td:nth-child(6),.teacher-availability-table th:nth-child(6){white-space:nowrap;width:15%!important}.teacher-availability-table td:nth-child(4){max-width:none!important}.teacher-availability-table td>span{border-radius:6px!important;font-size:10px!important;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px)!important;padding:var(--app-badge-padding-y) var(--app-badge-padding-x)!important}.teacher-availability-table__actions{gap:clamp(4px,.35vw,6px)!important;gap:var(--app-space-1)!important}.teacher-availability-table__actions svg{height:clamp(14px,.2vw + 13px,16px)!important;height:var(--app-button-icon-size)!important;width:clamp(14px,.2vw + 13px,16px)!important;width:var(--app-button-icon-size)!important}.app-content-body .app-collapse-toggle{align-items:center;box-sizing:border-box;display:inline-flex!important;font-size:12px!important;font-size:var(--app-collapse-toggle-font-size)!important;line-height:1.4!important;line-height:var(--app-collapse-toggle-line-height)!important;margin-top:clamp(2px,.2vw,4px)!important;margin-top:var(--app-collapse-toggle-margin-top)!important;max-width:100%;min-height:0!important;min-height:var(--app-collapse-toggle-min-height)!important;padding:0!important;padding:var(--app-collapse-toggle-padding)!important;text-align:center;vertical-align:middle;white-space:nowrap;width:fit-content}.app-content-body .view-details-button{box-sizing:border-box;font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--app-badge-font-size)!important;line-height:1.2!important;min-height:0!important;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px)!important;padding:var(--app-badge-padding-y) var(--app-badge-padding-x)!important}.app-content-body input[type=text][placeholder*=Cari],.app-content-body input[type=text][placeholder*=Search],.search-input-modern,[class*=searchBarWrapper] input{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body)!important;height:clamp(36px,.35vw + 31.2px,38px)!important;height:var(--app-control-height)!important;padding:4px 28px 4px 30px!important}.search-icon-wrapper,[class*=searchIconWrapper],[class*=searchIcon]{left:9px!important}.search-icon-wrapper svg,[class*=searchIconWrapper] svg,[class*=searchIcon] svg{height:clamp(14px,.2vw + 13px,16px)!important;height:var(--app-button-icon-size,13px)!important;width:clamp(14px,.2vw + 13px,16px)!important;width:var(--app-button-icon-size,13px)!important}.search-clear-button,[class*=searchClearButton],button[title*=Clear],button[title*=Hapus]{align-items:center!important;background-clip:padding-box!important;border-radius:50%!important;display:inline-flex!important;flex-shrink:0!important;font-size:10px!important;height:16px!important;justify-content:center!important;line-height:1!important;min-height:16px!important;min-width:16px!important;overflow:hidden!important;padding:0!important;right:6px!important;transition:background-color .15s ease,color .15s ease!important;width:16px!important}.search-clear-button svg,[class*=searchClearButton] svg{height:10px!important;width:10px!important}.filter-chip,.global-filter-badge,.selected-filter-chip,[class*=FilterBadge],[class*=filter-badge]{align-items:center!important;border-radius:999px!important;display:inline-flex!important;gap:4px!important;height:22px!important;line-height:1.2!important;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px)!important;padding:var(--app-badge-padding-y,2px) var(--app-badge-padding-x,7px)!important}.filter-chip,.filter-chip span,.global-filter-badge,.global-filter-badge span,.selected-filter-chip,.selected-filter-chip span,[class*=FilterBadge],[class*=FilterBadge] span,[class*=filter-badge],[class*=filter-badge] span{font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--app-badge-font-size,11px)!important}.filter-chip button,.global-filter-badge button,.global-filter-badge-remove,.selected-filter-chip button,[class*=FilterBadge] button,[class*=filter-badge] button{align-items:center!important;background-clip:padding-box!important;border-radius:50%!important;display:inline-flex!important;flex-shrink:0!important;font-size:10px!important;height:14px!important;justify-content:center!important;line-height:1!important;min-height:14px!important;min-width:14px!important;overflow:hidden!important;padding:0!important;transition:background-color .15s ease,color .15s ease!important;width:14px!important}.filter-chip button:hover,.global-filter-badge button:hover,.global-filter-badge-remove:hover,.selected-filter-chip button:hover,[class*=FilterBadge] button:hover,[class*=filter-badge] button:hover{background-color:#347bb440!important;background-color:rgba(var(--primary-main-rgb),.25)!important;border-radius:50%!important;color:#347bb4!important;color:var(--primary-main)!important}.filter-chip button svg,.global-filter-badge button svg,.global-filter-badge-remove svg,.selected-filter-chip button svg,[class*=FilterBadge] button svg,[class*=filter-badge] button svg{height:9px!important;width:9px!important}.modern-select-button,[class*=filterSelect]{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body)!important;gap:6px!important;height:clamp(36px,.35vw + 31.2px,38px)!important;height:var(--app-control-height)!important;padding:0 24px 0 10px!important}.modern-select-button>span{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body,12px)!important;padding-right:24px!important}.modern-select-clear-btn{align-items:center!important;border-radius:50%!important;display:inline-flex!important;flex-shrink:0!important;height:16px!important;justify-content:center!important;min-height:16px!important;min-width:16px!important;padding:0!important;right:24px!important;width:16px!important}.modern-select-clear-btn svg{height:10px!important;width:10px!important}.modern-select-chevron-wrapper{height:14px!important;right:8px!important;width:14px!important}.modern-select-chevron-wrapper svg{height:11px!important;width:11px!important}.modern-select-dropdown,[class*=modern-select-dropdown]{max-height:230px!important}.modern-multiselect-dropdown [class*=option],.modern-select-dropdown [class*=option],.modern-select-dropdown div[data-selected]{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body,12px)!important;padding:4px 8px!important}.modern-select-dropdown input[type=text]{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body,12px)!important;height:28px!important;padding:3px 8px 3px 24px!important}.modern-select-dropdown input[type=text]+svg,.modern-select-dropdown svg{height:12px!important;width:12px!important}.modern-multiselect-control{box-sizing:border-box!important;flex-wrap:nowrap!important;height:clamp(36px,.35vw + 31.2px,38px)!important;height:var(--app-control-height)!important;line-height:1.2!important;min-height:clamp(36px,.35vw + 31.2px,38px)!important;min-height:var(--app-control-height)!important;padding:0 clamp(12px,1vw,16px)!important;padding:0 var(--app-button-padding-x) 0 var(--app-button-padding-x)!important}.modern-multiselect-trigger-label{line-height:1.2!important}.modern-multiselect-selected-items{gap:clamp(4px,.35vw,6px)!important;gap:var(--app-space-1)!important;margin-top:clamp(4px,.35vw,6px)!important;margin-top:var(--app-space-1)!important}.modern-multiselect-selected-items .global-filter-badge{font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--app-badge-font-size,11px)!important;gap:clamp(4px,.35vw,6px)!important;gap:var(--app-space-1)!important;line-height:1.2!important;padding:clamp(3px,.25vw,4px) clamp(8px,.65vw,10px)!important;padding:var(--app-badge-padding-y,3px) var(--app-badge-padding-x,8px)!important}.modern-multiselect-selected-items .global-filter-badge-remove{height:14px!important;min-height:14px!important;min-width:14px!important;width:14px!important}.modern-multiselect-selected-items .global-filter-badge-remove svg{height:9px!important;width:9px!important}.modern-multiselect-search-clear:hover,.modern-multiselect-selected-items .global-filter-badge-remove.modern-multiselect-remove:hover{background-color:#fee2e2!important;color:#dc2626!important}.modern-multiselect-dropdown>div:first-child{padding:clamp(4px,.35vw,6px)!important;padding:var(--app-space-1)!important}.modern-multiselect-search-input{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body,12px)!important;height:28px!important;padding:3px 36px 3px 8px!important;padding:3px var(--app-search-input-padding-r,30px) 3px 8px!important}.modern-multiselect-search-clear{height:20px!important;height:var(--app-search-clear-size,18px)!important;min-height:20px!important;min-height:var(--app-search-clear-size,18px)!important;min-width:20px!important;min-width:var(--app-search-clear-size,18px)!important;padding:0!important;width:20px!important;width:var(--app-search-clear-size,18px)!important}.modern-multiselect-search-clear svg{height:10px!important;width:10px!important}.modern-multiselect-option{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body,12px)!important;gap:clamp(4px,.35vw,6px)!important;gap:var(--app-space-1)!important;margin:0 4px 2px!important;padding:6px 8px!important}.modern-multiselect-option>div{height:16px!important;min-height:16px!important;min-width:16px!important;width:16px!important}.modern-multiselect-option-icon{height:10px!important;width:10px!important}.modern-multiselect-option-label{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body,12px)!important}.modern-multiselect-dropdown .modern-select-options{padding:clamp(4px,.35vw,6px) 0!important;padding:var(--app-space-1) 0!important}.modern-checkbox-box{height:15px!important;width:15px!important}.modern-checkbox-svg{height:9px!important;width:9px!important}.modern-checkbox-label{font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--app-font-label,11px)!important}.action-button-item{border-radius:6px!important;height:28px!important;min-height:28px!important;width:28px!important}.action-button-item svg{height:18px!important;width:18px!important}.global-date-range-trigger,.modern-datepicker-input{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body)!important;height:clamp(36px,.35vw + 31.2px,38px)!important;height:var(--app-control-height)!important}.image-date-picker-popup{border-radius:10px!important;padding:0!important}.image-date-picker-popup .idp-calendars{padding:14px!important}.image-date-picker-popup .idp-title{font-size:14px!important;margin-bottom:12px!important}.image-date-picker-popup .idp-presets{gap:6px!important;padding:14px 10px!important;width:150px!important}.image-date-picker-popup .idp-preset-item{font-size:12px!important;padding:4px 8px!important}.image-date-picker-popup .idp-calendar-custom .react-calendar__tile{font-size:12px!important;height:28px!important}.image-date-picker-popup .idp-actions{gap:6px!important;margin-top:10px!important}.image-date-picker-popup .idp-btn{font-size:12px!important;height:28px!important;padding:4px 12px!important}[class*=toggleWrapper]{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-font-body)!important;height:clamp(36px,.35vw + 31.2px,38px)!important;height:var(--app-control-height)!important;padding:0 clamp(12px,1vw,16px)!important;padding:0 var(--app-button-padding-x)!important}.global-filter-popover{max-width:320px!important}.global-filter-popover-header{padding:10px 14px 8px!important}.global-filter-popover-title{font-size:13px!important}.global-filter-section{padding:0!important}.global-filter-section>div:first-child{padding:10px 14px 0!important}.global-filter-section h3{font-size:12px!important;margin:0 0 6px!important}.global-filter-section>div[style*="height: 1px"]{margin:10px 0 0!important}.global-filter-popover-body{padding-bottom:4px!important}.global-filter-popover-footer{gap:8px!important;padding:8px 14px!important}.global-filter-popover-footer button{font-size:clamp(13px,.18vw + 10.5px,14px)!important;font-size:var(--app-button-font-size,12px)!important;height:30px!important;padding:4px 10px!important}.student-detail-class-section{margin-bottom:clamp(8px,.65vw,12px)!important;margin-bottom:var(--app-space-2)!important;padding:clamp(8px,.65vw,12px) clamp(16px,1.25vw,20px)!important;padding:var(--app-space-2) var(--app-card-padding-x)!important}.student-detail-class-header{margin-bottom:clamp(4px,.35vw,6px)!important;margin-bottom:var(--app-space-1)!important}.student-detail-class-details{margin-top:clamp(4px,.35vw,6px)!important;margin-top:var(--app-space-1)!important;padding:clamp(8px,.65vw,12px) clamp(16px,1.25vw,20px)!important;padding:var(--app-space-2) var(--app-card-padding-x)!important}.student-detail-schedule-row{gap:10px!important;padding:12px!important}.student-detail-schedule-row>:first-child{margin-right:0!important}.student-detail-attendance-card,.student-detail-grade-card{padding:clamp(12px,1vw,16px) clamp(16px,1.25vw,20px)!important;padding:var(--app-card-padding-y) var(--app-card-padding-x)!important}.student-detail-attendance-header{margin-bottom:clamp(8px,.65vw,12px)!important;margin-bottom:var(--app-space-2)!important}.student-detail-attendance-badges{gap:8px!important}.student-detail-grade-grid{gap:clamp(8px,.65vw,12px)!important;gap:var(--app-space-2)!important;grid-template-columns:repeat(4,minmax(0,1fr))}.student-detail-grade-title{margin-bottom:14px!important}.student-detail-grade-item{line-height:1.25}.student-detail-grade-average{padding-left:clamp(8px,.65vw,12px)!important;padding-left:var(--app-space-2)!important}.student-detail-panel [style*="margin-bottom: var(--app-space-3, 15px)"], .student-detail-panel [style*="marginBottom: var(--app-space-3, 15px)"]{margin-bottom:clamp(8px,.65vw,12px)!important;margin-bottom:var(--app-space-2)!important}.student-detail-panel [style*="padding: 16px"],.student-detail-panel [style*="padding: var(--app-card-padding-y, 16px)"],[style*="padding: 24px"][style*="backgroundColor: #FFFFFF"]{padding:clamp(12px,1vw,16px) clamp(16px,1.25vw,20px)!important;padding:var(--app-card-padding-y) var(--app-card-padding-x)!important}[style*="paddingBottom: 32px"][style*="borderBottom: 2px dashed"]{margin-bottom:clamp(12px,.85vw,16px)!important;margin-bottom:var(--app-space-3)!important;padding-bottom:clamp(12px,.85vw,16px)!important;padding-bottom:var(--app-space-3)!important}[style*="width: 28px"][style*="height: 28px"][style*="borderRadius: 50%"]{height:20px!important;width:20px!important}[style*="gap: 8px"][style*="alignItems: center"][style*="display: flex"]{gap:6px!important}[style*="marginTop: 8px"][style*="padding: 10px 0 0"]{margin-top:6px!important;padding:6px 0 0!important}[style*="marginTop: 4px"][style*="opacity: 0.9"]{margin-top:2px!important}[style*="marginLeft: 130px"][style*="paddingTop: 60px"]{margin-left:120px!important;padding-top:55px!important}[style*="top: 46px"][style*="left: 30px"][style*="width: 90"]{height:80px!important;left:28px!important;top:42px!important;width:80px!important}[style*="marginBottom: 24px"][style*="border: 1px solid"]{margin-bottom:clamp(8px,.65vw,12px)!important;margin-bottom:var(--app-space-2)!important}[style*="padding: 12px 16px"][style*="backgroundColor: var(--table-header-bg)"]{padding:clamp(10px,.85vw,14px) clamp(14px,1.25vw,24px)!important;padding:var(--app-table-cell-padding-y) var(--app-table-cell-padding-x)!important}[style*="width: 100%"][style*="overflowX: auto"][style*="border: 1px solid"]{margin-bottom:clamp(8px,.65vw,12px)!important;margin-bottom:var(--app-space-2)!important}[style*="padding: 12px 16px"][style*="fontSize: SECTION_CONTENT_FONT_SIZE"],[style*="padding: 16px"][style*="fontSize: SECTION_CONTENT_FONT_SIZE"]{font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--app-font-label)!important;padding:clamp(10px,.85vw,14px) clamp(14px,1.25vw,24px)!important;padding:var(--app-table-cell-padding-y) var(--app-table-cell-padding-x)!important}[style*="gap: 12px"][style*="marginBottom: 16px"],[style*="marginBottom: 20px"][style*="fontSize: SECTION_CONTENT_FONT_SIZE"]{margin-bottom:clamp(8px,.65vw,12px)!important;margin-bottom:var(--app-space-2)!important}[style*="gap: 12px"][style*="marginBottom: 16px"]{gap:8px!important}[style*="width: 12px"][style*="height: 12px"]{height:10px!important;width:10px!important}[style*="gap: 10px"][style*="flexDirection: column"]{gap:6px!important}[style*="height: 20px"][style*="fontSize: SECTION_CONTENT_FONT_SIZE"]{font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--app-font-label)!important;height:16px!important}[style*="height: 14px"][style*="fontSize: SECTION_CONTENT_FONT_SIZE"]{font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--app-font-label)!important;height:12px!important}[style*="height: 14px"][style*="background: #F9FAFB"]{height:12px!important}[style*="minWidth: 24px"][style*="height: 20px"]{height:16px!important;min-width:20px!important}[style*="width: 320px"][style*="minWidth: 320px"]{min-width:280px!important;width:280px!important}[style*="padding: 16px"][style*="background: #FFFFFF"][style*="border: 1px solid"]{padding:clamp(12px,1vw,16px) clamp(16px,1.25vw,20px)!important;padding:var(--app-card-padding-y) var(--app-card-padding-x)!important}[style*="marginBottom: 20px"][style*="display: flex"][style*="justifyContent: space-between"]{margin-bottom:clamp(8px,.65vw,12px)!important;margin-bottom:var(--app-space-2)!important}[style*="marginBottom: 10px"][style*="fontSize: 13px"]{font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--app-font-label)!important;margin-bottom:6px!important}[style*="marginBottom: 16px"][style*="gap: 8px"]{gap:6px!important;margin-bottom:clamp(8px,.65vw,12px)!important;margin-bottom:var(--app-space-2)!important}[style*="fontSize: 12px"][style*="gap: 6px"]{font-size:clamp(12px,.18vw + 9.5px,13px)!important;font-size:var(--app-font-label)!important;gap:4px!important}[style*="width: 14px"][style*="height: 14px"]{height:clamp(14px,.2vw + 13px,16px)!important;height:var(--app-button-icon-size)!important;width:clamp(14px,.2vw + 13px,16px)!important;width:var(--app-button-icon-size)!important}[style*="gap: 32px"][style*="flexDirection: column"]{gap:clamp(12px,.85vw,16px)!important;gap:var(--app-space-3)!important}[style*="gap: 48px"][style*="marginTop: 16px"]{gap:24px!important;margin-top:clamp(8px,.65vw,12px)!important;margin-top:var(--app-space-2)!important}.student-detail-info-row{gap:clamp(12px,.85vw,16px)!important;gap:var(--app-space-3)!important;padding:clamp(12px,.85vw,16px) 0!important;padding:var(--app-space-3) 0!important}.student-detail-info-content>div+div{margin-top:clamp(4px,.35vw,6px)!important;margin-top:var(--app-space-1)!important}}@media (max-width:768px){:root{--app-confirm-modal-max-width:460px;--app-confirm-modal-header-padding:18px;--app-confirm-modal-content-gutter:18px;--app-confirm-modal-header-gap:10px;--app-confirm-modal-icon-size:30px;--app-confirm-modal-icon-font-size:15px;--app-confirm-modal-title-size:17px;--app-confirm-modal-body-size:14px;--app-confirm-modal-footer-padding:14px 18px 18px;--app-confirm-modal-footer-gap:10px;--app-confirm-modal-button-height:38px;--app-confirm-modal-button-padding:8px 14px;--app-confirm-modal-button-size:14px;--app-collapse-toggle-margin-top:4px;--app-collapse-toggle-font-size:12px;--app-collapse-toggle-padding:8px 10px 8px 0;--app-collapse-toggle-min-height:36px;--app-collapse-toggle-line-height:1.25;--app-badge-compact-padding-y:2px;--app-badge-compact-padding-x:5px;--app-badge-compact-font-size:10px}.certificates-modal-body{flex-direction:column!important}.certificates-modal-pane{flex:0 0 auto!important;min-width:0!important;width:100%}.certificates-modal-list{border-bottom:1px solid #e3edf5;border-bottom:1px solid var(--neutral-border);border-right:none!important}.trainings-attended-modal-body div:has(>.global-data-table){overflow-x:auto!important;overflow-y:hidden!important}}@media (max-width:600px){:root{--app-confirm-modal-max-width:100%;--app-confirm-modal-header-padding:16px;--app-confirm-modal-content-gutter:16px;--app-confirm-modal-header-gap:10px;--app-confirm-modal-icon-size:28px;--app-confirm-modal-icon-font-size:14px;--app-confirm-modal-title-size:16px;--app-confirm-modal-body-size:14px;--app-confirm-modal-footer-padding:12px 16px 16px;--app-confirm-modal-footer-gap:8px;--app-confirm-modal-button-height:38px;--app-confirm-modal-button-padding:8px 10px;--app-confirm-modal-button-size:14px;--app-collapse-toggle-margin-top:3px}.student-detail-attendance-header,.student-detail-class-header{align-items:flex-start!important;flex-wrap:wrap;row-gap:clamp(8px,.65vw,12px);row-gap:var(--app-space-2)}.student-detail-attendance-badges,.student-detail-class-header>:last-child{margin-left:auto}.student-detail-class-details{padding:clamp(12px,1vw,16px) clamp(16px,1.25vw,20px)!important;padding:var(--app-card-padding-y) var(--app-card-padding-x)!important}.student-detail-schedule-row{align-items:flex-start!important;padding:14px 16px!important}.student-detail-schedule-row>:first-child{height:56px!important;width:56px!important}.student-detail-attendance-header{align-items:flex-start!important;flex-wrap:wrap}.student-detail-attendance-badges{justify-content:flex-start}.student-detail-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-detail-grade-average{border-left:0!important;padding-left:0!important}.student-detail-grade-item{min-width:0}.student-detail-grade-average{border-top:0!important;grid-column:auto;padding-top:0!important}}@media (min-width:601px) and (max-width:1199px){.student-detail-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width:1200px) and (max-width:1600px) and (max-height:900px){.class-schedule-cards-grid{gap:calc(16px + clamp(4px, .35vw, 6px))!important;gap:calc(var(--app-section-gap) + var(--app-space-1))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (min-width:769px){.class-schedule-type-section{margin-bottom:calc(16px + clamp(8px, .65vw, 12px))!important;margin-bottom:calc(var(--app-section-gap) + var(--app-space-2))!important}.class-schedule-group-section>.class-schedule-cards-grid,.class-schedule-type-content{margin-top:calc(16px + clamp(4px, .35vw, 6px))!important;margin-top:calc(var(--app-section-gap) + var(--app-space-1))!important}.class-schedule-group-section{margin-bottom:calc(16px + clamp(4px, .35vw, 6px))!important;margin-bottom:calc(var(--app-section-gap) + var(--app-space-1))!important}}*,:after,:before{scroll-behavior:smooth}@supports not selector(::-webkit-scrollbar){*,:after,:before{scrollbar-color:#78899b47 #fff;scrollbar-width:thin}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#fffffff5;border-radius:999px;box-shadow:inset 0 0 0 1px #78899b14}::-webkit-scrollbar-button{appearance:none!important;background:#0000!important;background-image:none!important;border:0!important;display:none!important;height:0!important;width:0!important}::-webkit-scrollbar-button:double-button,::-webkit-scrollbar-button:end,::-webkit-scrollbar-button:horizontal:decrement,::-webkit-scrollbar-button:horizontal:end,::-webkit-scrollbar-button:horizontal:end:decrement,::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:increment,::-webkit-scrollbar-button:horizontal:start,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:horizontal:start:increment,::-webkit-scrollbar-button:single-button,::-webkit-scrollbar-button:start,::-webkit-scrollbar-button:vertical:decrement,::-webkit-scrollbar-button:vertical:end,::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:increment,::-webkit-scrollbar-button:vertical:start,::-webkit-scrollbar-button:vertical:start:decrement,::-webkit-scrollbar-button:vertical:start:increment{appearance:none!important;background:#0000!important;background-image:none!important;border:0!important;display:none!important;height:0!important;margin:0!important;min-height:0!important;min-width:0!important;padding:0!important;width:0!important}::-webkit-scrollbar-thumb{background:#78899b47;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#78899b6b}.modern-select-options{-webkit-overflow-scrolling:touch;max-height:min(40vh,240px);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;scrollbar-gutter:stable}@media (prefers-reduced-motion:reduce){*,:after,:before,html{scroll-behavior:auto!important}}.global-scroll-to-top{align-items:center;animation:scroll-to-top-enter .24s ease-out;background:#347bb4;background:var(--primary-main);border:0;border-radius:50%;bottom:24px;box-shadow:0 6px 16px #347bb43d;box-shadow:0 6px 16px rgba(var(--primary-main-rgb),.24);color:#fff;color:var(--neutral-white);cursor:pointer;display:inline-flex;height:42px;justify-content:center;padding:0;position:fixed;right:24px;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease;width:42px;z-index:1000}@keyframes scroll-to-top-enter{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.global-scroll-to-top-icon{position:relative;z-index:2}.global-scroll-to-top:hover{background:#5d94c2;background:var(--primary-hover);box-shadow:0 8px 20px #347bb447;box-shadow:0 8px 20px rgba(var(--primary-main-rgb),.28);transform:translateY(-2px)}.global-scroll-to-top:focus-visible{outline:3px solid #cfe7ff;outline:3px solid var(--primary-focus);outline-offset:2px}@media (max-width:600px){.global-scroll-to-top{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.global-scroll-to-top{animation:none;transition:none}}.app-content-scroll{display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body.modal-open,html.modal-open{overflow:hidden!important}body.modal-open .app-content-scroll{overflow-y:hidden!important;overscroll-behavior:none}body.modal-open [style*="z-index: 1200"]{align-items:center!important;justify-content:center!important;padding:clamp(16px,1.25vw,24px) clamp(16px,3.125vw,24px)!important;padding:var(--app-modal-overlay-padding-y) var(--app-page-padding)!important}.global-modal-body,.global-modal-overlay,.modal-body,.modal-overlay,[aria-modal=true],[role=dialog]:not([aria-modal=false]){overscroll-behavior:none;touch-action:auto}.app-content-scroll-login{flex:1 1 auto}.app-content-scroll-login,.app-content-scroll-login>div{min-height:100vh;min-height:var(--app-viewport-height)}.app-content-scroll-authenticated{flex:1 1 auto;margin-top:calc(clamp(35px, 6.51vw, 50px) + clamp(12px, 2.083vw, 16px) + clamp(12px, 2.083vw, 16px));margin-top:var(--app-shell-offset);min-height:0}table>thead>tr>th{background:#f6f9fc;background:var(--table-header-bg,#f6f9fc);position:sticky;top:0;z-index:2}.global-data-table>thead>tr>*{border-bottom:1px solid #e3edf5;border-bottom:1px solid var(--table-border-color)}.global-data-table-row>td{background-color:inherit;transition:background-color .15s ease}.global-data-table-row:not([data-selected=true]):is(:hover,[data-group-hovered=true])>td{background-color:#f9fafb!important;background-color:var(--table-row-hover-background)!important}.global-data-table-row[data-status=archived]:not([data-selected=true]):is(:hover,[data-group-hovered=true])>td{background-color:#f1f3f5!important;background-color:var(--archived-surface-hover)!important}.global-data-table-row[data-selected=true]:hover>td,.global-data-table-row[data-selected=true]>td{background-color:#f8fcff!important;background-color:var(--active-surface-background)!important}.global-data-table>tbody>tr>td{border-bottom:1px solid #e3edf5;border-bottom:1px solid var(--table-border-color)}.global-data-table>tbody>tr:last-child>*{border-bottom:none!important}.global-data-table>tbody>tr>:last-child,.global-data-table>thead>tr>:last-child{border-right:none!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;margin:0}a{color:#347bb4;color:var(--primary-main)}a:hover{color:#5d94c2;color:var(--primary-hover)}button,input[type=button],input[type=reset],input[type=submit]{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}:focus-visible{outline:2px solid #347bb4;outline:2px solid var(--primary-main);outline-offset:2px}::selection{background-color:#cfe7ff;background-color:var(--primary-focus);color:#1e2c3a;color:var(--neutral-primary)}input,select,textarea{caret-color:#347bb4;caret-color:var(--primary-main)}input[type=checkbox],input[type=radio],progress{accent-color:#347bb4;accent-color:var(--primary-main)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pagination-root{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--pagination-gap);justify-content:space-between;margin-top:20px;margin-top:var(--pagination-margin-top,20px);padding-bottom:0;padding-bottom:var(--pagination-padding-bottom,0);padding-top:14px;padding-top:var(--pagination-padding-top,14px)}.pagination-root.pagination-minimal{justify-content:center}.pagination-record-info{color:#78899b;color:var(--neutral-secondary);font-size:clamp(13px,.18vw + 10.5px,14px);font-size:var(--pagination-btn-font-size);font-weight:500}.pagination-record-value{color:#78899b;color:var(--neutral-secondary);font-weight:600}.pagination-controls{flex-wrap:wrap;gap:4px;gap:var(--pagination-controls-gap)}.pagination-btn,.pagination-controls{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#f6fbff;background:var(--pagination-btn-bg);border:1px solid #bfd4e6;border:1px solid var(--pagination-btn-border);border-radius:8px;border-radius:var(--pagination-btn-radius);box-shadow:0 1px 2px #0f172a0a;color:#1e2c3a;color:var(--pagination-btn-text);cursor:pointer;font-family:inherit;font-size:clamp(13px,.18vw + 10.5px,14px);font-size:var(--pagination-btn-font-size);font-weight:600;font-weight:var(--pagination-btn-font-weight);gap:6px;height:clamp(36px,.35vw + 31.2px,38px);height:var(--pagination-btn-height);padding:0 clamp(12px,1vw,16px);padding:var(--pagination-btn-padding);transition:all .15s ease;white-space:nowrap}.pagination-btn:hover:not(:disabled):not(.is-active){background:#e9f4fd;background:var(--pagination-btn-hover-bg);border-color:#86b3d8;border-color:var(--pagination-btn-hover-border);box-shadow:0 2px 6px #347bb429;box-shadow:0 2px 6px rgba(var(--primary-main-rgb),.16);color:#347bb4;color:var(--pagination-btn-hover-text)}.pagination-btn:disabled{background:#f8fbfd;background:var(--pagination-btn-disabled-bg);border:1px solid #bfd4e6;border:1px solid var(--pagination-btn-border);color:#78899b;color:var(--pagination-btn-disabled-text);cursor:not-allowed}.pagination-btn-number{padding:0;width:clamp(36px,.35vw + 31.2px,38px);width:var(--pagination-btn-height)}.pagination-btn-number.is-active{background:#347bb4;background:var(--pagination-btn-active-bg);border-color:#347bb4;border-color:var(--pagination-btn-active-border);box-shadow:0 4px 10px #347bb447;box-shadow:var(--pagination-btn-active-shadow);color:#fff;color:var(--pagination-btn-active-text);font-weight:600}.pagination-btn:focus-visible{box-shadow:0 0 0 3px #347bb42e;box-shadow:0 0 0 3px rgba(var(--primary-main-rgb),.18);outline:none}.pagination-ellipsis{align-items:center;color:#78899b;color:var(--neutral-secondary);display:flex;font-size:clamp(13px,.18vw + 10.5px,14px);font-size:var(--pagination-btn-font-size);height:clamp(36px,.35vw + 31.2px,38px);height:var(--pagination-btn-height);justify-content:center;letter-spacing:1px;width:clamp(36px,.35vw + 31.2px,38px);width:var(--pagination-btn-height)}.parent-table-scroll{background-color:#f6f9fc;background-color:var(--table-header-bg)}.parent-table-scroll table{background-color:#fff;background-color:var(--neutral-white)}.parent-list-table td,.parent-list-table th{box-sizing:border-box;min-width:0}.parent-list-table .parent-name-cell-content{max-width:100%}.app-content-body .parent-table-scroll .parent-list-table td:first-child:not(.parent-list-checkbox-cell){padding-left:clamp(14px,1.25vw,24px)!important;padding-left:var(--app-table-cell-padding-x)!important;padding-right:clamp(14px,1.25vw,24px)!important;padding-right:var(--app-table-cell-padding-x)!important}.help-section-tabs{grid-gap:4px;background:#f8fbfd;background:var(--neutral-neutral);border:1px solid #e3edf5;border:1px solid var(--neutral-border);border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.help-section-tab{background:#0000;border:1px solid #0000;border-radius:6px;color:#78899b;color:var(--neutral-secondary);cursor:pointer;font-size:13px;font-weight:600;min-width:0;padding:9px 16px}.help-section-tab:hover{background:#f8fcff;background:var(--primary-surface);color:#347bb4;color:var(--primary-main)}.help-section-tab.is-active{background:#fff;background:var(--neutral-white);border-color:#e3edf5;border-color:var(--primary-border);box-shadow:0 1px 3px #0f172a14;color:#347bb4;color:var(--primary-main)}select{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease!important}select:hover{box-shadow:0 1px 4px #347bb426!important;box-shadow:0 1px 4px rgba(var(--primary-main-rgb),.15)!important}select:focus,select:hover{border-color:#347bb4!important;border-color:var(--primary-main)!important}select:focus{box-shadow:0 0 0 3px #347bb41f!important;box-shadow:0 0 0 3px rgba(var(--primary-main-rgb),.12)!important;outline:none!important}.modern-calendar-popup{background:#fff;background:var(--neutral-white);border:1px solid #e3edf5;border:1px solid var(--neutral-border);border-radius:16px;box-shadow:0 20px 48px #0f172a1f,0 4px 16px #0f172a0f;box-sizing:border-box;max-width:calc(100vw - 24px);padding:20px;scrollbar-gutter:stable;width:max-content}.custom-calendar{background-color:initial!important;border:none!important;font-family:Poppins,sans-serif!important;min-width:0!important;width:100%!important}.custom-calendar .react-calendar__viewContainer{display:flex;gap:0;padding-top:4px}.custom-calendar .react-calendar__viewContainer>div:first-child{border-right:1px solid #e3edf5;border-right:1px solid var(--neutral-border);margin-right:24px;padding-right:24px}.custom-calendar .react-calendar__navigation{border-bottom:none;gap:8px;padding-bottom:0}.custom-calendar .react-calendar__navigation button{align-items:center;background:#0000;border:none;border-radius:50%;color:#78899b;color:var(--neutral-secondary);display:flex;font-size:18px;height:32px;justify-content:center;min-height:32px;padding:0;transition:all .2s ease;width:32px}.custom-calendar .react-calendar__navigation__label{background:#0000!important;border:none!important;border-radius:8px!important;color:#1e2c3a!important;color:var(--neutral-primary)!important;flex-grow:0!important;font-size:15px!important;font-weight:600!important;letter-spacing:.2px;margin:0 auto!important;padding:6px 12px!important;text-align:center;white-space:nowrap}.custom-calendar .react-calendar__navigation__label:focus,.custom-calendar .react-calendar__navigation__label:hover{background:#f8fbfd!important;background:var(--neutral-neutral)!important;color:#347bb4!important;color:var(--primary-main)!important}.custom-calendar .react-calendar__navigation button:enabled:focus,.custom-calendar .react-calendar__navigation button:enabled:hover{background-color:#f8fbfd;background-color:var(--neutral-neutral);border-color:#0000;color:#347bb4;color:var(--primary-main)}.custom-calendar .react-calendar__month-view__weekdays{color:#78899b;color:var(--neutral-disabled);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-decoration:none;text-transform:uppercase}.custom-calendar .react-calendar__month-view__weekdays__weekday{align-items:center;display:flex;justify-content:center}.custom-calendar .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.custom-calendar .react-calendar__month-view__days{grid-gap:4px 0;display:grid!important;gap:4px 0;grid-template-columns:repeat(7,minmax(0,1fr))}.custom-calendar .react-calendar__century-view__decades,.custom-calendar .react-calendar__decade-view__years,.custom-calendar .react-calendar__year-view__months{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.custom-calendar .react-calendar__month-view__days__day{align-items:center;background:#0000!important;border-radius:0!important;color:#1e2c3a;color:var(--neutral-primary);display:flex;font-size:13px;font-weight:500;height:40px;justify-content:center;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-calendar .react-calendar__month-view__days__day abbr{position:relative;z-index:2}.custom-calendar .react-calendar__month-view__days__day:after{background:#0000;border-radius:50%;content:"";height:36px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s;width:36px;z-index:1}.custom-calendar .react-calendar__tile:enabled:focus:after,.custom-calendar .react-calendar__tile:enabled:hover:after{background-color:#f8fbfd;background-color:var(--neutral-neutral)}.custom-calendar .react-calendar__century-view .react-calendar__tile,.custom-calendar .react-calendar__decade-view .react-calendar__tile,.custom-calendar .react-calendar__year-view .react-calendar__tile{align-items:center;background:#0000!important;border-radius:12px;color:#1e2c3a;color:var(--neutral-primary);display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:48px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-calendar .react-calendar__century-view .react-calendar__tile:enabled:hover,.custom-calendar .react-calendar__decade-view .react-calendar__tile:enabled:hover,.custom-calendar .react-calendar__year-view .react-calendar__tile:enabled:hover{background-color:#f8fbfd!important;background-color:var(--neutral-neutral)!important}@media (max-width:480px){.modern-calendar-popup-wrapper{border-radius:16px;padding:16px;width:min(340px,calc(100vw - 16px))}}.custom-calendar .react-calendar__tile--now{color:#347bb4!important;color:var(--primary-main)!important;font-weight:600}.custom-calendar .react-calendar__tile--now:after{border:1.5px solid #347bb4;border:1.5px solid var(--primary-main)}.custom-calendar .react-calendar__tile--now:enabled:focus:after,.custom-calendar .react-calendar__tile--now:enabled:hover:after{background:#d4e8f7!important}.custom-calendar .react-calendar__month-view__days__day.react-calendar__tile--range{background:#f8fcff!important;background:var(--primary-surface)!important;color:#347bb4!important;color:var(--primary-main)!important;font-weight:500}.custom-calendar .react-calendar__century-view .react-calendar__tile--range,.custom-calendar .react-calendar__decade-view .react-calendar__tile--range,.custom-calendar .react-calendar__year-view .react-calendar__tile--range{background:#f8fcff!important;background:var(--primary-surface)!important;border-radius:12px!important;color:#347bb4!important;color:var(--primary-main)!important}.custom-calendar .react-calendar__month-view__days__day.react-calendar__tile--rangeStart{border-bottom-left-radius:20px!important;border-top-left-radius:20px!important}.custom-calendar .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd{border-bottom-right-radius:20px!important;border-top-right-radius:20px!important}.custom-calendar .react-calendar__month-view__days__day.react-calendar__tile--rangeBothEnds{border-radius:20px!important}.custom-calendar .react-calendar__tile--active:after,.custom-calendar .react-calendar__tile--rangeEnd:after,.custom-calendar .react-calendar__tile--rangeStart:after{background:#347bb4!important;background:var(--primary-main)!important;box-shadow:0 4px 12px #347bb44d;box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3)}.custom-calendar .react-calendar__tile--active,.custom-calendar .react-calendar__tile--rangeEnd,.custom-calendar .react-calendar__tile--rangeStart{color:#fff!important;color:var(--neutral-white)!important;font-weight:600}.custom-calendar .react-calendar__tile--active:enabled:hover:after,.custom-calendar .react-calendar__tile--rangeEnd:enabled:hover:after,.custom-calendar .react-calendar__tile--rangeStart:enabled:hover:after{background:#5d94c2!important;background:var(--primary-hover)!important}.custom-calendar .react-calendar__month-view__days__day--neighboringMonth{color:#e3edf5!important;color:var(--neutral-soft-border)!important}.custom-calendar-compact .react-calendar__navigation{margin-bottom:12px}.custom-calendar-compact .react-calendar__navigation button{font-size:16px;height:28px;min-height:28px;min-width:28px;width:28px}.custom-calendar-compact .react-calendar__navigation__label{font-size:13px!important;padding:4px 10px!important}.custom-calendar-compact .react-calendar__month-view__weekdays{font-size:10px;margin-bottom:8px}.custom-calendar-compact .react-calendar__month-view__days{gap:2px}.custom-calendar-compact .react-calendar__century-view__decades,.custom-calendar-compact .react-calendar__decade-view__years,.custom-calendar-compact .react-calendar__year-view__months{gap:6px}.custom-calendar-compact .react-calendar__month-view__days__day{font-size:12px;height:32px;max-width:32px}.custom-calendar-compact .react-calendar__century-view .react-calendar__tile,.custom-calendar-compact .react-calendar__decade-view .react-calendar__tile,.custom-calendar-compact .react-calendar__year-view .react-calendar__tile{border-radius:10px;font-size:13px;min-height:38px;padding:6px}.custom-calendar .react-calendar__navigation{align-items:center;display:flex;height:32px;justify-content:space-between;margin-bottom:16px}.custom-calendar .react-calendar__navigation button{background:none;border-radius:8px;color:#0f172a;color:var(--neutral-inverse);font-size:16px;font-weight:600;min-width:32px;transition:background-color .2s}.custom-calendar .react-calendar__navigation button:disabled{background-color:initial;color:#e3edf5;color:var(--neutral-soft-border)}.custom-calendar .react-calendar__navigation button:enabled:focus,.custom-calendar .react-calendar__navigation button:enabled:hover{background-color:#f1f5f9}.custom-calendar .react-calendar__navigation__label{flex-grow:1!important;pointer-events:none}.required-asterisk:after{color:#eb5757;color:var(--danger-main);content:" *"}.required-star{color:#eb5757;color:var(--danger-main);margin-left:4px}@keyframes global-modal-overlay-in{0%{opacity:0}to{opacity:1}}:root{--global-modal-overlay-animation:global-modal-overlay-in 180ms ease-out both;--global-modal-panel-animation:global-modal-panel-in 220ms cubic-bezier(0.16,1,0.3,1) both}@keyframes global-modal-panel-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){:root{--global-modal-overlay-animation:none;--global-modal-panel-animation:none}}.student-detail-panel{--student-panel-radius:12px;container-type:inline-size;font-size:var(--app-font-body);min-width:0;width:100%}.student-detail-panel .student-detail-info-card,.student-detail-panel-header{--app-font-body:clamp(12px,0.17vw + 9.5px,13px);--app-font-label:clamp(11px,0.17vw + 8.5px,12px);--app-font-page-title:clamp(13px,1.9vw,15px);--app-font-section-title:clamp(11px,1.65vw,13px);--app-space-1:clamp(3px,0.3vw,5px);--app-space-2:clamp(6px,0.55vw,10px);--app-space-3:clamp(10px,0.75vw,14px);--app-card-padding-y:clamp(10px,0.8vw,14px);--app-card-padding-x:clamp(12px,1vw,18px);--app-button-icon-size:clamp(13px,0.18vw + 12px,15px);--app-badge-padding-y:clamp(2px,0.2vw,3px);--app-badge-padding-x:clamp(6px,0.55vw,8px);--app-badge-font-size:var(--app-font-label)}.student-detail-panel .student-detail-panel-header{background:var(--neutral-white);margin:-16px;margin:calc(var(--app-space-2, 16px)*-1);padding:16px 16px 0;padding:var(--app-space-2,16px) var(--app-space-2,16px) 0;position:sticky;top:-16px;top:calc(var(--app-space-2, 16px)*-1);z-index:10}.student-detail-panel .student-detail-panel-content{overscroll-behavior-y:contain}.student-detail-panel .student-detail-info-card{background:var(--active-surface-background)!important;border:none!important;border-radius:16px!important;box-shadow:none;margin-top:var(--app-space-2)!important;padding:var(--app-card-padding-y) var(--app-card-padding-x)!important}.student-detail-panel .student-detail-info-row{align-items:center!important;border-bottom:1px solid #d1e3f0;gap:var(--app-space-3)!important;padding:var(--app-space-2) 0!important}.student-detail-panel .student-detail-info-row:last-child{border-bottom:0}.student-detail-panel .student-detail-info-row>:first-child{min-height:var(--app-button-icon-size)!important;min-width:var(--app-button-icon-size)!important}.student-detail-panel .student-detail-info-row svg,.student-detail-panel .student-detail-info-row>:first-child{height:var(--app-button-icon-size)!important;width:var(--app-button-icon-size)!important}.student-detail-panel .student-detail-info-content>div+div,.student-detail-panel .student-detail-info-content>div:first-child{font-size:12px!important}@media (min-width:1601px){.student-detail-panel .student-detail-info-card{margin-top:8px!important}}.student-detail-class-group{margin-top:var(--app-section-gap)}.student-detail-class-group-heading{align-items:center;display:flex;gap:var(--app-space-2);margin-bottom:var(--app-space-2)}.student-detail-class-group-heading h4{color:var(--neutral-primary);font-size:var(--app-font-section-title);font-weight:600;margin:0}.student-detail-class-group-count{background:var(--neutral-neutral);border-radius:var(--app-table-radius);color:var(--neutral-secondary);font-size:var(--app-font-label);font-weight:600;padding:var(--app-badge-compact-padding-y) var(--app-badge-compact-padding-x)}.student-detail-panel .student-detail-class-section{border-radius:var(--student-panel-radius)!important;margin:0 0 var(--app-space-2)!important;padding:var(--app-card-padding-y) var(--app-space-2)!important}.student-detail-panel .student-detail-class-header{align-items:center!important;gap:var(--app-space-2);margin-bottom:0!important}.student-detail-panel .student-detail-class-header>:first-child{flex:1 1 140px;overflow-wrap:anywhere}.student-detail-panel .student-detail-class-title{font-size:var(--app-font-section-title)!important;line-height:1.35}.student-detail-panel .student-detail-class-status-actions{gap:var(--app-space-1)!important;margin-left:auto}.student-detail-panel .student-detail-class-status-actions>span{font-size:var(--app-font-label)!important}.student-detail-panel .student-detail-class-details{border-radius:var(--app-table-radius)!important;margin-top:var(--app-space-2)!important;padding:var(--app-space-2)!important}.student-detail-panel .student-detail-schedule-row{align-items:center!important;border-radius:var(--app-table-radius)!important;gap:var(--app-space-2)!important;padding:5px var(--app-space-2)!important}.student-detail-panel .student-detail-schedule-row>:first-child{flex:0 0 28px;height:28px!important;margin-right:0!important;width:28px!important}.student-detail-meeting-list{display:flex;flex-direction:column;gap:var(--app-space-1);margin-bottom:var(--app-space-3)}.student-detail-meeting-list-title{color:var(--neutral-primary);font-size:var(--app-font-section-title);font-weight:600;margin:0}.student-detail-meeting-list-items{display:flex;flex-direction:column;gap:var(--app-space-1)}.student-detail-meeting-list-empty{color:var(--neutral-secondary);font-size:var(--app-font-body)}.student-detail-panel .student-detail-schedule-teacher{gap:0}.student-detail-panel .student-detail-schedule-teacher-name{font-size:12px!important;line-height:1.3}.student-detail-panel .student-detail-schedule-meta{font-size:11px!important;line-height:1.3;margin-top:2px!important}.student-detail-panel .student-detail-attendance-card,.student-detail-panel .student-detail-grade-card{border-radius:var(--app-table-radius)!important;padding:var(--app-space-2)!important}.student-detail-panel .student-detail-attendance-header{gap:var(--app-space-2)!important;margin-bottom:var(--app-space-2)!important}.student-detail-panel .student-detail-attendance-summary>div:first-child,.student-detail-panel .student-detail-grade-title{font-size:var(--app-font-label)!important;line-height:1.4}.student-detail-panel .student-detail-attendance-summary>div:nth-child(2){font-size:var(--app-font-page-title)!important;line-height:1.3}.student-detail-panel .student-detail-attendance-summary span{font-size:var(--app-font-label)!important}.student-detail-panel .student-detail-attendance-badges{gap:var(--app-space-1)!important}.student-detail-panel .student-detail-attendance-progress{height:var(--app-space-1)!important}.student-detail-panel .student-detail-grade-title{margin-bottom:var(--app-space-2)!important}.student-detail-panel .student-detail-grade-grid{align-items:stretch;gap:var(--app-space-1)!important;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1.3fr)!important}.student-detail-panel .student-detail-grade-item{border:0;display:flex;flex-direction:column}.student-detail-panel .student-detail-grade-average{align-items:flex-start;border-left:1px solid var(--neutral-border)!important;justify-content:flex-start;padding-left:var(--app-space-2)!important}.student-detail-panel .student-detail-grade-item>div:first-child{flex:1 1;font-size:var(--app-font-label)!important;line-height:1.4;white-space:normal}.student-detail-panel .student-detail-grade-item>div:last-child{font-feature-settings:"tnum";font-size:var(--app-font-section-title)!important;font-variant-numeric:tabular-nums;line-height:1.4;margin-top:var(--app-space-1)!important;white-space:normal}@media (max-width:1000px){div:has(>.custom-scrollbar-panel>.student-detail-panel){flex-direction:column;overflow-y:auto!important}div:has(>.custom-scrollbar-panel>.student-detail-panel)>:first-child{flex:0 0 auto!important;height:min(50vh,420px)!important}.custom-scrollbar-panel:has(>.student-detail-panel){box-sizing:border-box;flex:0 0 auto!important;height:65vh!important;max-height:640px!important;max-width:100%!important;min-width:0!important;position:static!important;width:100%}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.circular-loader{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px}.circular-loader__indicator{animation:circular-loader-spin .8s linear infinite;border:3px solid #e5e7eb;border-top:3px solid var(--primary-main);border:3px solid var(--neutral-border,#e5e7eb);border-radius:50%;border-top-color:var(--circular-loader-color,var(--primary-main));box-sizing:border-box;display:inline-block;height:40px;height:var(--circular-loader-size,40px);width:40px;width:var(--circular-loader-size,40px)}.circular-loader__label{color:var(--neutral-secondary);font-family:Poppins,sans-serif;font-size:13px;font-weight:500;letter-spacing:.5px}.circular-loader__indicator--dashed{border:2px dashed var(--circular-loader-color,var(--primary-main));border-bottom:2px dashed #0000}@keyframes circular-loader-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.circular-loader__indicator{animation-duration:1.6s}.circular-loader__indicator--dashed{animation:none}}@keyframes pulse-skel{0%{background-position:160% 0;opacity:.9}50%{opacity:1}to{background-position:-120% 0;opacity:.9}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}.infinite-scroll-loader{box-sizing:border-box;width:100%}.infinite-scroll-loader__row{border:0}.infinite-scroll-loader__cell{background-color:initial;border:0;padding:0}.infinite-scroll-loader__sentinel{height:10px}.infinite-scroll-loader__content{align-items:center;color:var(--neutral-secondary);display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;padding:16px 0}.infinite-scroll-loader__content .circular-loader--inline{display:inline-flex;flex:0 0 auto;padding:0}.infinite-scroll-loader__content .circular-loader--inline .circular-loader__indicator{border-width:2px}.empty-state{box-sizing:border-box;color:var(--neutral-primary);max-width:100%;padding:16px 12px;text-align:center;width:100%}.empty-state--card{background:#fff;background:var(--surface-primary,#fff);border:1px solid var(--neutral-border);border-radius:16px;box-shadow:0 1px 2px #0f172a0a;display:grid;margin-top:8px;min-height:180px;padding:20px 16px;place-items:center}.empty-state__content{align-items:center;display:flex;flex-direction:column;max-width:100%;width:100%}.empty-state__icon{background:#eef5fb;background:var(--primary-surface,#eef5fb);border-radius:50%;color:var(--primary-main);display:grid;flex:0 0 auto;height:40px;margin-bottom:8px;place-items:center;width:40px}.empty-state__icon svg{height:20px;width:20px}.empty-state__icon svg path{stroke:currentColor}.empty-state__text{align-items:center;display:flex;flex-direction:column;gap:6px;max-width:360px;width:100%}.empty-state__title{color:var(--neutral-primary);font-size:14px;font-weight:700;line-height:1.35}.empty-state__description,.empty-state__title{margin:0;max-width:100%;overflow-wrap:anywhere}.empty-state__description{color:var(--neutral-secondary);font-size:12px;line-height:1.5;padding:0 8px}.empty-state__action{background:var(--primary-main);border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:600;margin-top:10px;max-width:100%;padding:7px 14px;transition:background-color .15s ease,transform .15s ease}.empty-state__action:hover{background:#2566a0;background:var(--primary-dark,#2566a0);transform:translateY(-1px)}.empty-state__action:focus-visible{outline:2px solid var(--primary-main);outline-offset:2px}.empty-state--compact{padding:12px 8px}.empty-state--compact.empty-state--card{margin-top:6px;min-height:0;padding:14px 12px}.empty-state--compact .empty-state__icon{height:32px;margin-bottom:6px;width:32px}.empty-state--compact .empty-state__icon svg{height:17px;width:17px}.empty-state--compact .empty-state__title{font-size:13px}.empty-state--compact .empty-state__description{font-size:11px}.empty-state--compact .empty-state__action{font-size:11px;margin-top:8px;padding:6px 12px}@media (max-width:768px){.empty-state{padding:12px 6px}.empty-state--card{margin-top:6px;min-height:0;padding:14px 10px}.empty-state__icon{height:32px;margin-bottom:6px;width:32px}.empty-state__icon svg{height:17px;width:17px}.empty-state__title{font-size:13px}.empty-state__description{font-size:11px}}@media (prefers-reduced-motion:reduce){.empty-state__action{transition:none}}@keyframes tooltipFadeInBottom{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}@keyframes tooltipFadeInTop{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes notif-slide-in{0%{opacity:0;transform:translateX(110%)}to{opacity:1;transform:translateX(0)}}@keyframes notif-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(110%)}}.app-notification{background-color:var(--neutral-white);border-radius:12px;box-shadow:0 2px 8px #0000000f;max-width:380px;min-width:300px;padding:14px 40px 14px 16px;position:fixed;right:20px;top:20px;z-index:1300}.app-notification-stack{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px;pointer-events:none;position:fixed;right:0;top:0;width:min(420px,100vw);z-index:1300}.app-notification--stacked{box-sizing:border-box;flex-shrink:0;max-width:none;min-width:0;pointer-events:auto;position:relative;right:auto;top:auto;width:100%}.app-notification__loader{gap:0;padding:0}.app-notification__close{background:none;border:none;color:var(--neutral-disabled);cursor:pointer;display:flex;height:22px;padding:0;position:absolute;right:10px;top:10px;width:22px}.app-notification__content{align-items:flex-start;display:flex;gap:12px}.app-notification__content>:last-child{min-width:0;overflow-wrap:anywhere}.app-notification__icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.app-notification__symbol{height:16px;width:16px}.app-notification__title{font-size:14px;font-weight:700;margin:0}.app-notification__message{color:var(--neutral-secondary);font-size:13px;line-height:1.5;margin:3px 0 0}.floating-bulk-bar{align-items:center;background:#111827;border-radius:14px;bottom:24px;box-shadow:0 12px 32px #00000047;color:#fff;display:flex;gap:6px;left:50%;padding:10px 12px 10px 18px;position:fixed;transform:translateX(-50%);z-index:50}.floating-bulk-bar-count{font-size:13px;font-weight:600;margin-right:10px;white-space:nowrap}.floating-bulk-bar-count-value{color:#93c5fd}.floating-bulk-bar-divider{background:#374151;height:22px;margin:0 6px;width:1px}.floating-bulk-bar-btn{align-items:center;background:#0000;border:0;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;white-space:nowrap}.floating-bulk-bar-btn:hover,.floating-bulk-bar-close:hover{background:#1f2937}.floating-bulk-bar-btn-danger{color:#fca5a5}.floating-bulk-bar-btn-danger:hover{background:#3f1d1d}.floating-bulk-bar-icon{height:16px;width:16px}.floating-bulk-bar-close{align-items:center;background:#1f2937;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:28px;justify-content:center;margin-left:4px;width:28px}@media (min-width:769px) and (max-width:1600px) and (max-height:900px){.floating-bulk-bar{border-radius:10px;bottom:14px;gap:4px;padding:5px 8px 5px 12px}.floating-bulk-bar-count{font-size:12px;font-size:var(--app-font-body,12px);margin-right:4px}.floating-bulk-bar-divider{height:16px;margin:0 4px}.floating-bulk-bar-btn{font-size:12px;font-size:var(--app-button-font-size,12px);gap:4px;padding:4px 8px}.floating-bulk-bar-icon{height:13px;height:var(--app-button-icon-size,13px);width:13px;width:var(--app-button-icon-size,13px)}.floating-bulk-bar-close{font-size:12px;height:22px;margin-left:2px;min-height:22px;min-width:22px;padding:0;width:22px}}.modern-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:8px}.modern-checkbox.is-disabled{cursor:not-allowed;opacity:.45}.modern-checkbox-box{align-items:center;background:#fff;background:var(--modern-checkbox-inactive-background,#fff);border:1.5px solid var(--neutral-soft-border);border-radius:4px;box-shadow:inset 0 1px 2px #0000000d;display:inline-flex;height:18px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.modern-checkbox.is-active .modern-checkbox-box{background:var(--primary-main);border-color:var(--primary-main);box-shadow:0 1px 3px rgba(var(--primary-main-rgb),.18)}.modern-checkbox-label{color:var(--neutral-secondary);font-size:13px;font-size:var(--app-font-body,13px);font-weight:500;-webkit-user-select:none;user-select:none}.modern-checkbox-svg{animation:modern-checkbox-scale-in .2s ease-out}@keyframes modern-checkbox-scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.modern-rupiah-input{background-color:#fff;border:1px solid var(--neutral-border);border-radius:8px;box-sizing:border-box;color:var(--neutral-primary);font-family:Inter,sans-serif;font-size:13px;height:38px;outline:none;padding:0 10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.timeRangePicker-container{display:flex;flex-direction:column;gap:8px;width:100%}.timeRangePicker-wrapper{align-items:center;display:flex;gap:12px;width:100%}.timeRangePicker-pickerWrapper{flex:1 1;position:relative}.timeRangePicker-connector{align-items:center;display:flex;justify-content:center}.timeRangePicker-connectorLine{background:var(--neutral-soft-border);border-radius:1px;height:2px;width:12px}@media (max-width:640px){.timeRangePicker-wrapper{align-items:stretch;flex-direction:column}.timeRangePicker-connector{height:16px}.timeRangePicker-connectorLine{height:16px;width:2px}}.modernTimePicker-root,.modernTimePicker-trigger{box-sizing:border-box;position:relative;width:100%}.modernTimePicker-trigger{align-items:center;background:#fff;border:1.5px solid var(--neutral-border);border-radius:10px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;height:38px;padding:0 16px;transition:all .2s ease}.modernTimePicker-input{background:#0000;border:none;box-sizing:border-box;color:var(--neutral-primary);cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:13px;outline:none;padding:0;width:100%}.modernTimePicker-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.modernTimePicker-trigger.is-disabled .modernTimePicker-input{color:var(--neutral-disabled);cursor:not-allowed}.modernTimePicker-trigger:hover:not(.is-disabled){border-color:var(--primary-main)}.modernTimePicker-trigger.is-active{background:#fff;border-color:var(--primary-main);box-shadow:0 0 0 3px #347bb41f}.modernTimePicker-trigger.is-disabled{background:var(--neutral-soft-surface);cursor:not-allowed}.modernTimePicker-icon{align-items:center;color:var(--neutral-secondary);display:flex;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.modernTimePicker-popover{animation:mtp-fade-in .15s ease-out;background:#fff;border:1px solid var(--neutral-border);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;gap:12px;left:0;max-width:340px;padding:16px;position:absolute;top:calc(100% + 8px);width:max-content;z-index:9999}@keyframes mtp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.modernTimePicker-header{border-bottom:1px solid var(--neutral-soft-surface);display:flex;justify-content:space-between;padding-bottom:8px}.modernTimePicker-title{color:var(--neutral-secondary);flex:1 1;font-size:13px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.modernTimePicker-body{display:flex;gap:16px}.modernTimePicker-divider{background:var(--neutral-soft-surface);width:1px}.modernTimePicker-grid{grid-gap:6px;display:grid;gap:6px}.modernTimePicker-hours{grid-template-columns:repeat(4,1fr)}.modernTimePicker-minutes{align-content:start;grid-template-columns:repeat(3,1fr)}.modernTimePicker-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--neutral-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;transition:all .15s ease;width:36px}.modernTimePicker-btn:hover{background:var(--neutral-soft-surface);color:var(--neutral-inverse)}.modernTimePicker-btn.is-selected{background:var(--primary-main);box-shadow:0 2px 4px #3b82f64d;color:#fff;font-weight:600}.timeRangePicker-errorMsg{color:#ef4444;font-size:12px;gap:6px;margin-top:4px}.timeRangePicker-errorIcon,.timeRangePicker-errorMsg{align-items:center;display:flex}.modern-calendar-popup-container{background:#fff;border:1px solid var(--neutral-border);border-radius:16px;box-shadow:0 20px 48px #0f172a24,0 4px 16px #0f172a14;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-width:280px;padding:18px;width:max-content}.modern-single-calendar{background:#0000!important;border:none!important;font-family:inherit!important;width:268px!important}.modern-single-calendar .react-calendar__navigation{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:14px}.modern-single-calendar .react-calendar__navigation button{background:none;border:none;color:var(--neutral-primary);cursor:pointer;min-width:32px}.modern-single-calendar .react-calendar__navigation__arrow{align-items:center;background:var(--neutral-soft-surface)!important;border:1px solid var(--neutral-border);border-radius:50%;color:var(--neutral-secondary);display:flex;font-size:16px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modern-single-calendar .react-calendar__navigation__arrow:hover{background:#eef2f7!important;border-color:var(--neutral-soft-border)}.modern-single-calendar .react-calendar__navigation__arrow:disabled{cursor:not-allowed;opacity:.5}.modern-single-calendar .react-calendar__navigation__label{border-radius:10px;color:var(--neutral-primary);cursor:pointer;flex-grow:1;font-size:14px;font-weight:600;padding:6px 10px;text-align:center;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.modern-single-calendar .react-calendar__navigation__label:hover{background-color:#eef2f7;color:var(--neutral-inverse)}@media (min-width:769px) and (max-width:1600px) and (max-height:900px){.modern-calendar-popup-container{min-width:260px;padding:14px}.modern-calendar-popup-container .modern-single-calendar{width:248px!important}.modern-calendar-popup-container .modern-single-calendar .react-calendar__navigation{margin-bottom:10px}.modern-calendar-popup-container .modern-single-calendar .react-calendar__navigation__arrow{font-size:14px;height:28px;min-width:28px;width:28px}}.modern-single-calendar .react-calendar__month-view__weekdays{color:var(--neutral-disabled);font-size:12px;font-weight:500;margin-bottom:8px;text-transform:none}.modern-single-calendar .react-calendar__month-view__weekdays__weekday{padding:4px 0;text-align:center}.modern-single-calendar .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.modern-single-calendar .react-calendar__month-view__days{grid-gap:4px 0;display:grid!important;gap:4px 0;grid-template-columns:repeat(7,minmax(0,1fr))}.modern-single-calendar .react-calendar__month-view .react-calendar__tile{align-items:center;background:none;border-radius:0!important;color:var(--neutral-primary);display:flex;font-size:13px;font-weight:500;height:34px;justify-content:center;padding:0;position:relative;transition:color .2s ease}.modern-single-calendar .react-calendar__month-view .react-calendar__tile abbr{position:relative;z-index:2}.modern-single-calendar .react-calendar__month-view .react-calendar__tile:after{background:#0000;border-radius:50%;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .2s ease;width:32px;z-index:1}.modern-single-calendar .react-calendar__month-view .react-calendar__tile:disabled{color:var(--neutral-soft-border);cursor:not-allowed}.modern-single-calendar .react-calendar__month-view .react-calendar__tile:disabled:after{background-color:var(--neutral-soft-surface)}.modern-single-calendar .react-calendar__month-view .react-calendar__tile:enabled:hover{background:#0000;color:var(--neutral-inverse)}.modern-single-calendar .react-calendar__month-view .react-calendar__tile:enabled:focus:after,.modern-single-calendar .react-calendar__month-view .react-calendar__tile:enabled:hover:after{background-color:var(--neutral-border)}.modern-single-calendar .react-calendar__month-view .react-calendar__tile--active,.modern-single-calendar .react-calendar__month-view .react-calendar__tile--now{background:#0000!important;color:#fff!important;font-weight:600}.modern-single-calendar .react-calendar__month-view .react-calendar__tile--active:after,.modern-single-calendar .react-calendar__month-view .react-calendar__tile--now:after{background-color:var(--primary-main)!important}.modern-single-calendar .react-calendar__month-view .react-calendar__tile--active:enabled:hover:after,.modern-single-calendar .react-calendar__month-view .react-calendar__tile--now:enabled:hover:after{background-color:#2566a0!important}.modern-single-calendar .react-calendar__century-view__decades,.modern-single-calendar .react-calendar__decade-view__years,.modern-single-calendar .react-calendar__year-view__months{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.modern-single-calendar .react-calendar__century-view .react-calendar__tile,.modern-single-calendar .react-calendar__decade-view .react-calendar__tile,.modern-single-calendar .react-calendar__year-view .react-calendar__tile{background:#0000!important;border:1px solid #0000;border-radius:10px;color:var(--neutral-primary);font-size:13px;font-weight:500;min-height:44px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.modern-single-calendar .react-calendar__century-view .react-calendar__tile:enabled:hover,.modern-single-calendar .react-calendar__decade-view .react-calendar__tile:enabled:hover,.modern-single-calendar .react-calendar__year-view .react-calendar__tile:enabled:hover{background-color:#f1f5f9!important;border-color:var(--neutral-border);color:var(--neutral-inverse)!important}.modern-single-calendar .react-calendar__century-view .react-calendar__tile--active,.modern-single-calendar .react-calendar__decade-view .react-calendar__tile--active,.modern-single-calendar .react-calendar__year-view .react-calendar__tile--active{background-color:var(--primary-main)!important;border-color:#0000!important;color:#fff!important}.modern-single-calendar .react-calendar__century-view .react-calendar__tile:disabled,.modern-single-calendar .react-calendar__decade-view .react-calendar__tile:disabled,.modern-single-calendar .react-calendar__year-view .react-calendar__tile:disabled{background-color:var(--neutral-soft-surface)!important;color:var(--neutral-soft-border)!important;cursor:not-allowed}.image-date-picker-popup{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:row;font-family:Poppins,sans-serif;padding:0;position:absolute;top:calc(100% + 8px);width:max-content;z-index:1000}.idp-calendars{display:flex;flex-direction:column;padding:24px}.idp-title{color:var(--neutral-primary);font-size:20px;font-weight:700;margin-bottom:24px;text-align:center}.idp-header{justify-content:space-between;margin-bottom:16px;position:relative}.idp-header,.idp-nav-btn{align-items:center;display:flex}.idp-nav-btn{background:#f3f4f6;border:none;border-radius:50%;color:var(--neutral-secondary);cursor:pointer;height:32px;justify-content:center;transition:background .2s;width:32px}.idp-nav-btn:hover{background:#e5e7eb}.idp-month-labels{display:flex;left:0;pointer-events:none;position:absolute;width:100%}.idp-month-label{color:var(--neutral-primary);flex:1 1;font-size:15px;font-weight:600;text-align:center}.idp-calendar-custom{border:none!important;font-family:inherit!important;width:580px!important}.idp-calendar-custom .react-calendar__navigation{display:none!important}.idp-calendar-custom .react-calendar__month-view__weekdays{color:var(--neutral-disabled);font-size:13px;font-weight:500;text-transform:none}.idp-calendar-custom .react-calendar__month-view__weekdays__weekday{padding:8px 0;text-align:center}.idp-calendar-custom .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.idp-calendar-custom .react-calendar__month-view__days{row-gap:4px}.idp-calendar-custom .react-calendar__tile{align-items:center;background:none;color:var(--neutral-primary);display:flex;font-size:14px;height:40px;justify-content:center;padding:0;position:relative}.idp-calendar-custom .react-calendar__tile:disabled{color:var(--neutral-disabled)}.idp-calendar-custom .react-calendar__tile:enabled:hover{background-color:#f3f4f6;border-radius:20px}.idp-calendar-custom .react-calendar__tile--active,.idp-calendar-custom .react-calendar__tile--range{background-color:var(--primary-surface)!important;border-radius:0;color:var(--neutral-primary)!important}.idp-calendar-custom .react-calendar__tile--rangeStart{border-bottom-left-radius:20px!important;border-top-left-radius:20px!important}.idp-calendar-custom .react-calendar__tile--rangeEnd{border-bottom-right-radius:20px!important;border-top-right-radius:20px!important}.idp-calendar-custom .react-calendar__tile--rangeEnd>abbr,.idp-calendar-custom .react-calendar__tile--rangeStart>abbr{align-items:center;background-color:var(--primary-main)!important;border-radius:50%;color:#fff!important;display:flex;height:36px;justify-content:center;position:absolute;width:36px;z-index:2}.idp-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.idp-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:all .2s}.idp-btn-cancel{background:#fff;border:1px solid #e5e7eb;color:var(--neutral-secondary)}.idp-btn-cancel:hover{background:#f9fafb}.idp-btn-apply{background:var(--primary-main);color:#fff}.idp-btn-apply:hover{background:var(--primary-hover)}.idp-presets{background:#fff;border-left:1px solid #f3f4f6;border-radius:0 12px 12px 0;box-shadow:-10px 0 20px -15px #0000000d;display:flex;flex-direction:column;gap:16px;padding:32px 24px;position:relative;width:220px;z-index:2}.idp-preset-item{align-items:center;color:var(--neutral-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.idp-preset-item.active,.idp-preset-item:hover{color:var(--neutral-primary)}.idp-preset-item.active{font-weight:600}@media (min-width:769px) and (max-width:1600px) and (max-height:900px){.image-date-picker-popup .idp-calendars{padding:16px}.image-date-picker-popup .idp-title{font-size:17px;margin-bottom:16px}.image-date-picker-popup .idp-header{margin-bottom:10px}.image-date-picker-popup .idp-nav-btn{height:28px;width:28px}.image-date-picker-popup .idp-calendar-custom{width:470px!important}.image-date-picker-popup .idp-calendar-custom .react-calendar__month-view__weekdays__weekday{padding:5px 0}.image-date-picker-popup .idp-calendar-custom .react-calendar__tile{font-size:13px;height:32px}.image-date-picker-popup .idp-calendar-custom .react-calendar__tile--rangeEnd>abbr,.image-date-picker-popup .idp-calendar-custom .react-calendar__tile--rangeStart>abbr{height:30px;width:30px}.image-date-picker-popup .idp-actions{gap:8px;margin-top:16px}.image-date-picker-popup .idp-btn{font-size:13px;padding:6px 16px}.image-date-picker-popup .idp-presets{gap:10px;padding:20px 16px;width:180px}.image-date-picker-popup .idp-preset-item{font-size:13px}}.view-details-button{align-items:center;background-color:var(--primary-surface);border:none;border-radius:8px;color:var(--primary-main);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--app-badge-font-size);font-weight:400;padding:var(--app-badge-padding-y) var(--app-badge-padding-x);transition:all .2s ease;white-space:nowrap}.view-details-button:hover:not(:disabled){background-color:var(--primary-focus)}.view-details-button:disabled{cursor:not-allowed;opacity:.5}.navbar-dropdown-menu{background-color:#fff;border:1px solid var(--neutral-border);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;list-style:none;margin:10px 0 0;min-width:180px;opacity:0;padding:8px;position:absolute;top:100%;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;visibility:hidden;z-index:1000}.navbar-dropdown-menu.align-left{left:0}.navbar-dropdown-menu.align-right{right:0}.navbar-dropdown-menu.align-center{left:50%;transform:translateX(-50%) translateY(-10px)}.navbar-dropdown-menu.visible{opacity:1;transform:translateY(0);visibility:visible}.navbar-dropdown-menu.align-center.visible{transform:translateX(-50%) translateY(0)}.navbar-dropdown-menu:before{background:#fff;border-left:1px solid var(--neutral-border);border-top:1px solid var(--neutral-border);border-top-left-radius:2px;content:"";height:12px;position:absolute;top:-6px;transform:rotate(45deg);width:12px}.navbar-dropdown-menu.align-left:before{left:24px}.navbar-dropdown-menu.align-right:before{right:24px}.navbar-icon-dropdown{--navbar-dropdown-anchor-width:20px;--navbar-dropdown-edge-offset:20px;position:relative;width:var(--navbar-dropdown-anchor-width)}.navbar-icon-dropdown>button,.navbar-icon-dropdown>div{display:flex;width:100%}.navbar-icon-dropdown>div>button{width:100%}.navbar-menu-item-mobile{display:flex;flex-wrap:wrap;width:100%}.navbar-menu-item-mobile>a{flex:1 1}.navbar-dropdown-menu.navbar-mobile-submenu{border:0;box-shadow:none;flex-basis:100%;margin:0;max-height:0;min-width:100%;overflow:hidden;padding:0;position:static;transform:none;transition:max-height .2s ease,opacity .2s ease,visibility .2s ease}.navbar-dropdown-menu.navbar-mobile-submenu:before{display:none}.navbar-dropdown-menu.navbar-mobile-submenu.visible{margin-top:6px;max-height:400px;padding:4px 0}.navbar-icon-dropdown>.navbar-dropdown-menu.align-right{right:calc(0px - var(--navbar-dropdown-edge-offset))}.navbar-icon-dropdown>.navbar-dropdown-menu.align-right:before{box-sizing:border-box;right:calc(var(--navbar-dropdown-edge-offset) + var(--navbar-dropdown-anchor-width)/2 - 7px)}.navbar-dropdown-menu.align-center:before{left:calc(50% - 6px)}.navbar-dropdown-menu.no-caret:before{display:none}.navbar-dropdown-menu li{list-style:none;margin:0;padding:0;width:100%}.navbar-dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;box-sizing:border-box;color:var(--neutral-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:10px;margin:0;padding:10px 16px;text-align:left;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}.navbar-dropdown-item:hover{background-color:var(--neutral-neutral);color:var(--neutral-primary)}.navbar-dropdown-item.active{background-color:var(--active-surface-background);color:var(--active-text-color);font-weight:500}.navbar-dropdown-item.danger{color:#ef4444}.navbar-dropdown-item.danger:hover{background-color:#fef2f2;color:#dc2626}.navbar-dropdown-divider{background-color:var(--neutral-neutral);height:1px;margin:6px 0}.navbar-dropdown-empty{color:var(--neutral-secondary);font-size:13px;padding:16px;text-align:center;white-space:nowrap}.navbar-theme-item{display:flex;flex-direction:column;gap:8px;padding:4px 8px}.navbar-theme-label{color:var(--neutral-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.navbar-theme-toggle{align-items:center;background:var(--neutral-neutral);border:1px solid var(--neutral-border);border-radius:8px;display:flex;gap:6px;padding:4px}.navbar-theme-btn{background:#0000;border:none;border-radius:6px;color:var(--neutral-secondary);cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:6px 8px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.navbar-theme-btn:hover{color:var(--neutral-primary)}.navbar-theme-btn.active{background:var(--neutral-white);box-shadow:0 1px 2px #0f172a14;color:var(--primary-main)}.app-footer{box-sizing:border-box;padding:var(--app-space-2) var(--app-page-padding);text-align:center;width:100%}.app-footer-content p{align-items:center;color:var(--neutral-secondary);display:flex;flex-wrap:wrap;font-family:Poppins,sans-serif;font-size:var(--app-font-label);gap:8px;justify-content:center;margin:0}@media (max-width:768px){.app-footer{padding:var(--app-space-2) var(--app-page-padding)}.app-footer-content p{flex-direction:column;font-size:var(--app-font-label);gap:4px}.footer-separator{display:none}}.dashboard-page-container{display:flex;flex-direction:column;width:100%}.dashboard-container{display:flex;flex-direction:row;gap:clamp(16px,3.125vw,24px);width:100%}.dashboard-main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.dashboard-sidebar{flex-shrink:0;width:clamp(240px,36.458vw,280px)}.dashboard-header-full{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:var(--app-space-3);width:100%}.stats-grid{grid-gap:clamp(16px,3.125vw,24px);display:grid;gap:clamp(16px,3.125vw,24px);grid-template-columns:repeat(4,1fr);margin-top:10px}.stats-grid>*{min-width:0}.charts-grid{grid-gap:clamp(16px,3.125vw,24px);align-items:stretch;display:grid;gap:clamp(16px,3.125vw,24px);grid-auto-rows:clamp(320px,34vw,360px);grid-template-columns:repeat(3,1fr);margin-top:clamp(16px,3.125vw,24px)}.charts-grid>*{height:100%;min-width:0;width:100%}@media (max-width:1200px){.charts-grid{grid-auto-rows:clamp(300px,40vw,350px)}.charts-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.dashboard-container{flex-direction:column}.dashboard-sidebar{min-width:0;min-width:auto;width:100%}}@media (max-width:768px){.charts-grid{grid-auto-rows:320px;grid-template-columns:1fr}.dashboard-header-full{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.login-container{padding:0}.login-field-input[type=password]::-ms-clear,.login-field-input[type=password]::-ms-reveal{display:none}.login-content-wrap{height:auto;max-height:820px;max-width:1440px;min-height:clamp(540px,72vh,820px);transform:none}@media (max-width:1599px){.login-content-wrap{height:auto;max-height:680px;max-width:1200px;min-height:clamp(500px,68vh,680px)}}@media (max-width:1366px){.login-container{padding:0}.login-content-wrap{height:auto;max-height:620px;max-width:1100px;min-height:clamp(500px,68vh,620px)}}@media (max-width:1024px){.login-container{padding:0}.login-content-wrap{height:auto;max-height:540px;max-width:900px;min-height:clamp(500px,68vh,540px)}}@media (max-width:900px){.login-container{padding:0}.login-content-wrap{height:auto;max-width:560px;min-height:500px}}@media (max-width:576px){.login-container{padding:0}.login-content-wrap{height:auto;max-width:100%}}@media (max-width:900px){.login-content-wrap{flex-direction:column!important;max-height:100%;max-width:560px}.login-left{flex:none!important;height:160px;width:100%}.login-right{overflow-y:auto;padding:24px 28px!important;width:100%}}@media (min-width:769px) and (max-height:1200px),(min-width:769px) and (max-width:1920px){.app-content-scroll-login{display:flex;flex-direction:column;min-height:0!important}.app-content-scroll-login>.app-content-body{flex:1 1 auto;height:auto!important;min-height:0!important}.login-container{box-sizing:border-box;flex:1 1 auto;height:var(--app-viewport-height)!important;min-height:0!important}.login-main-area{min-height:0;padding:clamp(4px,1.1vh,8px) 24px clamp(4px,1.6vh,12px)!important}.login-content-wrap{border-radius:16px;flex:0 1 auto;height:clamp(400px,62vh,560px)!important;max-height:none;max-width:min(100%,1000px);min-height:0;width:min(100%,clamp(760px,70.7vw,1000px))}.login-right{overflow-y:visible!important;padding:clamp(10px,1.8vh,14px) 24px!important}.login-right-inner{max-width:340px!important}.login-heading{font-size:clamp(20px,2.86vh,22px)!important;margin-bottom:4px!important}.login-subheading{font-size:clamp(12px,1.7vh,14px)!important;margin-bottom:clamp(6px,1.05vh,8px)!important}.login-form{gap:clamp(6px,1.05vh,8px)!important}.login-field{gap:clamp(4px,.8vh,6px)!important}.login-field-label{font-size:var(--app-font-label)!important}.login-field-input{border-radius:8px!important;font-size:clamp(12px,1.6vh,13px)!important;height:clamp(30px,3.9vh,34px)!important;padding:0 38px 0 36px!important}.login-password-toggle{padding:4px!important;right:8px!important}.login-input-icon{left:10px!important}.login-remember-me>div{gap:var(--app-space-1)!important}.login-remember-me>div>div{height:16px!important;width:16px!important}.login-remember-me>div>span{font-size:var(--app-font-label)!important}.login-submit-button{border-radius:8px!important;font-size:clamp(12px,1.6vh,13px)!important;height:clamp(30px,3.9vh,34px)!important;margin-top:clamp(1px,.3vh,2px)!important}.login-form>div:last-child{font-size:var(--app-font-label)!important}.login-container>div:last-child{margin-top:clamp(4px,1.6vh,12px)!important}}@media (min-width:769px) and (max-width:1600px) and (max-height:900px){.login-main-area{padding-bottom:clamp(4px,1.1vh,10px)!important;padding-top:clamp(4px,.9vh,8px)!important}.login-content-wrap{height:clamp(520px,72vh,620px)!important;min-height:0}.login-right{padding-bottom:clamp(12px,1.8vh,16px)!important;padding-top:clamp(12px,1.8vh,16px)!important}.login-heading{font-size:clamp(20px,2.6vh,22px)!important}.login-subheading{margin-bottom:clamp(12px,1.8vh,16px)!important}.login-form{gap:clamp(10px,1.8vh,14px)!important}.login-field{gap:clamp(6px,1vh,8px)!important}.login-field-input,.login-submit-button{height:clamp(34px,4.2vh,38px)!important}.login-submit-button{margin-top:5px!important}.login-container>div:last-child{margin-top:clamp(3px,1vh,8px)!important}}@media (min-width:769px) and (max-width:1600px) and (max-height:800px){.login-main-area{padding-bottom:6px!important;padding-top:4px!important}.login-right{padding-bottom:10px!important;padding-top:10px!important}.login-subheading{margin-bottom:6px!important}.login-form{gap:6px!important}.login-field-input,.login-submit-button{height:32px!important}.login-container>div:last-child{margin-top:6px!important}}@media (min-width:769px) and (max-width:1600px) and (max-height:700px){.login-main-area{padding-bottom:4px!important;padding-top:4px!important}.login-right{padding-bottom:8px!important;padding-top:8px!important}.login-heading{font-size:20px!important}.login-subheading{margin-bottom:6px!important}.login-form{gap:6px!important}.login-field-input,.login-submit-button{height:30px!important}.login-container>div:last-child{margin-top:4px!important}}@media (max-width:576px){.login-left{display:none!important}.login-content-wrap{background:#0000!important;box-shadow:none!important}.login-right{background:#fff;border-radius:20px;box-shadow:0 10px 25px -5px #0000000d;overflow-y:auto;padding:20px!important}}.login-footer{margin-top:12px}.login-error{color:#c62828;font-size:12px}.login-password-input{position:relative;width:100%}.login-lock-icon{align-items:center;color:var(--neutral-disabled);display:flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-submit-button:not(:disabled):hover{background-color:#1d61a5!important;transform:translateY(-1px)}.login-submit-button:disabled{box-shadow:none!important;opacity:.65;transform:none}.login-submit-button:not(:disabled):hover{box-shadow:0 6px 12px -2px #2b78c54d!important}.account-profile{font-family:Poppins,sans-serif}.profile-page-header{display:flex;justify-content:flex-start;margin-bottom:var(--app-space-3)}.profile-page-header h1{margin:0;text-align:left}.profile-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;min-width:0;padding:24px}.profile-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.profile-card-header h2{color:var(--neutral-primary);font-size:18px;font-weight:600;margin:0}.profile-form{display:flex;flex-direction:column;gap:16px}.profile-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0}.profile-form input:not([type=file]){background:#fff;border:1.5px solid var(--neutral-border);border-radius:8px;box-sizing:border-box;color:var(--neutral-primary);font:inherit;font-size:13px;height:40px;min-width:0;outline:none;padding:0 12px;transition:border-color .2s,box-shadow .2s;width:100%}.profile-form input:not([type=file]):focus{border-color:var(--primary-main);box-shadow:0 0 0 3px #347bb41f}.profile-form input[aria-invalid=true]{background:#fff5f5;border-color:#fca5a5}.profile-field-error{color:#dc2626;font-size:12px;font-weight:500;margin:0}.profile-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;margin:8px 0 0;padding:10px 12px}.profile-password-input{position:relative}.profile-password-input input{padding:0 42px 0 38px!important}.profile-password-lock{color:var(--neutral-disabled);display:flex;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.profile-section-heading{align-items:center;display:flex;gap:12px}.profile-heading-icon{align-items:center;background:#eff6ff;border-radius:10px;color:var(--primary-main);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.profile-heading-lock{background:#fef2f2;color:#dc2626}.profile-heading-lock svg{height:18px;width:18px}.profile-password-input button{background:none;border:none;color:var(--neutral-disabled);cursor:pointer;display:flex;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.profile-password-input svg{height:15px;width:15px}.profile-form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.profile-cancel-button,.profile-primary-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:500;gap:8px;height:38px;padding:0 20px}.profile-primary-button{background:var(--primary-main);box-shadow:0 1px 4px #347bb44d;color:#fff}.profile-primary-button:hover:not(:disabled){background:#2a6298}.profile-cancel-button{background:#0000;color:var(--neutral-primary)}.profile-cancel-button:hover:not(:disabled){background:var(--neutral-soft-surface)}.profile-edit-button{background:none;border:none;color:var(--primary-main);cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:4px 8px}.profile-edit-button:hover{color:#2a5fa0}.profile-identity{align-items:center;display:flex;gap:16px;margin-bottom:4px}.profile-identity>div:last-child{min-width:0}.profile-avatar-upload,.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar-upload{cursor:pointer}.profile-avatar-upload input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.profile-online-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.profile-display-name{color:var(--neutral-primary);font-size:17px;font-weight:600;margin:0 0 5px;overflow-wrap:anywhere}.profile-role-badge{background:#eff6ff;border:1.5px solid #a8c8e8;border-radius:999px;color:var(--primary-main);display:inline-flex;font-size:12px;font-weight:600;padding:4px 14px 4px 10px}.profile-upload-hint{color:var(--neutral-disabled);font-size:11px;margin:4px 0 0}.profile-divider{background:#f1f5f9;height:1px;margin:0 -24px 20px}.profile-info-row{align-items:flex-start;display:flex;gap:10px;min-width:0}.profile-info-icon{align-items:center;background:var(--neutral-soft-surface);border:1px solid #f1f5f9;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.profile-info-icon svg{color:var(--neutral-disabled);height:14px;width:14px}.profile-info-row dt{color:var(--neutral-disabled);font-size:11px;font-weight:500;margin:0 0 2px}.profile-info-row dd{color:var(--neutral-primary);font-size:13px;font-weight:600;margin:0;overflow-wrap:anywhere}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.profile-fields-grid{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=main.fb918cb6.css.map*/