/* Educa — Chamada, frequência, boletim e diário de classe. */
.tl>.sb>.sb-nav .ni{min-height:28px!important;height:28px!important;font-size:11.8px!important;}
.tl>.sb>.sb-nav{gap:1px!important;padding-top:5px!important;}
.sb-group-v753 + .sb-group-v753{margin-top:5px!important;padding-top:5px!important;}

.attendance-page-v770{
  --attendance-green:#258A52;
  --attendance-green-soft:#ECF8F0;
  --attendance-green-line:#91CDA8;
  --attendance-red:#B63D3D;
  --attendance-red-soft:#FFF0F0;
  --attendance-red-line:#E5A3A3;
  --attendance-orange:#A45B0A;
  --attendance-orange-soft:#FFF6E8;
  --attendance-orange-line:#E5B66E;
  display:grid;
  gap:12px;
  min-width:0;
  color:#0F1F3A;
}
.attendance-page-head-v770{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 2px 2px;}
.attendance-page-head-v770 h1{margin:4px 0 5px;font-size:28px;line-height:1.04;letter-spacing:-.045em;color:#0F1F3A;}
.attendance-page-head-v770 p{margin:0;color:#64748B;font-size:13px;line-height:1.45;}
.attendance-eyebrow-v770{font-size:9.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#159A94;}
.attendance-head-actions-v770{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.attendance-head-actions-v770 .btn{min-height:38px!important;border-radius:13px!important;}
.attendance-notice-v770{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border:1px solid #B8DFD9;border-radius:14px;background:#EFFAF8;color:#176A65;font-size:12.5px;font-weight:700;}
.attendance-notice-v770 button{border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer;}
.attendance-filter-card-v770{display:grid;grid-template-columns:1.02fr 1fr 1fr .58fr .72fr;gap:12px;padding:11px 13px;border:1px solid #E1E7EF;border-radius:22px;background:#FFFFFF;box-shadow:0 8px 22px rgba(15,31,58,.025);}
.attendance-filter-card-v770 .fg{gap:6px!important;min-width:0;}
.attendance-filter-card-v770 .fl{font-size:10.2px!important;letter-spacing:.08em!important;color:#5F7188!important;}
.attendance-filter-card-v770 .modern-select-control{height:48px!important;min-height:48px!important;border-radius:16px!important;border-color:#DCE4EE!important;box-shadow:none!important;}
.attendance-context-v770{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;border:1px solid #E1E7EF;border-radius:17px;background:#F8FAFD;}
.attendance-context-v770>div{display:grid;gap:2px;min-width:0;}
.attendance-context-v770 strong{font-size:14px;color:#0F1F3A;}
.attendance-context-v770 span{font-size:11.5px;color:#64748B;}
.attendance-threshold-v770{display:inline-flex!important;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:#EAF8F6;color:#0F766E!important;white-space:nowrap;}
.attendance-summary-v770{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.attendance-summary-v770>div{display:grid;gap:4px;padding:11px 13px;border:1px solid #E1E7EF;border-radius:17px;background:#FFFFFF;box-shadow:0 6px 18px rgba(15,31,58,.025);}
.attendance-summary-v770 b{font-size:22px;line-height:1;color:#0F1F3A;letter-spacing:-.04em;}
.attendance-summary-v770 span{font-size:10.5px;color:#7B8DA5;font-weight:700;}
.attendance-summary-v770 .is-success b{color:#258A52;}
.attendance-summary-v770 .is-danger b{color:#C84B4B;}
.attendance-toolbar-v770{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #E1E7EF;border-radius:17px;background:#FFFFFF;}
.attendance-search-v770{flex:1 1 260px;min-height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #DCE4EE;border-radius:14px;background:#FFFFFF;}
.attendance-search-v770:focus-within{border-color:#6EC9A1;}
.attendance-search-v770 svg{width:17px;height:17px;color:#7186A2;}
.attendance-search-v770 input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#0F1F3A!important;padding:0!important;}
.attendance-toolbar-v770>.modern-select{flex:0 0 220px;}
.attendance-toolbar-v770 .modern-select-control{min-height:42px!important;height:42px!important;border-radius:14px!important;box-shadow:none!important;}
.attendance-result-count-v770{font-size:11px;color:#7B8DA5;white-space:nowrap;}
.attendance-loading-v770,.attendance-empty-v770{min-height:170px;display:grid;place-items:center;align-content:center;gap:5px;padding:24px;border:1px dashed #CBD5E1;border-radius:20px;background:#F8FAFD;text-align:center;}
.attendance-empty-v770 strong{color:#0F1F3A;}
.attendance-empty-v770 span{font-size:12px;color:#64748B;}
.attendance-table-wrap-v770{position:relative;overflow:auto;max-height:calc(100vh - 330px);min-height:260px;border:1px solid #E1E7EF;border-radius:22px;background:#FFFFFF;box-shadow:0 10px 28px rgba(15,31,58,.035);}
.attendance-table-v770{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%;table-layout:fixed;}
.attendance-table-v770 th,.attendance-table-v770 td{border-right:1px solid #E9EEF4;border-bottom:1px solid #E9EEF4;}
.attendance-table-v770 thead th{position:sticky;top:0;z-index:8;background:#F6F8FC;color:#536882;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;}
.attendance-month-row-v770 th{height:28px;padding:5px 7px;}
.attendance-date-row-v770 th{top:28px;height:54px;padding:0;}
.attendance-month-head-v770{text-align:center;border-bottom:1px solid #E1E7EF!important;}
.attendance-date-head-v770{width:58px;min-width:58px;max-width:58px;}
.attendance-date-head-v770 button{width:100%;height:54px;display:grid;place-items:center;align-content:center;gap:1px;border:0;background:transparent;color:#526783;cursor:pointer;font:inherit;}
.attendance-date-head-v770 button:hover{background:#EEF8F6;color:#0F766E;}
.attendance-date-head-v770 small{font-size:8px;text-transform:uppercase;color:#98A6B8;}
.attendance-date-head-v770 b{font-size:10.5px;}
.attendance-date-head-v770 em{font-size:8px;font-style:normal;color:#7B8DA5;}
.attendance-date-head-v770.is-cancelled button{text-decoration:line-through;opacity:.55;}
.attendance-number-head-v770,.attendance-number-cell-v770{position:sticky!important;left:0;z-index:10!important;width:48px;min-width:48px;max-width:48px;text-align:center;background:#F8FAFD!important;}
.attendance-name-head-v770,.attendance-name-cell-v770{position:sticky!important;left:48px;z-index:10!important;width:225px;min-width:225px;max-width:225px;background:#FFFFFF!important;box-shadow:8px 0 12px -12px rgba(15,31,58,.35);}
.attendance-number-head-v770,.attendance-name-head-v770{z-index:14!important;background:#F6F8FC!important;}
.attendance-percent-head-v770,.attendance-percent-cell-v770{position:sticky!important;right:0;z-index:10!important;width:92px;min-width:92px;max-width:92px;background:#FFFFFF!important;box-shadow:-8px 0 12px -12px rgba(15,31,58,.35);text-align:center;}
.attendance-percent-head-v770{z-index:14!important;background:#F6F8FC!important;}
.attendance-table-v770 tbody tr:hover td{background:#F8FAFD;}
.attendance-table-v770 tbody tr:hover .attendance-name-cell-v770,.attendance-table-v770 tbody tr:hover .attendance-percent-cell-v770{background:#F8FAFD!important;}
.attendance-table-v770 tbody tr.is-risk .attendance-name-cell-v770 strong::after{content:'Atenção';display:inline-flex;margin-left:7px;padding:2px 6px;border-radius:999px;background:#FFF0F0;color:#B63D3D;font-size:8px;letter-spacing:.03em;vertical-align:middle;}
.attendance-number-cell-v770{height:48px;color:#7B8DA5;font-size:11px;}
.attendance-name-cell-v770{height:48px;padding:6px 10px;}
.attendance-name-cell-v770 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0F1F3A;font-size:12.3px;}
.attendance-name-cell-v770 small{display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#98A6B8;font-size:9.5px;}
.attendance-status-cell-v770{width:58px;min-width:58px;max-width:58px;height:48px;padding:5px;text-align:center;background:#FFFFFF;}
.attendance-status-cell-v770.is-cancelled{background:#F8FAFD!important;}
.attendance-mark-v770{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:11px;border:1px solid #E1E7EF;background:#FFFFFF;color:#98A6B8;font-size:12px;font-weight:900;cursor:pointer;transition:.14s ease;}
.attendance-mark-v770:hover{border-color:#B9C8D8;background:#F8FAFD;color:#526783;}
.attendance-mark-v770.is-p{background:var(--attendance-green-soft);border-color:var(--attendance-green-line);color:var(--attendance-green);}
.attendance-mark-v770.is-f{background:var(--attendance-red-soft);border-color:var(--attendance-red-line);color:var(--attendance-red);}
.attendance-mark-v770.is-j{background:var(--attendance-orange-soft);border-color:var(--attendance-orange-line);color:var(--attendance-orange);}
.attendance-mark-v770:disabled{cursor:not-allowed;opacity:.55;}
.attendance-not-applicable-v770{display:inline-grid;place-items:center;width:34px;height:34px;color:#B4C0CE;font-size:13px;}
.attendance-percent-cell-v770{padding:6px;}
.attendance-percent-cell-v770 span{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:30px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:850;}
.attendance-percent-cell-v770 .is-good{background:#ECF8F0;color:#227446;border:1px solid #B8DDC5;}
.attendance-percent-cell-v770 .is-bad{background:#FFF0F0;color:#B63D3D;border:1px solid #EAB8B8;}
.attendance-percent-cell-v770 .is-empty{background:#F1F5F9;color:#7B8DA5;border:1px solid #E1E7EF;}
.attendance-mobile-v770{display:none;}
.attendance-modal-backdrop-v770{z-index:1700!important;}
.attendance-session-modal-v770,.attendance-justify-modal-v770,.attendance-add-modal-v770{max-width:480px!important;position:relative;}
.attendance-admin-modal-v770{max-width:900px!important;position:relative;max-height:90vh;overflow:auto;}
.attendance-modal-close-v770{position:absolute;right:14px;top:14px;width:34px;height:34px;border:1px solid #E1E7EF;border-radius:11px;background:#F8FAFD;color:#526783;font-size:19px;cursor:pointer;}
.attendance-modal-kicker-v770{display:block;margin-bottom:6px;color:#159A94;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;}
.attendance-session-modal-v770 h2,.attendance-justify-modal-v770 h2,.attendance-add-modal-v770 h2,.attendance-admin-modal-v770 h2{margin:0 42px 5px 0;color:#0F1F3A;font-size:22px;letter-spacing:-.035em;}
.attendance-session-modal-v770>p,.attendance-justify-modal-v770>p,.attendance-admin-modal-v770>p{margin:0 0 16px;color:#64748B;font-size:12.5px;line-height:1.45;}
.attendance-bulk-actions-v770{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.attendance-bulk-actions-v770 button{min-height:86px;display:grid;place-items:center;align-content:center;gap:5px;border-radius:16px;font:inherit;font-size:22px;font-weight:900;cursor:pointer;}
.attendance-bulk-actions-v770 button span{font-size:10px;font-weight:750;}
.attendance-bulk-actions-v770 .is-p{background:#ECF8F0;border:1px solid #91CDA8;color:#227446;}
.attendance-bulk-actions-v770 .is-f{background:#FFF0F0;border:1px solid #E5A3A3;color:#B63D3D;}
.attendance-bulk-actions-v770 .is-clear{background:#F8FAFD;border:1px solid #DCE4EE;color:#526783;}
.attendance-session-secondary-v770{display:flex;justify-content:flex-end;margin-top:14px;}
.attendance-admin-grid-v770{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;}
.attendance-admin-card-v770{display:grid;gap:12px;padding:15px;border:1px solid #E1E7EF;border-radius:18px;background:#F8FAFD;}
.attendance-admin-card-v770 h3{margin:0;color:#0F1F3A;font-size:15px;}
.attendance-admin-date-grid-v770{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.attendance-percent-input-v770{position:relative;}
.attendance-percent-input-v770 span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#64748B;font-weight:800;}
.attendance-percent-input-v770 input{padding-right:38px!important;}
.attendance-admin-toggle-v770{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid #DCE4EE;border-radius:14px;background:#FFFFFF;cursor:pointer;}
.attendance-admin-toggle-v770 input{width:17px;height:17px;margin-top:2px;accent-color:#159A94;}
.attendance-admin-toggle-v770 strong,.attendance-admin-toggle-v770 small{display:block;}
.attendance-admin-toggle-v770 strong{font-size:12px;color:#0F1F3A;}
.attendance-admin-toggle-v770 small{margin-top:3px;color:#7B8DA5;font-size:10.5px;line-height:1.35;}
.attendance-weekdays-v770{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}
.attendance-weekdays-v770 button{height:36px;border:1px solid #DCE4EE;border-radius:11px;background:#FFFFFF;color:#526783;font:inherit;font-size:11px;font-weight:800;cursor:pointer;}
.attendance-weekdays-v770 button.on{background:#159A94;border-color:#159A94;color:#FFFFFF;}
.attendance-admin-hint-v770{margin:0;color:#7B8DA5;font-size:10.5px;line-height:1.4;}

@media(max-width:1120px){
  .attendance-filter-card-v770{grid-template-columns:repeat(3,minmax(0,1fr));}
  .attendance-summary-v770{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:800px){
  .attendance-page-head-v770{align-items:flex-start;flex-direction:column;}
  .attendance-filter-card-v770{grid-template-columns:1fr;}
  .attendance-summary-v770{grid-template-columns:repeat(2,minmax(0,1fr));}
  .attendance-toolbar-v770{align-items:stretch;flex-direction:column;}
  .attendance-toolbar-v770>.modern-select{flex:1 1 auto;width:100%!important;}
  .attendance-result-count-v770{padding-left:2px;}
  .attendance-table-wrap-v770{display:none;}
  .attendance-mobile-v770{display:grid;gap:10px;padding:12px;border:1px solid #E1E7EF;border-radius:20px;background:#FFFFFF;}
  .attendance-mobile-list-v770{display:grid;gap:7px;}
  .attendance-mobile-student-v770{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid #E9EEF4;border-radius:14px;background:#F8FAFD;}
  .attendance-mobile-student-v770 b,.attendance-mobile-student-v770 small{display:block;}
  .attendance-mobile-student-v770 b{font-size:12px;color:#0F1F3A;}
  .attendance-mobile-student-v770 small{margin-top:2px;font-size:9.5px;color:#7B8DA5;}
  .attendance-mobile-actions-v770{display:flex;gap:5px;}
  .attendance-mobile-actions-v770 button{width:34px;height:34px;border-radius:10px;border:1px solid #DCE4EE;background:#FFFFFF;font:inherit;font-size:11px;font-weight:900;cursor:pointer;}
  .attendance-mobile-actions-v770 .is-p.on{background:#ECF8F0;border-color:#91CDA8;color:#227446;}
  .attendance-mobile-actions-v770 .is-f.on{background:#FFF0F0;border-color:#E5A3A3;color:#B63D3D;}
  .attendance-mobile-actions-v770 .is-j.on{background:#FFF6E8;border-color:#E5B66E;color:#A45B0A;}
  .attendance-admin-grid-v770{grid-template-columns:1fr;}
  .attendance-admin-date-grid-v770{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .attendance-summary-v770{grid-template-columns:1fr 1fr;}
  .attendance-context-v770{align-items:flex-start;flex-direction:column;}
  .attendance-bulk-actions-v770{grid-template-columns:1fr;}
  .attendance-bulk-actions-v770 button{min-height:58px;grid-template-columns:auto 1fr;justify-content:start;padding:0 18px;text-align:left;}
  .attendance-weekdays-v770{grid-template-columns:repeat(3,1fr);}
}

html[data-theme="dark"] .attendance-page-v770{color:#F3F7FC;}
html[data-theme="dark"] .attendance-page-head-v770 h1,
html[data-theme="dark"] .attendance-context-v770 strong,
html[data-theme="dark"] .attendance-summary-v770 b,
html[data-theme="dark"] .attendance-empty-v770 strong,
html[data-theme="dark"] .attendance-name-cell-v770 strong,
html[data-theme="dark"] .attendance-session-modal-v770 h2,
html[data-theme="dark"] .attendance-justify-modal-v770 h2,
html[data-theme="dark"] .attendance-add-modal-v770 h2,
html[data-theme="dark"] .attendance-admin-modal-v770 h2,
html[data-theme="dark"] .attendance-admin-card-v770 h3,
html[data-theme="dark"] .attendance-admin-toggle-v770 strong,
html[data-theme="dark"] .attendance-mobile-student-v770 b{color:#F3F7FC!important;}
html[data-theme="dark"] .attendance-page-head-v770 p,
html[data-theme="dark"] .attendance-context-v770 span,
html[data-theme="dark"] .attendance-summary-v770 span,
html[data-theme="dark"] .attendance-result-count-v770,
html[data-theme="dark"] .attendance-name-cell-v770 small,
html[data-theme="dark"] .attendance-admin-toggle-v770 small,
html[data-theme="dark"] .attendance-admin-hint-v770,
html[data-theme="dark"] .attendance-mobile-student-v770 small{color:#879BB3!important;}
html[data-theme="dark"] .attendance-filter-card-v770,
html[data-theme="dark"] .attendance-summary-v770>div,
html[data-theme="dark"] .attendance-toolbar-v770,
html[data-theme="dark"] .attendance-table-wrap-v770,
html[data-theme="dark"] .attendance-mobile-v770,
html[data-theme="dark"] .attendance-status-cell-v770,
html[data-theme="dark"] .attendance-name-cell-v770,
html[data-theme="dark"] .attendance-percent-cell-v770,
html[data-theme="dark"] .attendance-admin-toggle-v770,
html[data-theme="dark"] .attendance-weekdays-v770 button{background:#101E31!important;border-color:#263A53!important;}
html[data-theme="dark"] .attendance-context-v770,
html[data-theme="dark"] .attendance-empty-v770,
html[data-theme="dark"] .attendance-mobile-student-v770,
html[data-theme="dark"] .attendance-admin-card-v770{background:#14243A!important;border-color:#263A53!important;}
html[data-theme="dark"] .attendance-search-v770{background:#14243A!important;border-color:#263A53!important;}
html[data-theme="dark"] .attendance-search-v770 input{color:#F3F7FC!important;}
html[data-theme="dark"] .attendance-table-v770 th,
html[data-theme="dark"] .attendance-number-head-v770,
html[data-theme="dark"] .attendance-name-head-v770,
html[data-theme="dark"] .attendance-percent-head-v770{background:#14243A!important;color:#B1C0D2!important;border-color:#263A53!important;}
html[data-theme="dark"] .attendance-table-v770 td{border-color:#263A53!important;}
html[data-theme="dark"] .attendance-number-cell-v770{background:#14243A!important;color:#879BB3!important;}
html[data-theme="dark"] .attendance-table-v770 tbody tr:hover td,
html[data-theme="dark"] .attendance-table-v770 tbody tr:hover .attendance-name-cell-v770,
html[data-theme="dark"] .attendance-table-v770 tbody tr:hover .attendance-percent-cell-v770{background:#14243A!important;}
html[data-theme="dark"] .attendance-mark-v770{background:#14243A;border-color:#263A53;color:#879BB3;}
html[data-theme="dark"] .attendance-mark-v770.is-p{background:rgba(37,138,82,.18);border-color:rgba(145,205,168,.55);color:#BEE8CD;}
html[data-theme="dark"] .attendance-mark-v770.is-f{background:rgba(200,75,75,.18);border-color:rgba(229,163,163,.52);color:#F4CACA;}
html[data-theme="dark"] .attendance-mark-v770.is-j{background:rgba(196,122,24,.18);border-color:rgba(229,182,110,.52);color:#F1D7AB;}
html[data-theme="dark"] .attendance-percent-cell-v770 .is-good{background:rgba(37,138,82,.18);border-color:rgba(145,205,168,.45);color:#BEE8CD;}
html[data-theme="dark"] .attendance-percent-cell-v770 .is-bad{background:rgba(200,75,75,.18);border-color:rgba(229,163,163,.45);color:#F4CACA;}
html[data-theme="dark"] .attendance-percent-cell-v770 .is-empty{background:#14243A;border-color:#263A53;color:#879BB3;}
html[data-theme="dark"] .attendance-modal-close-v770,
html[data-theme="dark"] .attendance-bulk-actions-v770 .is-clear{background:#14243A;border-color:#263A53;color:#B1C0D2;}
html[data-theme="dark"] .attendance-admin-toggle-v770 input{accent-color:#26AAA3;}
html[data-theme="dark"] .attendance-weekdays-v770 button.on{background:#159A94!important;border-color:#159A94!important;color:#FFFFFF!important;}



.attendance-table-wrap-v770{overflow:auto!important;}


.attendance-admin-feedback-v771{
  margin:12px 0 2px;
  padding:11px 13px;
  border:1px solid #A9DDD8;
  border-radius:12px;
  background:#EAF8F6;
  color:#0F766E;
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
html[data-theme="dark"] .attendance-admin-feedback-v771{
  border-color:rgba(38,170,163,.38);
  background:rgba(38,170,163,.13);
  color:#9EE2DD;
}


.attendance-rules-modal-v772{max-width:560px!important;}
.attendance-rules-modal-v772 .attendance-admin-card-v770{margin-top:12px;}
.attendance-grade-modal-v772{
  position:relative;
  width:min(1180px,calc(100vw - 34px))!important;
  max-width:1180px!important;
  max-height:92vh;
  overflow:auto;
  padding:24px!important;
}
.attendance-grade-modal-v772 h2{margin:0 44px 6px 0;color:#0F1F3A;font-size:24px;letter-spacing:-.04em;}
.attendance-grade-modal-v772>p{margin:0 0 16px;color:#64748B;font-size:12.5px;line-height:1.5;}
.attendance-grade-back-v772{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:0;border:0;background:transparent;color:#0F766E;font:inherit;font-size:11.5px;font-weight:800;cursor:pointer;}
.attendance-grade-back-v772:hover{text-decoration:underline;}
.attendance-grade-teacher-v772{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin:13px 0 4px;padding:10px 12px;border:1px solid #E1E7EF;border-radius:14px;background:#F8FAFD;}
.attendance-grade-teacher-v772>span{color:#7B8DA5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;}
.attendance-grade-teacher-v772>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0F1F3A;font-size:12.5px;}
.attendance-grade-state-v772{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-style:normal;font-size:9.5px;font-weight:850;white-space:nowrap;}
.attendance-grade-state-v772.is-configured{border-color:#B8DDC5;background:#ECF8F0;color:#227446;}
.attendance-grade-state-v772.is-pending{border-color:#E5B66E;background:#FFF6E8;color:#A45B0A;}
.attendance-grade-state-v772.is-incomplete{border-color:#9BBBEA;background:#EEF5FF;color:#2D63AD;}
.attendance-grade-feedback-v772{margin:12px 0!important;}
.attendance-grade-period-v772,.attendance-grade-days-section-v772,.attendance-grade-preview-v772{display:grid;gap:13px;margin-top:14px;padding:16px;border:1px solid #E1E7EF;border-radius:18px;background:#F8FAFD;}
.attendance-grade-period-v772 h3,.attendance-grade-days-section-v772 h3,.attendance-grade-preview-v772 h3{margin:0;color:#0F1F3A;font-size:14px;letter-spacing:-.015em;}
.attendance-grade-period-v772 p,.attendance-grade-days-section-v772 p,.attendance-grade-preview-v772 p{margin:3px 0 0;color:#7B8DA5;font-size:10.8px;line-height:1.45;}
.attendance-grade-days-v772{display:grid;gap:8px;}
.attendance-grade-day-v772{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:12px;padding:9px;border:1px solid #E1E7EF;border-radius:15px;background:#FFFFFF;transition:.15s ease;}
.attendance-grade-day-v772.is-enabled{border-color:#A9DDD8;background:#FBFEFD;box-shadow:0 5px 14px rgba(15,118,110,.04);}
.attendance-grade-day-toggle-v772{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;width:100%;min-height:46px;padding:6px 8px;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer;}
.attendance-grade-check-v772{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;border:1px solid #CBD5E1;border-radius:8px;background:#FFFFFF;color:#FFFFFF;font-size:12px;font-weight:900;}
.attendance-grade-day-v772.is-enabled .attendance-grade-check-v772{border-color:#159A94;background:#159A94;}
.attendance-grade-day-toggle-v772 strong{align-self:end;color:#0F1F3A;font-size:12px;}
.attendance-grade-day-toggle-v772 small{align-self:start;margin-top:2px;color:#98A6B8;font-size:9.5px;}
.attendance-grade-day-v772.is-enabled .attendance-grade-day-toggle-v772 small{color:#0F766E;}
.attendance-grade-day-fields-v772{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.attendance-grade-day-fields-v772 .fg{gap:5px!important;}
.attendance-grade-day-fields-v772 .fl{font-size:9px!important;}
.attendance-grade-day-fields-v772 .fi,.attendance-grade-day-fields-v772 .modern-select-control{min-height:40px!important;height:40px!important;border-radius:12px!important;box-shadow:none!important;}
.attendance-grade-preview-head-v772{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.attendance-grade-preview-loading-v772{padding:5px 8px;border-radius:999px;background:#EAF8F6;color:#0F766E;font-size:9.5px;font-weight:800;}
.attendance-grade-preview-empty-v772{padding:16px;border:1px dashed #CBD5E1;border-radius:13px;background:#FFFFFF;color:#7B8DA5;text-align:center;font-size:11px;}
.attendance-grade-preview-stats-v772{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.attendance-grade-preview-stats-v772>div{display:grid;gap:2px;padding:10px 12px;border:1px solid #E1E7EF;border-radius:13px;background:#FFFFFF;}
.attendance-grade-preview-stats-v772 b{color:#0F1F3A;font-size:19px;letter-spacing:-.04em;}
.attendance-grade-preview-stats-v772 span{color:#7B8DA5;font-size:9.5px;font-weight:700;}
.attendance-grade-preview-dates-v772{display:flex;flex-wrap:wrap;gap:6px;}
.attendance-grade-preview-dates-v772>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #DCE4EE;border-radius:10px;background:#FFFFFF;color:#526783;font-size:10px;font-weight:750;text-transform:capitalize;}
.attendance-grade-preview-dates-v772 em{padding:2px 4px;border-radius:5px;background:#EAF8F6;color:#0F766E;font-size:8px;font-style:normal;}
.attendance-grade-more-v772{color:#7B8DA5;font-size:10px;}
.attendance-grade-apply-class-v772{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 13px;border:1px solid #E5B66E;border-radius:15px;background:#FFF9EF;cursor:pointer;}
.attendance-grade-apply-class-v772 input{width:17px;height:17px;margin-top:2px;accent-color:#159A94;}
.attendance-grade-apply-class-v772 strong,.attendance-grade-apply-class-v772 small{display:block;}
.attendance-grade-apply-class-v772 strong{color:#0F1F3A;font-size:11.5px;}
.attendance-grade-apply-class-v772 small{margin-top:3px;color:#7B8DA5;font-size:9.8px;line-height:1.4;}
.attendance-grade-actions-v772{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #E9EEF4;}
.attendance-grade-summary-v772{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 12px;}
.attendance-grade-summary-v772>div{display:grid;gap:3px;padding:12px 14px;border:1px solid #E1E7EF;border-radius:15px;background:#FFFFFF;}
.attendance-grade-summary-v772 b{color:#0F1F3A;font-size:22px;letter-spacing:-.045em;}
.attendance-grade-summary-v772 span{color:#7B8DA5;font-size:10px;font-weight:750;}
.attendance-grade-summary-v772 .is-configured b{color:#258A52;}
.attendance-grade-summary-v772 .is-pending b{color:#C47A18;}
.attendance-grade-summary-v772 .is-incomplete b{color:#3978D3;}
.attendance-grade-filters-v772{display:grid;grid-template-columns:minmax(250px,1fr) 230px 210px;gap:8px;margin-bottom:10px;}
.attendance-grade-filters-v772 .modern-select-control{min-height:42px!important;height:42px!important;border-radius:14px!important;box-shadow:none!important;}
.attendance-grade-table-wrap-v772{position:relative;overflow:auto;max-height:53vh;border:1px solid #E1E7EF;border-radius:17px;background:#FFFFFF;}
.attendance-grade-table-v772{width:100%;min-width:930px;border-collapse:separate;border-spacing:0;}
.attendance-grade-table-v772 th{position:sticky;top:0;z-index:2;padding:10px 12px;border-bottom:1px solid #E1E7EF;background:#F6F8FC;color:#536882;text-align:left;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;}
.attendance-grade-table-v772 td{padding:10px 12px;border-bottom:1px solid #E9EEF4;color:#526783;font-size:11px;vertical-align:middle;}
.attendance-grade-table-v772 tr:last-child td{border-bottom:0;}
.attendance-grade-table-v772 tbody tr:hover td{background:#F8FAFD;}
.attendance-grade-table-v772 td strong,.attendance-grade-table-v772 td small{display:block;}
.attendance-grade-table-v772 td strong{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0F1F3A;font-size:11.5px;}
.attendance-grade-table-v772 td small{margin-top:3px;color:#98A6B8;font-size:9px;}
.attendance-grade-days-label-v772{display:block;max-width:260px;color:#0F766E;font-weight:800;}
.attendance-grade-configure-v772{min-height:34px!important;padding:0 12px!important;border-radius:11px!important;font-size:10px!important;}
.attendance-grade-no-results-v772{padding:28px;color:#7B8DA5;text-align:center;font-size:11px;}

@media(max-width:900px){
  .attendance-grade-modal-v772{width:min(760px,calc(100vw - 20px))!important;padding:18px!important;}
  .attendance-grade-day-v772{grid-template-columns:1fr;}
  .attendance-grade-day-fields-v772{grid-template-columns:1fr 1fr 1fr;}
  .attendance-grade-filters-v772{grid-template-columns:1fr 1fr;}
  .attendance-grade-filters-v772 .attendance-search-v770{grid-column:1/-1;}
}
@media(max-width:620px){
  .attendance-grade-modal-v772{width:calc(100vw - 12px)!important;max-height:96vh;padding:15px!important;border-radius:20px!important;}
  .attendance-grade-teacher-v772{grid-template-columns:1fr;}
  .attendance-grade-day-fields-v772{grid-template-columns:1fr;}
  .attendance-grade-preview-stats-v772,.attendance-grade-summary-v772{grid-template-columns:1fr 1fr;}
  .attendance-grade-filters-v772{grid-template-columns:1fr;}
  .attendance-grade-filters-v772 .attendance-search-v770{grid-column:auto;}
  .attendance-grade-actions-v772{flex-direction:column-reverse;}
  .attendance-grade-actions-v772 .btn{width:100%;}
}

html[data-theme="dark"] .attendance-grade-modal-v772 h2,
html[data-theme="dark"] .attendance-grade-period-v772 h3,
html[data-theme="dark"] .attendance-grade-days-section-v772 h3,
html[data-theme="dark"] .attendance-grade-preview-v772 h3,
html[data-theme="dark"] .attendance-grade-teacher-v772>strong,
html[data-theme="dark"] .attendance-grade-day-toggle-v772 strong,
html[data-theme="dark"] .attendance-grade-preview-stats-v772 b,
html[data-theme="dark"] .attendance-grade-apply-class-v772 strong,
html[data-theme="dark"] .attendance-grade-summary-v772 b,
html[data-theme="dark"] .attendance-grade-table-v772 td strong{color:#F3F7FC!important;}
html[data-theme="dark"] .attendance-grade-modal-v772>p,
html[data-theme="dark"] .attendance-grade-period-v772 p,
html[data-theme="dark"] .attendance-grade-days-section-v772 p,
html[data-theme="dark"] .attendance-grade-preview-v772 p,
html[data-theme="dark"] .attendance-grade-day-toggle-v772 small,
html[data-theme="dark"] .attendance-grade-preview-stats-v772 span,
html[data-theme="dark"] .attendance-grade-apply-class-v772 small,
html[data-theme="dark"] .attendance-grade-summary-v772 span,
html[data-theme="dark"] .attendance-grade-table-v772 td small{color:#879BB3!important;}
html[data-theme="dark"] .attendance-grade-teacher-v772,
html[data-theme="dark"] .attendance-grade-period-v772,
html[data-theme="dark"] .attendance-grade-days-section-v772,
html[data-theme="dark"] .attendance-grade-preview-v772{background:#14243A!important;border-color:#263A53!important;}
html[data-theme="dark"] .attendance-grade-day-v772,
html[data-theme="dark"] .attendance-grade-preview-empty-v772,
html[data-theme="dark"] .attendance-grade-preview-stats-v772>div,
html[data-theme="dark"] .attendance-grade-preview-dates-v772>span,
html[data-theme="dark"] .attendance-grade-summary-v772>div,
html[data-theme="dark"] .attendance-grade-table-wrap-v772{background:#101E31!important;border-color:#263A53!important;}
html[data-theme="dark"] .attendance-grade-day-v772.is-enabled{background:#112A31!important;border-color:rgba(38,170,163,.42)!important;}
html[data-theme="dark"] .attendance-grade-check-v772{background:#14243A;border-color:#405570;}
html[data-theme="dark"] .attendance-grade-day-v772.is-enabled .attendance-grade-check-v772{background:#26AAA3;border-color:#26AAA3;}
html[data-theme="dark"] .attendance-grade-apply-class-v772{background:rgba(196,122,24,.12);border-color:rgba(229,182,110,.38);}
html[data-theme="dark"] .attendance-grade-actions-v772{border-color:#263A53;}
html[data-theme="dark"] .attendance-grade-table-v772 th{background:#14243A;color:#B1C0D2;border-color:#263A53;}
html[data-theme="dark"] .attendance-grade-table-v772 td{color:#B1C0D2;border-color:#263A53;}
html[data-theme="dark"] .attendance-grade-table-v772 tbody tr:hover td{background:#14243A;}
html[data-theme="dark"] .attendance-grade-days-label-v772{color:#9EE2DD;}
html[data-theme="dark"] .attendance-grade-preview-loading-v772{background:rgba(38,170,163,.13);color:#9EE2DD;}


.attendance-toolbar-v770{flex-wrap:wrap;}
.attendance-legend-v774{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}
.attendance-legend-v774 span{width:23px;height:23px;display:inline-grid;place-items:center;border-radius:8px;font-size:9.5px;font-weight:900;border:1px solid;}
.attendance-legend-v774 .is-p{background:#ECF8F0;border-color:#91CDA8;color:#227446;}
.attendance-legend-v774 .is-f{background:#FFF0F0;border-color:#E5A3A3;color:#B63D3D;}
.attendance-legend-v774 .is-j{background:#FFF6E8;border-color:#E5B66E;color:#A45B0A;}
.attendance-auto-save-v774{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:0 9px;border-radius:999px;background:#F1F5F9;color:#718096;font-size:9.8px;font-weight:800;white-space:nowrap;}
.attendance-auto-save-v774::before{content:'';width:6px;height:6px;border-radius:50%;background:#94A3B8;}
.attendance-auto-save-v774.is-saving{background:#EEF5FF;color:#3978D3;}
.attendance-auto-save-v774.is-saving::before{background:#3978D3;animation:attendanceSavingPulseV774 .8s ease-in-out infinite alternate;}
.attendance-auto-save-v774.is-saved{background:#ECF8F0;color:#227446;}
.attendance-auto-save-v774.is-saved::before{background:#258A52;}
.attendance-auto-save-v774.is-error{background:#FFF0F0;color:#B63D3D;}
.attendance-auto-save-v774.is-error::before{background:#C84B4B;}
@keyframes attendanceSavingPulseV774{to{opacity:.25;transform:scale(.75);}}


.attendance-number-cell-v770,.attendance-name-cell-v770,.attendance-status-cell-v770{height:40px!important;}
.attendance-name-cell-v770{padding:4px 10px!important;}
.attendance-name-cell-v770 strong{font-size:12px!important;line-height:1.2!important;}
.attendance-name-cell-v770 small{display:none!important;}
.attendance-status-cell-v770{padding:3px!important;}
.attendance-mark-v770,.attendance-not-applicable-v770{width:29px!important;height:29px!important;border-radius:9px!important;font-size:11px!important;}
.attendance-percent-cell-v770{padding:4px!important;}
.attendance-percent-cell-v770 span{height:27px!important;min-width:56px!important;font-size:10.8px!important;}


.attendance-date-actions-v774{position:relative;width:100%;height:54px;}
.attendance-date-head-v770 .attendance-date-fill-v774{width:100%;height:54px;padding:0 13px 0 2px;display:grid;place-items:center;align-content:center;gap:1px;border:0;background:transparent;color:#526783;cursor:pointer;font:inherit;}
.attendance-date-head-v770 .attendance-date-fill-v774:hover{background:#ECF8F0;color:#227446;}
.attendance-date-head-v770 .attendance-date-fill-v774:disabled{cursor:not-allowed;opacity:.55;}
.attendance-date-head-v770 .attendance-date-more-v774{position:absolute;right:2px;top:2px;width:17px;height:17px;min-width:17px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#98A6B8;font-size:13px;line-height:1;cursor:pointer;opacity:.2;}
.attendance-date-head-v770:hover .attendance-date-more-v774,.attendance-date-more-v774:focus-visible{opacity:1;background:#FFFFFF;color:#526783;box-shadow:0 1px 4px rgba(15,31,58,.12);}
.attendance-date-head-v770.is-filled .attendance-date-fill-v774::after{content:'✓';position:absolute;left:4px;bottom:3px;font-size:7px;color:#258A52;}
.attendance-date-head-v770.is-today{box-shadow:inset 0 3px 0 #159A94;}
.attendance-date-head-v770.is-today .attendance-date-fill-v774{background:#EAF8F6;color:#0F766E;}

.attendance-mobile-all-v774{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #91CDA8;border-radius:13px;background:#ECF8F0;color:#227446;font:inherit;font-size:11px;font-weight:850;cursor:pointer;}
.attendance-mobile-all-v774>span{font-weight:800;}
.attendance-mobile-all-v774:disabled{cursor:not-allowed;opacity:.55;}

@media(max-width:1120px){
  .attendance-auto-save-v774{order:4;}
  .attendance-result-count-v770{margin-left:auto;}
}
@media(max-width:800px){
  .attendance-legend-v774,.attendance-auto-save-v774{align-self:flex-start;}
  .attendance-result-count-v770{margin-left:0;}
}

html[data-theme="dark"] .attendance-legend-v774 .is-p{background:rgba(37,138,82,.18);border-color:rgba(145,205,168,.55);color:#BEE8CD;}
html[data-theme="dark"] .attendance-legend-v774 .is-f{background:rgba(200,75,75,.18);border-color:rgba(229,163,163,.52);color:#F4CACA;}
html[data-theme="dark"] .attendance-legend-v774 .is-j{background:rgba(196,122,24,.18);border-color:rgba(229,182,110,.52);color:#F1D7AB;}
html[data-theme="dark"] .attendance-auto-save-v774{background:#14243A;color:#879BB3;}
html[data-theme="dark"] .attendance-auto-save-v774.is-saving{background:rgba(57,120,211,.18);color:#AFCBFA;}
html[data-theme="dark"] .attendance-auto-save-v774.is-saved{background:rgba(37,138,82,.18);color:#BEE8CD;}
html[data-theme="dark"] .attendance-auto-save-v774.is-error{background:rgba(200,75,75,.18);color:#F4CACA;}
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-more-v774:focus-visible,
html[data-theme="dark"] .attendance-date-head-v770:hover .attendance-date-more-v774{background:#101E31;color:#B1C0D2;box-shadow:none;}
html[data-theme="dark"] .attendance-date-head-v770.is-today .attendance-date-fill-v774,
html[data-theme="dark"] .attendance-status-cell-v770.is-today{background:rgba(38,170,163,.12)!important;color:#9EE2DD;}
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-fill-v774:hover{background:rgba(37,138,82,.18);color:#BEE8CD;}
html[data-theme="dark"] .attendance-mobile-all-v774{background:rgba(37,138,82,.18);border-color:rgba(145,205,168,.55);color:#BEE8CD;}


.attendance-table-wrap-v770{
  overscroll-behavior:contain;
  scrollbar-gutter:stable both-edges;
  scroll-behavior:smooth;
}
.attendance-table-wrap-v770::-webkit-scrollbar{width:10px;height:11px;}
.attendance-table-wrap-v770::-webkit-scrollbar-track{background:#F1F5F9;border-radius:999px;}
.attendance-table-wrap-v770::-webkit-scrollbar-thumb{background:#C5D0DD;border:2px solid #F1F5F9;border-radius:999px;}
.attendance-table-wrap-v770::-webkit-scrollbar-thumb:hover{background:#9FAFC1;}


.attendance-table-v770{
  border-collapse:separate!important;
  border-spacing:0!important;
  min-width:max-content!important;
  width:100%!important;
}
.attendance-table-v770 tbody tr{
  background:transparent!important;
  box-shadow:none!important;
}
.attendance-table-v770 tbody td,
.attendance-table-v770 tbody td:first-child,
.attendance-table-v770 tbody td:last-child{
  border-radius:0!important;
  border-top:0!important;
  border-left:0!important;
  border-right:1px solid #E9EEF4!important;
  border-bottom:1px solid #E9EEF4!important;
  box-shadow:none!important;
}
.attendance-table-v770 tbody tr:last-child td{border-bottom:0!important;}


.attendance-month-row-v770 th{
  height:22px!important;
  min-height:22px!important;
  padding:2px 5px!important;
  font-size:8.5px!important;
  line-height:1!important;
  letter-spacing:.07em!important;
}
.attendance-date-row-v770 th{
  top:22px!important;
  padding:0!important;
}
.attendance-date-head-v770,
.attendance-status-cell-v770{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
}
.attendance-date-actions-v774,
.attendance-date-head-v770 .attendance-date-fill-v774{
  height:42px!important;
}
.attendance-date-head-v770 .attendance-date-fill-v774{
  padding:0 11px 0 1px!important;
  gap:0!important;
}
.attendance-date-head-v770 small{font-size:7.2px!important;line-height:1.05!important;}
.attendance-date-head-v770 b{font-size:9.6px!important;line-height:1.1!important;}
.attendance-date-head-v770 em{font-size:6.8px!important;line-height:1!important;}
.attendance-date-head-v770 .attendance-date-more-v774{
  right:1px!important;
  top:1px!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  font-size:11px!important;
  border-radius:5px!important;
}
.attendance-date-head-v770.is-filled .attendance-date-fill-v774::after{left:3px!important;bottom:2px!important;}


.attendance-number-head-v770,.attendance-number-cell-v770{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  padding:0 3px!important;
}
.attendance-name-head-v770,.attendance-name-cell-v770{
  left:40px!important;
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
}
.attendance-name-head-v770{padding:0 9px!important;}
.attendance-percent-head-v770,.attendance-percent-cell-v770{
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
}
.attendance-table-v770 .attendance-number-cell-v770{
  padding:0 3px!important;
  line-height:1!important;
}
.attendance-table-v770 .attendance-name-cell-v770{
  padding:0 9px!important;
  line-height:1!important;
}
.attendance-table-v770 .attendance-mark-v770,
.attendance-table-v770 .attendance-not-applicable-v770{
  padding:0!important;
  line-height:1!important;
}
.attendance-table-v770 .attendance-percent-cell-v770 span{
  line-height:1!important;
}
.attendance-table-v770 tbody tr.is-risk .attendance-name-cell-v770 strong::after{
  margin-left:5px!important;
  padding:1px 5px!important;
  font-size:6.8px!important;
}
.attendance-table-v770 tbody tr:hover td{background:#F8FAFD!important;}
.attendance-table-v770 tbody tr:hover .attendance-number-cell-v770,
.attendance-table-v770 tbody tr:hover .attendance-name-cell-v770,
.attendance-table-v770 tbody tr:hover .attendance-percent-cell-v770{background:#F8FAFD!important;}


.attendance-date-head-v770.is-today{
  box-shadow:inset 2px 0 0 rgba(21,154,148,.40),inset -2px 0 0 rgba(21,154,148,.40),inset 0 3px 0 #159A94!important;
  z-index:12!important;
}
.attendance-date-head-v770.is-today .attendance-date-fill-v774{
  background:#EAF8F6!important;
  color:#0F766E!important;
}
.attendance-date-head-v770.is-today small{color:#0F766E!important;font-weight:950!important;}
.attendance-status-cell-v770.is-today{
  background:#F0FAF8!important;
  box-shadow:inset 1px 0 0 rgba(21,154,148,.24),inset -1px 0 0 rgba(21,154,148,.24)!important;
}
.attendance-date-head-v770.is-focused-v775:not(.is-today) .attendance-date-fill-v774{background:#F1F6FC!important;color:#3978D3!important;}
.attendance-status-cell-v770.is-focused-v775:not(.is-today){background:#F7FAFE!important;}

.attendance-today-button-v775{
  min-height:30px!important;
  height:30px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #DCE4EE!important;
  border-radius:10px!important;
  background:#F8FAFD!important;
  color:#526783!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transform:none!important;
}
.attendance-today-button-v775:hover,.attendance-today-button-v775:focus-visible{
  background:#EEF5FF!important;
  border-color:#B7CDEE!important;
  color:#2D63AD!important;
  box-shadow:none!important;
  transform:none!important;
}
.attendance-today-button-v775.is-today{
  background:#EAF8F6!important;
  border-color:#A9DDD8!important;
  color:#0F766E!important;
}
.attendance-today-button-v775:disabled{opacity:.5!important;cursor:not-allowed!important;}

@media(max-width:1180px){
  .attendance-name-head-v770,.attendance-name-cell-v770{width:190px!important;min-width:190px!important;max-width:190px!important;}
}
@media(max-width:800px){
  .attendance-table-wrap-v770{display:none!important;}
}

html[data-theme="dark"] .attendance-table-wrap-v770::-webkit-scrollbar-track{background:#101E31;}
html[data-theme="dark"] .attendance-table-wrap-v770::-webkit-scrollbar-thumb{background:#405570;border-color:#101E31;}
html[data-theme="dark"] .attendance-table-v770 tbody tr{background:transparent!important;box-shadow:none!important;}
html[data-theme="dark"] .attendance-table-v770 tbody td,
html[data-theme="dark"] .attendance-table-v770 tbody td:first-child,
html[data-theme="dark"] .attendance-table-v770 tbody td:last-child{border-color:#263A53!important;border-radius:0!important;}
html[data-theme="dark"] .attendance-table-v770 tbody tr:hover td,
html[data-theme="dark"] .attendance-table-v770 tbody tr:hover .attendance-number-cell-v770,
html[data-theme="dark"] .attendance-table-v770 tbody tr:hover .attendance-name-cell-v770,
html[data-theme="dark"] .attendance-table-v770 tbody tr:hover .attendance-percent-cell-v770{background:#14243A!important;}
html[data-theme="dark"] .attendance-date-head-v770.is-today .attendance-date-fill-v774{background:rgba(38,170,163,.17)!important;color:#9EE2DD!important;}
html[data-theme="dark"] .attendance-status-cell-v770.is-today{background:rgba(38,170,163,.10)!important;box-shadow:inset 1px 0 0 rgba(38,170,163,.26),inset -1px 0 0 rgba(38,170,163,.26)!important;}
html[data-theme="dark"] .attendance-date-head-v770.is-focused-v775:not(.is-today) .attendance-date-fill-v774{background:rgba(57,120,211,.15)!important;color:#AFCBFA!important;}
html[data-theme="dark"] .attendance-status-cell-v770.is-focused-v775:not(.is-today){background:rgba(57,120,211,.07)!important;}
html[data-theme="dark"] .attendance-today-button-v775{background:#14243A!important;border-color:#263A53!important;color:#B1C0D2!important;}
html[data-theme="dark"] .attendance-today-button-v775:hover,html[data-theme="dark"] .attendance-today-button-v775:focus-visible{background:rgba(57,120,211,.18)!important;border-color:rgba(57,120,211,.40)!important;color:#AFCBFA!important;}
html[data-theme="dark"] .attendance-today-button-v775.is-today{background:rgba(38,170,163,.14)!important;border-color:rgba(38,170,163,.38)!important;color:#9EE2DD!important;}


.attendance-table-wrap-v770{
  max-height:none!important;
  min-height:0!important;
  height:auto!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior-x:contain!important;
  overscroll-behavior-y:auto!important;
  scrollbar-gutter:auto!important;
}
.attendance-table-wrap-v770::-webkit-scrollbar{width:0!important;height:10px!important;}


.attendance-table-v770 tbody tr{
  height:27px!important;
  min-height:27px!important;
}
.attendance-table-v770 .attendance-number-cell-v770,
.attendance-table-v770 .attendance-name-cell-v770,
.attendance-table-v770 .attendance-status-cell-v770,
.attendance-table-v770 .attendance-percent-cell-v770{
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.attendance-table-v770 .attendance-number-cell-v770{
  font-size:9.7px!important;
}
.attendance-table-v770 .attendance-name-cell-v770{
  padding-left:8px!important;
  padding-right:8px!important;
}
.attendance-table-v770 .attendance-name-cell-v770 strong{
  font-size:10.8px!important;
  line-height:1!important;
  font-weight:650!important;
}
.attendance-table-v770 .attendance-mark-v770,
.attendance-table-v770 .attendance-not-applicable-v770{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  min-height:21px!important;
  border-radius:6px!important;
  font-size:9px!important;
}
.attendance-table-v770 .attendance-percent-cell-v770{padding:1px 3px!important;}
.attendance-table-v770 .attendance-percent-cell-v770 span{
  min-width:47px!important;
  height:21px!important;
  min-height:21px!important;
  padding:0 5px!important;
  font-size:9.2px!important;
}


.attendance-date-row-v770 th{
  height:50px!important;
  min-height:50px!important;
}
.attendance-date-actions-v776{
  width:100%;
  height:50px;
  display:grid;
  grid-template-rows:30px 18px;
  place-items:center;
  align-content:center;
  gap:1px;
  padding:1px 0;
}
.attendance-date-label-v776{
  min-width:0;
  display:grid;
  place-items:center;
  align-content:center;
  gap:0;
  line-height:1;
  color:#526783;
  pointer-events:none;
}
.attendance-date-label-v776 small{
  font-size:7px!important;
  line-height:1!important;
  font-weight:800;
  text-transform:uppercase;
}
.attendance-date-label-v776 b{
  margin-top:2px;
  font-size:9.4px!important;
  line-height:1!important;
  color:inherit;
}
.attendance-date-label-v776 em{
  margin-top:1px;
  font-size:6.5px!important;
  line-height:1!important;
  color:#7B8DA5;
}
.attendance-date-toggle-v776{
  width:18px;
  height:18px;
  min-width:18px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #C9D5E3;
  border-radius:5px;
  background:#FFFFFF;
  color:#FFFFFF;
  box-shadow:0 1px 2px rgba(15,31,58,.06);
  cursor:pointer;
  transition:background-color .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease;
}
.attendance-date-toggle-v776 span{
  display:grid;
  place-items:center;
  font-size:12px;
  line-height:1;
  font-weight:950;
  transform:translateY(-.2px);
}
.attendance-date-toggle-v776:hover,
.attendance-date-toggle-v776:focus-visible{
  border-color:#70C39B;
  background:#ECF8F0;
  box-shadow:0 0 0 2px rgba(37,138,82,.10);
  outline:none;
}
.attendance-date-toggle-v776.is-active{
  border-color:#258A52;
  background:#2DAA73;
  color:#FFFFFF;
  box-shadow:0 1px 3px rgba(37,138,82,.22);
}
.attendance-date-toggle-v776.is-active:hover,
.attendance-date-toggle-v776.is-active:focus-visible{
  border-color:#207A49;
  background:#258A52;
}
.attendance-date-toggle-v776:disabled{
  cursor:not-allowed;
  opacity:.48;
  transform:none;
  box-shadow:none;
}
.attendance-date-head-v770.is-today .attendance-date-label-v776{
  color:#0F766E;
}
.attendance-date-head-v770.is-focused-v775:not(.is-today) .attendance-date-label-v776{
  color:#3978D3;
}
.attendance-date-head-v770.is-cancelled .attendance-date-label-v776,
.attendance-date-head-v770.is-cancelled .attendance-date-toggle-v776{
  opacity:.45;
}

.attendance-mobile-all-v774.is-active{
  background:#2DAA73!important;
  border-color:#258A52!important;
  color:#FFFFFF!important;
}

@media(max-width:1180px){
  .attendance-table-wrap-v770{
    max-height:none!important;
    min-height:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
  }
}

html[data-theme="dark"] .attendance-date-label-v776{color:#B1C0D2;}
html[data-theme="dark"] .attendance-date-toggle-v776{
  background:#101E31;
  border-color:#405570;
  color:#F3F7FC;
  box-shadow:none;
}
html[data-theme="dark"] .attendance-date-toggle-v776:hover,
html[data-theme="dark"] .attendance-date-toggle-v776:focus-visible{
  background:rgba(37,138,82,.16);
  border-color:rgba(145,205,168,.52);
}
html[data-theme="dark"] .attendance-date-toggle-v776.is-active{
  background:#2DAA73;
  border-color:#63C99A;
  color:#FFFFFF;
}
html[data-theme="dark"] .attendance-date-head-v770.is-today .attendance-date-label-v776{color:#9EE2DD;}
html[data-theme="dark"] .attendance-date-head-v770.is-focused-v775:not(.is-today) .attendance-date-label-v776{color:#AFCBFA;}
html[data-theme="dark"] .attendance-mobile-all-v774.is-active{
  background:#2DAA73!important;
  border-color:#63C99A!important;
  color:#FFFFFF!important;
}


.sb-brand-row-v777{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.sb-brand-row-v777 .brand-lockup{
  min-width:0;
}
.sb-collapse-toggle-v777{
  width:30px;
  height:30px;
  min-width:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #E1E7EF;
  border-radius:10px;
  background:#FFFFFF;
  color:#7186A2;
  box-shadow:none;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.sb-collapse-toggle-v777 svg{
  width:16px;
  height:16px;
}
.sb-collapse-toggle-v777:hover,
.sb-collapse-toggle-v777:focus-visible{
  background:#EAF8F6;
  border-color:#A9DDD8;
  color:#0F766E;
  outline:none;
}
.sb-collapse-toggle-v777:active{transform:scale(.96);}

@media(min-width:801px){
  .tl>.sb{
    transition:width .22s cubic-bezier(.2,.8,.2,1),background-color .16s ease,border-color .16s ease!important;
  }
  .tl>.tm{
    transition:margin-left .22s cubic-bezier(.2,.8,.2,1),width .22s cubic-bezier(.2,.8,.2,1)!important;
  }

  .sidebar-collapsed-v777>.sb{
    width:78px!important;
  }
  .sidebar-collapsed-v777>.tm{
    margin-left:78px!important;
    width:calc(100vw - 78px)!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-brand{
    padding:13px 8px 12px!important;
  }
  .sidebar-collapsed-v777 .sb-brand-row-v777{
    justify-content:center!important;
    gap:6px!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-brand .brand-lockup{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    flex:0 0 28px!important;
    overflow:hidden!important;
    gap:0!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-brand .brand-lockup img,
  .sidebar-collapsed-v777>.sb>.sb-brand img{
    width:28px!important;
    height:28px!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-brand .brand-lockup span,
  .sidebar-collapsed-v777>.sb>.sb-brand .sb-brand-domain{
    display:none!important;
  }
  .sidebar-collapsed-v777 .sb-collapse-toggle-v777{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    flex-basis:26px!important;
    border-radius:9px!important;
  }
  .sidebar-collapsed-v777 .sb-collapse-toggle-v777 svg{
    width:14px!important;
    height:14px!important;
  }

  .sidebar-collapsed-v777>.sb>.sb-nav{
    padding:7px 8px!important;
    align-items:stretch!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-nav .sb-group-v753{
    width:100%!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-nav .sb-group-v753 + .sb-group-v753{
    margin-top:5px!important;
    padding-top:5px!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-nav .ni{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    margin:0 auto 2px!important;
    padding:0!important;
    justify-content:center!important;
    gap:0!important;
    border-radius:11px!important;
    overflow:visible!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-nav .ni::before,
  .sidebar-collapsed-v777>.sb>.sb-nav .ni::after{
    display:none!important;
    content:none!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-nav .ni>svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    flex:0 0 18px!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-nav .ni>span:not(.theme-menu-ico),
  .sidebar-collapsed-v777>.sb>.sb-nav .theme-menu-item>span:last-child{
    display:none!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-nav .theme-menu-item{
    margin-top:5px!important;
    text-align:center!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-nav .theme-menu-ico{
    width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-nav .theme-menu-ico svg{
    width:18px!important;
    height:18px!important;
  }

  .sidebar-collapsed-v777>.sb>.sb-foot.sb-foot-v754{
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:8px!important;
  }
  .sidebar-collapsed-v777 .sb-account-identity-v754{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    min-height:38px!important;
    flex:0 0 38px!important;
    justify-content:center!important;
    padding:4px!important;
  }
  .sidebar-collapsed-v777 .sb-foot-identity-v531{
    justify-content:center!important;
    width:30px!important;
  }
  .sidebar-collapsed-v777 .sb-foot-copy{
    display:none!important;
  }
  .sidebar-collapsed-v777 .sb-direct-logout-v754{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
}

@media(max-width:800px){
  .sb-collapse-toggle-v777{display:none!important;}
}

html[data-theme="dark"] .sb-collapse-toggle-v777{
  background:#14243A;
  border-color:#263A53;
  color:#B1C0D2;
}
html[data-theme="dark"] .sb-collapse-toggle-v777:hover,
html[data-theme="dark"] .sb-collapse-toggle-v777:focus-visible{
  background:rgba(38,170,163,.14);
  border-color:rgba(38,170,163,.38);
  color:#9EE2DD;
}

@media(min-width:801px){
  .sidebar-collapsed-v777>.sb>.sb-nav .ni{
    height:32px!important;
    min-height:32px!important;
  }
}
@media(min-width:801px) and (max-height:720px){
  .sidebar-collapsed-v777>.sb>.sb-brand{padding-top:10px!important;padding-bottom:9px!important;}
  .sidebar-collapsed-v777>.sb>.sb-nav{padding-top:5px!important;padding-bottom:5px!important;}
  .sidebar-collapsed-v777>.sb>.sb-nav .ni{
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;
    height:29px!important;
    min-height:29px!important;
    margin-bottom:1px!important;
  }
  .sidebar-collapsed-v777>.sb>.sb-foot.sb-foot-v754{padding:6px!important;gap:4px!important;}
  .sidebar-collapsed-v777 .sb-account-identity-v754,
  .sidebar-collapsed-v777 .sb-direct-logout-v754{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex-basis:34px!important;
  }
  .sidebar-collapsed-v777 .sb-foot-avatar-v531{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .tl>.sb,.tl>.tm,.sb-collapse-toggle-v777{transition:none!important;}
}


@media(min-width:801px){

  .tl.sidebar-collapsed-v777 > .sb{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
    flex:0 0 78px!important;
    padding-left:8px!important;
    padding-right:8px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }


  .tl.sidebar-collapsed-v777 > .tm{
    margin-left:78px!important;
    width:calc(100vw - 78px)!important;
    min-width:0!important;
    max-width:calc(100vw - 78px)!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  .tl.sidebar-collapsed-v777 > .sb > .sb-brand{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  .tl.sidebar-collapsed-v777 .sb-brand-row-v777{
    width:100%!important;
    display:grid!important;
    justify-content:center!important;
    align-items:center!important;
  }

  .tl.sidebar-collapsed-v777 > .sb > .sb-nav{
    width:100%!important;
    min-width:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  .tl.sidebar-collapsed-v777 > .sb > .sb-nav .ni{
    margin-left:auto!important;
    margin-right:auto!important;
  }


  .tl.sidebar-collapsed-v777 > .sb > .sb-foot.sb-foot-v754{
    width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .tl.sidebar-collapsed-v777 .sb-account-identity-v754,
  .tl.sidebar-collapsed-v777 .sb-direct-logout-v754{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex:0 0 36px!important;
    margin:0!important;
    padding:3px!important;
    box-sizing:border-box!important;
  }
  .tl.sidebar-collapsed-v777 .sb-foot-identity-v531{
    justify-content:center!important;
  }


  .tl.sidebar-collapsed-v777 .attendance-page-v770,
  .tl.sidebar-collapsed-v777 .attendance-table-shell-v770,
  .tl.sidebar-collapsed-v777 .attendance-table-wrap-v770{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media(min-width:801px) and (max-height:720px){
  .tl.sidebar-collapsed-v777 > .sb > .sb-foot.sb-foot-v754{
    padding-top:5px!important;
    padding-bottom:5px!important;
    gap:3px!important;
  }
  .tl.sidebar-collapsed-v777 .sb-account-identity-v754,
  .tl.sidebar-collapsed-v777 .sb-direct-logout-v754{
    width:33px!important;
    min-width:33px!important;
    max-width:33px!important;
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
    flex-basis:33px!important;
  }
}


@media(min-width:801px){

  .tl.sidebar-collapsed-v777 > .sb > .sb-brand{
    padding-top:9px!important;
    padding-bottom:8px!important;
  }
  .tl.sidebar-collapsed-v777 .sb-brand-row-v777{
    grid-template-columns:27px 24px!important;
    gap:3px!important;
  }
  .tl.sidebar-collapsed-v777 > .sb > .sb-brand .brand-lockup{
    width:27px!important;
    min-width:27px!important;
    max-width:27px!important;
    flex-basis:27px!important;
  }
  .tl.sidebar-collapsed-v777 > .sb > .sb-brand .brand-lockup img,
  .tl.sidebar-collapsed-v777 > .sb > .sb-brand img{
    width:27px!important;
    height:27px!important;
  }
  .tl.sidebar-collapsed-v777 .sb-collapse-toggle-v777{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    flex:0 0 24px!important;
    border-radius:8px!important;
    background:transparent!important;
    border-color:#E6ECF2!important;
    color:#7186A2!important;
  }
  .tl.sidebar-collapsed-v777 .sb-collapse-toggle-v777 svg{
    width:13px!important;
    height:13px!important;
  }


  .tl.sidebar-collapsed-v777 > .sb > .sb-nav{
    padding-top:4px!important;
    padding-bottom:3px!important;
  }
  .tl.sidebar-collapsed-v777 > .sb > .sb-nav .ni{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:30px!important;
    min-height:30px!important;
    margin:0 auto 1px!important;
    border-radius:10px!important;
  }
  .tl.sidebar-collapsed-v777 > .sb > .sb-nav .theme-menu-item{
    margin-top:3px!important;
  }


  .tl.sidebar-collapsed-v777 > .sb > .sb-nav .sb-group-v753 + .sb-group-v753{
    margin-top:4px!important;
    padding-top:5px!important;
    border-top:0!important;
    background-image:linear-gradient(to right,transparent,#E9EEF4 24%,#E9EEF4 76%,transparent)!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:38px 1px!important;
  }


  .tl.sidebar-collapsed-v777 > .sb > .sb-foot.sb-foot-v754{
    position:relative!important;
    margin:0!important;
    padding:7px 0 8px!important;
    gap:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .tl.sidebar-collapsed-v777 > .sb > .sb-foot.sb-foot-v754::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:50%!important;
    width:38px!important;
    height:1px!important;
    transform:translateX(-50%)!important;
    background:#E9EEF4!important;
  }
  .tl.sidebar-collapsed-v777 .sb-account-identity-v754{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    flex:0 0 32px!important;
    padding:2px!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
  }
  .tl.sidebar-collapsed-v777 .sb-foot-identity-v531{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
  }
  .tl.sidebar-collapsed-v777 .sb-foot-avatar-v531{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    flex:0 0 28px!important;
  }
  .tl.sidebar-collapsed-v777 .sb-direct-logout-v754{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    flex:0 0 32px!important;
    border-radius:10px!important;
    background:#F8FAFD!important;
    border-color:#E1E7EF!important;
  }
  .tl.sidebar-collapsed-v777 .sb-direct-logout-v754 svg{
    width:15px!important;
    height:15px!important;
  }
}

@media(min-width:801px) and (max-height:760px){
  .tl.sidebar-collapsed-v777 > .sb > .sb-brand{
    padding-top:7px!important;
    padding-bottom:6px!important;
  }
  .tl.sidebar-collapsed-v777 > .sb > .sb-nav .ni{
    height:28px!important;
    min-height:28px!important;
  }
  .tl.sidebar-collapsed-v777 > .sb > .sb-nav .sb-group-v753 + .sb-group-v753{
    margin-top:3px!important;
    padding-top:4px!important;
  }
  .tl.sidebar-collapsed-v777 > .sb > .sb-foot.sb-foot-v754{
    padding-top:5px!important;
    padding-bottom:5px!important;
    gap:3px!important;
  }
  .tl.sidebar-collapsed-v777 .sb-account-identity-v754,
  .tl.sidebar-collapsed-v777 .sb-direct-logout-v754{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    flex-basis:30px!important;
  }
}

html[data-theme="dark"] .tl.sidebar-collapsed-v777 .sb-collapse-toggle-v777{
  background:transparent!important;
  border-color:#263A53!important;
  color:#B1C0D2!important;
}
html[data-theme="dark"] .tl.sidebar-collapsed-v777 > .sb > .sb-nav .sb-group-v753 + .sb-group-v753{
  border-top:0!important;
  background-image:linear-gradient(to right,transparent,#263A53 24%,#263A53 76%,transparent)!important;
}
html[data-theme="dark"] .tl.sidebar-collapsed-v777 > .sb > .sb-foot.sb-foot-v754{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .tl.sidebar-collapsed-v777 > .sb > .sb-foot.sb-foot-v754::before{
  background:#263A53!important;
}
html[data-theme="dark"] .tl.sidebar-collapsed-v777 .sb-account-identity-v754{
  background:transparent!important;
  border:0!important;
}
html[data-theme="dark"] .tl.sidebar-collapsed-v777 .sb-direct-logout-v754{
  background:#14243A!important;
  border-color:#263A53!important;
  color:#B1C0D2!important;
}


.attendance-date-head-v770 .attendance-date-toggle-v776,
.attendance-date-head-v770 .attendance-date-toggle-v776:hover,
.attendance-date-head-v770 .attendance-date-toggle-v776:focus,
.attendance-date-head-v770 .attendance-date-toggle-v776:focus-visible,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active:hover,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active:focus,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active:focus-visible{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  padding:0!important;
  margin:0!important;
  flex:0 0 18px!important;
  align-self:center!important;
  justify-self:center!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.attendance-date-head-v770 .attendance-date-toggle-v776 span{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  transform:translateY(-.2px)!important;
}


.attendance-date-head-v770 .attendance-date-toggle-v776,
.attendance-date-head-v770 .attendance-date-toggle-v776:hover,
.attendance-date-head-v770 .attendance-date-toggle-v776:focus,
.attendance-date-head-v770 .attendance-date-toggle-v776:focus-visible{
  border-radius:999px!important;
  background:#F8FCF9!important;
  border:1px solid #C7DDD1!important;
  color:#8FAE9C!important;
  box-shadow:none!important;
}
.attendance-date-head-v770 .attendance-date-toggle-v776 .attendance-date-toggle-icon-v7711{
  display:grid!important;
  place-items:center!important;
  width:10px!important;
  height:10px!important;
}
.attendance-date-head-v770 .attendance-date-toggle-v776 .attendance-date-toggle-icon-v7711 svg{
  width:10px!important;
  height:10px!important;
  stroke-width:2.2!important;
  overflow:visible;
}
.attendance-date-head-v770 .attendance-date-toggle-v776 .attendance-date-toggle-icon-v7711.is-empty{
  opacity:.96;
}
.attendance-date-head-v770 .attendance-date-toggle-v776:hover,
.attendance-date-head-v770 .attendance-date-toggle-v776:focus-visible{
  background:#F0FAF4!important;
  border-color:#74C59A!important;
  color:#2DAA73!important;
  box-shadow:0 0 0 2px rgba(45,170,115,.10)!important;
  outline:none!important;
}
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active:hover,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active:focus,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active:focus-visible{
  background:#2DAA73!important;
  border-color:#258A52!important;
  color:#FFFFFF!important;
  box-shadow:0 1px 3px rgba(37,138,82,.18)!important;
}
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active .attendance-date-toggle-icon-v7711 svg{
  stroke-width:2.35!important;
}
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776,
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776:hover,
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776:focus,
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776:focus-visible{
  background:#122234!important;
  border-color:#405B56!important;
  color:#9BC5AD!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776:hover,
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776:focus-visible{
  background:#163126!important;
  border-color:#64C692!important;
  color:#8DE0B2!important;
  box-shadow:0 0 0 2px rgba(45,170,115,.12)!important;
}
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776.is-active,
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776.is-active:hover,
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776.is-active:focus,
html[data-theme="dark"] .attendance-date-head-v770 .attendance-date-toggle-v776.is-active:focus-visible{
  background:#2DAA73!important;
  border-color:#63C99A!important;
  color:#FFFFFF!important;
}


.attendance-date-head-v770.is-today .attendance-date-label-v776 small,
.attendance-date-head-v770.is-upcoming-v7712 .attendance-date-label-v776 small{
  letter-spacing:.06em!important;
  font-weight:900!important;
}
.attendance-date-head-v770.is-today{
  background:linear-gradient(180deg,rgba(21,154,148,.045),rgba(21,154,148,.02))!important;
}
.attendance-date-head-v770.is-upcoming-v7712{
  box-shadow:inset 2px 0 0 rgba(57,120,211,.16),inset -2px 0 0 rgba(57,120,211,.16),inset 0 3px 0 #C3D7F6!important;
  background:linear-gradient(180deg,rgba(57,120,211,.045),rgba(57,120,211,.02))!important;
  z-index:11!important;
}
.attendance-date-head-v770.is-upcoming-v7712 .attendance-date-label-v776{
  color:#3978D3!important;
}
.attendance-date-head-v770.is-upcoming-v7712 .attendance-date-label-v776 small{
  color:#3978D3!important;
}
.attendance-status-cell-v770.is-upcoming-v7712{
  background:#F7FAFE!important;
  box-shadow:inset 1px 0 0 rgba(57,120,211,.14),inset -1px 0 0 rgba(57,120,211,.14)!important;
}
html[data-theme="dark"] .attendance-date-head-v770.is-upcoming-v7712{
  background:linear-gradient(180deg,rgba(57,120,211,.10),rgba(57,120,211,.04))!important;
  box-shadow:inset 2px 0 0 rgba(57,120,211,.26),inset -2px 0 0 rgba(57,120,211,.26),inset 0 3px 0 rgba(175,203,250,.45)!important;
}
html[data-theme="dark"] .attendance-date-head-v770.is-upcoming-v7712 .attendance-date-label-v776,
html[data-theme="dark"] .attendance-date-head-v770.is-upcoming-v7712 .attendance-date-label-v776 small{
  color:#AFCBFA!important;
}
html[data-theme="dark"] .attendance-status-cell-v770.is-upcoming-v7712{
  background:rgba(57,120,211,.08)!important;
  box-shadow:inset 1px 0 0 rgba(57,120,211,.20),inset -1px 0 0 rgba(57,120,211,.20)!important;
}


.attendance-percent-head-v770,
.attendance-percent-cell-v770{
  right:72px!important;
  box-shadow:-8px 0 12px -12px rgba(15,31,58,.35)!important;
}
.attendance-grade-head-v7713,
.attendance-grade-cell-v7713{
  position:sticky!important;
  right:0!important;
  z-index:10!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  background:#FFFFFF!important;
  text-align:center!important;
  border-right:0!important;
}
.attendance-grade-head-v7713{
  z-index:14!important;
  background:#F6F8FC!important;
  color:#536882!important;
  font-size:10px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
.attendance-grade-cell-v7713{
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  padding:1px 4px!important;
}
.attendance-grade-pill-v7713{
  width:50px!important;
  min-width:50px!important;
  height:21px!important;
  min-height:21px!important;
  padding:0 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  background:#F1F5F9!important;
  color:#7B8DA5!important;
  font:inherit!important;
  font-size:9.4px!important;
  line-height:1!important;
  font-weight:850!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease!important;
}
.attendance-grade-pill-v7713:hover,
.attendance-grade-pill-v7713:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 2px rgba(57,120,211,.10)!important;
  transform:none!important;
}
.attendance-grade-pill-v7713.is-good{
  background:#ECF8F0!important;
  color:#227446!important;
  border-color:#B8DDC5!important;
}
.attendance-grade-pill-v7713.is-good:hover,
.attendance-grade-pill-v7713.is-good:focus-visible{
  background:#E2F4E8!important;
  border-color:#91CDA8!important;
}
.attendance-grade-pill-v7713.is-bad{
  background:#FFF0F0!important;
  color:#B63D3D!important;
  border-color:#EAB8B8!important;
}
.attendance-grade-pill-v7713.is-bad:hover,
.attendance-grade-pill-v7713.is-bad:focus-visible{
  background:#FFE7E7!important;
  border-color:#E5A3A3!important;
}
.attendance-grade-pill-v7713.is-empty,
.attendance-grade-pill-v7713.is-loading{
  background:#F1F5F9!important;
  color:#7B8DA5!important;
  border-color:#E1E7EF!important;
}
.attendance-grade-pill-v7713.is-loading{
  letter-spacing:.12em!important;
}
.attendance-table-v770 tbody tr:hover .attendance-grade-cell-v7713{
  background:#F8FAFD!important;
}

html[data-theme="dark"] .attendance-grade-head-v7713{
  background:#101E31!important;
  color:#B1C0D2!important;
}
html[data-theme="dark"] .attendance-grade-cell-v7713{
  background:#101E31!important;
  border-color:#263A53!important;
}
html[data-theme="dark"] .attendance-table-v770 tbody tr:hover .attendance-grade-cell-v7713{
  background:#14243A!important;
}
html[data-theme="dark"] .attendance-grade-pill-v7713.is-good{
  background:rgba(37,138,82,.16)!important;
  color:#A9E1BD!important;
  border-color:rgba(99,201,154,.38)!important;
}
html[data-theme="dark"] .attendance-grade-pill-v7713.is-bad{
  background:rgba(200,75,75,.16)!important;
  color:#FFC1C1!important;
  border-color:rgba(229,163,163,.34)!important;
}
html[data-theme="dark"] .attendance-grade-pill-v7713.is-empty,
html[data-theme="dark"] .attendance-grade-pill-v7713.is-loading{
  background:#14243A!important;
  color:#879BB3!important;
  border-color:#263A53!important;
}


.attendance-toolbar-primary-v7714{
  margin-top:0;
}
.attendance-threshold-inline-v7714{
  padding:5px 8px!important;
  font-size:10px!important;
  flex:0 0 auto;
}
.attendance-threshold-inline-v7714 b{
  font-size:10px!important;
}
.attendance-post-summary-v7714{
  display:grid;
  gap:8px;
  margin-top:2px;
  padding-top:2px;
}
.attendance-post-summary-head-v7714{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  padding:2px 3px 0;
}
.attendance-post-summary-head-v7714>div{
  display:grid;
  gap:2px;
  min-width:0;
}
.attendance-post-summary-head-v7714 span{
  color:#159A94;
  font-size:9px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.attendance-post-summary-head-v7714 strong{
  overflow:hidden;
  color:#526783;
  font-size:11px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.attendance-post-summary-v7714 .attendance-summary-v770>div{
  padding:9px 12px;
}
.attendance-post-summary-v7714 .attendance-summary-v770 b{
  font-size:19px;
}
@media(max-width:1180px){
  .attendance-threshold-inline-v7714{order:5;}
  .attendance-result-count-v770{order:6;}
}
@media(max-width:800px){
  .attendance-threshold-inline-v7714{align-self:flex-start;}
  .attendance-post-summary-head-v7714 strong{white-space:normal;}
  .attendance-post-summary-v7714 .attendance-summary-v770{grid-template-columns:repeat(2,minmax(0,1fr));}
}
html[data-theme="dark"] .attendance-post-summary-head-v7714 strong{color:#B1C0D2;}


.attendance-page-v770 .attendance-filter-card-v770{
  grid-template-columns:minmax(0,1.02fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.58fr) minmax(0,.72fr)!important;
  overflow:visible!important;
}
.attendance-page-v770 .attendance-filter-card-v770 .fg,
.attendance-page-v770 .attendance-filter-card-v770 .modern-select,
.attendance-page-v770 .attendance-toolbar-v770 .modern-select{
  min-width:0!important;
  max-width:100%!important;
}
.attendance-page-v770 .modern-select-control,
.attendance-page-v770 .modern-select-control:hover,
.attendance-page-v770 .modern-select-control:focus,
.attendance-page-v770 .modern-select-control:focus-visible,
.attendance-page-v770 .modern-select.is-open .modern-select-control{
  border-width:1px!important;
  border-style:solid!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.attendance-page-v770 .modern-select-control{
  border-color:#DCE4EE!important;
}
.attendance-page-v770 .modern-select-control:hover{
  border-color:#C6D3E2!important;
}
.attendance-page-v770 .modern-select-control:focus,
.attendance-page-v770 .modern-select-control:focus-visible,
.attendance-page-v770 .modern-select.is-open .modern-select-control{
  border-color:#6EC9A1!important;
}
.attendance-page-v770 .modern-select-menu{
  left:0!important;
  right:auto!important;
  width:100%!important;
  min-width:100%!important;
  max-width:calc(100vw - 32px)!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
.attendance-page-v770 .attendance-filter-card-v770 .fg:nth-last-child(-n+2) .modern-select-menu{
  left:auto!important;
  right:0!important;
}
.attendance-page-v770 .modern-select-search,
.attendance-page-v770 .modern-select-search:hover,
.attendance-page-v770 .modern-select-search:active,
.attendance-page-v770 .modern-select-search:focus,
.attendance-page-v770 .modern-select-search:focus-visible{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid #DCE4EE!important;
  outline:0!important;
  box-shadow:none!important;
  background:#FFFFFF!important;
  color:#0F1F3A!important;
}
.attendance-page-v770 .modern-select-search:focus,
.attendance-page-v770 .modern-select-search:focus-visible{
  border-color:#3978D3!important;
}
.attendance-page-v770 .attendance-search-v770,
.attendance-page-v770 .attendance-search-v770:hover,
.attendance-page-v770 .attendance-search-v770:focus-within{
  border-width:1px!important;
  border-style:solid!important;
  box-shadow:none!important;
  outline:0!important;
}
.attendance-page-v770 .attendance-search-v770{
  border-color:#DCE4EE!important;
}
.attendance-page-v770 .attendance-search-v770:hover{
  border-color:#C6D3E2!important;
}
.attendance-page-v770 .attendance-search-v770:focus-within{
  border-color:#6EC9A1!important;
}
.attendance-page-v770 .attendance-search-v770 input,
.attendance-page-v770 .attendance-search-v770 input:hover,
.attendance-page-v770 .attendance-search-v770 input:active,
.attendance-page-v770 .attendance-search-v770 input:focus,
.attendance-page-v770 .attendance-search-v770 input:focus-visible{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
@media(max-width:1120px){
  .attendance-page-v770 .attendance-filter-card-v770{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .attendance-page-v770 .attendance-filter-card-v770 .fg:nth-last-child(-n+2) .modern-select-menu{
    left:0!important;
    right:auto!important;
  }
  .attendance-page-v770 .attendance-filter-card-v770 .fg:nth-child(3n) .modern-select-menu{
    left:auto!important;
    right:0!important;
  }
}
@media(max-width:800px){
  .attendance-page-v770 .attendance-filter-card-v770{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .attendance-page-v770 .attendance-filter-card-v770 .modern-select-menu{
    left:0!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
}
html[data-theme="dark"] .attendance-page-v770 .modern-select-control,
html[data-theme="dark"] .attendance-page-v770 .modern-select-search,
html[data-theme="dark"] .attendance-page-v770 .attendance-search-v770{
  background:#14243A!important;
  border-color:#263A53!important;
}
html[data-theme="dark"] .attendance-page-v770 .modern-select-control:hover,
html[data-theme="dark"] .attendance-page-v770 .attendance-search-v770:hover{
  border-color:#405570!important;
}
html[data-theme="dark"] .attendance-page-v770 .modern-select-control:focus,
html[data-theme="dark"] .attendance-page-v770 .modern-select-control:focus-visible,
html[data-theme="dark"] .attendance-page-v770 .modern-select.is-open .modern-select-control,
html[data-theme="dark"] .attendance-page-v770 .attendance-search-v770:focus-within{
  border-color:#63C99A!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .attendance-page-v770 .modern-select-search{
  color:#F3F7FC!important;
}
html[data-theme="dark"] .attendance-page-v770 .modern-select-search:focus,
html[data-theme="dark"] .attendance-page-v770 .modern-select-search:focus-visible{
  border-color:#AFCBFA!important;
  box-shadow:none!important;
}


html .tl .tm .attendance-page-v770 .modern-select-menu .modern-select-search,
html .tl .tm .attendance-page-v770 .modern-select-menu .modern-select-search:hover,
html .tl .tm .attendance-page-v770 .modern-select-menu .modern-select-search:active,
html .tl .tm .attendance-page-v770 .modern-select-menu .modern-select-search:focus,
html .tl .tm .attendance-page-v770 .modern-select-menu .modern-select-search:focus-visible{
  outline:none!important;
  outline-width:0!important;
  outline-style:none!important;
  outline-color:transparent!important;
  outline-offset:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html .tl .tm .attendance-page-v770 .modern-select-menu .modern-select-search:focus,
html .tl .tm .attendance-page-v770 .modern-select-menu .modern-select-search:focus-visible{
  border-color:#3978D3!important;
}
html .tl .tm .attendance-page-v770 .attendance-search-v770 input,
html .tl .tm .attendance-page-v770 .attendance-search-v770 input:hover,
html .tl .tm .attendance-page-v770 .attendance-search-v770 input:active,
html .tl .tm .attendance-page-v770 .attendance-search-v770 input:focus,
html .tl .tm .attendance-page-v770 .attendance-search-v770 input:focus-visible{
  border:0!important;
  outline:none!important;
  outline-width:0!important;
  outline-style:none!important;
  outline-color:transparent!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background:transparent!important;
  transform:none!important;
}
html .tl .tm .attendance-page-v770 .attendance-search-v770:focus-within{
  border-color:#6EC9A1!important;
  outline:none!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .tl .tm .attendance-page-v770 .modern-select-menu .modern-select-search:focus,
html[data-theme="dark"] .tl .tm .attendance-page-v770 .modern-select-menu .modern-select-search:focus-visible{
  border-color:#AFCBFA!important;
  outline:none!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .tl .tm .attendance-page-v770 .attendance-search-v770 input:focus,
html[data-theme="dark"] .tl .tm .attendance-page-v770 .attendance-search-v770 input:focus-visible{
  outline:none!important;
  box-shadow:none!important;
}


.attendance-date-actions-v776{
  position:relative!important;
}
.attendance-date-head-v770 .attendance-date-actions-v776 .attendance-date-toggle-v776,
.attendance-date-head-v770 .attendance-date-actions-v776 .attendance-date-toggle-v776:hover,
.attendance-date-head-v770 .attendance-date-actions-v776 .attendance-date-toggle-v776:focus,
.attendance-date-head-v770 .attendance-date-actions-v776 .attendance-date-toggle-v776:focus-visible,
.attendance-date-head-v770 .attendance-date-actions-v776 .attendance-date-toggle-v776.is-active,
.attendance-date-head-v770 .attendance-date-actions-v776 .attendance-date-toggle-v776.is-active:hover,
.attendance-date-head-v770 .attendance-date-actions-v776 .attendance-date-toggle-v776.is-active:focus,
.attendance-date-head-v770 .attendance-date-actions-v776 .attendance-date-toggle-v776.is-active:focus-visible{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:1px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
}


.attendance-table-v770 .attendance-status-cell-v770{
  padding:0!important;
  vertical-align:middle!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.attendance-table-v770 .attendance-status-align-v7718{
  width:100%!important;
  height:100%!important;
  min-height:27px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.attendance-table-v770 .attendance-status-align-v7718 > .attendance-mark-v770,
.attendance-table-v770 .attendance-status-align-v7718 > .attendance-not-applicable-v770{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  transform:none!important;
  flex:0 0 auto!important;
  align-self:center!important;
  justify-self:center!important;
}


.attendance-page-head-v770 h1{
  margin-bottom:0!important;
}
.attendance-grade-pill-v7713.is-partial{
  background:#F1F5FA!important;
  color:#526783!important;
  border-color:#D7E0EA!important;
}
.attendance-grade-pill-v7713.is-partial:hover,
.attendance-grade-pill-v7713.is-partial:focus-visible{
  background:#EAF0F7!important;
  color:#3E5878!important;
  border-color:#C5D1DF!important;
}
html[data-theme="dark"] .attendance-grade-pill-v7713.is-partial{
  background:#14243A!important;
  color:#B1C0D2!important;
  border-color:#334960!important;
}
html[data-theme="dark"] .attendance-grade-pill-v7713.is-partial:hover,
html[data-theme="dark"] .attendance-grade-pill-v7713.is-partial:focus-visible{
  background:#192C45!important;
  color:#D1DCE8!important;
  border-color:#48627E!important;
}


.student-shell-clean .student-top,
.sl.student-shell .student-top{
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.student-top > div:first-child{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
}
.student-top .student-site-brand{
  margin:0!important;
  min-width:0!important;
  line-height:1.1!important;
}
.student-top .top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  min-width:0!important;
}
.student-top .theme-toggle.compact,
.student-top .theme-toggle.compact:hover,
.student-top .theme-toggle.compact:focus,
.student-top .theme-toggle.compact:focus-visible{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  flex:0 0 40px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
}
.student-top .theme-toggle.compact > svg,
.student-top .theme-toggle.compact > svg:hover,
.student-top .theme-toggle.compact svg{
  display:block!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
@media(min-width:821px){
  .student-shell-clean .student-top,
  .sl.student-shell .student-top{
    min-height:64px!important;
    height:auto!important;
    padding:10px 28px!important;
    gap:16px!important;
  }
}
@media(max-width:820px){
  .student-top .theme-toggle.compact,
  .student-top .theme-toggle.compact:hover,
  .student-top .theme-toggle.compact:focus,
  .student-top .theme-toggle.compact:focus-visible{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex-basis:36px!important;
  }
  .student-top .theme-toggle.compact > svg,
  .student-top .theme-toggle.compact svg{
    width:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    flex-basis:17px!important;
  }
}


.attendance-toolbar-v770{
  gap:8px!important;
}
.attendance-search-v770,
.attendance-toolbar-v770>.modern-select{
  min-width:0!important;
}
.attendance-today-button-v775,
.attendance-legend-v774,
.attendance-auto-save-v774,
.attendance-threshold-inline-v7714,
.attendance-result-count-v770{
  flex:0 0 auto!important;
}
.attendance-auto-save-v774{
  padding:0 8px!important;
}
.attendance-today-button-v775{
  padding-inline:12px!important;
}
.attendance-result-count-v770{
  margin-left:auto!important;
  white-space:nowrap!important;
}
@media (min-width:1121px){
  .attendance-toolbar-v770{
    flex-wrap:nowrap!important;
  }
}
.gradebook-table-v340 td.student{
  padding-left:8px!important;
  padding-right:8px!important;
}
.gradebook-student-name-v343{
  display:block!important;
  margin:0!important;
  font-size:10.8px!important;
  line-height:1!important;
  font-weight:650!important;
  color:#102033!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.gradebook-student-access-v343{
  display:none!important;
}
.gradebook-table-v340 .gradebook-grade-cell,
.gradebook-table-v340 td.simulados,
.gradebook-table-v340 td.teacher-note,
.gradebook-table-v340 td.average{
  vertical-align:middle!important;
}
html[data-theme="dark"] .gradebook-student-name-v343{
  color:#F8FAFC!important;
}


.gradebook-table-v340{
  min-width:910px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.gradebook-table-v340 thead th{
  padding:7px 10px!important;
  border-bottom:1px solid #E1E7EF!important;
}
.gradebook-table-v340 th.number,
.gradebook-table-v340 td.number{
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
}
.gradebook-table-v340 th.student,
.gradebook-table-v340 td.student{
  width:310px!important;
  min-width:310px!important;
  max-width:310px!important;
}
.gradebook-table-v340 tbody tr{
  background:transparent!important;
  box-shadow:none!important;
}
.gradebook-table-v340 tbody td{
  padding:6px 10px!important;
  border-top:0!important;
  border-left:0!important;
  border-right:1px solid #E9EEF4!important;
  border-bottom:1px solid #E9EEF4!important;
  border-radius:0!important;
  background:#FFFFFF!important;
}
.gradebook-table-v340 tbody td:first-child{
  border-left:0!important;
  border-radius:0!important;
}
.gradebook-table-v340 tbody td:last-child{
  border-right:0!important;
  border-radius:0!important;
}
.gradebook-table-v340 tbody tr:last-child td{
  border-bottom:0!important;
}
.gradebook-table-v340 tbody td.number{
  background:#F8FAFD!important;
  color:#0F1F3A!important;
  font-size:13px!important;
  font-weight:400!important;
}
.gradebook-table-v340 tbody td.student{
  padding-left:18px!important;
  padding-right:14px!important;
  background:#FFFFFF!important;
}
.gradebook-student-name-v343,
.gradebook-table-v340 td.student strong{
  display:block!important;
  overflow:hidden!important;
  color:#0F1F3A!important;
  font-size:13px!important;
  font-weight:400!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.gradebook-table-v340 tbody tr:hover td{
  background:#F8FAFD!important;
}
.gradebook-table-v340 tbody tr:hover td.number{
  background:#F3F7FB!important;
}
.gradebook-table-v340 td.teacher-note{
  position:relative!important;
}
.gradebook-save-state-v340{
  position:absolute!important;
  left:50%!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
}
@media(max-width:800px){
  .gradebook-table-v340 th.student,
  .gradebook-table-v340 td.student{
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
  }
}
html[data-theme="dark"] .gradebook-table-v340 tbody td{
  background:#101E31!important;
  border-color:#263A53!important;
}
html[data-theme="dark"] .gradebook-table-v340 tbody td.number{
  background:#14243A!important;
  color:#E7EEF8!important;
}
html[data-theme="dark"] .gradebook-student-name-v343,
html[data-theme="dark"] .gradebook-table-v340 td.student strong{
  color:#F8FAFC!important;
  font-weight:400!important;
}
html[data-theme="dark"] .gradebook-table-v340 tbody tr:hover td{
  background:#14243A!important;
}


.gradebook-table-wrap-v340{
  max-height:none!important;
  min-height:0!important;
  height:auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-gutter:auto!important;
}
@media(max-width:800px){
  .gradebook-table-wrap-v340{
    max-height:none!important;
    min-height:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
}


.gradebook-summary-v7725{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.gradebook-summary-card-v7725{
  min-width:0;
  min-height:62px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:10px 12px;
  border:1px solid #E1E7EF;
  border-radius:16px;
  background:#FFFFFF;
  box-shadow:0 5px 15px rgba(15,31,58,.025);
}
.gradebook-summary-card-v7725 span{
  color:#718096;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.075em;
  line-height:1;
  text-transform:uppercase;
}
.gradebook-summary-card-v7725 strong{
  display:block;
  overflow:hidden;
  color:#0F1F3A;
  font-size:12.5px;
  font-weight:650;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.gradebook-summary-card-v7725.is-number strong{
  font-size:18px;
  font-weight:750;
  letter-spacing:-.025em;
}
@media(max-width:1180px){
  .gradebook-summary-v7725{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:700px){
  .gradebook-summary-v7725{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:430px){
  .gradebook-summary-v7725{grid-template-columns:1fr;}
}
html[data-theme="dark"] .gradebook-summary-card-v7725{
  border-color:#263A53;
  background:#101E31;
  box-shadow:none;
}
html[data-theme="dark"] .gradebook-summary-card-v7725 span{color:#879BB3;}
html[data-theme="dark"] .gradebook-summary-card-v7725 strong{color:#F8FAFC;}


.gradebook-panel-v340 > .gradebook-head-v340{
  display:none!important;
}
.gradebook-table-v340 th.proof span{
  line-height:1!important;
}
.gradebook-table-v340 th.proof small{
  line-height:1!important;
}
.gradebook-table-v340 tbody td{
  line-height:1.15!important;
}
.gradebook-sim-btn-v340,
.gradebook-average-pill-v340{
  height:26px!important;
  min-height:26px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:1!important;
}
.gradebook-note-input-v340{
  height:26px!important;
  min-height:26px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:1!important;
}
.gradebook-save-state-v340{
  font-size:8.5px!important;
}
.gradebook-table-v340 tbody td.student{
  padding-top:0!important;
  padding-bottom:0!important;
}


.gradebook-table-v340 thead th{
  box-sizing:border-box!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding-top:1px!important;
  padding-bottom:1px!important;
  vertical-align:middle!important;
}
.gradebook-table-v340 th.proof span,
.gradebook-table-v340 th.proof small{
  line-height:1!important;
}
.gradebook-table-v340 th.proof small{
  margin-top:0!important;
}
.gradebook-table-v340 tbody tr{
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
}
.gradebook-table-v340 tbody td{
  box-sizing:border-box!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  vertical-align:middle!important;
}
.gradebook-table-v340 tbody td.student,
.gradebook-table-v340 tbody td.number,
.gradebook-table-v340 tbody td.simulados,
.gradebook-table-v340 tbody td.teacher-note,
.gradebook-table-v340 tbody td.average{
  padding-top:0!important;
  padding-bottom:0!important;
}
.gradebook-student-name-v343,
.gradebook-table-v340 td.student strong{
  margin:0!important;
}
.gradebook-sim-btn-v340,
.gradebook-average-pill-v340,
.gradebook-note-input-v340{
  box-sizing:border-box!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:1!important;
}
.gradebook-save-state-v340{
  bottom:-1px!important;
  line-height:1!important;
}


.gradebook-student-name-v343,
.gradebook-table-v340 td.student strong{
  line-height:1.25!important;
  padding-bottom:1px!important;
}
.gradebook-table-v340 .gradebook-grade-cell,
.gradebook-sim-btn-v340,
.gradebook-note-input-v340,
.gradebook-average-pill-v340{
  font-size:13px!important;
  font-weight:400!important;
}


.gradebook-detail-v340{
  width:min(920px,calc(100vw - 32px))!important;
  max-width:920px!important;
  max-height:calc(100dvh - 28px)!important;
  padding:12px 14px 14px!important;
  overflow:auto!important;
}
.gradebook-detail-v340 .modal-head.gradebook-sim-head-v348{
  min-height:38px!important;
  margin:0 0 8px!important;
  padding:0 0 8px!important;
  gap:12px!important;
}
.gradebook-sim-titlebar-v7731{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.gradebook-detail-v340 .modal-head h3{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:#0F172A!important;
  font-size:15px!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.gradebook-sim-total-v348{
  flex:0 0 auto!important;
  min-height:24px!important;
  margin:0!important;
  padding:0 8px!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1!important;
}
.gradebook-sim-close-v348{
  flex:0 0 auto!important;
  min-height:30px!important;
  height:30px!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:400!important;
}
.gradebook-sim-list-v340{
  display:block!important;
  overflow:hidden!important;
  gap:0!important;
  border:1px solid #E1E7EF!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
}
.gradebook-sim-row-v340{
  box-sizing:border-box!important;
  min-height:39px!important;
  height:39px!important;
  grid-template-columns:42px minmax(0,1fr) 56px!important;
  gap:8px!important;
  margin:0!important;
  padding:0 10px 0 7px!important;
  border:0!important;
  border-bottom:1px solid #E9EEF4!important;
  border-radius:0!important;
  background:#FFFFFF!important;
}
.gradebook-sim-row-v340:last-child{
  border-bottom:0!important;
}
.gradebook-sim-row-v340:hover{
  background:#F8FAFD!important;
}
.gradebook-sim-row-v340 .order{
  width:26px!important;
  height:26px!important;
  margin:auto!important;
  font-size:12px!important;
  font-weight:400!important;
}
.gradebook-sim-copy-v7731{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow:hidden!important;
}
.gradebook-sim-row-v340 strong{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.gradebook-sim-row-v340 small{
  flex:0 1 auto!important;
  min-width:0!important;
  display:block!important;
  margin:0!important;
  overflow:hidden!important;
  color:#71829A!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.gradebook-sim-row-v340 b{
  justify-self:end!important;
  color:#0F172A!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1!important;
}
html[data-theme="dark"] .gradebook-sim-list-v340,
html[data-theme="dark"] .gradebook-sim-row-v340{
  background:#101E31!important;
  border-color:#263A53!important;
}
html[data-theme="dark"] .gradebook-sim-row-v340:hover{
  background:#14243A!important;
}
html[data-theme="dark"] .gradebook-detail-v340 .modal-head h3,
html[data-theme="dark"] .gradebook-sim-row-v340 strong,
html[data-theme="dark"] .gradebook-sim-row-v340 b{
  color:#F8FAFC!important;
}
html[data-theme="dark"] .gradebook-sim-row-v340 small{
  color:#879BB3!important;
}
@media(max-width:640px){
  .gradebook-sim-titlebar-v7731{
    display:grid!important;
    gap:3px!important;
  }
  .gradebook-sim-total-v348{
    justify-self:start!important;
  }
  .gradebook-sim-row-v340{
    grid-template-columns:34px minmax(0,1fr) 44px!important;
    padding-left:4px!important;
    padding-right:8px!important;
  }
  .gradebook-sim-row-v340 small{
    display:none!important;
  }
}


.gradebook-detail-v340 .modal-head h3{
  font-weight:400!important;
}
.gradebook-sim-prefix-v7732{
  font-weight:400!important;
}
.gradebook-sim-student-v7732{
  font:inherit!important;
  font-weight:600!important;
  color:inherit!important;
}
.gradebook-sim-columns-v7732,
.gradebook-sim-row-v340{
  grid-template-columns:42px minmax(0,1fr) 132px 56px!important;
}
.gradebook-sim-columns-v7732{
  min-height:25px!important;
  display:grid!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 10px 0 7px!important;
  border-bottom:1px solid #E1E7EF!important;
  background:#F8FAFD!important;
  color:#657892!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.gradebook-sim-columns-v7732 span:first-child{
  text-align:center!important;
}
.gradebook-sim-columns-v7732 span:nth-child(3),
.gradebook-sim-columns-v7732 span:last-child{
  text-align:right!important;
}
.gradebook-sim-date-v7732{
  justify-self:end!important;
  overflow:hidden!important;
  color:#64748B!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-theme="dark"] .gradebook-sim-columns-v7732{
  border-color:#263A53!important;
  background:#14243A!important;
  color:#879BB3!important;
}
html[data-theme="dark"] .gradebook-sim-date-v7732{
  color:#A6B5C8!important;
}
@media(max-width:640px){
  .gradebook-sim-columns-v7732,
  .gradebook-sim-row-v340{
    grid-template-columns:34px minmax(0,1fr) 106px 44px!important;
  }
  .gradebook-sim-columns-v7732{
    padding-left:4px!important;
    padding-right:8px!important;
    font-size:8px!important;
  }
  .gradebook-sim-date-v7732{
    font-size:9.5px!important;
  }
}



.attendance-date-head-v770 .attendance-diary-trigger-v7737{
  position:absolute;
  top:1px;
  right:1px;
  width:15px;
  height:15px;
  min-width:15px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#91A1B5;
  cursor:pointer;
  transition:color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease;
  z-index:2;
}
.attendance-date-head-v770 .attendance-diary-trigger-v7737 .premium-icon{width:11px;height:11px;stroke-width:1.8;}
.attendance-date-head-v770 .attendance-diary-trigger-v7737:hover,
.attendance-date-head-v770 .attendance-diary-trigger-v7737:focus-visible{
  background:#EDF4FF;
  color:#3978D3;
  box-shadow:0 0 0 1px rgba(57,120,211,.16);
  outline:none;
}
.attendance-date-head-v770 .attendance-diary-trigger-v7737.is-filled{
  background:#E9F2FF;
  color:#2F6FCE;
  box-shadow:inset 0 0 0 1px rgba(57,120,211,.18);
}
.attendance-date-head-v770 .attendance-diary-trigger-v7737.is-saving .premium-icon{animation:attendanceDiaryPulseV7737 1s ease-in-out infinite;}
.attendance-date-head-v770 .attendance-diary-trigger-v7737:disabled{opacity:.32;cursor:not-allowed;box-shadow:none;}
@keyframes attendanceDiaryPulseV7737{50%{opacity:.48;}}

.attendance-mobile-session-tools-v7737{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}
.attendance-mobile-session-tools-v7737 .attendance-mobile-all-v774{margin:0!important;}
.attendance-mobile-diary-v7737{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid #D7E1ED;
  border-radius:13px;
  background:#FFFFFF;
  color:#526783;
  font:inherit;
  font-size:12px;
  font-weight:750;
}
.attendance-mobile-diary-v7737 .premium-icon{width:17px;height:17px;}
.attendance-mobile-diary-v7737.is-filled{background:#EDF4FF;border-color:#BDD2F2;color:#2F6FCE;}

.attendance-diary-section-v7737{
  display:grid;
  gap:12px;
  margin-top:8px;
  padding:18px;
  border:1px solid #DCE5EF;
  border-radius:20px;
  background:#FFFFFF;
  box-shadow:0 8px 24px rgba(15,31,58,.045);
}
.attendance-diary-section-head-v7737{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.attendance-diary-title-v7737{display:flex;align-items:center;gap:11px;min-width:0;}
.attendance-diary-title-icon-v7737{
  width:38px;height:38px;min-width:38px;display:grid;place-items:center;
  border:1px solid #C9D9F0;border-radius:12px;background:#EDF4FF;color:#3978D3;
}
.attendance-diary-title-icon-v7737 .premium-icon{width:20px;height:20px;}
.attendance-diary-title-v7737>div{display:grid;gap:2px;min-width:0;}
.attendance-diary-title-v7737 h2{margin:0;color:#102E52;font-size:16px;line-height:1.15;font-weight:800;}
.attendance-diary-title-v7737 p{margin:0;color:#71849C;font-size:11px;line-height:1.35;}
.attendance-diary-progress-v7737{display:grid;text-align:right;gap:1px;white-space:nowrap;}
.attendance-diary-progress-v7737 strong{color:#2F6FCE;font-size:15px;font-weight:850;}
.attendance-diary-progress-v7737 span{color:#7B8DA5;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.attendance-diary-toolbar-v7737{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px;}
.attendance-diary-filters-v7737{display:flex;align-items:center;gap:5px;padding:3px;border:1px solid #DDE6F0;border-radius:11px;background:#F4F7FB;}
.attendance-diary-filters-v7737 button{
  min-height:28px;padding:5px 9px;border:0;border-radius:8px;background:transparent;color:#71849C;
  font:inherit;font-size:10px;font-weight:750;cursor:pointer;
}
.attendance-diary-filters-v7737 button span{margin-left:3px;color:#91A1B5;font-size:9px;}
.attendance-diary-filters-v7737 button.is-active{background:#FFFFFF;color:#2F6FCE;box-shadow:0 1px 4px rgba(15,31,58,.10);}
.attendance-diary-auto-v7737{display:flex;align-items:center;gap:5px;color:#71849C;font-size:10px;font-weight:700;}
.attendance-diary-auto-v7737 .premium-icon{width:13px;height:13px;color:#2DAA73;}
.attendance-diary-list-v7737{display:grid;gap:7px;}
.attendance-diary-item-v7737{overflow:hidden;border:1px solid #DDE6F0;border-radius:14px;background:#FBFCFE;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;}
.attendance-diary-item-v7737.is-filled{border-color:#C9D9F0;background:#F8FBFF;}
.attendance-diary-item-v7737.is-expanded{border-color:#9DBBE8;background:#FFFFFF;box-shadow:0 5px 16px rgba(57,120,211,.08);}
.attendance-diary-item-v7737.is-cancelled{opacity:.68;}
.attendance-diary-item-head-v7737{
  width:100%;min-height:48px;display:grid;grid-template-columns:120px minmax(0,1fr) auto 24px;align-items:center;gap:12px;
  padding:8px 10px 8px 13px;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer;
}
.attendance-diary-date-v7737{display:grid;gap:1px;}
.attendance-diary-date-v7737 b{color:#102E52;font-size:12px;font-weight:850;}
.attendance-diary-date-v7737 small{overflow:hidden;color:#71849C;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;}
.attendance-diary-preview-v7737{overflow:hidden;color:#526783;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;}
.attendance-diary-item-v7737:not(.is-filled) .attendance-diary-preview-v7737{color:#91A1B5;font-style:italic;}
.attendance-diary-item-state-v7737{min-width:72px;padding:4px 7px;border:1px solid #E1E7EF;border-radius:999px;background:#F4F7FB;color:#7B8DA5;font-size:8px;font-weight:850;text-align:center;text-transform:uppercase;letter-spacing:.045em;}
.attendance-diary-item-state-v7737.is-filled{border-color:#BDD2F2;background:#EAF2FF;color:#2F6FCE;}
.attendance-diary-item-state-v7737.is-saving{border-color:#D2C5F2;background:#F4F0FF;color:#7455C4;}
.attendance-diary-item-state-v7737.is-error{border-color:#F0CACA;background:#FFF0F0;color:#B94444;}
.attendance-diary-chevron-v7737{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#879BB3;transition:transform .16s ease,color .16s ease,background-color .16s ease;}
.attendance-diary-chevron-v7737 .premium-icon{width:14px;height:14px;}
.attendance-diary-item-v7737.is-expanded .attendance-diary-chevron-v7737{transform:rotate(90deg);background:#EDF4FF;color:#3978D3;}
.attendance-diary-editor-v7737{display:grid;gap:7px;padding:0 13px 12px;border-top:1px solid #E5ECF4;}
.attendance-diary-editor-v7737 label{padding-top:10px;color:#526783;font-size:10px;font-weight:750;text-transform:capitalize;}
.attendance-diary-editor-v7737 textarea,
.attendance-diary-popup-v7737 textarea{
  width:100%;resize:vertical;box-sizing:border-box;border:1px solid #C9D5E3;border-radius:12px;background:#FFFFFF;color:#102E52;
  padding:11px 12px;font:inherit;font-size:12px;line-height:1.55;outline:none;transition:border-color .15s ease,box-shadow .15s ease;
}
.attendance-diary-editor-v7737 textarea:focus,
.attendance-diary-popup-v7737 textarea:focus{border-color:#6EA0E2;box-shadow:0 0 0 3px rgba(57,120,211,.10);}
.attendance-diary-editor-v7737 textarea::placeholder,
.attendance-diary-popup-v7737 textarea::placeholder{color:#9AA9BA;}
.attendance-diary-editor-v7737 textarea:disabled{background:#F4F7FB;color:#879BB3;cursor:not-allowed;}
.attendance-diary-editor-foot-v7737,
.attendance-diary-popup-foot-v7737{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#91A1B5;font-size:9px;font-weight:650;}
.attendance-diary-editor-foot-v7737 .is-saving,
.attendance-diary-popup-foot-v7737 .is-saving{color:#7455C4;}
.attendance-diary-editor-foot-v7737 .is-saved,
.attendance-diary-popup-foot-v7737 .is-saved{color:#258A52;}
.attendance-diary-editor-foot-v7737 .is-error,
.attendance-diary-popup-foot-v7737 .is-error{color:#B94444;}
.attendance-diary-empty-v7737{padding:20px;border:1px dashed #CBD8E6;border-radius:14px;background:#F8FAFD;color:#71849C;font-size:11px;text-align:center;}

.attendance-diary-backdrop-v7737{
  position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(15,31,58,.34);backdrop-filter:blur(3px);
}
.attendance-diary-popup-v7737{
  position:relative;width:min(470px,100%);display:grid;gap:12px;padding:20px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#FFFFFF;
  box-shadow:0 24px 70px rgba(15,31,58,.24);animation:attendanceDiaryPopupV7737 .16s ease-out;
}
@keyframes attendanceDiaryPopupV7737{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}
.attendance-diary-popup-close-v7737{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #DDE6F0;border-radius:10px;background:#F8FAFD;color:#71849C;font-size:20px;line-height:1;cursor:pointer;}
.attendance-diary-popup-close-v7737:hover,.attendance-diary-popup-close-v7737:focus-visible{background:#EDF4FF;border-color:#BDD2F2;color:#2F6FCE;outline:none;}
.attendance-diary-popup-head-v7737{display:flex;align-items:flex-start;gap:11px;padding-right:34px;}
.attendance-diary-popup-head-v7737>span{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border:1px solid #C9D9F0;border-radius:12px;background:#EDF4FF;color:#3978D3;}
.attendance-diary-popup-head-v7737>span .premium-icon{width:20px;height:20px;}
.attendance-diary-popup-head-v7737>div{display:grid;gap:2px;min-width:0;}
.attendance-diary-popup-head-v7737 small{color:#3978D3;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
.attendance-diary-popup-head-v7737 h2{margin:0;color:#102E52;font-size:17px;line-height:1.2;text-transform:capitalize;}
.attendance-diary-popup-head-v7737 p{margin:0;color:#71849C;font-size:10px;line-height:1.35;}
.attendance-diary-popup-label-v7737{color:#526783;font-size:10px;font-weight:800;}

@media(max-width:800px){
  .attendance-diary-section-v7737{padding:14px;border-radius:17px;}
  .attendance-diary-section-head-v7737{align-items:flex-start;}
  .attendance-diary-title-v7737 p{font-size:10px;}
  .attendance-diary-progress-v7737 strong{font-size:13px;}
  .attendance-diary-toolbar-v7737{align-items:flex-start;flex-direction:column;}
  .attendance-diary-filters-v7737{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  .attendance-diary-filters-v7737 button{padding:5px 4px;}
  .attendance-diary-item-head-v7737{grid-template-columns:78px minmax(0,1fr) 24px;gap:8px;}
  .attendance-diary-item-state-v7737{grid-column:2;justify-self:start;min-width:0;}
  .attendance-diary-chevron-v7737{grid-column:3;grid-row:1/3;}
  .attendance-diary-preview-v7737{grid-column:2;grid-row:1;}
  .attendance-diary-date-v7737{grid-row:1/3;}
}
@media(max-width:480px){
  .attendance-mobile-session-tools-v7737{grid-template-columns:1fr;}
  .attendance-diary-section-head-v7737{display:grid;}
  .attendance-diary-progress-v7737{text-align:left;display:flex;align-items:baseline;gap:5px;}
  .attendance-diary-item-head-v7737{grid-template-columns:70px minmax(0,1fr) 22px;padding-left:10px;}
  .attendance-diary-popup-v7737{padding:17px;border-radius:17px;}
}


.attendance-date-head-v770 .attendance-date-actions-v776{
  position:relative!important;
}
.attendance-date-head-v770 .attendance-diary-trigger-v7737,
.attendance-date-head-v770 .attendance-diary-trigger-v7737:hover,
.attendance-date-head-v770 .attendance-diary-trigger-v7737:focus,
.attendance-date-head-v770 .attendance-diary-trigger-v7737:focus-visible,
.attendance-date-head-v770 .attendance-diary-trigger-v7737.is-filled,
.attendance-date-head-v770 .attendance-diary-trigger-v7737.is-saving{
  position:absolute!important;
  top:1px!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:13px!important;
  min-width:13px!important;
  max-width:13px!important;
  height:13px!important;
  min-height:13px!important;
  max-height:13px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:4px!important;
  box-sizing:border-box!important;
  transform:translateX(-50%)!important;
  line-height:1!important;
  z-index:3!important;
}
.attendance-date-head-v770 .attendance-diary-trigger-v7737{
  background:transparent!important;
  color:#91A1B5!important;
  box-shadow:none!important;
}
.attendance-date-head-v770 .attendance-diary-trigger-v7737:hover,
.attendance-date-head-v770 .attendance-diary-trigger-v7737:focus-visible{
  background:#EDF4FF!important;
  color:#3978D3!important;
  box-shadow:0 0 0 1px rgba(57,120,211,.14)!important;
  outline:none!important;
}
.attendance-date-head-v770 .attendance-diary-trigger-v7737.is-filled{
  background:#E9F2FF!important;
  color:#2F6FCE!important;
  box-shadow:inset 0 0 0 1px rgba(57,120,211,.18)!important;
}
.attendance-date-head-v770 .attendance-diary-trigger-v7737 .premium-icon{
  width:9px!important;
  min-width:9px!important;
  max-width:9px!important;
  height:9px!important;
  min-height:9px!important;
  max-height:9px!important;
  stroke-width:1.85!important;
}


.attendance-diary-section-v7737{
  margin-top:7px!important;
  border-radius:18px!important;
}
.attendance-diary-title-v7737{gap:9px!important;}
.attendance-diary-title-icon-v7737{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  border-radius:11px!important;
}
.attendance-diary-title-icon-v7737 .premium-icon{width:18px!important;height:18px!important;}
.attendance-diary-title-v7737 h2{font-size:15px!important;}
.attendance-diary-title-v7737 p{font-size:10.5px!important;line-height:1.25!important;}
.attendance-diary-progress-v7737 strong{font-size:14px!important;}
.attendance-diary-toolbar-v7737{padding-top:0!important;}
.attendance-diary-filters-v7737{gap:3px!important;padding:2px!important;border-radius:10px!important;}
.attendance-diary-filters-v7737 button{
  min-height:25px!important;
  padding:4px 8px!important;
  border-radius:7px!important;
  font-size:9.5px!important;
}
.attendance-diary-auto-v7737{font-size:9.5px!important;}
.attendance-diary-item-v7737{border-radius:12px!important;}
.attendance-diary-date-v7737{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.attendance-diary-date-v7737 b{
  flex:0 0 auto!important;
  font-size:11.5px!important;
  line-height:1!important;
}
.attendance-diary-date-v7737 small{
  min-width:0!important;
  overflow:hidden!important;
  font-size:9px!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.attendance-diary-item-state-v7737{
  min-width:64px!important;
  padding:3px 6px!important;
  font-size:7.5px!important;
  line-height:1.1!important;
}
.attendance-diary-editor-v7737 label{font-size:9.5px!important;}
.attendance-diary-editor-v7737 textarea{padding:9px 10px!important;font-size:11.5px!important;}
.attendance-diary-empty-v7737{padding:15px!important;border-radius:12px!important;}

@media(max-width:800px){
  .attendance-diary-section-v7737{padding:12px!important;border-radius:16px!important;}
  .attendance-diary-toolbar-v7737{align-items:center!important;flex-direction:row!important;}
  .attendance-diary-filters-v7737{width:auto!important;display:flex!important;grid-template-columns:none!important;}
  .attendance-diary-filters-v7737 button{padding:4px 7px!important;}
  .attendance-diary-item-head-v7737{
    grid-template-columns:minmax(140px,175px) minmax(0,1fr) auto 22px!important;
    gap:8px!important;
    padding:5px 8px 5px 10px!important;
  }
  .attendance-diary-date-v7737,
  .attendance-diary-preview-v7737,
  .attendance-diary-item-state-v7737,
  .attendance-diary-chevron-v7737{
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .attendance-diary-item-state-v7737{justify-self:stretch!important;}
}
@media(max-width:620px){
  .attendance-diary-section-head-v7737{align-items:flex-start!important;}
  .attendance-diary-toolbar-v7737{align-items:flex-start!important;flex-direction:column!important;}
  .attendance-diary-filters-v7737{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}

  

  
}
@media(max-width:480px){
  .attendance-diary-title-icon-v7737{width:32px!important;min-width:32px!important;height:32px!important;}
  .attendance-diary-title-v7737 p{font-size:10px!important;}
  .attendance-diary-progress-v7737{display:flex!important;align-items:baseline!important;gap:4px!important;text-align:left!important;}
  .attendance-diary-item-head-v7737{padding-left:9px!important;}
}
@media(prefers-reduced-motion:reduce){
  .attendance-date-head-v770 .attendance-diary-trigger-v7737,
  .attendance-diary-item-v7737,
  .attendance-diary-chevron-v7737{transition:none!important;}
}
.attendance-date-head-v770 .attendance-date-label-v776{
  pointer-events:auto!important;
}
.attendance-date-kicker-v7739{
  min-width:0;
  height:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  line-height:1;
  white-space:nowrap;
}
.attendance-date-head-v770 .attendance-date-kicker-v7739 small{
  display:block;
  pointer-events:none;
}
.attendance-date-head-v770 .attendance-date-label-v776 b{
  pointer-events:none;
}
.attendance-date-head-v770 .attendance-date-label-v776 em{pointer-events:none;}

.attendance-diary-section-v7737{
  gap:8px!important;
  padding:14px 16px!important;
}
.attendance-diary-section-head-v7737{gap:12px!important;}
.attendance-diary-toolbar-v7737{gap:9px!important;}
.attendance-diary-list-v7737{
  display:block!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid #DDE6F0!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
}
.attendance-diary-item-v7737,
.attendance-diary-item-v7737.is-filled,
.attendance-diary-item-v7737.is-expanded{
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.attendance-diary-item-v7737 + .attendance-diary-item-v7737{
  border-top:1px solid #E5ECF4!important;
}
.attendance-diary-item-head-v7737{
  min-height:44px!important;
  grid-template-columns:minmax(178px,214px) minmax(0,1fr) 78px 18px!important;
  gap:12px!important;
  padding:5px 10px 5px 14px!important;
  background:transparent!important;
  transition:background-color .14s ease!important;
}
.attendance-diary-item-head-v7737:hover,
.attendance-diary-item-head-v7737:focus-visible{
  background:#F6F9FD!important;
  outline:none!important;
}
.attendance-diary-item-v7737.is-expanded .attendance-diary-item-head-v7737{
  background:#F4F8FE!important;
}
.attendance-diary-date-v7737{
  gap:5px!important;
}
.attendance-diary-preview-v7737{
  font-size:10.7px!important;
  line-height:1.2!important;
}
.attendance-diary-item-state-v7737,
.attendance-diary-item-state-v7737.is-filled,
.attendance-diary-item-state-v7737.is-saving,
.attendance-diary-item-state-v7737.is-error{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  justify-self:end!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:7.8px!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
.attendance-diary-item-state-v7737::before{
  content:'';
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:#A3B0C0;
}
.attendance-diary-item-state-v7737.is-filled{color:#2F6FCE!important;}
.attendance-diary-item-state-v7737.is-filled::before{background:#3978D3;}
.attendance-diary-item-state-v7737.is-saving{color:#7455C4!important;}
.attendance-diary-item-state-v7737.is-saving::before{background:#7455C4;}
.attendance-diary-item-state-v7737.is-error{color:#B94444!important;}
.attendance-diary-item-state-v7737.is-error::before{background:#B94444;}
.attendance-diary-chevron-v7737{
  width:18px!important;
  height:18px!important;
  border-radius:5px!important;
  background:transparent!important;
}
.attendance-diary-chevron-v7737 .premium-icon{
  width:12px!important;
  height:12px!important;
}
.attendance-diary-item-v7737.is-expanded .attendance-diary-chevron-v7737{
  background:transparent!important;
  color:#3978D3!important;
}
.attendance-diary-editor-v7737{
  gap:6px!important;
  padding:0 14px 11px!important;
  border-top:1px solid #E5ECF4!important;
  background:#FBFCFE!important;
}
.attendance-diary-editor-v7737 label{padding-top:9px!important;}

@media(max-width:900px){
  .attendance-diary-item-head-v7737{
    grid-template-columns:minmax(142px,176px) minmax(0,1fr) 72px 18px!important;
    gap:9px!important;
    padding-left:11px!important;
  }
}
@media(max-width:620px){
  .attendance-diary-section-v7737{padding:12px!important;}
  .attendance-diary-list-v7737{border-radius:11px!important;}
  .attendance-diary-item-head-v7737{
    min-height:50px!important;
    grid-template-columns:minmax(0,1fr) auto 18px!important;
    grid-template-rows:auto auto!important;
    gap:3px 8px!important;
    padding:6px 9px 6px 10px!important;
  }
  .attendance-diary-date-v7737{grid-column:1!important;grid-row:1!important;}
  .attendance-diary-preview-v7737{grid-column:1/3!important;grid-row:2!important;}
  .attendance-diary-item-state-v7737{grid-column:2!important;grid-row:1!important;justify-self:end!important;}
  .attendance-diary-chevron-v7737{grid-column:3!important;grid-row:1/3!important;}
  .attendance-diary-editor-v7737{padding-left:10px!important;padding-right:10px!important;}
}
@media(prefers-reduced-motion:reduce){
  .attendance-diary-item-head-v7737{transition:none!important;}
}


.attendance-date-head-v770 .attendance-date-actions-v776{
  height:62px!important;
  min-height:62px!important;
  grid-template-rows:43px 18px!important;
  gap:1px!important;
  padding:0!important;
  overflow:visible!important;
}
.attendance-date-head-v770 .attendance-date-label-v776{
  height:43px!important;
  min-height:43px!important;
  display:grid!important;
  place-items:center!important;
  align-content:start!important;
  gap:0!important;
  padding:1px 0 0!important;
  box-sizing:border-box!important;
}
.attendance-date-head-v770 .attendance-date-kicker-v7739{
  width:100%!important;
  min-width:0!important;
  height:29px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.attendance-date-head-v770 .attendance-date-kicker-v7739 small{
  order:2!important;
  margin:0!important;
  line-height:1!important;
  pointer-events:none!important;
}
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737,
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737:hover,
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737:focus,
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737:focus-visible,
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737.is-filled,
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737.is-saving{
  order:1!important;
  position:static!important;
  inset:auto!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #D7E2F0!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
  transform:none!important;
  line-height:1!important;
  z-index:auto!important;
}
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737{
  background:#F7FAFE!important;
  color:#8497AF!important;
  box-shadow:none!important;
}
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737:hover,
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737:focus-visible{
  background:#EDF4FF!important;
  border-color:#9BBCEA!important;
  color:#3978D3!important;
  box-shadow:0 0 0 2px rgba(57,120,211,.10)!important;
  outline:none!important;
}
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737.is-filled{
  background:#E9F2FF!important;
  border-color:#A9C7F0!important;
  color:#2F6FCE!important;
  box-shadow:none!important;
}
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737.is-saving{
  color:#7455C4!important;
}
.attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737 .premium-icon{
  width:11px!important;
  min-width:11px!important;
  max-width:11px!important;
  height:11px!important;
  min-height:11px!important;
  max-height:11px!important;
  stroke-width:1.9!important;
}
.attendance-date-head-v770 .attendance-date-label-v776 b{
  margin-top:1px!important;
  pointer-events:none!important;
}
.attendance-date-head-v770 .attendance-date-toggle-v776,
.attendance-date-head-v770 .attendance-date-toggle-v776:hover,
.attendance-date-head-v770 .attendance-date-toggle-v776:focus,
.attendance-date-head-v770 .attendance-date-toggle-v776:focus-visible,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active:hover,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active:focus,
.attendance-date-head-v770 .attendance-date-toggle-v776.is-active:focus-visible{
  bottom:0!important;
}

@media(prefers-reduced-motion:reduce){
  .attendance-date-head-v770 .attendance-date-kicker-v7739 .attendance-diary-trigger-v7737{transition:none!important;}
}