._punchMain_pyhmf_3{display:flex;justify-content:center;align-items:center}._punchContainer_pyhmf_10{max-width:1200px;width:92%}._punchDashboard_pyhmf_15{display:flex;justify-content:space-between;align-items:center;background-color:#ffc000;border-radius:10px;height:192px;box-shadow:0 0 2px #999;margin-bottom:20px;margin-top:20px}._punchDashboardLeft_pyhmf_27,._punchDashboardRight_pyhmf_28{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;font-size:36px}@media (max-width: 600px){._punchDashboard_pyhmf_15{height:160px}._punchDashboardLeft_pyhmf_27,._punchDashboardRight_pyhmf_28{font-size:30px}}@media (max-width: 550px){._punchDashboard_pyhmf_15{height:160px}._punchDashboardLeft_pyhmf_27,._punchDashboardRight_pyhmf_28{font-size:28px}}@media (max-width: 500px){._punchDashboard_pyhmf_15{height:160px}._punchDashboardLeft_pyhmf_27,._punchDashboardRight_pyhmf_28{font-size:24px}}@media (max-width: 400px){._punchDashboard_pyhmf_15{height:160px}._punchDashboardLeft_pyhmf_27,._punchDashboardRight_pyhmf_28{font-size:20px}._punchDashboardData_pyhmf_80{font-size:30px}}@media (max-width: 350px){._punchDashboard_pyhmf_15{height:160px}._punchDashboardLeft_pyhmf_27,._punchDashboardRight_pyhmf_28{font-size:16px}._punchDashboardData_pyhmf_80{font-size:24px}}._punchSelectionContainer_pyhmf_100{display:flex;justify-content:space-between;align-items:center;gap:20px}@media (max-width: 1300px){._punchSelectionContainer_pyhmf_100{flex-direction:column;align-items:stretch}._punchDateSection_pyhmf_113,._punchCompanySection_pyhmf_114,._punchButtonSection_pyhmf_115{width:100%;flex-direction:column}._punchEachAreaButton_pyhmf_120,._punchExportDataButton_pyhmf_121,._punchLimitAreaButton_pyhmf_122{width:100%;margin-bottom:10px}}._punchDateSection_pyhmf_113{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;flex-wrap:wrap}._punchDashboardData_pyhmf_80{font-size:40px}input{border:none;outline:none;background:none;padding:0;margin:0;box-shadow:none;font:inherit}._punchDateInput_pyhmf_152{-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_pyhmf_152:focus{border:2px solid #ffc000;box-shadow:0 0 2px #999;outline:none}@media (max-width: 350px){._punchDateInput_pyhmf_152{font-size:14px}}@media (max-width: 330px){._punchDateInput_pyhmf_152{font-size:12px}}@media (max-width: 300px){._punchDateInput_pyhmf_152{font-size:10px;padding:5px}}._punchDateInputText_pyhmf_192{white-space:nowrap}@media (max-width: 500px){._punchDateInputText_pyhmf_192{display:none}}._punchCompanySection_pyhmf_114,._punchButtonSection_pyhmf_115{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%}@media (max-width: 430px){._punchButtonSection_pyhmf_115{flex-wrap:wrap}}._punchButtonSectionLeft_pyhmf_226{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;flex-wrap:nowrap}._punchButtonSectionRight_pyhmf_236{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%}._punchEachAreaButton_pyhmf_120{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_pyhmf_121,._punchLimitAreaButton_pyhmf_122{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_pyhmf_120:hover{background-color:#ffc000;color:#000}._punchExportDataButton_pyhmf_121:hover,._punchLimitAreaButton_pyhmf_122:hover{background-color:#d9a300;color:#000}._punchEachAreaButton_pyhmf_120:active,._punchExportDataButton_pyhmf_121:active{background-color:#d9a300}._datePickerWrapper_pyhmf_315{position:relative;width:180px}._customCalendar_pyhmf_320{font-family:inherit;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}._customCalendar_pyhmf_320 ._react-datepicker__header_pyhmf_329{background-color:#ffc000;border-bottom:1px solid #e5e7eb;border-top-left-radius:8px;border-top-right-radius:8px}._customCalendar_pyhmf_320 ._react-datepicker__day--selected_pyhmf_336,._customCalendar_pyhmf_320 ._react-datepicker__day--keyboard-selected_pyhmf_337{background-color:#ffc000;border-radius:50%}._customCalendar_pyhmf_320 ._react-datepicker__day_pyhmf_336:hover{background-color:#fff3d0;border-radius:50%}._customCalendar_pyhmf_320 ._react-datepicker__day--in-range_pyhmf_347{background-color:#fff3d0}._dateRangeOptions_pyhmf_351{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;justify-content:center}._dateRangeOptionButton_pyhmf_359{padding:4px 10px;border-radius:16px;font-size:14px;cursor:pointer;background-color:#f3f4f6;border:1px solid #e5e7eb;transition:all .2s ease}._dateRangeOptionButton_pyhmf_359:hover{background-color:#fff3d0;border-color:#ffc000}._dateRangeOptionButtonActive_pyhmf_374{background-color:#ffc000;border-color:#ffc000;color:#fff}@media (max-width: 768px){._dateRangeOptions_pyhmf_351{width:100%;margin-top:12px}._datePickerWrapper_pyhmf_315{width:140px}}@media (max-width: 500px){._datePickerWrapper_pyhmf_315{width:120px}._dateRangeOptionButton_pyhmf_359{font-size:12px;padding:3px 8px}}._datePickersContainer_pyhmf_402{display:flex;align-items:center;gap:10px;justify-content:center}._dateRangeSeparator_pyhmf_409{display:flex;align-items:center;justify-content:center;color:#666;font-size:20px}@media (max-width: 768px){._punchDateSection_pyhmf_113{gap:8px}._datePickersContainer_pyhmf_402{width:100%;justify-content:center}._dateRangeOptions_pyhmf_351{width:100%;margin-top:12px}._datePickerWrapper_pyhmf_315{width:140px}}@media (max-width: 500px){._datePickersContainer_pyhmf_402{flex-wrap:wrap;gap:5px}._datePickerWrapper_pyhmf_315{width:45%}._dateRangeSeparator_pyhmf_409{display:none}._dateRangeOptionButton_pyhmf_359{font-size:12px;padding:3px 8px}}._customDateRangePicker_pyhmf_457{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}}