.mileage-form-page{--mf-primary:#5547e9;--mf-text:#182033;--mf-muted:#7d8799;--mf-border:#e3e7ed;color:var(--mf-text);font-size:.88rem;padding-bottom:1rem}.mileage-form-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.mileage-form-page-heading .btn{width:2.4rem;height:2.4rem;padding:0;display:grid;place-items:center;border-color:var(--mf-border)}.mileage-form-page-heading h1{font-size:1.55rem;font-weight:750;letter-spacing:-.02em;margin:0}.mileage-form-page-heading p{color:var(--mf-muted);margin:.3rem 0 0}.mileage-draft-pill{display:inline-flex;align-items:center;gap:.35rem;color:#70798a;background:#f1f3f6;border-radius:2rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.mileage-draft-pill i{width:.35rem;height:.35rem;border-radius:50%;background:#9ca5b2}.mileage-active-rate{display:inline-flex;align-items:center;gap:.4rem;color:#bd6907;background:#fff7df;border:1px solid #f5dda1;border-radius:.55rem;padding:.55rem .8rem;font-size:.72rem;font-weight:650}.mileage-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1.25rem;align-items:start}.mileage-form-main,.mileage-form-sidebar{display:flex;flex-direction:column;gap:1.25rem}.mileage-form-card,.mileage-side-card{background:#fff;border:1px solid var(--mf-border);border-radius:.85rem;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04)}.mileage-form-card-heading,.mileage-side-heading{display:flex;align-items:center;gap:.7rem;min-height:3.8rem;padding:.9rem 1.25rem;background:#fff;border-bottom:1px solid #edf0f4}.mileage-form-card-heading>span{width:1.9rem;height:1.9rem;border-radius:.5rem;display:grid;place-items:center}.mileage-form-card-heading>span.is-blue{background:#e9edff;color:#5b53e9}.mileage-form-card-heading>span.is-green{background:#dcf8eb;color:#0aa877}.mileage-form-card-heading>span.is-purple{background:#eee9ff;color:#7657e8}.mileage-form-card-heading h2,.mileage-side-heading h2{font-size:.88rem;font-weight:750;margin:0}.mileage-form-card-heading p{color:#a0a8b6;font-size:.72rem;margin:0 0 0 .35rem}.mileage-form-card-body{padding:1.25rem}.mileage-movement-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}.mileage-address-field{grid-column:1/-1}.mileage-field label{display:block;color:#596477;font-size:.7rem;font-weight:700;margin-bottom:.42rem}.mileage-field label b{color:#ef4651}.mileage-field label em{color:#a0a8b6;font-style:normal;font-weight:500;margin-left:.3rem}.mileage-field label i{color:#9aa4b3}.mileage-field .form-control,.mileage-field .form-select,.mileage-field .ts-control{min-height:2.65rem;border-color:#dce2e9;border-radius:.55rem;font-size:.82rem}.mileage-field textarea.form-control{min-height:4.9rem;resize:vertical}.mileage-field>small{display:block;color:#9aa4b3;font-size:.68rem;margin-top:.35rem}.mileage-input-icon{position:relative}.mileage-input-icon>i:first-child{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);z-index:2;color:#9ba5b5}.mileage-input-icon input{padding-left:2.25rem}.mileage-address-check{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:#12ad7c;opacity:0}.mileage-address-check.is-visible{opacity:1}.mileage-address-valid{display:none!important;color:#159a70!important}.mileage-address-valid.is-visible{display:block!important}.mileage-selected-employee{display:flex;align-items:center;gap:.5rem;margin-top:.45rem;padding:.45rem .65rem;border:1px solid #dbe1ff;background:#eef1ff;border-radius:.5rem;color:#5547e9}.mileage-selected-employee>span{width:1.35rem;height:1.35rem;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0aa9b8,#5547e9);font-size:.62rem}.mileage-selected-employee strong{font-size:.7rem}.mileage-selected-employee small{margin-left:auto;color:#8379e9}.mileage-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.mileage-suffix{position:relative}.mileage-suffix span{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#98a2b3;font-size:.72rem}.mileage-suffix input{padding-right:2.5rem;font-weight:700}.mileage-calculated{min-height:2.65rem;padding:.65rem .8rem;background:#e7faf1;border:1px solid #b7ebd4;border-radius:.55rem;color:#07815c;display:flex;align-items:center;justify-content:space-between}.mileage-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:end;margin-top:1rem}.mileage-server-notice{min-height:2.65rem;padding:.65rem .8rem;display:flex;align-items:center;gap:.55rem;color:#bd6907;background:#fff8e4;border:1px solid #f3dfaa;border-radius:.55rem;font-size:.7rem}.mileage-amount-banner{margin-top:1.25rem;padding:1rem;display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:0;align-items:center;background:linear-gradient(90deg,#edf1ff,#f2f1ff);border:1px solid #dce2ff;border-radius:.75rem}.mileage-amount-banner>div{padding:0 1.4rem;border-right:1px solid #cfd7fb}.mileage-amount-banner>div:first-child{padding-left:0}.mileage-amount-banner small{display:block;color:#635ce7;font-size:.68rem}.mileage-amount-banner strong{font-size:1.2rem}.mileage-amount-banner strong em{color:#7f899b;font-size:.72rem;font-style:normal}.mileage-amount-banner>div:nth-child(3) strong{color:#4e42e1;font-size:1.45rem}.mileage-amount-banner>span{justify-self:end;width:2.7rem;height:2.7rem;border-radius:.65rem;background:#5547e9;color:#fff;display:grid;place-items:center;font-size:1.2rem}.mileage-complement-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.mileage-round-trip{align-self:end;min-height:3.7rem;display:flex;align-items:center;justify-content:space-between;padding:.65rem .8rem;background:#f8f9fb;border:1px solid #e2e6ec;border-radius:.55rem;cursor:pointer}.mileage-round-trip>span{display:flex;align-items:center;gap:.65rem}.mileage-round-trip>span>i{width:1.9rem;height:1.9rem;border-radius:.5rem;background:#dff4ff;color:#1591c1;display:grid;place-items:center}.mileage-round-trip>span>span{display:flex;flex-direction:column}.mileage-round-trip strong{font-size:.72rem}.mileage-round-trip small{color:#98a2b3;font-size:.66rem}.mileage-round-trip .form-check-input{width:2.2rem;height:1.15rem;border-radius:2rem;background-color:#d3d8e0}.mileage-round-trip .form-check-input:checked{background-color:#6157eb;border-color:#6157eb}.mileage-notes{grid-column:1/-1}.mileage-form-sidebar{position:sticky;top:1rem}.mileage-side-heading{min-height:3.4rem;padding:.8rem 1rem;background:#fcfcfd}.mileage-side-heading h2{font-size:.7rem;text-transform:uppercase;color:#4d5769}.mileage-side-heading>i{color:#6d7788}.mileage-side-body{padding:1rem}.mileage-summary-list>div:not(.mileage-summary-numbers):not(.mileage-summary-amount){display:flex;align-items:flex-start;gap:.7rem;padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid #eef0f3}.mileage-summary-list>div>i{width:1.9rem;height:1.9rem;border-radius:.5rem;background:#f0f2f5;color:#6f798a;display:grid;place-items:center}.mileage-summary-list>div:nth-child(2)>i{color:#6558e8;background:#efedff}.mileage-summary-list>div:nth-child(3)>i{color:#ee4f70;background:#ffedf1}.mileage-summary-list span{display:flex;flex-direction:column}.mileage-summary-list small{color:#98a2b3;font-size:.67rem}.mileage-summary-list strong{font-size:.72rem}.mileage-summary-numbers{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.mileage-summary-numbers>span{background:#f8f9fb;border-radius:.55rem;padding:.65rem;text-align:center}.mileage-summary-amount{padding:.8rem;background:#e7faf1;border:1px solid #c6f0dc;border-radius:.65rem;display:flex;align-items:center;justify-content:space-between}.mileage-summary-amount strong{font-size:1.25rem;color:#067d59}.mileage-summary-amount>i{width:2.2rem;height:2.2rem;border-radius:.55rem;background:#11b681;color:#fff;display:grid;place-items:center}.mileage-profitability{display:flex;flex-direction:column;gap:.7rem}.mileage-project-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:.3rem;color:#6550df;background:#efedff;border-radius:2rem;padding:.3rem .55rem;font-size:.68rem;font-weight:700}.mileage-profitability>div:not(.progress){display:flex;justify-content:space-between}.mileage-profitability small{color:#7d8799;font-size:.7rem}.mileage-profitability strong{font-size:.72rem;color:#07815c}.mileage-profitability .progress{height:.42rem}.mileage-profitability .progress-bar{background:linear-gradient(90deg,#2bca94,#079967)}.mileage-after-margin{padding:.45rem .55rem;background:#f8f9fb;border-radius:.45rem}.mileage-profitability p{display:flex;gap:.45rem;color:#1479ac;background:#eaf7ff;border:1px solid #caeafa;border-radius:.5rem;padding:.6rem;font-size:.68rem;margin:0}.mileage-required-list p{display:flex;align-items:center;gap:.45rem;color:#7a8494;font-size:.7rem;margin:0 0 .55rem}.mileage-required-list p i{color:#c0c6d0}.mileage-required-list p.is-complete i{color:#11b680}.mileage-required-list strong{display:flex;align-items:center;gap:.4rem;padding-top:.7rem;border-top:1px solid #edf0f3;color:#c0780b;font-size:.68rem}.mileage-required-list strong.is-complete{color:#07815c}.mileage-action-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem -1.5rem -1.5rem;padding:.8rem 1.5rem;background:#fff;border-top:1px solid #dfe4ea;box-shadow:0 -5px 16px rgba(16,24,40,.06)}.mileage-action-bar>div{display:flex;align-items:center;gap:.7rem}.mileage-action-bar>div>span{color:#a0a8b6;font-size:.68rem}.mileage-action-bar .btn{min-height:2.65rem;display:inline-flex;align-items:center;gap:.4rem;border-radius:.55rem;font-weight:650}.mileage-action-bar .btn-primary{background:#5547e9;border-color:#5547e9}
@media(max-width:1200px){.mileage-form-layout{grid-template-columns:minmax(0,1fr) 17rem}.mileage-values-grid{grid-template-columns:repeat(2,1fr)}.mileage-values-grid>div:last-child{grid-column:1/-1}}
@media(max-width:991.98px){.mileage-form-page-heading{flex-direction:column}.mileage-form-layout{grid-template-columns:1fr}.mileage-form-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.mileage-form-sidebar .mileage-side-card:last-child{grid-column:1/-1}}
@media(max-width:767.98px){.mileage-movement-grid,.mileage-values-grid,.mileage-status-grid,.mileage-complement-grid,.mileage-form-sidebar{grid-template-columns:1fr}.mileage-address-field,.mileage-values-grid>div:last-child,.mileage-notes,.mileage-form-sidebar .mileage-side-card:last-child{grid-column:auto}.mileage-amount-banner{grid-template-columns:1fr;gap:.8rem}.mileage-amount-banner>div{padding:0 0 .7rem;border-right:0;border-bottom:1px solid #cfd7fb}.mileage-amount-banner>span{display:none}.mileage-action-bar{align-items:stretch;flex-direction:column;margin-left:-.75rem;margin-right:-.75rem}.mileage-action-bar>div{flex-wrap:wrap}.mileage-action-bar .btn{flex:1}.mileage-active-rate{align-self:flex-start}}