.mileage-index-page{--mi-primary:#5547e9;--mi-text:#182033;--mi-muted:#7d8799;--mi-border:#e3e7ed;color:var(--mi-text);font-size:.88rem}.mileage-page-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.mileage-page-heading p{color:var(--mi-muted);margin:0}.mileage-heading-icon{width:2.7rem;height:2.7rem;border-radius:.75rem;background:#eaf0ff;color:#594eea;display:grid;place-items:center;font-size:1.35rem}.mileage-heading-actions{display:flex;gap:.65rem}.mileage-heading-actions .btn{display:inline-flex;align-items:center;gap:.4rem;min-height:2.7rem;border-radius:.6rem;font-weight:650}.mileage-heading-actions .btn-primary,.mileage-filter-card .btn-primary{background:var(--mi-primary);border-color:var(--mi-primary)}.mileage-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.mileage-kpi-grid article{position:relative;min-height:7.7rem;padding:1.25rem;background:#fff;border:1px solid var(--mi-border);border-radius:.85rem;box-shadow:0 1px 2px rgba(16,24,40,.04)}.mileage-kpi-grid small{display:block;color:#677184;font-size:.7rem;font-weight:750;margin-bottom:.8rem}.mileage-kpi-grid strong{display:block;font-size:1.55rem;line-height:1}.mileage-kpi-grid strong em{color:#9aa3b3;font-size:.82rem;font-style:normal}.mileage-kpi-grid p{color:var(--mi-muted);font-size:.75rem;margin:.65rem 0 0}.mileage-kpi-grid p i{margin-right:.25rem}.mileage-kpi-icon{position:absolute;right:1rem;top:1rem;width:2rem;height:2rem;border-radius:.55rem;display:grid;place-items:center}.mileage-kpi-icon.is-blue{background:#edf1ff;color:#5965e7}.mileage-kpi-icon.is-yellow{background:#fff7df;color:#dc9703}.mileage-kpi-icon.is-orange{background:#fff2e8;color:#f17522}.mileage-kpi-icon.is-purple{background:#f0ebff;color:#7b54ee}.mileage-kpi-icon.is-gray{background:#f1f3f6;color:#798292}.mileage-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:1.25rem;align-items:start}.mileage-filter-card,.mileage-table-card,.mileage-rules-card{background:#fff;border:1px solid var(--mi-border);border-radius:.85rem;box-shadow:0 1px 2px rgba(16,24,40,.04)}.mileage-filter-card{padding:1rem;margin-bottom:1rem}.mileage-filter-grid{display:grid;grid-template-columns:minmax(18rem,2fr) repeat(2,minmax(10rem,1fr)) repeat(2,minmax(9rem,1fr));gap:.75rem;align-items:center}.mileage-filter-grid .form-control,.mileage-filter-grid .form-select{height:2.55rem;border-color:#dfe4eb;border-radius:.55rem;font-size:.82rem}.mileage-search,.mileage-date{position:relative}.mileage-search i,.mileage-date i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);z-index:2;color:#9aa4b3}.mileage-search input,.mileage-date input{padding-left:2.25rem}.mileage-filter-grid select[name=status]{grid-column:1}.mileage-filter-grid .btn{height:2.55rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:700}.mileage-filter-grid>a{color:#6155ed;text-decoration:none;font-weight:650}.mileage-table-card{overflow:hidden}.mileage-table-toolbar{min-height:4rem;padding:.8rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.mileage-table-toolbar>div{display:flex;align-items:center;gap:.6rem}.mileage-table-toolbar span{color:#98a2b3}.mileage-table-toolbar .btn{font-size:.76rem;font-weight:650;display:inline-flex;align-items:center;gap:.3rem}.mileage-table{font-size:.77rem}.mileage-table thead th{color:#6d7788;background:#fbfcfd;border-color:#edf0f4;padding:.8rem .75rem;text-transform:uppercase;font-size:.65rem;white-space:nowrap}.mileage-table tbody td{padding:1rem .75rem;border-color:#f0f2f5;color:#4c5668}.mileage-table tbody tr:hover{background:#fafbff}.mileage-table tfoot th{padding:.85rem .75rem;background:#fafbfc;border-top:1px solid #dfe4eb;color:#4f596b;font-size:.7rem}.mileage-employee,.mileage-trip{display:flex;align-items:center;gap:.6rem;min-width:8rem}.mileage-employee>span{width:1.9rem;height:1.9rem;border-radius:50%;background:linear-gradient(135deg,#0da4bb,#5547e9);color:#fff;display:grid;place-items:center;font-weight:750}.mileage-employee div,.mileage-trip div{display:flex;flex-direction:column}.mileage-employee small,.mileage-trip small{color:#a0a8b6}.mileage-trip{min-width:10rem}.mileage-trip>i{color:#9da6b5}.mileage-project,.mileage-status{display:inline-flex;align-items:center;gap:.3rem;border-radius:2rem;padding:.3rem .6rem;white-space:nowrap;font-size:.7rem;font-weight:700}.mileage-project{color:#6842df;background:#f2edff;border:1px solid #dfd4ff}.mileage-project.is-general{color:#758092;background:#f1f3f6;border-color:#dfe3e9}.mileage-status i{width:.35rem;height:.35rem;border-radius:50%;background:currentColor}.mileage-status.is-success{color:#088b5f;background:#ddf8eb;border:1px solid #a9ebcf}.mileage-status.is-info{color:#177ac2;background:#e2f2ff;border:1px solid #b8dcfa}.mileage-status.is-warning{color:#bd7104;background:#fff6da;border:1px solid #f4d273}.mileage-status.is-danger{color:#d23e49;background:#ffeaec;border:1px solid #ffc7cc}.mileage-status.is-muted{color:#667085;background:#f0f2f5;border:1px solid #dce1e7}.mileage-view{width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:.45rem;color:#7c8799;text-decoration:none}.mileage-view:hover{color:#5547e9;background:#efefff}.mileage-table-footer{padding:1rem 1.25rem;color:#7d8799;border-top:1px solid #edf0f4}.mileage-rules-card{position:sticky;top:1rem;overflow:hidden}.mileage-rules-card>div{min-height:3.8rem;padding:1rem;display:flex;align-items:center;gap:.7rem;border-bottom:1px solid #edf0f4}.mileage-rules-card>div>span{width:1.9rem;height:1.9rem;border-radius:.5rem;background:#ebedff;color:#6458eb;display:grid;place-items:center}.mileage-rules-card h2{font-size:.9rem;font-weight:750;margin:0}.mileage-rules-card ul{list-style:none;margin:0;padding:1.25rem 1rem}.mileage-rules-card li{display:flex;gap:.7rem;color:#657084;margin-bottom:1.2rem}.mileage-rules-card li:last-child{margin-bottom:0}.mileage-rules-card li>i{flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;background:#f0f2f5;display:grid;place-items:center}.mileage-rules-card li:nth-child(2)>i{color:#7659ee;background:#eeeaff}.mileage-rules-card li:nth-child(3)>i{color:#09956a;background:#dcf8ec}.mileage-rules-card p{font-size:.76rem;line-height:1.55;margin:0}
@media(max-width:1350px){.mileage-kpi-grid{grid-template-columns:repeat(3,1fr)}.mileage-content-layout{grid-template-columns:minmax(0,1fr) 17rem}.mileage-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mileage-filter-grid select[name=status]{grid-column:auto}}
@media(max-width:991.98px){.mileage-page-heading{align-items:flex-start;flex-direction:column}.mileage-heading-actions{flex-wrap:wrap}.mileage-kpi-grid{grid-template-columns:repeat(2,1fr)}.mileage-content-layout{grid-template-columns:1fr}.mileage-rules-card{position:static}.mileage-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mileage-search{grid-column:1/-1}}
@media(max-width:767.98px){.mileage-kpi-grid,.mileage-filter-grid{grid-template-columns:1fr}.mileage-search{grid-column:auto}.mileage-heading-actions{width:100%}.mileage-heading-actions .btn{flex:1}.mileage-table-toolbar{align-items:flex-start;flex-direction:column;gap:.8rem}}