body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{padding-top:5vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.hoursAndAddShiftDiv{display:flex;margin-left:-8vw;width:100vw}.addClientAndCaretakerDiv{display:flex;justify-content:space-around;width:100vw}.App-link{color:#61dafb}Button a{color:#fff;text-decoration:none}#buttonsDiv{margin-bottom:10vh;margin-top:3vh}.scheduleDiv{margin:auto;padding-left:10vw;width:75vw}:root{--primary:#4628ff;--warning:#ffd028;--danger:#eb3f27;--success:#57f178;--white:#fdfdfd;--black:#181717;--purpleish:#151515}.btn{border-radius:10px;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400;margin:0 2vw;transition:transform .3s ease}.btn:hover{transform:translateY(-2px)}.btn--primary--solid{color:#181717;color:var(--black)}.btn--warning--solid{background-color:#ffd028;background-color:var(--warning);border:none;color:var(--dark)}.btn--success--solid{background-color:#57f178;background-color:var(--success);border:none;color:#181717;color:var(--black)}.btn--danger--solid{background-color:#eb3f27;background-color:var(--danger)}.btn--danger--solid,.btn--primary--solid{border:none;color:#fdfdfd;color:var(--white)}.btn--primary--solid{background-color:#4628ff;background-color:var(--primary)}.btn--primary--outline{background-color:initial;border:2px solid #4628ff;border:2px solid var(--primary);color:#4628ff;color:var(--primary)}.btn--warning--outline{background-color:initial;border:2px solid #ffd028;border:2px solid var(--warning);color:#ffd028;color:var(--warning)}.btn--success--outline{background-color:initial;border:2px solid #57f178;border:2px solid var(--success);color:#57f178;color:var(--success)}.btn--danger--outline{background-color:initial;border:2px solid #eb3f27;border:2px solid var(--danger);color:#eb3f27;color:var(--danger)}.btn--medium{font-size:18px;padding:10px 20px}.btn--large{font-size:20px;padding:15px 30px}.SignInDiv{height:100vh;justify-content:center}#googleButtonDiv{padding-top:25vh}#welcomeDiv{padding-top:15vh}#welcomeDiv h1{font-size:48px}#welcomeDiv h3{font-size:20px}.signOutDiv{margin-right:-75vw;padding-top:2vh}.navOptionsList{background-color:#fff;height:100vh;left:0;margin-top:0;overflow-x:hidden;overflow-y:auto;padding-left:0;padding-top:5vh;position:fixed;top:0;width:10vw;z-index:1}#homeNavSeperator{height:10vh}.navOption{height:4vh;margin-top:2vh;padding-top:1vh}li{margin-bottom:5vh}a{color:#0202f2;font-size:2vmin;text-decoration:none}.calendarDiv a{color:#000}#timeEventLabel{color:#f5f5f5;font-size:.65vh;font-weight:500;margin-bottom:1.5vh;margin-top:-1vh}#clientCaretakerEventLabel{margin-top:-1.4vh}#editedTimeLabel{margin-top:0}#dayAndDateLabel{font-size:.6vmax;font-weight:700;margin-bottom:1vh;margin-top:0}#editedLabel{margin-bottom:0}#clientLabelRender{font-size:.7vmax}#caretakerLabelRender{font-size:.7vmax;margin-top:-.5vh}#dashP{margin-top:-.5vh}@media only screen and (max-width:600px){#dayAndDateLabel{font-size:1.6vmax;font-weight:700;margin-bottom:1vh;margin-top:0}}.HoursBoxDiv{background-color:#77fab273;border-radius:15px;height:auto;margin:0 auto 0 -3vw;min-height:60vh;padding-bottom:5vh;width:80vw}#hoursHeader{font-size:20px;margin-bottom:.5vh;padding-top:2vh}#currentWeekHeader{margin-bottom:4vh;margin-top:0}#caretakerTable{margin:0 auto}.caretakerHoursBoxTD{border-bottom:1px solid #000;font-size:20px;padding-right:2vw;padding-top:1vh}.byClientTD{font-size:16px}.hoursBoxLabel{border-bottom:1px solid #000;font-size:20px;font-weight:700;padding-right:2vw;padding-top:.5vh}.trByClient{background-color:#57b48173}.caretakerRowHours{background-color:#b8eed373}.HoursBoxClientsDiv{background-color:#77e0fa73;border-radius:15px;height:auto;margin-bottom:5vh;margin-left:-3vw;margin-top:5vh;min-height:60vh;padding-bottom:4vh;width:80vw}#hoursHeaderClient{font-size:28px;padding-top:0}#currentWeekHeaderHoursClients{margin-bottom:4vh;margin-top:-3vh}#clientTable{margin-left:2vw}.HoursBoxClientsDiv td{border-bottom:1px solid #000;font-size:20px;padding-right:3vw;padding-top:.5vh}.hoursBoxClientsLabel{font-weight:700}.addShiftBoxDiv{background-color:#745fff46;border-radius:15px;height:auto;margin:5vh auto auto -3vw;padding-bottom:5vh;width:80vw}#addShiftH2{font-size:28px}textarea{height:10vh;width:25vw}select{height:3vh;width:25vw}option{font-size:20px}.addShiftBoxDiv label{font-size:18px;padding-right:.75vw;text-align:right}.addShiftFormDiv{grid-row-gap:.5vh;align-items:center;display:grid;grid-template-columns:max-content auto;margin:0 auto;row-gap:.5vh;width:fit-content}.addShiftFormDiv .optionSelectDiv{display:contents}.addShiftFormDiv .formSep{grid-column:1/-1;height:0}#flatFeeSelect,#repeatSelect,#repeatShiftOptionsDiv{grid-column:1/-1}#flatFeeOptionsDiv{display:contents}select{font:inherit}.addShiftBoxDiv h2{font-size:32px;padding-top:1vh}#caretakerSelect,#clientSelect{font-size:16px}.formSep{height:4vh}.optionSelectDiv{font-size:16px}.toggleBtn{background:#0000;border:2px solid #745fff;border-radius:6px;color:#745fff;cursor:pointer;font-size:15px;grid-column:1/-1;padding:.6vh 1.5vw;transition:background .15s,color .15s;width:fit-content}.toggleBtn--active{background:#745fff;color:#fff}.endTimeError{color:red;font-size:14px;grid-column:1/-1}.repeatOptions{padding:1.5vh 0 .5vh}#repeatHeader{font-size:1.2rem;margin-bottom:1.5vh}.repeatOptionsGrid{grid-row-gap:.8vh;align-items:center;display:grid;grid-template-columns:max-content auto;margin:0 auto;row-gap:.8vh;width:fit-content}.repeatOptionsGrid label{font-size:16px;padding-right:.75vw;text-align:right}#repeatDaysCheckboxes{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.2vw;justify-content:center;margin-top:.3vh}.repeatDayAndCheckboxDiv{align-items:center;display:flex;flex-direction:column;gap:.3vh}.repeatDayAndCheckboxDiv label{font-size:13px;margin:0}.repeatDayAndCheckboxDiv input[type=checkbox]{cursor:pointer;width:auto}#confirmShiftDetailsButton{background-color:#27ad27c7;color:#000}#cancelButton{background-color:#d6d625d2}#deleteButton{background-color:#cc1b1bc9}#deleteRepeatingButton{background-color:#ff7b00}.addAppointmentBoxDiv{background-color:#fd766cab;border-radius:15px;height:auto;margin:5vh auto auto -3vw;padding-bottom:2.5vh;width:80vw}.addAppointmentBoxDiv h2{font-size:2vmax;padding-top:1vh}.addAppointmentFormDiv{grid-row-gap:.8vh;align-items:center;display:grid;grid-template-columns:max-content auto;margin:0 auto;row-gap:.8vh;width:fit-content}.addAppointmentBoxDiv label{font-size:16px;font-weight:700;padding-right:.75vw;text-align:right}.addAppointmentBoxDiv input,.addAppointmentBoxDiv select{font-size:15px;height:3vh;min-width:20vw}.addAppointmentBoxDiv textarea{font-size:15px;height:10vh;min-width:20vw;resize:vertical}.aptConfirmRow{grid-column:1/-1;margin-top:1vh;text-align:center}.formSep{height:10px}.aptCalendarDiv a{color:#000}#timeAptLabel{color:#f5f5f5;font-size:.6vmax}#appointmentsH1{color:#b11616;font-size:2vmax}#clientAptLabel{font-stlye:bold;font-size:2vmin}.caretakerFilterDiv{background-color:#cc98fd8e;border-bottom:2px solid #000;margin-bottom:5vh;margin-left:15vw;margin-top:5vh;width:80vw}.filterButton,.filterButtonClient{background-color:#14d314;width:6vw}#checkAllButtonCT{background-color:#14d31498;margin-right:.5vw;margin-top:5vh}#uncheckAllButtonCT{background-color:#f14c1aad;margin-right:.5vw;margin-top:5vh}#checkAllButtonClient{background-color:#14d31498;margin-right:.5vw;margin-top:5vh}#uncheckAllButtonClient{background-color:#f14c1aad;margin-right:.5vw;margin-top:5vh}#applyButton{background-color:#35edfac4;height:4vh;margin-right:4vw;width:6vw}#filterTable{margin-left:15vw}#checkUncheckApplyRow{padding-left:10vw}#schedulingH1{color:#14149e;font-size:4.5vh;margin-left:10vw;margin-top:-2vh}#aptNotesDivLabel{color:#2e2d2d;font-size:2.5vh}.appointmentNotesDiv h1{background-color:#1f5cce}.careReportBuilderPageDiv{background-color:#e8d5fa85;border-radius:15px;margin:0 auto 0 12vw;min-height:100vh;padding:3vh 3vw 6vh;width:80vw}.careReportBuilderHeader{align-items:center;display:flex;gap:2vw;margin-bottom:1vh}.backToHomeLink{color:#4528ff;font-size:16px;text-decoration:none;white-space:nowrap}.backToHomeLink:hover{text-decoration:underline}.careReportBuilderTitle{font-size:28px;margin:0}.careBuilderSection{margin-bottom:1vh}.careBuilderLabel{display:block;font-size:18px;font-weight:600;margin-bottom:.5vh}.careClientSelect{font-size:16px;height:4vh;min-height:28px;min-width:200px;width:25vw}.careBuilderSectionTitle{border-bottom:1px solid #aaa;font-size:20px;font-weight:700;margin-bottom:1vh;padding-bottom:.5vh}.standardFieldsList{list-style:none;margin:0;padding:0}.standardFieldItem{align-items:baseline;display:flex;font-size:16px;gap:1vw;padding:.4vh 0}.standardFieldLabel{font-weight:600;min-width:220px}.standardFieldNote{color:#555;font-size:14px;font-style:italic}.questionList{list-style:none;margin:0 0 2vh;padding:0}.questionItem{align-items:center;border-bottom:1px solid #ccc;display:flex;font-size:16px;gap:.8vw;padding:.7vh .5vw}.questionIndex{color:#666;min-width:20px}.questionText{flex:1 1}.questionTypeBadge{background-color:#d0c0f5}.questionRequired,.questionTypeBadge{border-radius:6px;font-size:13px;padding:2px 8px;white-space:nowrap}.questionRequired{background-color:#ffd028}.removeQuestionBtn{background:none;border:none;color:#eb3f27;cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.removeQuestionBtn:hover{color:#c0392b}.addQuestionForm{background-color:#f0e8fd;border-radius:10px;margin-top:1.5vh;padding:1.5vh 1.5vw}.addQuestionTitle{font-size:17px;font-weight:600;margin:0 0 1vh}.newQuestionInput{border:1px solid #bbb;border-radius:5px;box-sizing:border-box;font-size:15px;height:4vh;margin-bottom:1vh;min-height:28px;padding:0 8px;width:100%}.addQuestionRow{align-items:center;display:flex;flex-wrap:wrap;gap:1vw}.addQuestionRow label{font-size:15px;font-weight:600}.newQuestionTypeSelect{font-size:15px;height:4vh;min-height:28px}.requiredCheckboxLabel{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:4px}.careBuilderSaveRow{align-items:center;display:flex;gap:2vw}.careBuilderStatus{font-size:16px;margin:0}.careBuilderEmpty,.careBuilderLoading{color:#666;font-size:15px;font-style:italic}.careReportFormPageDiv{background-color:#e8d5fa85;border-radius:15px;margin:0 auto 0 12vw;min-height:100vh;padding:3vh 3vw 6vh;width:80vw}.careReportFormHeader{align-items:center;display:flex;gap:2vw;margin-bottom:1vh}.careReportFormTitle{font-size:28px;margin:0}.careShiftSelect{font-size:16px;height:4vh;min-height:28px;min-width:260px;width:40vw}.careFormSection{margin-bottom:1vh}.careFormSectionTitle{border-bottom:1px solid #aaa;font-size:20px;font-weight:700;margin-bottom:1vh;padding-bottom:.5vh}.careFormLabel{display:block;font-size:16px;font-weight:600;margin-bottom:.4vh}.careFormReadOnlyGrid{grid-row-gap:.6vh;align-items:center;display:grid;grid-template-columns:160px 1fr;row-gap:.6vh}.careFormReadOnlyLabel{color:#444;font-size:15px;font-weight:600}.careFormReadOnlyValue{background-color:#e0d8ee;border-radius:5px;font-size:15px;padding:3px 10px}.careFormField{margin-bottom:1.4vh}.careFormInput{height:4vh;min-height:28px;min-width:200px;padding:0 8px;width:30vw}.careFormInput,.careFormTextarea{border:1px solid #bbb;border-radius:5px;box-sizing:border-box;font-size:15px}.careFormTextarea{font-family:inherit;min-width:260px;padding:6px 8px;resize:vertical;width:40vw}.careFormSelect{font-size:15px;height:4vh;min-height:28px;min-width:120px}.careFormRequired{color:#eb3f27;font-weight:700}.careFormSubmitRow{align-items:center;display:flex;gap:2vw}.careFormStatus{font-size:16px;margin:0}.careFormLoading{color:#666;font-size:15px;font-style:italic}.careFormTimeRow{align-items:center;display:flex;gap:10px}.careFormEditTimeBtn{background:none;border:1px solid #4528ff;border-radius:5px;color:#4528ff;cursor:pointer;font-size:13px;padding:2px 10px;white-space:nowrap}.careFormEditTimeBtn:hover{background-color:#4528ff;color:#fff}.careFormEditedBadge{background-color:#ffd028;border-radius:5px;font-size:11px;font-style:normal;font-weight:600;margin-left:8px;padding:1px 6px}.careFormModalOverlay{align-items:center;background-color:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.careFormModal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:12px;min-width:320px;padding:28px 32px}.careFormModalTitle{font-size:20px;font-weight:700;margin:0}.careFormDatetimeInput{box-sizing:border-box;min-width:0;min-width:auto;width:100%}.careFormModalError{color:#eb3f27;font-size:14px;margin:0}.careFormModalActions{align-items:center;display:flex;gap:12px;margin-top:4px}.careFormModalCancelBtn{background:none;border:none;color:#555;cursor:pointer;font-size:15px;padding:0}.careFormModalCancelBtn:hover{color:#000;text-decoration:underline}.addCaretakerDiv{background-color:#6673e785;border-radius:15px;height:auto;margin:5vh auto 5vh -3vw;padding-bottom:5vh;width:80vw}.addCaretakerDiv input{font-size:2.5vh;height:3vh;width:25vw}.editCaretakersDiv{background-color:#e766d285;border-radius:15px;height:auto;margin:5vh auto 0 -5vh;min-height:100vh;padding-bottom:4vh;width:80vw}.editCaretakersDiv td{border-bottom:1px solid #000;font-size:20px;padding-right:3vw;padding-top:.5vh}.caretakerColorInput,.caretakerPayInput{width:5vw}.updateCaretakerButtonTD{margin-right:4vw;padding-right:1vw}.updateCaretakerButton{background-color:#1fc51f}#deleteCaretakerButtonTD{margin-right:4vw;padding-right:1vw}#deleteCaretakerButton{background-color:red}.raiseBoxDiv{background-color:#1b8d9c85;border-radius:15px;height:auto;margin:5vh auto auto -4vw;padding-bottom:5vh;width:80vw}#deactivateCaretaker,#deactivateClient{background-color:#f38226}#confirmDeleteCaretaker,#confirmDeleteClient{background-color:#df1515}#cancelDeleteCaretaker,#cancelDeleteClient{margin-right:0;width:4vw}.titleAndX{display:flex;justify-content:space-between}.deactivateDiv{display:flex;justify-content:center}#deactivDateInput{padding-right:2vw}.caretakersPageDiv{background-color:#e8d5fa85;border-radius:15px;margin:0 auto 0 12vw;min-height:100vh;padding:3vh 3vw 6vh;width:80vw}.caretakersPageHeader{align-items:center;display:flex;gap:2vw;margin-bottom:1vh}.caretakersPageTitle{font-size:28px;margin:0}.addClientDiv{background-color:#7cd2fa9a;padding-bottom:5vh}#editClientsDiv,.addClientDiv{border-radius:15px;height:auto;margin:5vh auto auto -3vw;width:80vw}#editClientsDiv{background-color:#66e7c785;min-height:100vh;padding-bottom:4vh}.editClientsDiv td{border-bottom:1px solid #000;font-size:20px;padding-right:3vw;padding-top:.5vh}#deactivatedClientsTable{margin-left:2vw}.editClientsDiv button{font-size:14px}.updateClientButton{background-color:#1fc51f}.deleteClientButton{background-color:red}.clientRateInput{width:5vw}.clientsPageDiv{background-color:#e8d5fa85;border-radius:15px;margin:0 auto 0 12vw;min-height:100vh;padding:3vh 3vw 6vh;width:80vw}.clientsPageHeader{align-items:center;display:flex;gap:2vw;margin-bottom:1vh}.clientsPageTitle{font-size:28px;margin:0}.clientDetailPageDiv{background-color:#d4eafd85;border-radius:15px;margin-left:12vw;min-height:60vh;padding-bottom:5vh;width:80vw}.clientDetailHeader{align-items:center;display:flex;gap:2vw;padding:2vh 2vw 0}.clientDetailTitle{color:#1a1a2e;font-size:24px;margin:0}.clientDetailSection{padding:0 2vw}.clientDetailSectionTitle{color:#1a3a5c;font-size:18px;margin-bottom:1.5vh}.cdTableWrapper{border-radius:10px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.cdTable{background-color:#fff;border-collapse:collapse;font-size:14px;width:100%}.cdTh{background-color:#2d6ab4;color:#fff;font-weight:600;padding:1.2vh 1.2vw;text-align:left;white-space:nowrap}.cdCustomTh{background-color:#1e4d8c}.cdRow{border-bottom:1px solid #dce8f5;transition:background-color .12s}.cdRow:hover{background-color:#eaf3fd}.cdTd{color:#2c2c2c;padding:1.2vh 1.2vw;vertical-align:top}.cdDateTd{color:#1a3a5c;font-weight:500;white-space:nowrap}.cdInfoTd{max-width:30vw}.cdNoAnswer{color:#aaa}.cdEmpty,.cdLoading{color:#555;font-style:italic;padding:1vh 0}.cdError{color:#eb3f27;padding:1vh 0}.cdShowMoreBtn{background-color:#2d6ab4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:2vh;padding:.8vh 2vw;transition:background-color .15s}.cdShowMoreBtn:hover{background-color:#1e4d8c}.invoicingPageDiv{background-color:#fef9ec;border-radius:15px;margin-left:12vw;min-height:60vh;padding-bottom:5vh;width:80vw}.invoicingPageHeader{align-items:center;display:flex;gap:2vw;padding:2vh 2vw 0}.invoicingPageTitle{color:#1a1a2e;font-size:24px;margin:0}.invoiceFormSection{padding:0 2vw}.invoiceFormTitle{color:#3a2800;font-size:18px;margin-bottom:2vh}.invoiceFormGrid{grid-gap:1.2vh 1.5vw;align-items:center;display:grid;gap:1.2vh 1.5vw;grid-template-columns:160px 1fr;margin-bottom:2vh;max-width:480px}.invoiceLabel{color:#3a2800;font-size:14px;font-weight:600}.invoiceInput,.invoiceSelect{background-color:#fffdf4;border:1px solid #c8b97a;border-radius:6px;color:#1a1a2e;font-size:14px;padding:.6vh .8vw}.invoiceInput:focus,.invoiceSelect:focus{border-color:#9a7c00;outline:none}.invoiceError{color:#eb3f27;font-size:14px;margin:.5vh 0 1.5vh}.invoiceGenerateBtn{background-color:#9a7c00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:1vh 2.5vw;transition:background-color .15s}.invoiceGenerateBtn:hover:not(:disabled){background-color:#7a6100}.invoiceGenerateBtn:disabled{cursor:not-allowed;opacity:.6}.invoiceResultsSection{padding:0 2vw}.invoiceResultsTitle{color:#3a2800;font-size:17px;margin-bottom:2vh}.invoiceEmpty{color:#888;font-style:italic}.invoiceTableWrapper{border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:3vh;overflow-x:auto}.invoiceTable{background-color:#fff;border-collapse:collapse;font-size:14px;width:100%}.invTh{background-color:#9a7c00;color:#fff;font-weight:600;padding:1.2vh 1.2vw;text-align:left;white-space:nowrap}.invRight{text-align:right}.invRow{border-bottom:1px solid #f0e8c8}.invRow:hover{background-color:#fffbee}.invTd{color:#2c2c2c;padding:1.1vh 1.2vw}.invoiceSummary{border-top:2px solid #c8b97a;margin-left:auto;max-width:380px;padding-top:1.5vh}.invSummaryRow{border-bottom:1px solid #f0e8c8;color:#3a2800;display:flex;font-size:14px;justify-content:space-between;padding:.6vh 0}.invSummaryLabel{font-weight:500}.invSummaryValue{font-weight:500;min-width:80px;text-align:right}.invTotalRow{border-bottom:none;border-top:2px solid #9a7c00;color:#1a1a2e;font-size:16px;font-weight:700;margin-top:.5vh;padding-top:1vh}.recurringPageDiv{background-color:#eaf4ff;border-radius:15px;margin-left:12vw;min-height:60vh;padding-bottom:5vh;width:80vw}.recurringPageHeader{align-items:center;display:flex;gap:2vw;padding:2vh 2vw 0}.recurringPageTitle{color:#1a1a2e;font-size:24px;margin:0}.recurringSection{padding:0 2vw}.recurringEmpty,.recurringLoading{color:#555;font-style:italic}.recurringError{color:#eb3f27}.recurringTableWrapper{border-radius:10px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.recurringTable{background-color:#fff;border-collapse:collapse;font-size:14px;width:100%}.recTh{background-color:#1565c0;color:#fff;font-weight:600;padding:1.2vh 1.2vw;text-align:left;white-space:nowrap}.recRow{border-bottom:1px solid #dce8f5;transition:background-color .12s}.recRow:hover{background-color:#f0f7ff}.recTd{color:#2c2c2c;padding:1.1vh 1.2vw;vertical-align:middle}.recActions{white-space:nowrap}.recEditBtn{background-color:#1565c0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-right:.5vw;padding:.5vh 1vw;transition:background-color .15s}.recEditBtn:hover{background-color:#0d47a1}.recDeleteBtn{background-color:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:.5vh 1vw;transition:background-color .15s}.recDeleteBtn:hover{background-color:#b71c1c}.recModalOverlay{align-items:center;background-color:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.recModal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;padding:3vh 2.5vw;width:min(480px,90vw)}.recDeleteModal{width:min(420px,90vw)}.recModalTitle{color:#1a1a2e;font-size:18px;margin:0 0 2.5vh}.recModalField{display:flex;flex-direction:column;margin-bottom:1.8vh}.recModalLabel{color:#333;font-size:13px;font-weight:600;margin-bottom:.4vh}.recModalInput{border:1px solid #b0c4de;border-radius:6px;color:#1a1a2e;font-size:14px;padding:.7vh .8vw}.recModalInput:focus{border-color:#1565c0;outline:none}.recModalHint{color:#666;font-size:12px;margin-top:.3vh}.recModalError{color:#eb3f27;font-size:13px;margin:.5vh 0 1vh}.recModalActions{display:flex;gap:1vw;margin-top:2vh}.recSaveBtn{background-color:#1565c0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:.9vh 1.8vw;transition:background-color .15s}.recSaveBtn:hover:not(:disabled){background-color:#0d47a1}.recSaveBtn:disabled{cursor:not-allowed;opacity:.6}.recCancelBtn{background:none;border:1px solid #999;border-radius:8px;color:#555;cursor:pointer;font-size:14px;padding:.9vh 1.8vw;transition:border-color .15s,color .15s}.recCancelBtn:hover{border-color:#333;color:#333}.recDeleteMsg{color:#555;font-size:14px;line-height:1.5;margin-bottom:2vh}.recConfirmDeleteBtn{background-color:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:.9vh 1.8vw;transition:background-color .15s}.recConfirmDeleteBtn:hover:not(:disabled){background-color:#b71c1c}.recConfirmDeleteBtn:disabled{cursor:not-allowed;opacity:.6}.payrollPageDiv{background-color:#eef4fb;border-radius:15px;margin-left:12vw;min-height:60vh;padding-bottom:5vh;width:80vw}.payrollPageHeader{align-items:center;display:flex;gap:2vw;padding:2vh 2vw 0}.payrollPageTitle{color:#1a1a2e;font-size:24px;margin:0}.payrollFormSection{padding:0 2vw}.payrollFormTitle{color:#1a2e3a;font-size:18px;margin-bottom:2vh}.payrollFormGrid{grid-gap:1.2vh 1.5vw;align-items:center;display:grid;gap:1.2vh 1.5vw;grid-template-columns:160px 1fr;margin-bottom:2vh;max-width:480px}.payrollLabel{color:#1a2e3a;font-size:14px;font-weight:600}.payrollInput,.payrollSelect{background-color:#f5fafd;border:1px solid #7ab0c8;border-radius:6px;color:#1a1a2e;font-size:14px;padding:.6vh .8vw}.payrollInput:focus,.payrollSelect:focus{border-color:#2d6e9a;outline:none}.payrollError{color:#eb3f27;font-size:14px;margin:.5vh 0 1.5vh}.payrollGenerateBtn{background-color:#2d6e9a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:1vh 2.5vw;transition:background-color .15s}.payrollGenerateBtn:hover:not(:disabled){background-color:#1f4e6e}.payrollGenerateBtn:disabled{cursor:not-allowed;opacity:.6}.payrollResultsSection{padding:0 2vw}.payrollResultsTitle{color:#1a2e3a;font-size:17px;margin-bottom:2vh}.payrollEmpty{color:#888;font-style:italic}.payrollTableWrapper{border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:3vh;overflow-x:auto}.payrollTable{background-color:#fff;border-collapse:collapse;font-size:14px;width:100%}.prTh{background-color:#2d6e9a;color:#fff;font-weight:600;padding:1.2vh 1.2vw;text-align:left;white-space:nowrap}.prRight{text-align:right}.prRow{border-bottom:1px solid #d0e8f5}.prRow:hover{background-color:#f0f8ff}.prTd{color:#2c2c2c;padding:1.1vh 1.2vw}.prEditBtn{background-color:#2d6e9a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;padding:.3vh .8vw;white-space:nowrap}.prEditBtn:hover{background-color:#1f4e6e}.payrollSummary{border-top:2px solid #7ab0c8;margin-left:auto;max-width:380px;padding-top:1.5vh}.prSummaryRow{border-bottom:1px solid #d0e8f5;color:#1a2e3a;display:flex;font-size:14px;justify-content:space-between;padding:.6vh 0}.prSummaryLabel{font-weight:500}.prSummaryValue{font-weight:500;min-width:80px;text-align:right}.prTotalRow{border-bottom:none;border-top:2px solid #2d6e9a;color:#1a1a2e;font-size:16px;font-weight:700;margin-top:.5vh;padding-top:1vh}.prModalOverlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.prModal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;max-width:500px;min-width:340px;padding:3vh 2.5vw;width:90%}.prModalTitle{color:#1a2e3a;font-size:18px;margin:0 0 2.5vh}.prModalGrid{grid-gap:1.2vh 1vw;align-items:center;display:grid;gap:1.2vh 1vw;grid-template-columns:140px 1fr;margin-bottom:2vh}.prModalLabel{color:#1a2e3a;font-size:14px;font-weight:600;padding-right:.5vw;text-align:right}.prModalInput{background-color:#f5fafd;border:1px solid #7ab0c8;border-radius:6px;box-sizing:border-box;font-size:14px;padding:.6vh .8vw;width:100%}.prModalInput:focus{border-color:#2d6e9a;outline:none}.prModalError{color:#eb3f27;font-size:14px;margin:0 0 1vh}.prModalActions{display:flex;gap:1vw;justify-content:flex-end}.prModalCancel{background:#fff;border:1px solid #7ab0c8;border-radius:6px;color:#1a2e3a;cursor:pointer;font-size:14px;padding:.8vh 1.5vw}.prModalCancel:hover{background:#f0f8ff}.prModalSave{background-color:#2d6e9a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:.8vh 1.5vw}.prModalSave:hover:not(:disabled){background-color:#1f4e6e}.prModalSave:disabled{cursor:not-allowed;opacity:.6}.topBar{align-items:center;background-color:#2d1bcc;box-shadow:0 2px 6px #0000004d;display:flex;gap:2vw;height:5vh;left:10vw;padding-left:2vw;position:fixed;top:0;width:90vw;z-index:10}.topBarLink{border-radius:6px;color:#d4c9ff;font-size:1.6vmin;font-weight:500;padding:.4vh 1vw;text-decoration:none;transition:background-color .15s,color .15s}.topBarLink:hover{background-color:#ffffff26;color:#fff}.topBarLinkActive{background-color:#ffffff38;color:#fff;font-weight:700}
/*# sourceMappingURL=main.c02bf15f.css.map*/