@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.form-container a{font-weight:500;color:#646cff!important;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#f9f9fb}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}input{border-top:none;border-left:none;border-right:none;border-bottom:1px solid #000;border-radius:0;outline:none}#root{width:100%;margin:0 auto;text-align:center}header{position:fixed;top:0;left:0;right:0;background-color:#fff}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}@media (prefers-color-scheme: dark){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background-color:#c9c9c9;border-radius:8px;border:2px solid #ffffff}}@media (prefers-color-scheme: dark){html{scrollbar-color:#c9c9c9 #ffffff}}.card{padding:2em}.read-the-docs{color:#888}.modal{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#00000080;z-index:999}.modal.open{opacity:1;visibility:visible}.modal-content{background:#fff;border-radius:16px;padding:0;max-width:400px;width:90%;max-height:90vh;transform:translateY(20px);transition:transform .3s ease;overflow-y:auto}.modal.open .modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #f0f0f0}.modal_header_txt{font-size:15px;font-weight:600;color:#2c3e50}.modal_close{background:none;border:none;font-size:24px;color:#7f8c8d;cursor:pointer;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.work-settings-content{padding:15px 20px}form{display:flex;flex-direction:column;gap:20px}.work-settings form label{display:flex;gap:8px;font-weight:500;color:#2c3e50;font-size:14px;align-items:center}select{border-radius:8px}select,input[type=text],input[type=password]{padding:12px 10px;font-size:14px;background:transparent}.workoff-container{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.workoff-row{display:grid;gap:3px}.form-item{display:flex;flex-direction:row;justify-content:space-between}.form-item label{font-size:13px;color:#495057;font-weight:700;align-items:center}.form-item input,.form-input-datepicker{text-align:center;padding:3px;width:30%;border-bottom:1px solid #dee2e6;font-size:14px;transition:border-color .2s ease}.form-item input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-row.holiday-start-date-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.form-label{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-label label{font-weight:700}.form-label select{padding:0;float:left}.form-input-datepicker{padding:3px!important;border-bottom:1px solid #e1e8ed;font-size:13px;width:40%;cursor:pointer;background-color:transparent}input[type=date]{position:relative;padding-right:10px}input[type=date]::-webkit-clear-button,input[type=date]::-webkit-inner-spin-button{display:none}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;color:transparent}.modal_button_group{margin-top:8px}.user-action-btn.secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;flex:1;justify-content:center;padding:16px 20px;border-radius:16px;box-shadow:0 4px 12px #64748b1a}.user-action-btn{display:flex;align-items:center;gap:16px;padding:20px;border:none;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;width:100%;position:relative;overflow:hidden;justify-content:center}.user-action-btn.secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-action-btn.secondary:not(:disabled):hover{background:#e2e8f0;color:#475569;transform:translateY(-2px);box-shadow:0 6px 18px #64748b26}@media (max-width: 600px){.modal-content{width:95%;margin:20px}.workoff-row{grid-template-columns:1fr;gap:12px}.form-row.holiday-start-date-row{grid-template-columns:1fr;gap:16px}}.date-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:1;visibility:visible}.date-modal-content{background:#fff;border-radius:16px;padding:0;max-width:400px;width:90%;max-height:90vh;transform:translateY(0);transition:transform .3s ease;overflow-y:auto}.date-modal-header{border-bottom:1px solid #f0f0f0}.date-year-select{background:transparent;border:none;border-radius:8px;cursor:pointer;outline:none}.date-close-btn{background:none;border:none;cursor:pointer;border-radius:50%;width:32px;height:32px;transition:all .2s ease}.date-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.date-month-btn{background:none;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.date-month-btn:hover{background:#2c3e50;color:#fff;transform:translateY(-2px)}.date-month-btn.active{background:#2c3e50;color:#fff;font-weight:700}.date-month-btn.active:hover{transform:translateY(-2px)}.date-current-indicator{position:absolute;top:8px;right:8px;background:#ffffff4d;border-radius:50%;width:8px;height:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-body{padding:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#2c3e50}.helper-text{margin:0;color:#666;font-size:12px}.modal-tabs{display:flex;background:#f8fafc}.modal-tab{flex:1;padding:12px 20px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s ease;border-bottom:2px solid transparent}.modal-tab:hover{background:#f1f5f9;color:#475569}.modal-tab.active{color:#2c3e50;font-weight:600;background:#fff}.preview-section{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.preview-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#2c3e50}.preview-list{max-height:200px;overflow-y:auto}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:4px;background:#fff;border-radius:6px;border:1px solid #dee2e6}.preview-date{font-size:12px;color:#6c757d;font-weight:500;min-width:80px}.preview-title{font-size:13px;color:#495057;flex:1;margin-left:12px}.header-content{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative}.btn_today{background-color:#000;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;margin-right:10px;padding:8px 10px}.user-info{display:flex;align-items:center}.user-name{font-size:18px;font-weight:600;color:#1e40af}.auth-buttons{display:flex;gap:16px}.auth-btn{background-color:transparent;border:none;font-size:16px;color:#1e40af;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease}.auth-btn:hover{background-color:#eff6ff;color:#1e3a8a}.settings-area{position:relative}.settings-dropdown{position:relative;cursor:pointer}.settings-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#1e40af;font-weight:500;transition:all .2s ease}.settings-trigger:hover{background-color:#dbeafe;border-color:#93c5fd}.dropdown-arrow{transition:transform .3s ease;fill:#1e40af}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:160px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.settings-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:#374151;font-size:14px;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f9fafb;color:#1e40af}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:not(:last-child){border-bottom:1px solid #f3f4f6}@media (max-width: 768px){.header-content{flex-direction:column;gap:16px;align-items:stretch}.div_header_month.fs-18{font-size:16px}.user-name{font-size:16px;text-align:center}.settings-area{align-self:center}.auth-buttons{justify-content:center}.dropdown-menu{right:auto;left:50%;transform:translate(-50%) translateY(-10px)}.settings-dropdown.open .dropdown-menu{transform:translate(-50%) translateY(0)}.calendar-container .mg-b-16{margin-bottom:16px}}.user-tooltip{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;border:1px solid #e5e7eb;min-width:200px;z-index:1000;margin-top:8px;animation:tooltipFadeIn .2s ease-out}.user-tooltip:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;transform:rotate(45deg)}.settings-tooltip{position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;border:1px solid #e5e7eb;min-width:200px;z-index:1000;margin-top:8px;animation:tooltipFadeIn .2s ease-out}.settings-tooltip:before{content:"";position:absolute;top:-6px;left:12px;width:12px;height:12px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;transform:rotate(45deg)}.user-tooltip-header{padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#f9fafb;border-radius:12px 12px 0 0}.user-tooltip-name{font-size:14px;font-weight:600;color:#374151}.user-tooltip-actions{padding:8px}.user-tooltip-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.user-tooltip-btn:hover{background:#f3f4f6;transform:translate(2px)}.user-tooltip-btn.primary{color:#3b82f6}.user-tooltip-btn.primary:hover{background:#eff6ff;color:#2563eb}.user-tooltip-btn.secondary{color:#64748b}.user-tooltip-btn.secondary:hover{background:#f1f5f9;color:#475569}.user-tooltip-btn.danger{color:#dc2626}.user-tooltip-btn.danger:hover{background:#fef2f2;color:#b91c1c}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calendar-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto;box-sizing:border-box;padding:0 10px}.grid-container{width:100%;max-width:900px;margin:0 auto}.date-cell{padding:3px 0 2px;width:100%;text-align:start;display:flex;flex-direction:column;box-sizing:border-box;justify-content:space-between;min-width:0px;border-bottom:1px solid #9ca3af}.date-cell.empty.five-weeks,.date-cell.date.five-weeks{height:80px}.date-cell.empty.six-weeks,.date-cell.date.six-weeks{height:68px}.grid-cols-7{display:grid;grid-template-columns:repeat(7,1fr)}.yoil-cell{color:#000;font-weight:700}.sp_yoil{padding-left:7px}.text-holiday{font-size:11px;color:#000}.sp_holiday,.text-red-500{color:red}.text-gray-500,.date_gray{color:gray}.date_red{color:red}.today-cell{background-color:#2c3e50;color:#fff;border-radius:50%;display:inline-block;min-width:24px;text-align:center;font-weight:700}.shiftwork_name{color:#000;text-align:center;font-size:12px;width:100%;border-radius:3px}.date-text{width:100%;text-align:center}.div_header_container{display:flex;width:100%;max-width:1200px;margin:5px auto;justify-content:space-between;align-items:center;text-align:center;position:relative}.div_header_center{display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;left:50%;transform:translate(-50%);min-width:120px}.div_header_month{cursor:pointer}.btn_prev_month,.btn_next_month{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn_prev_month:hover,.btn_next_month:hover{background-color:#e5e7eb;border-color:#9ca3af;transform:scale(1.05)}.div_header_container .div_legend_container{display:flex;width:35%;justify-content:center;border-radius:3px;padding:5px}.div_header_container .div_legend{width:22px;height:auto;margin-right:5px}.div_header_container .div_divider{width:1px;background-color:#756f6f;margin:0 7px}.div_header_year{font-size:12px}.btn_prev_month,.btn_next_month{background-color:transparent;font-size:15px}.btn_prev_month .svg_left,.btn_next_month .svg_right{width:15px;height:15px}.shiftwork_day .shiftwork_name{background-color:bisque}.shiftwork_evening .shiftwork_name{background-color:#f3bced}.shiftwork_night .shiftwork_name{background-color:#92a8ec}@media (max-width: 480px){.date-cell{max-width:none;min-width:0}.date-cell.empty.five-weeks,.date-cell.date.five-weeks{height:75px}.date-cell.empty.six-weeks,.date-cell.date.six-weeks{height:63px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.form-container{max-width:450px;margin:0 auto;text-align:center;width:100%;padding:20px;box-sizing:border-box;background-color:#fff;border-radius:8px;box-shadow:#227eff1a 0 3px 10px}.form-container form{margin:0;padding:0;display:contents}.form-group{margin-bottom:50px;display:flex;flex-direction:column;text-align:left}.input-button-wrapper{display:flex;width:100%;gap:10px}.input-button-wrapper input{flex:1;padding:8px;font-size:14px}.form-group input{border:0px;border-bottom:1px solid #000;color:#000}.input-button-wrapper button{padding:8px 12px;white-space:nowrap;font-size:14px;height:100%}.form-group label{margin-bottom:6px;font-weight:700}.form-group input{padding:8px;font-size:14px}.user-action-btn.danger{padding:16px 20px;border-radius:16px}.user-action-btn.danger.active{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;flex:1;justify-content:center;box-shadow:0 4px 12px #dc26261a}.user-action-btn.danger:hover{background:#fee2e2;color:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 18px #dc262633}.user-action-btn.danger.disabled{background:#d1d5db!important;color:#fff!important;border:0px!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}button{padding:8px 12px;cursor:pointer}.check-message{font-size:12px;color:red;margin-top:6px}.form-action-btn{background:#dbeafeb3;color:#3b82f6;border:1px solid rgba(147,197,253,.5);border-radius:12px;padding:14px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:inline-block;text-align:center;text-decoration:none;box-shadow:0 4px 12px #3b82f61a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-action-btn:hover{background:#bfdbfecc;color:#2563eb;border-color:#93c5fdb3;transform:translateY(-2px);box-shadow:0 6px 18px #3b82f626}.form-action-btn:active{background:#93c5fdcc;color:#1d4ed8;transform:translateY(0);box-shadow:0 4px 12px #3b82f61a}.form-action-btn:disabled{background:#e5e7eb99!important;color:#9ca3afcc!important;border-color:#d1d5db80!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media (max-width: 480px){.form-container{max-width:300px}.form-container .fs-18{font-size:15px}}.min-h-screen{min-height:100vh}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))}.pd-y-80{padding-top:80px;padding-bottom:80px}.pd-x-4{padding-left:16px;padding-right:16px}.pd-y-48{padding-top:48px;padding-bottom:48px}.pd-x-8{padding-left:32px;padding-right:32px}.pd-y-16{padding-top:16px;padding-bottom:16px}.pd-y-12{padding-top:12px;padding-bottom:12px}.pd-32{padding:32px}.max-w-1280{max-width:1280px}.max-w-768{max-width:768px}.w-full{width:100%}.w-16{width:64px}.mx-auto{margin-left:auto;margin-right:auto}.mg-r-5{margin-right:5px}.mg-r-16{margin-right:16px}.mg-b-24{margin-bottom:24px}.mg-b-32{margin-bottom:32px}.mg-b-52{margin-bottom:52px}.mg-b-16{margin-bottom:16px}.mg-b-12{margin-bottom:12px}.mg-b-30{margin-bottom:30px}.mg-t-16{margin-top:16px}.mg-t-24{margin-top:24px}.mg-t-40{margin-top:40px}.text-center{text-align:center}.text-Left{text-align:left}.fs-48{font-size:48px}.fs-35{font-size:35px}.fs-24{font-size:24px}.fs-20{font-size:20px}.fs-18{font-size:18px}.fs-15{font-size:15px}.fw-700{font-weight:700}.fw-600{font-weight:600}.fw-800{font-weight:800}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-400{color:#9ca3af}.text-blue-700{color:#1e40af}.text-blue-500{color:#0ea5e9}.text-white{color:#fff}.text-red-500{color:#ef4444}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-900{background-color:#111827}.bg-blue-700{background-color:#1e40af}.bg-blue-500{background-color:#0ea5e9}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-gray-100{background-color:#f3f4f6}.bg-black{background-color:#000}.bg-red-500{background-color:#ef4444}.flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.inline-block{display:inline-block}.grid{display:grid}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.spacing-32{gap:32px}.rounded-xl{border-radius:12px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.cell-h-64{height:64px}.border-1{border-width:1px}.border-2{border-width:2px}.border-white{border-color:#fff}.border-blue-700{border-color:#1e40af}.opacity-90{opacity:.9}.img_logo{width:100%;height:100%;object-fit:contain}.transition-colors{transition:background-color .2s ease-in-out}.mb_none{display:block}.mb_block{display:none}.tab-btn.active{border-color:#3b82f6;color:#3b82f6;font-weight:700}.tab-btn{border:none;background-color:transparent;font-weight:700}.chart-container{position:relative;width:100%;max-width:800px;margin-left:auto;margin-right:auto;height:320px;max-height:400px}.delete_chk_label{display:flex;flex-direction:row;justify-content:center}@media (max-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.fs-48{font-size:32px;line-height:1.2}.fs-35{font-size:28px;line-height:1.3}#tab3 .fs-15{font-size:13px}.pd-x-4{padding-left:16px;padding-right:16px}.pd-y-80{padding-top:48px;padding-bottom:48px}.mg-b-16{margin-bottom:32px}.spacing-32{gap:16px}.flex.flex_row{flex-direction:row;align-items:center}.justify-between{flex-direction:row}.mb_none{display:none}.mb_block{display:block}.chart-container{height:230px}.shift-btn{flex:1;max-width:120px;padding:8px 4px;margin:0}.shift-btn .text-xl{font-size:14px}.shift-btn .text-sm{font-size:10px}.shift-btn .text-xs{font-size:9px}.shift-btn .flex{flex-direction:column;space-x:0}.bg-gradient-to-br.from-gray-50 h4{font-size:16px;margin-bottom:16px}#shiftLegend{gap:8px}#shiftLegend .text-xs{font-size:10px}#tab2 .text-center,#tab3 .text-center{flex:1;min-width:0}#tab2 .text-5xl,#tab3 .text-5xl{font-size:24px}#tab2 .p-6,#tab3 .p-6{padding:12px}#tab2 .mt-3,#tab3 .mt-3{margin-top:8px;font-size:11px}#tab2 .text-2xl,#tab3 .text-2xl{font-size:16px}.tab-content .pd-32{padding:20px}#mobile-menu{z-index:100;width:195px;background-color:#fff;position:absolute;box-sizing:border-box;border:none;top:100%;right:0;border-radius:0 0 20px 20px;filter:drop-shadow(4px 4px 7px rgba(31,42,67,.1))}#mobile-menu .bg-blue-600{background-color:#fff}#mobile-menu .text-white{color:#1e40af}}