._punchMain_ys5vb_3{display:flex;justify-content:center;align-items:center}._punchContainer_ys5vb_10{max-width:1200px;width:92%}._punchDashboard_ys5vb_17{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:14px;background-color:#ffc000;border-radius:10px;min-height:192px;padding:16px 0;box-shadow:0 0 2px #999;margin-bottom:20px;margin-top:20px}._punchDashboardRow_ys5vb_32{display:flex;justify-content:space-between;align-items:center;width:100%}._punchTabSwitch_ys5vb_39{display:flex;justify-content:center;width:100%}._punchTabSwitchGroup_ys5vb_45{display:inline-flex;background-color:#00000014;border-radius:99px;padding:3px}._punchTabButton_ys5vb_52{padding:5px 22px;border:none;border-radius:99px;background-color:transparent;color:#0f0f0f;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .15s,color .15s}._punchTabButtonActive_ys5vb_66{background-color:#0f0f0f;color:#ffc000}._punchDashboardLeft_ys5vb_71,._punchDashboardRight_ys5vb_72{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;font-size:36px}@media (max-width: 600px){._punchDashboard_ys5vb_17{min-height:160px}._punchDashboardLeft_ys5vb_71,._punchDashboardRight_ys5vb_72{font-size:30px}}@media (max-width: 550px){._punchDashboard_ys5vb_17{min-height:160px}._punchDashboardLeft_ys5vb_71,._punchDashboardRight_ys5vb_72{font-size:28px}}@media (max-width: 500px){._punchDashboard_ys5vb_17{min-height:160px}._punchDashboardLeft_ys5vb_71,._punchDashboardRight_ys5vb_72{font-size:24px}}@media (max-width: 400px){._punchDashboard_ys5vb_17{min-height:160px}._punchDashboardLeft_ys5vb_71,._punchDashboardRight_ys5vb_72{font-size:20px}._punchDashboardData_ys5vb_124{font-size:30px}}@media (max-width: 350px){._punchDashboard_ys5vb_17{min-height:160px}._punchDashboardLeft_ys5vb_71,._punchDashboardRight_ys5vb_72{font-size:16px}._punchDashboardData_ys5vb_124{font-size:24px}}._punchSelectionContainer_ys5vb_144{display:flex;justify-content:space-between;align-items:center;gap:20px}@media (max-width: 1300px){._punchSelectionContainer_ys5vb_144{flex-direction:column;align-items:stretch}._punchDateSection_ys5vb_157,._punchCompanySection_ys5vb_158,._punchButtonSection_ys5vb_159{width:100%;flex-direction:column}._punchEachAreaButton_ys5vb_164,._punchExportDataButton_ys5vb_165,._punchLimitAreaButton_ys5vb_166{width:100%;margin-bottom:10px}}._punchDateSection_ys5vb_157{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;flex-wrap:wrap}._punchDashboardData_ys5vb_124{font-size:40px}input{border:none;outline:none;background:none;padding:0;margin:0;box-shadow:none;font:inherit}._punchDateInput_ys5vb_196{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:35px;box-shadow:0 0 2px #999;border-radius:5px;padding:10px;border:2px solid #ffffff;width:100%;margin-right:5px;background-color:#fff;color:#000}._punchDateInput_ys5vb_196:focus{border:2px solid #ffc000;box-shadow:0 0 2px #999;outline:none}@media (max-width: 350px){._punchDateInput_ys5vb_196{font-size:14px}}@media (max-width: 330px){._punchDateInput_ys5vb_196{font-size:12px}}@media (max-width: 300px){._punchDateInput_ys5vb_196{font-size:10px;padding:5px}}._punchDateInputText_ys5vb_236{white-space:nowrap}@media (max-width: 500px){._punchDateInputText_ys5vb_236{display:none}}._punchCompanySection_ys5vb_158,._punchButtonSection_ys5vb_159{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%}@media (max-width: 430px){._punchButtonSection_ys5vb_159{flex-wrap:wrap}}._punchButtonSectionLeft_ys5vb_270{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;flex-wrap:nowrap}._punchButtonSectionRight_ys5vb_280{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%}._punchEachAreaButton_ys5vb_164{width:100%;height:35px;border-radius:5px;background-color:#000;color:#fff;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;box-shadow:0 0 2px #999;padding-left:10px;padding-right:10px;white-space:nowrap}._punchExportDataButton_ys5vb_165,._punchLimitAreaButton_ys5vb_166{width:100%;height:35px;border-radius:5px;background-color:#ffc000;color:#000;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;box-shadow:0 0 2px #999;padding-left:10px;padding-right:10px;white-space:nowrap}._punchEachAreaButton_ys5vb_164:hover{background-color:#ffc000;color:#000}._punchExportDataButton_ys5vb_165:hover,._punchLimitAreaButton_ys5vb_166:hover{background-color:#d9a300;color:#000}._punchEachAreaButton_ys5vb_164:active,._punchExportDataButton_ys5vb_165:active{background-color:#d9a300}._datePickerWrapper_ys5vb_359{position:relative;width:180px}._customCalendar_ys5vb_364{font-family:inherit;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}._customCalendar_ys5vb_364 ._react-datepicker__header_ys5vb_373{background-color:#ffc000;border-bottom:1px solid #e5e7eb;border-top-left-radius:8px;border-top-right-radius:8px}._customCalendar_ys5vb_364 ._react-datepicker__day--selected_ys5vb_380,._customCalendar_ys5vb_364 ._react-datepicker__day--keyboard-selected_ys5vb_381{background-color:#ffc000;border-radius:50%}._customCalendar_ys5vb_364 ._react-datepicker__day_ys5vb_380:hover{background-color:#fff3d0;border-radius:50%}._customCalendar_ys5vb_364 ._react-datepicker__day--in-range_ys5vb_391{background-color:#fff3d0}._dateRangeOptions_ys5vb_395{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;justify-content:center}._dateRangeOptionButton_ys5vb_403{padding:4px 10px;border-radius:16px;font-size:14px;cursor:pointer;background-color:#f3f4f6;border:1px solid #e5e7eb;transition:all .2s ease}._dateRangeOptionButton_ys5vb_403:hover{background-color:#fff3d0;border-color:#ffc000}._dateRangeOptionButtonActive_ys5vb_418{background-color:#ffc000;border-color:#ffc000;color:#fff}@media (max-width: 768px){._dateRangeOptions_ys5vb_395{width:100%;margin-top:12px}._datePickerWrapper_ys5vb_359{width:140px}}@media (max-width: 500px){._datePickerWrapper_ys5vb_359{width:120px}._dateRangeOptionButton_ys5vb_403{font-size:12px;padding:3px 8px}}._datePickersContainer_ys5vb_446{display:flex;align-items:center;gap:10px;justify-content:center}._dateRangeSeparator_ys5vb_453{display:flex;align-items:center;justify-content:center;color:#666;font-size:20px}@media (max-width: 768px){._punchDateSection_ys5vb_157{gap:8px}._datePickersContainer_ys5vb_446{width:100%;justify-content:center}._dateRangeOptions_ys5vb_395{width:100%;margin-top:12px}._datePickerWrapper_ys5vb_359{width:140px}}@media (max-width: 500px){._datePickersContainer_ys5vb_446{flex-wrap:wrap;gap:5px}._datePickerWrapper_ys5vb_359{width:45%}._dateRangeSeparator_ys5vb_453{display:none}._dateRangeOptionButton_ys5vb_403{font-size:12px;padding:3px 8px}}._customDateRangePicker_ys5vb_501{width:100%;max-width:650px;margin:0 auto}._dateRangePickerContainer_ob9l3_1{display:flex;flex-direction:column;width:100%;gap:10px}._datePickersContainer_ob9l3_8{display:flex;align-items:center;gap:10px;justify-content:center}._datePickerWrapper_ob9l3_15{position:relative;width:180px}._datePickerInput_ob9l3_20{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:35px;box-shadow:0 0 2px #999;border-radius:5px;padding:10px;border:2px solid #ffffff;width:100%;margin-right:5px;background-color:#fff;color:#000}._datePickerInput_ob9l3_20:focus{border:2px solid #ffc000;box-shadow:0 0 2px #999;outline:none}._dateRangeSeparator_ob9l3_41{display:flex;align-items:center;justify-content:center;color:#666;font-size:20px}._dateRangeOptions_ob9l3_49{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;justify-content:center}._dateRangeOptionButton_ob9l3_57{padding:4px 10px;border-radius:16px;font-size:14px;cursor:pointer;background-color:#f3f4f6;border:1px solid #e5e7eb;transition:all .2s ease}._dateRangeOptionButton_ob9l3_57:hover{background-color:#fff3d0;border-color:#ffc000}._dateRangeOptionButtonActive_ob9l3_72{background-color:#ffc000;border-color:#ffc000;color:#fff}._customCalendar_ob9l3_78{font-family:inherit;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}._customCalendar_ob9l3_78 ._react-datepicker__header_ob9l3_87{background-color:#ffc000;border-bottom:1px solid #e5e7eb;border-top-left-radius:8px;border-top-right-radius:8px}._customCalendar_ob9l3_78 ._react-datepicker__day--selected_ob9l3_94,._customCalendar_ob9l3_78 ._react-datepicker__day--keyboard-selected_ob9l3_95{background-color:#ffc000;border-radius:50%}._customCalendar_ob9l3_78 ._react-datepicker__day_ob9l3_94:hover{background-color:#fff3d0;border-radius:50%}._customCalendar_ob9l3_78 ._react-datepicker__day--in-range_ob9l3_105{background-color:#fff3d0}@media (max-width: 768px){._datePickersContainer_ob9l3_8{width:100%;justify-content:center}._dateRangeOptions_ob9l3_49{width:100%;margin-top:12px}._datePickerWrapper_ob9l3_15{width:140px}}@media (max-width: 500px){._datePickersContainer_ob9l3_8{flex-wrap:wrap;gap:5px}._datePickerWrapper_ob9l3_15{width:45%}._dateRangeSeparator_ob9l3_41{display:none}._dateRangeOptionButton_ob9l3_57{font-size:12px;padding:3px 8px}}