body{margin:0;font-family:Roboto,"sans-serif";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fef4ea}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header: #fff;--page-background: #fff;--text: #000;--submit-btn: lightgreen;--form-links-btn: #fff;--login-admin-links: #fff;--admin-link-bg-color: unset;--login-admin-link-text: #fff;--admin-link-bg-color-hover: unset;--remove-option-color: #e60000;--remove-option-color-text: #ffffff;--footer-bg-color: #357da6;--footer-color-text: #ffffff;--success-banner-color: rgb(146, 240, 0)}html{margin:0;color:var(--text);background-color:var(--page-background);font-family:Roboto,sans-serif}input:focus{border-color:#00f}.required:after{content:" *";color:red;font-size:20px}.container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;background-color:var(--page-background)}.formContainer{width:1200px;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:0 1rem}.heading{width:100%;display:flex;justify-content:center}fieldset{margin:0 auto;margin-top:2rem;display:flex;flex-wrap:wrap;width:50%}.form-submit-success,.form-submit-failed{display:flex;justify-content:center;align-items:center}.form-submit-success>svg,.form-submit-failed>svg{padding-right:.5rem}.input-invalid{border:2px solid red}.loading-spinner{font-size:4rem}.errMsg{background-color:#88f6b1;display:flex;width:50%;justify-content:center;align-items:center}.errMsg>p{color:#8c1818}.successBanner{display:flex;justify-content:center;align-items:center;height:100px;width:100%;margin-top:4rem;background-color:var(--success-banner-color);border:1px solid black;border-radius:30px}@media (min-width: 360px) and (max-width: 768px){fieldset{width:70%}.backPayDates{grid-template-columns:100%!important}}.headerContainer{display:flex;justify-content:center;background-repeat:no-repeat;background-position:99% 88%;background-image:url(/assets/carlson_header_bg-B8Xpvfd0.jpg);height:175px;width:100%}.header{width:1300px;min-height:80px;display:grid;grid-template-columns:22% 78%;background-color:#0000;background-size:100% 100%;margin-top:4rem;align-items:center}.headerLinks{display:flex;align-items:center;width:100%}.list-open>div>a{color:var(--text)}.login-admin-links>div>a{color:var(--login-admin-link-text);text-decoration:none;padding:.5rem}.carlsonLogo{display:flex;justify-content:center;align-items:flex-end;width:80%;height:90%}.login-admin-links{width:90%;height:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.login-admin-links>div{display:flex;align-items:center;justify-content:center;margin-right:1rem;min-width:60px}.homeLink>a{color:var(--login-admin-link-text);text-decoration:none}@media (min-width: 1020px) and (max-width: 1300px){.headerContainer{background-position:50% 5%}.header{width:100%}.formLinks>div{left:22.5%;top:105px}}@media (min-width: 800px) and (max-width: 1024px){.headerContainer{background-position:50% 3%}.header{width:100%}.formLinks{width:25%}.login-admin-links{width:75%}.formLinks>div{left:22.5%;top:105px}}@media (min-width: 441px) and (max-width: 800px){.headerContainer{background-position:5% 85%}.header{width:100%;grid-template-columns:25% 75%}.login-admin-links{width:75%}.carlsonLogo{width:110px;height:50px;align-items:center}.formLinks>div{left:26%;top:100px}.formLinks>.list-open{height:300px}}@media (min-width: 360px) and (max-width: 440px){.headerContainer{background-position:5% 80%;height:150px}.header{width:100%;grid-template-columns:35% 65%}.carlsonLogo>img{height:50px;width:100px}.formLinks{width:33%}.login-admin-links{width:75%}.formLinks>div{left:36%;top:100px}}.loginInputs{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;margin-top:5rem;width:50%}.usernameInputs,.passwordInputs{display:flex;width:100%;flex-wrap:wrap}.usernameInput,.passwordInput{display:flex;justify-content:center;margin-bottom:2rem;width:100%}.usernameInput>label,.passwordInput>label{margin-right:1rem}.login-form{display:flex;flex-wrap:wrap;justify-content:center}.submit-btn{background-color:var(--submit-btn);border-radius:2rem;width:35%}#submitBtn{margin-top:0!important}.loginErrMsg{display:flex;align-items:center;width:100%;justify-content:center}.loginErrMsg>p{margin-left:.5rem}.footer{margin-top:4rem;width:100%;background-color:var(--footer-bg-color)}.footerContainer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:1.5rem 1rem;min-height:140px;box-sizing:border-box}.office-location-container{display:flex;width:100%}.office-location-info{color:var(--footer-color-text);margin:0 auto}.office-location-info>p:first-of-type{font-size:1.2rem}.contact-method-container{display:flex;width:100%}.phone-contact,.email-contact{color:#fff;display:flex;flex-direction:column;padding:0 .5rem}.phone-contact>p,.email-contact>p{margin:.5rem 0}.phone-contact>p>a,.email-contact>p>a{color:#fff;text-decoration:none}.phone-contact{width:60%}.email-contact{width:40%}@media (min-width: 360px) and (max-width: 700px){.footerContainer{display:flex;flex-direction:column}.office-location-info{padding:0 10px;margin:0}.contact-method-container{display:flex;flex-direction:column;align-items:center}.phone-contact,.email-contact{width:95%}}.form-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;min-height:200px}.form-loading-spinner{color:#007bff;margin-bottom:1rem}.form-loading-text{color:#6c757d;font-size:1rem;margin:0}.form-error-container{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin:1rem 0}.form-error-text{color:#721c24;font-weight:500;margin:0}#submitBtn{width:100%;justify-content:center;margin-top:3rem;display:flex}#submitBtn>button{width:10%;border-radius:1rem;background-color:var(--submit-btn)}@media (max-width: 1050px){#submitBtn>button{width:unset}}.sigPad{border:1px solid black;background-color:#c0c0c04d}.signature{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%}.signature>div{display:flex;justify-content:center;width:100%}#sigButton{background-color:var(--remove-option-color);color:var(--remove-option-color-text)}@media (max-width: 1050px){.sigPad{width:90%}}@media (min-width: 360px) and (max-width: 768px){.employeeSig{width:90%}}.home-landing{width:100%;max-width:1400px;margin:0 auto;padding:2rem 1rem}.home-hero{background:linear-gradient(135deg,#3182ce,#2c5aa0);border-radius:16px;padding:3rem 2rem;margin-bottom:2rem;color:#fff;box-shadow:0 4px 6px #0000001a}.hero-content{text-align:center}.hero-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#fff}.hero-subtitle{font-size:1.25rem;margin:0;opacity:.95;color:#fff}.home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.stat-icon{font-size:2.5rem;line-height:1}.stat-info{flex:1}.stat-label{font-size:.875rem;color:#718096;margin-bottom:.25rem;font-weight:500}.stat-value{font-size:1.75rem;font-weight:700;color:#1a202c}.stat-value .district-list{list-style:disc;margin:0;padding-left:1.5rem;font-size:1rem;font-weight:500;line-height:1.5;text-align:left}.stat-value .district-list li{margin-bottom:.25rem}.home-forms-section{margin-bottom:3rem}.section-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 .5rem;text-align:center}.section-subtitle{font-size:1.125rem;color:#718096;margin:0 0 2rem;text-align:center}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.form-card{background:#fff;border-radius:12px;padding:2rem 1.5rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease;position:relative;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;text-align:center}.form-card .termination-card{position:relative}.form-card .termination-card .form-card-main{display:flex;flex-direction:column;justify-content:space-between}.form-card .termination-options{margin-top:.75rem;background:#fef4ea;border:1px solid #eee;border-radius:6px;box-shadow:0 4px 10px #00000026;display:flex;flex-direction:column}.form-card .termination-options button{padding:.4rem .75rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem}.form-card .termination-options button:hover{background:#f5e1c6}.form-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#3182ce}.form-card:hover .form-card-arrow{transform:translate(4px);opacity:1}.form-card-icon{font-size:3rem;margin-bottom:1rem;line-height:1}.form-card-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0 0 .5rem}.form-card-desc{font-size:.875rem;color:#718096;margin:0 0 1rem;line-height:1.5}.form-card-arrow{font-size:1.5rem;color:#3182ce;font-weight:700;opacity:0;transition:all .3s ease;margin-top:auto}.home-help-section{background:#f7fafc;border-radius:12px;padding:2rem;margin-bottom:2rem}.form-error-banner{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;border-radius:4px;background-color:#fdecea;color:#611a15}.form-error-banner .error-ref{margin-left:auto;font-size:.85rem;opacity:.8}.help-card{text-align:center}.help-card h3{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 1rem}.help-card p{font-size:1rem;color:#718096;margin:0;line-height:1.6}@media (max-width: 768px){.home-hero{padding:2rem 1.5rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.home-stats,.forms-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}.form-card{padding:1.5rem 1rem}.form-card-icon{font-size:2.5rem}}@media (max-width: 480px){.home-landing{padding:1rem .5rem}.home-hero{padding:1.5rem 1rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.875rem}.stat-card{padding:1rem}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-landing>*{animation:fadeInUp .6s ease-out forwards}.home-landing>*:nth-child(2){animation-delay:.1s}.home-landing>*:nth-child(3){animation-delay:.2s}.home-landing>*:nth-child(4){animation-delay:.3s}.backPayDates{display:grid;grid-template-columns:50% 50%;width:50%;margin:0 auto;margin-bottom:2rem;margin-top:2rem}.backPayDate{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;width:80%;margin:1rem auto;border-bottom:1px solid black}.backPayDate .backpay-dateField{display:flex;flex-direction:column;position:relative;margin-bottom:1rem}.backPayDate .backpay-dateField .error-text{display:block;width:100%;word-wrap:break-word;margin-top:.25rem;margin-bottom:.5rem}.backPayBtns{display:flex}.backPayBtns>button{width:75%}.backPayDate:last-child{border:unset}.backpay-reasonMissed{width:86%}.date:last-child{border-bottom:unset}.dateItem{margin-bottom:0;width:100%}.dateItem:last-child{margin-bottom:2rem}.dateLbl{width:100%}.backPayInfo{display:flex;flex-direction:column;align-items:center;width:50%;height:fit-content;margin:0 auto}.backPayInfo .backpay-storeInfo{display:flex;flex-direction:column;margin-left:0;width:100%}#signature>button{width:50%;margin:0 auto}.backpay-formField{display:flex;width:100%;flex-direction:column;align-items:flex-start}@media (max-width: 767px){.backPayDates{grid-template-columns:100%;width:90%}.backPayInfo{width:90%}.backPayDate{width:95%}.backPayBtns{flex-direction:column;width:100%}.backPayBtns>button{width:100%}.backpay-formField{width:100%}#signature>button{width:80%}}@media (min-width: 768px) and (max-width: 1023px){.backPayDates,.backPayInfo{width:70%}.backPayDate{width:90%}#signature>button{width:60%}}.storeInfo{display:grid;grid-template-columns:60% 40%;justify-content:center;width:100%;margin-bottom:.5rem}.storeInfo>label{grid-column:1}.storeInfo>select{grid-column:2;width:100%}.storeInfo .error-text{grid-column:2;margin-top:.25rem}@media (max-width: 767px){.storeInfo{grid-template-columns:1fr;grid-template-rows:auto auto}.storeInfo>label{grid-column:1;grid-row:1}.storeInfo>select{grid-column:1;grid-row:2}.storeInfo .error-text{grid-column:1;grid-row:3}}.reasonMissed{width:100%;margin-bottom:5rem;display:flex;flex-direction:column;margin:0 0 1rem!important}@media (max-width: 1050px){.reasonMissedText{width:90%}}.employeeInfo{display:flex;justify-content:space-around;flex-direction:column;width:50%}.employeeInfo>div{margin-top:1rem}.employeeNum{margin-top:0!important}.employeeName,.employeeNum{display:grid;grid-template-columns:60% 40%;justify-content:space-around;width:100%;margin-bottom:1rem}.employeeName:last-of-type{margin-bottom:.5rem}.employeeName .error-text,.employeeNum .error-text{grid-column:2;margin-top:.25rem}.employeeInfo>div>input,.employeeInfo>div>label{margin-left:1rem}.ssn>div>input{margin-right:.5rem;width:85%}@media (min-width: 360px) and (max-width: 500px){.employeeName,.employeeNum{display:flex;flex-direction:column}.employeeInfo{width:70%}}.validation-error-inline{color:#d32f2f;font-size:.85rem;margin-top:.25rem;display:block}.validation-errors-summary{background-color:#ffebee;border:1px solid #ef5350;border-radius:4px;padding:1rem;margin:1rem 0}.validation-errors-header{color:#c62828;margin-bottom:.75rem}.validation-errors-header strong{font-weight:600}.validation-errors-list{list-style:none;padding:0;margin:0}.validation-error-item{color:#d32f2f;margin:.5rem 0;padding-left:1.25rem;position:relative}.validation-error-item:before{content:"⚠";position:absolute;left:0;font-weight:700}.validation-error-item strong{font-weight:600;text-transform:capitalize}input.error,select.error,textarea.error{border-color:#d32f2f!important;background-color:#ffebee}input.error:focus,select.error:focus,textarea.error:focus{outline-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}.error .error-text,span.error-text{color:#d32f2f;font-size:.875rem;display:block;margin-top:.25rem;font-weight:500}.adjustmentItem.error,.date.error,.amount.error,.mileageDate.error{position:relative}.adjustmentItem.error input,.date.error input,.amount.error input,.mileageDate.error input{border-color:#d32f2f!important;background-color:#ffebee;margin-bottom:0}#bonusDate{display:grid;grid-template-columns:33% 33% 33%;width:100%}.bonusDates{margin-bottom:2rem;flex-wrap:wrap}.bonusInfo{margin-top:0}.bonusSig{display:flex;justify-content:center;margin:0 auto}#bonusDate>.date,#bonusDate>.bonus-location,#bonusDate>.amount{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:unset;width:100%;margin-bottom:0}#bonusDate>.amount{margin-left:1rem}#bonusDate>.date>label>input[type=date i]{width:95%}#bonusDate>.bonus-location{margin-bottom:0}#bonusDate>.bonus-location>.storeInfo{display:flex;flex-direction:column}#bonusDate>.bonus-location>.storeInfo>label{padding-bottom:.15rem}#bonusDate>.date>input,#bonusDate>.bonus-location>input,#bonusDate>.amount>input{width:75%}#bonusDate>.date,#bonusDate>.amount{display:block;margin-left:1.5rem}#bonusDate .error-text{display:block;width:100%;word-wrap:break-word;margin-top:.25rem;text-align:left}.bonus-add-remove-btns{display:flex;justify-content:left;margin:.5rem 0 1rem 1.4rem}.bonus-add-remove-btns>.add{background-color:unset}.add>button{background-color:#00f;color:#fff;margin:0;margin-left:.2rem;margin-right:1rem}.bonus-storeInfo{display:flex}@media (max-width: 1050px){.bonus-add-remove-btns{margin:.5rem 0 1rem .8rem}}@media (min-width: 768px) and (max-width: 1023px){#bonusDate{flex-direction:row}#bonusDate>.amount{margin-left:.5rem}.add>button{margin-left:0}.bonus-add-remove-btns{margin:.5rem 0 1rem}.amount>label>input[type=number i]{width:90%}#bonusDate>.date>label>input[type=date i]{width:90%}}@media (min-width: 441px) and (max-width: 750px){.amount>label>input[type=number i]{width:90%}.add>button{margin-left:0}.bonus-add-remove-btns{margin:.5rem 0 1rem}#bonusDate>.date>label>input[type=date i]{width:80%}}@media (min-width: 441px) and (max-width: 1023px){#bonusDate>.date,#bonusDate>.bonus-location{margin-left:0}}@media (max-width: 440px){.bonusDates{width:70%}#bonusDate{display:flex;flex-direction:column}#bonusDate>.date,#bonusDate>.bonus-location,#bonusDate>.amount{display:flex;align-items:flex-start;flex-direction:column;margin-left:0;margin-bottom:.5rem}#bonusDate>.bonus-location{width:77%}.bonusInfo{width:70%}.bonus-add-remove-btns{margin:.5rem 0 1rem}#bonusDate>.date>label>input[type=date i],#bonusDate>.amount>label>input[type=number i]{width:90%}#bonusDate>.amount{margin-left:0}}.checkInOut{display:flex;flex-wrap:wrap;margin-top:2rem;margin-bottom:0rem}.checkInOut>div{display:grid;grid-template-columns:60% 40%;margin:1rem 0;justify-content:space-around;width:100%;position:relative}.checkInOut>div .error-text{display:block;grid-column:2;width:100%;word-wrap:break-word;margin-top:.25rem}.roomInfo{display:flex;margin-bottom:0}.roomsInputs{width:100%;display:flex;flex-wrap:wrap}.numRooms,.numPeople{display:grid;grid-template-columns:60% 40%;margin-bottom:2rem;width:100%;position:relative}.numRooms .error-text,.numPeople .error-text{display:block;grid-column:2;width:100%;word-wrap:break-word;margin-top:.25rem}.roomsInputs>div>label,.roomsInputs>div>select{width:100%}.newPs{width:100%;margin-bottom:2rem}.psInfo{flex-wrap:wrap;margin-bottom:0rem}.hotelStoreLocation>.storeInfo{width:100%}.hotelInfo{display:flex;flex-wrap:wrap}.hotelInputs{display:flex;flex-wrap:wrap;align-items:center;width:100%}.hotelInputs>div{display:grid;grid-template-columns:60% 40%;margin-bottom:1rem;width:100%;position:relative}.hotelInputs>div .error-text{display:block;grid-column:2;width:100%;word-wrap:break-word;margin-top:.25rem}.hotelInputs>div>label,.hotelInputs>div>select{width:100%}.hotel-comments{margin-top:1rem;width:100%}.reasonMissed{margin-bottom:2rem}.currentPS{width:100%;display:flex;flex-wrap:wrap}.ps1,.ps2,.newPsInput{display:grid;grid-template-columns:60% 40%;margin-bottom:1rem;width:100%}.currentPS>div>label,.currentPS>div>select{width:100%;align-items:center}#signature>button{margin-top:1rem}@media (max-width: 767px){.checkInOut>div,.roomsInputs>div,.hotelInputs>div{grid-template-columns:100%}.checkInOut>div .error-text,.numRooms .error-text,.numPeople .error-text,.hotelInputs>div .error-text{grid-column:1}.hotel-comments{width:100%}}@media (min-width: 768px) and (max-width: 1023px){.checkInOut>div,.roomsInputs>div,.hotelInputs>div{grid-template-columns:70% 30%}}.mileage-date-container{display:grid;grid-template-columns:33% 33% 33%;align-items:center;justify-content:center;margin-bottom:.25rem;width:100%}.mileage-date-container>div{grid-template-columns:unset;width:90%;margin-bottom:.5rem}.mileage-date-container>div>div{width:100%;display:flex;flex-wrap:wrap}.mileage-date-container>.mileage-location>.storeInfo{margin-bottom:0}.mileage-location1>select,.mileage-location2>select{width:75%}.mileage-reasonMissed{justify-content:center;align-items:center;margin:1rem 0;width:100%}.mileage-date-container>div>div>input,.mileage-date-container>div>div>label{display:block;width:100%!important}.mileage-date-container .error-text{display:block;width:100%;word-wrap:break-word;margin-top:.25rem}@media (min-width: 431px) and (max-width: 767px){.mileageDates,.mileageComments{width:70%}.mileage-date-container:first-of-type{margin-top:1rem}}@media (max-width: 500px){.mileage-date-container{display:flex;flex-direction:column;align-items:flex-start}}@media (max-width: 430px){.mileageDates{width:70%}.mileage-date-container:first-of-type{margin-top:1rem}.mileage-add-remove-btns{margin:0 0 1rem}.mileageComments{width:70%}}@media (min-width: 768px) and (max-width: 1023px){.mileageDates{width:60%}}.newhire-emp-info{display:flex;flex-wrap:wrap}.newhire-emp-info,.positionInfo{scroll-margin-top:80px}.newhire-address-info{display:flex;flex-wrap:wrap;width:100%;margin-top:2rem}.newhire-address-info>div{display:grid;grid-template-columns:60% 40%;margin-bottom:1rem}.newhire-address-info>div>label{grid-column:1;align-self:center}.newhire-address-info>div>input,.newhire-address-info>div>select{grid-column:2;width:100%}.newhire-address-info>div .error-text{grid-column:2;margin-top:.25rem;word-wrap:break-word}.positionInfo>.storeInfo{width:100%;margin-left:0;display:grid}.hireStatus{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;margin-bottom:1rem}.hireStatus>label:first-child{width:100%;margin-bottom:.5rem}.hireStatus>div{display:flex;align-items:center}.hireStatus .error-text{width:100%;margin-top:.5rem}.phone1,.phone2,.email,.ssn,.content{display:grid;grid-template-columns:60% 40%;margin-bottom:1rem;width:100%}.phone1 .error-text,.email .error-text,.ssn .error-text,.content .error-text{grid-column:2;margin-top:.25rem}.nextPrevBtns{display:flex;width:50%;margin:0 auto;margin-top:1rem}.nextBtn{display:flex;justify-content:flex-end;width:100%}.prevBtn{display:flex;justify-content:flex-start;width:100%}.newHireNextPage,.newHirePrevPage{background-color:#00f;color:#fff}.positionInfo{display:flex;width:100%;flex-wrap:wrap}.firstDayWorked,.numOfDays,.location,.payRate,.position,.positionNum,.amountHours,.preferredLanguage,.documentTitle,.documentNumber,.aNumber,.documentExp,.file-upload{display:grid;grid-template-columns:60% 40%;width:100%;margin-bottom:1rem}.preferredLanguage>label{grid-column:1;grid-row:1}.preferredLanguage>div{grid-column:2;grid-row:1}.firstDayWorked .error-text,.payRate .error-text,.position .error-text,.documentTitle .error-text,.documentNumber .error-text,.documentExp .error-text{grid-column:2;margin-top:.25rem}.preferredLanguage .error-text{grid-column:2;grid-row:2;margin-top:.25rem}.amountHours>div{display:flex;flex-wrap:wrap}.preferredLanguage>div>input:first-of-type{margin-right:1rem}.firstI9,.payRate{margin-top:1rem}@media (min-width: 441px) and (max-width: 700px){.nextPrevBtns{width:75%}.prevBtn{margin-left:0}.amountHours,.preferredLanguage{display:flex;flex-direction:column;font-size:14px;width:50%}.amountHours>div,.preferredLanguage>div{flex-direction:column}.amountHours>label,.preferredLanguage>label{margin-bottom:.5rem}.amountHours{align-items:flex-start}.preferredLanguage{align-items:flex-end}.file-upload{grid-template-columns:100%}}@media (min-width: 365px) and (max-width: 440px){.documentExp,.firstDayWorked{grid-template-columns:unset}.nextPrevBtns{width:80%}.prevBtn{margin-left:.5rem}.amountHours,.preferredLanguage{display:flex;flex-direction:column}.amountHours>div,.preferredLanguage>div{flex-direction:column}.amountHours>label,.preferredLanguage>label{margin-bottom:.5rem}.file-upload{grid-template-columns:100%}}.perDiemHotelInfo{display:flex;flex-wrap:wrap;width:100%}.perDiemHotelInfo>div{display:grid;grid-template-columns:60% 40%;align-items:center;justify-content:center;width:100%}.perDiemHotelInfo>div>input[type=date],.perDiemHotelInfo>div>label{width:100%}.perDiem-mileage-date-container{display:grid;grid-template-columns:33% 33% 33%}.perDiem-mileage-date-container>div{display:flex;flex-direction:column;width:90%}.perDiem-mileage-date-container>.perdiem-location1>.storeInfo,.perDiem-mileage-date-container>.perdiem-location2>.storeInfo{margin-bottom:0;display:block;width:100%}.perdiem-location-info>.storeInfo{width:100%}.perDiemHotelInfo>div{position:relative}.perDiemHotelInfo>div>input[type=date]{margin-bottom:2rem}.perDiemHotelInfo>div .error-text{display:block;grid-column:2;width:100%;word-wrap:break-word;margin-top:.25rem;margin-bottom:.5rem}.rt-ow{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;margin:1rem 1rem 1rem .25rem}.rt-ow>input,.rt-ow>label{margin-right:1rem;margin-bottom:.5rem}.perDiem-add-remove-btns{display:flex;margin-left:0;margin-bottom:1rem;width:100%}.perDiem-add-remove-btns>.add{background-color:unset}.perDiem-add-remove-btns>.add>button{background-color:#00f;color:#fff;margin-left:.25rem}.remove>button{background-color:red;color:#fff}.perDiem-mileage-date-container .error-text{display:block;width:100%;word-wrap:break-word;margin-top:.25rem}@media (min-width: 431px) and (max-width: 767px){.perdiem-location-info,.perDiemHotel,.reasonMissedWrapper,fieldset>div{width:70%}.perDiem-add-remove-btns{margin-bottom:1rem;width:100%}.perDiem-mileage-date-container{width:100%}.perDiem-mileage-date-container>div{width:95%}.mileageDates>label{width:100%}}@media (max-width: 500px){.perdiem-location-info,.perDiemHotel,.reasonMissedWrapper{width:70%}.perDiem-mileage-date-container>.perDiemHotel{flex-direction:column}.perDiemHotel>.perDiemHotelInfo>div{grid-template-columns:100%}.perDiem-mileage-date-container{grid-template-columns:100%}.perDiem-mileage-date-container>div{margin-top:1rem}.rt-ow{flex-direction:column;margin-left:1rem}.perDiem-add-remove-btns{margin-bottom:1rem}.rt-ow{margin:1rem 1rem 1rem 0rem}}@media (min-width: 768px) and (max-width: 1023px){.perdiem-location-info{width:80%}}.departments{display:grid;grid-template-columns:60% 40%;width:100%}.departments>label,.departments>select{width:100%}.departments .error-text{display:block;grid-column:2;width:100%;word-wrap:break-word;margin-top:.25rem}.ptoDates{display:flex;flex-wrap:wrap;width:100%}.ptoDates>div{display:grid;grid-template-columns:60% 40%;width:100%;align-items:center;justify-content:center;margin-bottom:1rem}.ptoDates>div>label,.ptoDates>div>input[type=date]{width:100%}.ptoDates>div .error-text{display:block;grid-column:2;width:100%;word-wrap:break-word;margin-top:.25rem}.ptoHours{display:grid;grid-template-columns:60% 40%;width:100%}.ptoHours .error-text{display:block;grid-column:2;width:100%;word-wrap:break-word;margin-top:.25rem}.ptoHours>label,.ptoHours>input[type=number]{width:100%}@media (max-width: 767px){.departments,.ptoDates>div,.ptoHours{grid-template-columns:100%}.departments .error-text,.ptoDates>div .error-text,.ptoHours .error-text{grid-column:1;margin-top:.5rem}}@media (min-width: 768px) and (max-width: 1023px){.departments,.ptoDates>div,.ptoHours{grid-template-columns:70% 30%}}.cart-summary{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-top:1rem;position:sticky;top:20px;max-height:500px;overflow-y:auto}.cart-summary.empty{text-align:center;padding:2rem}.cart-summary h3{margin:0 0 1rem;color:#212529;font-size:1.25rem;border-bottom:2px solid #dee2e6;padding-bottom:.5rem}.empty-cart-message{color:#6c757d;font-style:italic;margin:0}.cart-items-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.cart-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.75rem;border-radius:6px;border:1px solid #dee2e6;transition:all .2s ease}.cart-item:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000001a}.cart-item-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.cart-item-name{font-weight:600;color:#212529;font-size:.95rem}.cart-item-quantity{color:#6c757d;font-size:.875rem}.cart-item-remove{background:#dc3545;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:.5rem}.cart-item-remove:hover{background:#c82333;transform:scale(1.1)}.cart-item-remove:active{transform:scale(.95)}.cart-summary-footer{border-top:2px solid #dee2e6;padding-top:1rem;text-align:right;color:#212529;font-size:1rem}@media (max-width: 768px){.cart-summary{position:relative;top:0;max-height:none}}.targetOrderLayout{display:grid;grid-template-columns:1fr 320px;gap:2rem;margin-top:1rem;max-width:100%;overflow:hidden}.itemsSearchBox{position:relative;margin-bottom:1rem;width:100%;max-width:100%;box-sizing:border-box}.itemsSearchInput{width:100%;max-width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;border:2px solid #dee2e6;border-radius:8px;transition:all .2s ease;box-sizing:border-box}.itemsSearchInput:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.itemsSearchClear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.25rem;color:#6c757d;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.itemsSearchClear:hover{background:#f8f9fa;color:#495057}.itemsInfo{margin-bottom:1rem;padding:.5rem 0;border-bottom:2px solid #dee2e6}.itemsInfo p{margin:0;font-size:.9rem;color:#6c757d;font-weight:500}.itemsInfo span{color:#495057}.noItems{padding:3rem;text-align:center;color:#6c757d;font-size:1rem;background:#f8f9fa;border-radius:8px;grid-column:1 / -1}.itemsPagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #dee2e6}.paginationBtn{padding:.5rem 1rem;font-size:.95rem;font-weight:600;color:#495057;background:#fff;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s ease}.paginationBtn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;color:#212529}.paginationBtn:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.paginationPages{display:flex;gap:.5rem;align-items:center}.paginationPageBtn{min-width:2.5rem;height:2.5rem;padding:.5rem;font-size:.9rem;font-weight:600;color:#495057;background:#fff;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s ease}.paginationPageBtn:hover{background:#f8f9fa;border-color:#adb5bd}.paginationPageBtn.active{background:#007bff;border-color:#007bff;color:#fff}.paginationPageBtn.active:hover{background:#0056b3;border-color:#0056b3}.paginationEllipsis{color:#6c757d;padding:0 .25rem;font-weight:600}.targetOrderMain{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow:hidden}.targetOrderInfo{max-width:100%;overflow:hidden;box-sizing:border-box}.targetOrderSidebar{position:relative}.targetItems{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;width:100%;max-width:100%;box-sizing:border-box}.itemCard{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:1rem;transition:all .2s ease}.itemCard:hover{border-color:#adb5bd;box-shadow:0 2px 8px #0000001a}.itemHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.itemTitle{font-weight:600;font-size:1rem;margin:0;color:#212529;flex:1}.itemBadge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;white-space:nowrap}.itemBadge.individual{background:#d1ecf1;color:#0c5460}.itemBadge.bundled{background:#fff3cd;color:#856404}.itemBadge.custom{background:#e7e7ff;color:#4b4bf4}.itemQuantityRadio{display:flex;flex-direction:column;gap:.5rem}.itemQuantityRadio label{display:flex;align-items:center;padding:.5rem;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s ease}.itemQuantityRadio label:hover{background:#f8f9fa;border-color:#adb5bd}.itemQuantityRadio input[type=radio]{margin-right:.5rem;cursor:pointer}.itemQuantityRadio label span{font-weight:500;color:#495057}.itemQuantityRadio input[type=radio]:checked+span{color:#212529;font-weight:600}.itemQuantityInput{display:flex;flex-direction:column;gap:.5rem}.itemQuantityInput label{font-weight:500;color:#495057;font-size:.9rem}.itemQuantityInput input[type=number]{padding:.5rem;border:1px solid #dee2e6;border-radius:4px;font-size:1rem;transition:all .2s ease}.itemQuantityInput input[type=number]:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}@media (max-width: 1024px){.targetOrderLayout{grid-template-columns:1fr}.targetOrderSidebar{order:-1}.targetItems{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.itemsPagination{flex-wrap:wrap;gap:.75rem}.paginationPages{order:3;width:100%;justify-content:center}}@media (max-width: 640px){.targetItems{grid-template-columns:1fr}.itemHeader{flex-direction:column;align-items:flex-start}.itemsSearchInput{font-size:.95rem;padding:.65rem 2.25rem .65rem .85rem}.itemsInfo p{font-size:.85rem}.paginationBtn{font-size:.85rem;padding:.4rem .8rem}.paginationPageBtn{min-width:2rem;height:2rem;font-size:.85rem}}.lastDayWorked{display:flex;width:50%;flex-wrap:wrap;flex-direction:column;margin-bottom:2rem}.lastDayWorked>input[type=date]{width:55%}.employeeStatus{display:flex;flex-wrap:wrap;align-items:center;width:100%}.employeeStatusInfo>div>label{width:100%}.quitReason{width:100%}.twoWeeksGiven,.rehireStatus{display:flex;flex-direction:column;flex-wrap:wrap;width:50%}.twoWeeksGiven>label,.rehireStatus>label{width:100%;margin-bottom:.5rem}.statusInfo{display:flex;align-items:center;width:50%}.employeeQuitReason{display:flex;justify-content:center;flex-wrap:wrap;width:100%}@media (min-width: 801px) and (max-width: 1024px){.quitReason,.employeeQuitReason{width:100%}.twoWeeksGiven,.rehireStatus{display:flex;flex-direction:column;flex-wrap:wrap;width:50%}}@media (min-width: 431px) and (max-width: 800px){.lastDayWorked>input[type=date]{width:70%}.quitReason,.employeeQuitReason{width:100%}.lastDayWorked{margin-bottom:3rem;margin-top:0}.twoWeeksGiven,.rehireStatus{display:flex;flex-direction:column;flex-wrap:wrap;width:50%}}@media (min-width: 365px) and (max-width: 430px){.quitReason,.employeeQuitReason{width:100%}.lastDayWorked>input[type=date]{width:85%}.lastDayWorked{margin-bottom:3rem;margin-top:0}.twoWeeksGiven,.rehireStatus{display:flex;flex-direction:column;flex-wrap:wrap;width:100%}}.timeAdjustment{display:flex;flex-direction:column;width:50%}.adjustmentItem{display:flex;width:100%;flex-direction:column;margin-bottom:1rem;position:relative}.adjustmentItem>label{margin-left:1rem;width:50%}.adjustmentItem>input{margin-left:1rem;width:50%;margin-bottom:.25rem}.adjustmentItem .error-text{margin-left:1rem;width:calc(50% - 1rem);word-wrap:break-word;display:block}.dateItem:last-child{margin-bottom:0}.timeAdjust-add-remove-btns{width:100%;margin:0 0 1rem .75rem}.timeAdjust-add-remove-btns>.add{margin-right:.5rem}.date,.time,.adjustmentNum{display:grid;grid-template-columns:60% 40%;align-items:center;width:100%}.time>input,.adjustmentNum>input,.date>input{width:100%}.add{background-color:#00f;color:#fff}.remove{background-color:red;color:#fff}.employeeSig>.signature,.managerSig>.signature{width:100%}.commentInfo>.comments{margin:0 auto}@media (min-width: 365px) and (max-width: 430px){.comments{width:90%}.timeAdjustment{width:100%}}.uniformEmployeeInfo{display:flex;flex-wrap:wrap}.uniformEmployeeNum,.uniformEmployeeFName,.uniformEmployeeMName,.uniformEmployeeLName,.uniformEmployeeSecondLastName,.address1,.address2,.state,.zip,.city{display:grid;grid-template-columns:60% 40%;width:100%;margin-bottom:.5rem}.uniformEmployeeNum{margin-top:1rem}.uniformEmployeeInfo>.uniformEmployeeNum>label,.uniformEmployeeInfo>.uniformEmployeeNum>input{width:100%}.uniformEmployeeInfo>.uniformEmployeeFName>label,.uniformEmployeeInfo>.uniformEmployeeFName>input,.uniformEmployeeInfo>.uniformEmployeeLName>label,.uniformEmployeeInfo>.uniformEmployeeLName>input{width:100%}.addressInfo{display:flex;flex-wrap:wrap;width:100%;margin-top:2rem}.address1>label,.address1>input,.address2>label{width:100%}.address2>input{width:100%}.city,.state,.zip{display:grid;grid-template-columns:60% 40%;width:100%!important}.shirtInfo{display:flex;flex-direction:column;width:100%}.shirtQuantity,.uniformTotal{display:grid;grid-template-columns:60% 40%;width:100%;margin-bottom:1rem}.shirtQuantity>label,.shirtQuantity>input,.uniformTotal>label,.uniformTotal>input{width:100%}.uniformInfo{display:flex;flex-wrap:nowrap;flex-direction:column;width:100%}.uniformSize{display:grid;grid-template-columns:60% 40%;width:100%}.sizeSmall,.sizeMedium,.sizeLarge,.sizeXLarge{display:flex;width:100%}.sizes{display:flex;width:60%}.signaturePad>.signature{width:100%}#sigButton{width:30%}@media (min-width: 431px) and (max-width: 800px){.uniformSize{display:flex;flex-direction:column}.sizes{width:40%}}@media (min-width: 365px) and (max-width: 430px){.uniformSize{display:flex;flex-direction:column}.uniformEmployeeNum,.uniformEmployeeFName,.uniformEmployeeMName,.uniformEmployeeLName,.uniformEmployeeSecondLastName,.address1,.address2,.state,.zip,.city,.shirtQuantity,.uniformTotal{grid-template-columns:unset}.sizes{width:50%}}.typeOfWork>div{display:flex;flex-wrap:wrap;width:100%}.wtContainer>div:first-of-type{margin-bottom:1.5rem}.wtContainer>.storeInfo{width:100%}.workType,.billable{display:grid;grid-template-columns:60% 40%;align-items:center;justify-content:center;width:100%;padding:1rem 0}.workType .error-text,.billable .error-text{grid-column:2;margin-top:.25rem;word-wrap:break-word}.workType>label,.workType>select{width:100%}.billable>label,.billable>select{width:100%}.supplyOrder{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}.supplyOrder .error-text{display:block;width:100%;word-wrap:break-word;margin-top:.25rem}.supplyOrderInfo{display:flex;width:100%;margin:2rem 0}.orderNumber,.orderDate{display:flex;flex-direction:column;justify-content:center;width:50%;position:relative}.orderDate>label,.orderDate>input[type=date],.orderNumber>label,.orderNumber>input[type=text]{width:58%}.orderDate .error-text,.orderNumber .error-text{display:block;width:58%;word-wrap:break-word;margin-top:.25rem}.projectDates{display:flex;width:100%}.projectStartDate,.projectEndDate{display:flex;flex-direction:column;justify-content:center;width:50%;margin:1rem 0;position:relative}.projectStartDate>label,.projectStartDate>input[type=date],.projectEndDate>label,.projectEndDate>input[type=date]{width:58%}.projectStartDate .error-text,.projectEndDate .error-text{display:block;width:58%;word-wrap:break-word;margin-top:.25rem}.reasonMissedText{width:100%}.comments{width:90%;margin:0 auto}@media (min-width: 431px) and (max-width: 800px){.supplyOrderInfo{flex-wrap:wrap}.orderDate,.orderNumber{width:100%}.orderDate{margin-bottom:1rem}.supplyOrderInfo{margin:1rem 0}.projectDates{flex-direction:column}.projectStartDate,.projectEndDate{width:100%}.comments{width:90%;margin-top:0}}@media (min-width: 365px) and (max-width: 430px){.supplyOrderInfo{flex-wrap:wrap}.orderDate,.orderNumber{width:100%}.orderDate{margin-bottom:1rem}.supplyOrderInfo{margin:1rem 0}.projectDates{flex-direction:column}.projectStartDate,.projectEndDate{width:100%}.comments{width:90%;margin-top:0}.workType,.billable{grid-template-columns:unset;justify-content:unset}}.logoutMsg{margin-top:5rem}.logoutMsg>p:last-of-type>a:visited{color:"#000000";text-decoration:none}.logout-content{display:flex;justify-content:center;width:100%}.success-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.success-container{max-width:600px;width:100%;background:#fff;border-radius:20px;padding:50px 40px;box-shadow:0 20px 60px #00000026;text-align:center;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon-wrapper{margin-bottom:30px;animation:scaleIn .6s ease-out .2s both}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-checkmark{width:100px;height:100px;margin:0 auto}.checkmark{width:100px;height:100px;border-radius:50%;display:block;stroke-width:2;stroke:#38a169;stroke-miterlimit:10;box-shadow:inset 0 0 #38a169;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#38a169;fill:#f0fff4;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:#38a169;stroke-width:3;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #38a169}}.success-title{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 16px;animation:fadeIn .6s ease-out .3s both}.success-message{font-size:16px;color:#718096;margin:0 0 40px;line-height:1.6;animation:fadeIn .6s ease-out .4s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;animation:fadeIn .6s ease-out .5s both}.detail-item{background:#f7fafc;padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.detail-icon{font-size:32px}.detail-content{text-align:center}.detail-label{font-size:12px;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{font-size:16px;color:#1a202c;font-weight:600}.next-steps{background:#edf2f7;padding:24px;border-radius:12px;margin-bottom:40px;text-align:left;animation:fadeIn .6s ease-out .6s both}.next-steps h3{font-size:18px;color:#1a202c;margin:0 0 16px;font-weight:600}.next-steps ul{margin:0;padding:0 0 0 20px;color:#4a5568;font-size:14px;line-height:1.8}.next-steps li{margin-bottom:8px}.success-actions{display:flex;flex-direction:column;gap:16px;animation:fadeIn .6s ease-out .7s both}.success-actions .btn-primary{padding:14px 32px;background:#3182ce;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.success-actions .btn-primary:hover{background:#2c5aa0;transform:translateY(-2px);box-shadow:0 8px 16px #3182ce4d}.countdown-text{font-size:14px;color:#718096}@media (max-width: 600px){.success-container{padding:40px 24px}.success-title{font-size:24px}.success-details{grid-template-columns:1fr}}.mileageDates{flex-wrap:wrap}.nonmn-mileage-date-container{display:grid;grid-template-columns:25% 25% 25% 25%;align-items:center;justify-content:center;margin-bottom:.25rem;width:100%}.nonmn-mileage-location,.nonmn-rt-ow,.nonmn-mileage-date{grid-template-columns:unset;width:90%}.nonmn-mileage-date-container>div>div{width:100%;display:flex;flex-wrap:wrap}.mileage-date-container>.location>.storeInfo{margin-bottom:0}.date>input{width:85%}.location1>select,.location2>select{width:75%}.mileage-add-remove-btns{display:flex;margin:0 0 1rem .25rem}.mileage-add-remove-btns>.add{background-color:unset;margin-right:1rem}.mileage-add-remove-btns>.add>button{background-color:#00f;margin:0}.mileageComments{margin:0 auto;margin-top:3rem}.nonmn-mileage-reasonMissed{justify-content:center;align-items:center;margin:1rem 0;width:100%}.nonmn-nonmn-mileage-date-container>div>div>input,.mileage-date-container>div>div>label{display:block;width:unset}.nonmn-mileage-date-container .error-text{display:block;width:100%;word-wrap:break-word;margin-top:.25rem}@media (min-width: 431px) and (max-width: 767px){.mileageDates,.mileageComments{width:70%}.nonmn-mileage-date>div{flex-direction:column;margin-bottom:1rem}.nonmn-mileage-date-container:first-of-type{margin-top:1rem}.nonmn-mileage-date-container>div>div{flex-direction:unset}}@media (max-width: 500px){.nonmn-mileage-date-container{display:flex;flex-direction:column;align-items:flex-start}.nonmn-mileage-date-container>div{display:flex;flex-direction:column}}@media (max-width: 430px){.mileageDates{width:70%}.nonmn-mileage-date-container:first-of-type{margin-top:1rem}.mileage-add-remove-btns{margin:0 0 1rem}.mileageComments{width:70%}}@media (min-width: 768px) and (max-width: 1023px){.mileageDates{width:60%}.nonmn-mileage-date-container>div>div{flex-direction:unset}.nonmn-mileage-date-container{display:flex;flex-direction:column;align-items:flex-start}}.error-banner{background:linear-gradient(90deg,#fff2f0,#ffecec);border:1px solid #f5c6c6;padding:.5rem 1rem;position:fixed;top:0;left:0;right:0;z-index:1200;box-shadow:0 2px 4px #0000000d}.error-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.error-banner-message{color:#8a1f1f;font-size:.95rem}.error-banner-ref{color:#6b1a1a;font-weight:600}.error-banner-actions{display:flex;gap:.5rem}.error-banner-copy,.error-banner-close{background:transparent;border:1px solid rgba(0,0,0,.08);padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.9rem}.error-banner-copy:hover,.error-banner-close:hover{background:#00000008}.admin-dashboard{padding:32px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-header h1{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.dashboard-subtitle{font-size:16px;color:#718096;margin:0}.header-actions{display:flex;gap:12px}.btn-refresh{padding:10px 20px;background:#3182ce;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.btn-refresh:hover{background:#2c5aa0;transform:translateY(-1px)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.metric-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:20px;transition:all .3s;border-left:4px solid transparent}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.metric-card.primary{border-left-color:#3182ce}.metric-card.success{border-left-color:#38a169}.metric-card.info{border-left-color:#805ad5}.metric-card.warning{border-left-color:#ed8936}.metric-icon{font-size:48px;line-height:1}.metric-content{flex:1}.metric-value{font-size:36px;font-weight:700;color:#1a202c;margin-bottom:4px;line-height:1}.metric-label{font-size:14px;color:#718096;font-weight:500;margin-bottom:4px}.metric-trend{font-size:12px;color:#38a169;font-weight:500}.quick-actions-section{margin-bottom:40px}.quick-actions-section h2{font-size:24px;font-weight:600;color:#1a202c;margin-bottom:20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.action-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center;transition:all .3s}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.action-icon{font-size:48px;margin-bottom:12px}.action-card h3{font-size:18px;font-weight:600;color:#1a202c;margin:0 0 8px}.action-card p{font-size:14px;color:#718096;margin:0 0 16px}.btn-action{padding:10px 24px;background:#3182ce;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px;width:100%}.btn-action:hover{background:#2c5aa0}.recent-activity-section{background:#fff;padding:28px;border-radius:12px;box-shadow:0 2px 8px #00000014}.recent-activity-section h2{font-size:20px;font-weight:600;color:#1a202c;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f7fafc;border-radius:8px;transition:all .2s}.activity-item:hover{background:#edf2f7}.activity-icon{font-size:32px;line-height:1}.activity-content{flex:1}.activity-title{font-size:15px;font-weight:600;color:#1a202c;margin-bottom:4px}.activity-meta{font-size:13px;color:#718096}.btn-view-small{padding:6px 16px;background:#3182ce;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-view-small:hover{background:#2c5aa0}@media (min-width: 768px) and (max-width: 1023px){.admin-dashboard{padding:24px}.dashboard-header h1{font-size:28px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:20px}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.metric-card{padding:20px}.metric-value{font-size:32px}.metric-icon{font-size:40px}}@media (max-width: 767px){.admin-dashboard{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.dashboard-header h1{font-size:24px;margin-bottom:4px}.dashboard-subtitle{font-size:14px}.header-actions{width:100%}.btn-refresh{width:100%;padding:12px 20px}.metrics-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.metric-card{padding:20px;gap:16px}.metric-icon{font-size:40px}.metric-value{font-size:28px}.metric-label{font-size:13px}.metric-trend{font-size:11px}.quick-actions-section{margin-bottom:32px}.quick-actions-section h2{font-size:20px;margin-bottom:16px}.quick-actions-grid{grid-template-columns:1fr;gap:16px}.action-card{padding:20px}.action-icon{font-size:40px;margin-bottom:8px}.action-card h3{font-size:16px}.action-card p{font-size:13px;margin-bottom:12px}.recent-activity-section{padding:20px}.recent-activity-section h2{font-size:18px;margin-bottom:16px}.activity-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.activity-icon{font-size:28px}.activity-title{font-size:14px}.activity-meta{font-size:12px}.btn-view-small{width:100%;padding:8px 16px}.loading-overlay p{font-size:14px;padding:0 20px;text-align:center}.spinner{width:40px;height:40px}}@media (max-width: 480px){.admin-dashboard{padding:12px}.dashboard-header h1{font-size:22px}.metrics-grid{gap:12px;margin-bottom:24px}.metric-card{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.metric-icon{font-size:36px}.metric-value{font-size:24px}.quick-actions-grid{gap:12px}.action-card,.recent-activity-section{padding:16px}.activity-item{padding:12px}}.user-management{padding:32px;max-width:1400px;margin:0 auto}.management-header{margin-bottom:32px}.management-header h1{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.management-subtitle{font-size:16px;color:#718096;margin:0}.section-card{background:#fff;padding:28px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-card h2{font-size:20px;font-weight:600;color:#1a202c;margin:0 0 20px}.search-bar{display:flex;gap:12px}.search-input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:28px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:500;color:#2d3748;font-size:14px}.form-group label.required:after{content:" *";color:#e53e3e}.form-group input,.form-group select{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.form-actions{display:flex;gap:12px}.btn-primary,.btn-submit{padding:12px 32px;background:#3182ce;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s}.btn-primary:hover,.btn-submit:hover{background:#2c5aa0;transform:translateY(-1px)}.btn-secondary,.btn-cancel{padding:12px 32px;background:#fff;color:#2d3748;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s}.btn-secondary:hover,.btn-cancel:hover{background:#f7fafc}.filter-input{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;width:300px}.filter-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.data-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:13px;color:#4a5568;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:16px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#2d3748}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover{background:#f7fafc}.username-badge{display:inline-block;padding:4px 12px;background:#edf2f7;color:#2d3748;border-radius:6px;font-size:13px;font-weight:500;font-family:Courier New,monospace}.permission-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.permission-badge.admin{background:#fed7e2;color:#97266d}.permission-badge.office{background:#bee3f8;color:#2c5aa0}.permission-badge.dm{background:#c6f6d5;color:#22543d}.action-buttons{display:flex;gap:8px}.btn-edit,.btn-view,.btn-delete{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:#3182ce;color:#fff}.btn-edit:hover{background:#2c5aa0}.btn-delete{background:#fc8181;color:#fff}.btn-delete:hover{background:#f56565}.btn-view{background:#805ad5;color:#fff}.btn-view:hover{background:#6b46c1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;padding:0;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:22px;font-weight:600;color:#1a202c}.btn-close{background:none;border:none;font-size:36px;color:#a0aec0;cursor:pointer;line-height:1;padding:0;width:36px;height:36px;transition:all .2s}.btn-close:hover{color:#718096;transform:rotate(90deg)}.modal-body{padding:28px}.forms-summary{display:flex;justify-content:center;margin-bottom:28px}.summary-stat{display:flex;flex-direction:column;align-items:center;padding:24px 48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.stat-value{font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{font-size:16px;font-weight:500;opacity:.9}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.form-type-card{background:#f7fafc;padding:20px;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s}.form-type-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#3182ce}.form-type-header{display:flex;justify-content:space-between;align-items:center}.form-type-name{font-size:14px;font-weight:600;color:#2d3748}.form-type-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:#3182ce;color:#fff;border-radius:16px;font-size:14px;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#1a202c}.modal-close{background:none;border:none;font-size:32px;color:#718096;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f7fafc;color:#1a202c}.modal-body{padding:24px 28px;overflow-y:auto;flex:1}.form-details-grid{display:flex;flex-direction:column;gap:16px}.form-detail-row{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:12px;background:#f7fafc;border-radius:6px;align-items:start}.form-detail-label{font-weight:600;color:#2d3748;font-size:14px}.form-detail-value{color:#1a202c;font-size:14px;word-break:break-word}.modal-footer{padding:20px 28px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:20px}.loading-overlay p{color:#3182ce;font-size:16px;font-weight:500;margin:0}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#3182ce;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.user-management{padding:16px}.section-card{padding:20px}.form-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-input{width:100%}.table-container{overflow-x:scroll}.data-table{min-width:600px}.action-buttons{flex-direction:column}.btn-edit,.btn-view{width:100%}.forms-grid{grid-template-columns:1fr}}.session-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:16px;flex:1}.control-buttons{display:flex;align-items:center;gap:12px}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#2d3748}.auto-refresh-toggle input[type=checkbox]{cursor:pointer}.session-count{font-size:14px;color:#718096;font-weight:500;white-space:nowrap}.btn-cleanup{padding:10px 20px;background:#38a169;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.btn-cleanup:hover{background:#2f855a;transform:translateY(-1px)}.current-badge{display:inline-block;margin-left:8px;padding:4px 8px;background:#48bb78;color:#fff;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.device-info{line-height:1.5}.expires-badge{display:inline-block;padding:6px 12px;background:#bee3f8;color:#2c5aa0;border-radius:8px;font-size:12px;font-weight:600}.btn-revoke{padding:8px 16px;background:#fc8181;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-revoke:hover:not(:disabled){background:#f56565}.btn-revoke:disabled{background:#cbd5e0;cursor:not-allowed}.admin-new-layout{min-height:100vh;background:#f7fafc}.admin-nav-tabs{display:flex;background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000a;position:sticky;top:0;z-index:100;overflow-x:auto}.nav-tab{display:flex;align-items:center;gap:8px;padding:18px 32px;background:none;border:none;border-bottom:3px solid transparent;font-size:15px;font-weight:600;color:#718096;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-tab:hover{background:#f7fafc;color:#2d3748}.nav-tab.active{color:#3182ce;border-bottom-color:#3182ce;background:#f7fafc}.tab-icon{font-size:18px;line-height:1}.admin-content-area{min-height:calc(100vh - 61px)}.permission-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;background:#fff;border-radius:12px;padding:40px;margin:30px;box-shadow:0 1px 3px #0000001a}.permission-denied h2{color:#fc8181;font-size:24px;margin-bottom:12px}.permission-denied p{color:#718096;font-size:16px}@media (min-width: 768px) and (max-width: 1023px){.nav-tab{padding:16px 24px;font-size:14px}.tab-icon{font-size:17px}}@media (max-width: 767px){.admin-nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0;gap:0}.admin-nav-tabs::-webkit-scrollbar{height:4px}.admin-nav-tabs::-webkit-scrollbar-track{background:#f1f1f1}.admin-nav-tabs::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.nav-tab{padding:14px 20px;font-size:14px;min-width:fit-content;flex-shrink:0}.tab-icon{font-size:16px}.permission-denied{margin:20px;padding:30px 20px}.permission-denied h2{font-size:20px}.permission-denied p{font-size:14px}}@media (max-width: 480px){.nav-tab{padding:12px 16px;font-size:13px;gap:6px}.tab-icon{font-size:15px}.permission-denied{margin:16px;padding:24px 16px}.permission-denied h2{font-size:18px;margin-bottom:8px}.permission-denied p{font-size:13px}}.admin-new-layout .admin-main-container,.admin-new-layout .admin-side-nav,.admin-new-layout .breadcrumb-link-container{display:none}
