.attendance_innerPageWrap__VsDZW{width:100%}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h{background:light-dark(#FFFFFF,#1C1A1E);border-radius:12px;padding:24px;display:flex;align-items:center;gap:24px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid light-dark(#e3e3e3,#323236);width:100%}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_statsInfo__JkHVv{display:flex;flex-direction:column;align-items:center;gap:12px}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_statsInfo__JkHVv .attendance_percentageCircle__43cfn{position:relative;width:80px;height:80px}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_statsInfo__JkHVv .attendance_percentageCircle__43cfn svg{transform:rotate(-90deg)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_statsInfo__JkHVv .attendance_percentageCircle__43cfn circle{fill:rgba(0,0,0,0);stroke-width:5}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_statsInfo__JkHVv .attendance_percentageCircle__43cfn circle:first-child{stroke:light-dark(#E3E3E3,#323236)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_statsInfo__JkHVv .attendance_percentageCircle__43cfn circle:last-child{stroke:light-dark(#006CB5,#148ee0);stroke-linecap:round;transition:stroke-dashoffset 1s ease-in-out}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_statsInfo__JkHVv .attendance_percentageCircle__43cfn .attendance_percentageText__XCpFa{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_statsInfo__JkHVv .attendance_percentageCircle__43cfn .attendance_percentageText__XCpFa span{font-size:20px;font-weight:700;color:light-dark(#006CB5,#148ee0)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_statsInfo__JkHVv .attendance_totalText__2Y1Z1{font-size:14px;font-weight:600;color:light-dark(#2A3239,#FFFFFF)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_summaryInfo__EyFgV{flex:1 1;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_summaryInfo__EyFgV .attendance_summaryMonth__fkOY4{font-size:12px;font-weight:600;color:light-dark(#006CB5,#148ee0);background:light-dark(#E2F3FF,#162B3C);padding:4px 12px;border-radius:20px;margin-bottom:8px}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_summaryInfo__EyFgV .attendance_statRow__srcz_{display:flex;align-items:center;gap:8px;font-size:14px;color:light-dark(#7C8B99,#7C8B99);font-weight:500}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_summaryInfo__EyFgV .attendance_statRow__srcz_ .attendance_dot__Fxhm8{width:10px;height:10px;border-radius:50%}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_statsCard__noa8h .attendance_summaryInfo__EyFgV .attendance_statRow__srcz_ b{color:light-dark(#2A3239,#FFFFFF);font-size:16px;margin-right:4px}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_legend__tSPFS{display:flex;gap:16px;margin-bottom:16px;font-size:12px}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_legend__tSPFS .attendance_legendItem___rb9C{display:flex;align-items:center;gap:4px}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_legend__tSPFS .attendance_legendItem___rb9C .attendance_dot__Fxhm8{width:8px;height:8px;border-radius:50%}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89{background:light-dark(#FFFFFF,#1C1A1E);border-radius:12px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid light-dark(#e3e3e3,#323236);width:100%}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_monthPicker__V4BXl{display:flex;overflow-x:auto;gap:12px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid light-dark(#e3e3e3,#323236)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_monthPicker__V4BXl::-webkit-scrollbar{display:none}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_monthPicker__V4BXl .attendance_monthBtn__PuNOb{padding:8px 18px;border-radius:20px;border:1px solid light-dark(#e3e3e3,#323236);background:rgba(0,0,0,0);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;color:light-dark(#7C8B99,#7C8B99);transition:all .2s ease}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_monthPicker__V4BXl .attendance_monthBtn__PuNOb:hover{border-color:light-dark(#006CB5,#148ee0);color:light-dark(#006CB5,#148ee0)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_monthPicker__V4BXl .attendance_monthBtn__PuNOb.attendance_active__NOPZT{background:light-dark(#006CB5,#148ee0);color:#fff;border-color:light-dark(#006CB5,#148ee0);box-shadow:0 4px 10px light-dark(rgba(0,108,181,.3),rgba(20,142,224,.3))}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_calendarGrid__qgV_O{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:16px;gap:16px}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_calendarGrid__qgV_O .attendance_dayHeader__miJbn{text-align:center;font-size:13px;font-weight:600;color:light-dark(#7C8B99,#7C8B99);padding-bottom:12px}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_calendarGrid__qgV_O .attendance_dayCell__jwyxN{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);background:light-dark(#f1efef,#404044)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_calendarGrid__qgV_O .attendance_dayCell__jwyxN:hover{transform:scale(1.05);background:light-dark(#F9F9F9,#323236)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_calendarGrid__qgV_O .attendance_dayCell__jwyxN.attendance_active__NOPZT{background:light-dark(#E2F3FF,#162B3C)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_calendarGrid__qgV_O .attendance_dayCell__jwyxN.attendance_selected__9ijph{background:light-dark(#d4e2eb,#1f394e);border:1px solid light-dark(#006cb5,#148ee0);box-shadow:0 4px 12px light-dark(rgba(0,108,181,.2),rgba(20,142,224,.2))}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_calendarGrid__qgV_O .attendance_dayCell__jwyxN .attendance_dayNumber__SSSpL{font-size:15px;font-weight:600;color:light-dark(#2A3239,#FFFFFF)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_calendarContainer__RXH89 .attendance_calendarGrid__qgV_O .attendance_dayCell__jwyxN .attendance_statusDot__tJ4iJ{width:5px;height:5px;border-radius:50%;margin-top:4px;box-shadow:0 0 5px rgba(0,0,0,.1)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_detailsCard__HjZJY{background:light-dark(#FFFFFF,#1C1A1E);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid light-dark(#e3e3e3,#323236);width:100%}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_detailsCard__HjZJY .attendance_dateCircle__cgvWq{width:64px;height:64px;border-radius:16px;background:light-dark(#F9F9F9,#323236);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid light-dark(#e3e3e3,#323236)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_detailsCard__HjZJY .attendance_dateCircle__cgvWq .attendance_dateNum__nA1F3{font-size:22px;font-weight:700;color:light-dark(#2A3239,#FFFFFF)}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_detailsCard__HjZJY .attendance_dateCircle__cgvWq .attendance_monthName__ix_95{font-size:13px;font-weight:600;color:light-dark(#7C8B99,#7C8B99);text-transform:uppercase}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_detailsCard__HjZJY .attendance_dayInfo__YPAbc{flex:1 1}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_detailsCard__HjZJY .attendance_dayInfo__YPAbc .attendance_statusText__6HqXF{font-size:18px;font-weight:700;margin-bottom:6px}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_detailsCard__HjZJY .attendance_dayInfo__YPAbc .attendance_timeInfo__sqne2{display:flex;flex-direction:column;gap:4px;font-size:14px;color:light-dark(#7C8B99,#7C8B99);font-weight:500}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_detailsCard__HjZJY .attendance_dayInfo__YPAbc .attendance_timeInfo__sqne2 span b{color:light-dark(#2A3239,#FFFFFF);font-weight:600}.attendance_innerPageWrap__VsDZW .attendance_attendanceWrapper__T9C0R .attendance_detailsCard__HjZJY .attendance_dayInfo__YPAbc .attendance_reasonText__RQ8VE{font-size:14px;color:light-dark(#7C8B99,#7C8B99);font-weight:500;font-style:italic}.attendance_present__tUapR{background-color:#34b250;color:#34b250}.attendance_absent__vci0_{background-color:#d51e4a;color:#d51e4a}.attendance_late__F7kj7{background-color:#d6a602;color:#d6a602}.attendance_holiday__fSIyO{background-color:#224b9b;color:#224b9b}