.fleet-module{--fleet-navy:#061d36;--fleet-blue:#0766f6;--fleet-gold:#dfa746;--fleet-green:#078d4b;--fleet-red:#d12832;--fleet-orange:#de930e;--fleet-purple:#7635df;color:#102b52;background:#f4f8fd;border-radius:14px;padding:18px;font-family:inherit}.fleet-module *{box-sizing:border-box}.fleet-module button,.fleet-module input,.fleet-module select,.fleet-module textarea{font:inherit}.fleet-module button,.fleet-module a{cursor:pointer}.fleet-module button{color:#163b73;background:#f1f7ff;border:1px solid #d6e1ef;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.fleet-module button:disabled{opacity:.5;cursor:not-allowed}:is(.fleet-module button:focus-visible,.fleet-module input:focus-visible,.fleet-module select:focus-visible,.fleet-module textarea:focus-visible){outline-offset:2px;outline:3px solid #76adff}.fleet-module .fleet-primary{background:var(--fleet-blue);color:#fff;border-color:var(--fleet-blue)}.fleet-module .fleet-heading,.fleet-module .fleet-card header,.fleet-module .fleet-records header,.fleet-module .fleet-detail>header,.fleet-modal>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.fleet-heading h2{align-items:center;gap:9px;margin:0;font-size:25px;display:flex}.fleet-heading>div{gap:8px;display:flex}.fleet-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.fleet-metric{color:#fff;background:var(--fleet-navy);border-radius:10px;grid-template-columns:36px 1fr;gap:8px;padding:20px;display:grid}.fleet-metric strong{text-align:left;font-size:30px}.fleet-metric span{grid-column:1/-1}.fleet-metric.green{background:#086b47}.fleet-metric.orange{background:#966118}.fleet-metric.red{background:#7b2630}.fleet-tabs{background:#fff;border:1px solid #e0e7ef;border-radius:8px;gap:3px;margin:15px 0;display:flex;overflow-x:auto}.fleet-tabs button{white-space:nowrap;background:0 0;border:0;border-radius:0;flex:1}.fleet-tabs button[aria-pressed=true]{background:var(--fleet-gold);color:#06203c}.fleet-layout{align-items:flex-start;gap:16px;display:flex}.fleet-main{flex:1;min-width:0}.fleet-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.fleet-module input,.fleet-module select,.fleet-module textarea{color:#102d50;background:#fff;border:1px solid #d2dfed;border-radius:7px;min-width:0;max-width:100%;padding:10px}.fleet-search{background:#fff;border:1px solid #d2dfed;border-radius:7px;flex:1;align-items:center;gap:6px;min-width:210px;padding:0 10px;display:flex}.fleet-search input{border:0;outline:0;flex:1;width:100%}.fleet-table-wrap{background:#fff;border:1px solid #e1e9f2;border-radius:9px;overflow-x:auto}.fleet-module table{border-collapse:collapse;white-space:nowrap;text-align:right;width:100%;font-size:14px}.fleet-module th{background:#edf4fb;padding:13px 10px}.fleet-module td{border-bottom:1px solid #edf1f7;padding:12px 10px}.fleet-module td img{object-fit:cover;border-radius:5px;width:72px;height:50px}.fleet-module small{color:#63738b;font-size:12px;display:block}.fleet-badge{color:#617184;background:#edf1f6;border-radius:6px;padding:5px 10px;font-size:12px;display:inline-block}.fleet-badge.green{color:#087445;background:#dcf6e9}.fleet-badge.red{color:#c21d2a;background:#ffe2e5}.fleet-badge.orange{color:#9c6000;background:#fff0cf}.fleet-badge.gray{color:#5c697c;background:#e9edf3}.fleet-detail{background:#fff;border:1px solid #e0e9f3;border-radius:10px;flex-shrink:0;width:350px;max-height:85vh;padding:14px;position:sticky;top:85px;overflow-y:auto}.fleet-detail h3,.fleet-card h3{align-items:center;gap:7px;margin:8px 0;font-size:17px;display:flex}.fleet-car-profile{text-align:center;background:#f5f9fd;border-radius:9px;padding:15px}.fleet-car-profile h3{justify-content:center}.fleet-car-profile>img{object-fit:contain;width:100%;height:160px}.fleet-detail dl>div{border-bottom:1px solid #edf2f8;justify-content:space-between;gap:9px;padding:9px 0;display:flex}.fleet-detail dt{color:#6b7c92}.fleet-detail dd{text-align:left;overflow-wrap:anywhere;max-width:65%;margin:0}.fleet-actions{gap:7px;margin:12px 0;display:grid}.fleet-module .fleet-upload-button{cursor:pointer;background:#f1f7ff;border:1px solid #d6e1ef;border-radius:7px;align-items:center;gap:6px;padding:9px;font-size:13px;display:flex}.fleet-upload-button input{width:100%;padding:4px;font-size:11px}.fleet-records{border-top:1px solid #dce6f1;margin:14px 0;padding-top:10px}.fleet-records article{background:#f7faff;border:1px solid #e6edf7;border-radius:6px;margin:8px 0;padding:10px}.fleet-records article strong{font-size:14px;display:block}.fleet-records article>p{font-size:13px}.fleet-records article .fleet-badge{margin-top:7px}.fleet-attachments{flex-wrap:wrap;gap:5px;margin:7px 0;display:flex}.fleet-attachments a{color:#075ec5;align-items:center;gap:4px;font-size:12px;display:flex}.fleet-detail details{margin-top:12px}.fleet-detail summary{cursor:pointer;align-items:center;gap:7px;font-weight:700;display:flex}.fleet-history{border-bottom:1px solid #dde7f2;padding:10px 0}.fleet-history pre{white-space:pre-wrap;direction:rtl;background:#f4f7fc;max-height:180px;font-size:11px;overflow:auto}.fleet-card{background:#fff;border:1px solid #e2eaf4;border-radius:10px;padding:18px}.fleet-list-row{border-bottom:1px solid #e4ebf4;align-items:center;gap:10px;padding:12px 0;display:flex}.fleet-card>a{color:#075dc0}.fleet-car-buttons{flex-wrap:wrap;gap:8px;display:flex}.fleet-totals{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.fleet-totals>div{background:#e4f5ed;border-radius:8px;flex-direction:column;gap:7px;padding:12px;display:flex}.fleet-alert{width:100%;margin:10px 0;justify-content:flex-start!important;display:flex!important}.fleet-alert.red{color:#ba1b2a;background:#ffe6e9;border-color:#fac4cb}.fleet-alert.orange{color:#996000;background:#fff3d9;border-color:#f1daa6}.fleet-message{color:#754a09;overflow-wrap:anywhere;background:#fff6e3;border:1px solid #efc989;border-radius:7px;padding:12px}.fleet-modal-backdrop{z-index:150;background:#04172cb3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fleet-modal{background:#fff;border-radius:12px;width:850px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 15px 60px #0005}.fleet-modal>header{background:#f1f6fd;border-bottom:1px solid #dce6f2;padding:17px 20px}.fleet-modal>header h3{margin:0}.fleet-modal form{padding:20px}.fleet-form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.fleet-form-grid label{flex-direction:column;gap:6px;font-weight:600;display:flex}.fleet-form-grid input,.fleet-form-grid select,.fleet-form-grid textarea{width:100%;font-weight:400}.fleet-form-grid textarea{min-height:90px}.fleet-full{grid-column:1/-1}.fleet-modal footer{border-top:1px solid #e0e8f2;justify-content:space-between;margin-top:20px;padding-top:15px;display:flex}.fleet-upload{background:#f2f8ff;border:1px dashed #72a4ea;border-radius:8px;padding:14px}.fleet-upload>div{justify-content:space-between;padding:7px 0;display:flex}.fleet-driver-shell{color:#102b52;background:#f3f7fd;min-height:100vh}.fleet-driver-header{color:#fff;background:#041a30;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.fleet-driver-header a{color:#fff}.fleet-driver-header img{object-fit:contain;width:125px;height:45px}.fleet-driver-shell main{max-width:1500px;margin:auto;padding:18px}.fleet-driver-shell .fleet-heading h2{font-size:22px}.fleet-driver-info{background:#fff3d9;border:1px solid #eed7a4;border-radius:8px;padding:12px}.fleet-driver-header button{font:inherit;color:#fff;background:0 0;border:1px solid #6b85a4;border-radius:6px;padding:8px}@media (max-width:1100px){.fleet-metrics{grid-template-columns:repeat(3,1fr)}.fleet-detail{width:310px}.fleet-layout{gap:10px}}@media (max-width:800px){.fleet-layout{flex-direction:column}.fleet-detail{width:100%;max-height:none;position:static}.fleet-main{width:100%}.fleet-metrics{grid-template-columns:repeat(2,1fr)}.fleet-heading{flex-direction:column;align-items:flex-start!important}.fleet-heading h2{font-size:21px}.fleet-form-grid{grid-template-columns:1fr}.fleet-full{grid-column:auto}.fleet-modal-backdrop{padding:8px}.fleet-modal{max-height:95vh}.fleet-modal form{padding:15px}.fleet-driver-header{flex-wrap:wrap}.fleet-module{padding:12px}.fleet-list-row{flex-wrap:wrap}}.fleet-six{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.fleet-six label,.fleet-six a{color:#153250;border:1px solid #d7e0ec;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.fleet-six img{object-fit:cover;border-radius:8px;width:100%;height:120px}.fleet-records{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:16px 0;display:grid}.fleet-records article{background:#fff;border:1px solid #d7e0ec;border-radius:14px;padding:20px}.fleet-operation-panel{z-index:1000;background:#fff;border:1px solid #dae2ed;border-radius:20px;padding:24px;position:fixed;inset:20px 5%;overflow:auto;box-shadow:0 0 0 100vmax #102a4c66}.fleet-operation-panel form{gap:14px;display:grid}.fleet-signature{touch-action:none;background:#fff;border:2px dashed #7087a2;border-radius:12px;width:100%;max-width:480px;height:180px;display:block}.fleet-proof{object-fit:contain;max-width:220px;max-height:180px}.fleet-form-row{flex-wrap:wrap;gap:8px;display:flex}.fleet-tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.fleet-tabs button[aria-pressed=true]{color:#fff;background:#132e50;border-color:#d9af48}@media (max-width:600px){.fleet-six{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-operation-panel{padding:14px;inset:8px}.fleet-form-row>*{max-width:100%}}.fleet-manager .fleet-form{background:#fff;border:1px solid #d6e1ef;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;padding:22px;display:grid}.fleet-manager .fleet-form>h3,.fleet-manager .fleet-form>.fleet-six,.fleet-manager .fleet-form>textarea,.fleet-manager .fleet-form>small{grid-column:1/-1}.fleet-manager label{flex-direction:column;gap:8px;display:flex}.fleet-manager input,.fleet-manager select,.fleet-manager textarea{color:#102b52;background:#fff;border:1px solid #d6e1ef;border-radius:8px;max-width:100%;padding:10px}.fleet-manager input[type=checkbox]{width:18px;min-width:18px;padding:0}.fleet-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0;display:grid}.fleet-stats article{color:#174da5;background:#edf4ff;border-right:4px solid #0766f6;border-radius:14px;padding:20px}.fleet-stats article:nth-child(2){color:#087844;background:#eaf8f0;border-color:#078d4b}.fleet-stats article:nth-child(3){color:#a56b03;background:#fff6e6;border-color:#de930e}.fleet-stats article:nth-child(4){color:#692aba;background:#f3ecfc;border-color:#7635df}.fleet-stats b{margin-bottom:9px;font-size:28px;display:block}.fleet-operation-panel table{border-collapse:collapse;width:100%}.fleet-operation-panel th,.fleet-operation-panel td{text-align:right;border-bottom:1px solid #d6e1ef;padding:12px}.fleet-operation-panel th{background:#eaf2ff}.fleet-operation-panel small{display:block}.fleet-work-proof a img{object-fit:contain}@media (max-width:750px){.fleet-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-manager .fleet-form{grid-template-columns:1fr;padding:14px}.fleet-manager .fleet-form>*{grid-column:1}}.fleet-module .fleet-detail-dialog{width:900px;max-width:100%;max-height:90vh;padding:24px;position:relative;top:auto;overflow:auto;box-shadow:0 15px 60px #0005}.fleet-detail-dialog>header{z-index:1;background:#fff;padding:12px 0;position:sticky;top:-24px}.fleet-detail-dialog .fleet-car-profile>img{height:200px}@media (max-width:800px){.fleet-module .fleet-detail-dialog{max-height:95vh;padding:16px}}
