.ng-overview,.ng-damage-module{gap:18px;display:grid}.ng-filter-card{background:#fff;border:1px solid #d6e2d8;border-radius:18px;align-items:end;gap:16px;padding:18px 20px;display:flex}.ng-filter-card>div{align-self:flex-start;align-items:center;gap:12px;margin-right:auto;display:flex}.ng-filter-card svg{color:#07824a;width:22px}.ng-filter-card span{gap:3px;display:grid}.ng-filter-card strong{color:#062d1d;font-size:15px}.ng-filter-card small,.ng-module-heading p{color:#66796e}.ng-filter-card label,.ng-inline-form label,.ng-damage-form label{color:#496357;gap:6px;font-size:12px;font-weight:700;display:grid}.ng-filter-card input,.ng-inline-form select{color:#062d1d;background:#fff;border:1px solid #cbdacf;border-radius:10px;min-height:40px;padding:0 12px}.ng-damage-module .ng-filter-card{box-sizing:border-box;justify-self:start;align-items:flex-start;width:90%;min-width:680px;padding:10px 14px}.ng-damage-date-filter{align-content:start;gap:4px}.ng-damage-date-filter>span{white-space:nowrap;align-items:center;gap:6px;display:flex}.ng-damage-date-filter>span>svg{width:16px;height:16px}.ng-damage-date-filter>input{min-height:32px}.ng-damage-module .ng-filter-card>div{align-self:flex-start}.ng-damage-module .ng-filter-card>button{align-self:flex-end}.ng-overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ng-overview-metrics article{background:#fff;border:1px solid #d6e2d8;border-radius:18px;gap:13px;min-height:126px;padding:20px;display:flex}.ng-overview-metrics article>svg{color:#07824a;background:#e5f6ed;border-radius:12px;flex:none;width:40px;height:40px;padding:9px}.ng-overview-metrics span{align-content:start;gap:5px;min-width:0;display:grid}.ng-overview-metrics small{color:#60756a}.ng-overview-metrics strong{color:#052f1e;overflow-wrap:anywhere;font-size:22px}.ng-overview-metrics em{color:#799087;font-size:12px;font-style:normal}.ng-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ng-chart-card{background:#fff;border:1px solid #d6e2d8;border-radius:18px;padding:22px}.ng-chart-card header>div{align-items:center;gap:12px;display:flex}.ng-chart-card header svg{color:#07824a}.ng-chart-card h2{color:#062d1d;margin:0;font-size:18px}.ng-chart-card p{color:#6f8278;margin:3px 0 0;font-size:12px}.ng-bars{gap:15px;margin-top:24px;display:grid}.ng-bars>div>span{color:#294d37;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:13px;display:flex}.ng-bars b{color:#062d1d}.ng-bars i{background:#eaf1eb;border-radius:999px;height:12px;display:block;overflow:hidden}.ng-bars i em{border-radius:inherit;background:linear-gradient(90deg,#07824a,#32b772);height:100%;display:block}.ng-bars-expense i em{background:linear-gradient(90deg,#d97816,#f1af4d)}.ng-chart-empty{color:#71847a;text-align:center;grid-column:1/-1;margin:12px 0}.ng-vehicle-module{background:#fff;border:1px solid #d6e2d8;border-radius:18px;gap:16px;margin-top:20px;padding:20px;display:grid}.ng-module-heading>div{align-items:flex-start;gap:12px;display:flex}.ng-module-heading svg{color:#07824a;background:#e5f6ed;border-radius:11px;width:38px;height:38px;padding:8px}.ng-module-heading span{gap:3px;display:grid}.ng-module-heading small{color:#07824a;letter-spacing:.14em;font-size:10px;font-weight:800}.ng-module-heading h2,.ng-module-heading p{margin:0}.ng-module-heading h2{color:#062d1d;font-size:19px}.ng-inline-form,.ng-damage-form{background:#f3f7f3;border-radius:14px;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;align-items:end;gap:12px;padding:16px;display:grid}.ng-inline-form button,.ng-damage-form button{min-height:40px}.ng-inline-error{color:#9d2f22;background:#fff0ed;border-radius:9px;margin:0;padding:10px 12px}.ng-vehicle-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:13px;display:grid}.ng-vehicle-grid>article{border:1px solid #d8e3da;border-radius:14px;gap:14px;padding:16px;display:grid}.ng-vehicle-grid>article.is-warning{background:#fffaf0;border-color:#e8bf65}.ng-vehicle-grid>article.is-overdue{background:#fff5f3;border-color:#e29085}.ng-vehicle-grid article header{align-items:center;gap:10px;display:flex}.ng-vehicle-grid article header>svg{color:#07824a}.ng-vehicle-grid article header span{gap:2px;display:grid}.ng-vehicle-grid article header small{color:#71847a}.ng-vehicle-grid article header button,.ng-cash-table td button{color:#c74737;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:6px}.ng-vehicle-grid article header button svg,.ng-cash-table td button svg{width:17px;height:17px}.ng-vehicle-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ng-vehicle-stats label{color:#52685d;grid-template-columns:auto 1fr;align-items:center;gap:6px;font-size:12px;display:grid}.ng-vehicle-stats label input{grid-column:1/-1}.ng-vehicle-stats svg{width:15px}.ng-oil-alert{border-top:1px solid #e0e8e1;align-items:center;gap:9px;padding-top:12px;display:flex}.ng-oil-alert>svg{color:#c47a10}.ng-oil-alert span{margin-right:auto;display:grid}.ng-oil-alert small{color:#72847a}.ng-damage-form{grid-template-columns:repeat(4,minmax(140px,1fr))}.ng-damage-form .is-wide{grid-column:span 2}.ng-damage-summary{color:#164b30;background:#eaf5ee;border-radius:12px;justify-content:space-between;padding:14px 18px;display:flex}.ng-table-wrap{background:#fff;border:1px solid #d6e2d8;border-radius:15px;overflow-x:auto}.ng-table-wrap .ng-cash-table{border-collapse:collapse;width:100%;min-width:820px}.ng-table-wrap .ng-cash-table th,.ng-table-wrap .ng-cash-table td{text-align:left;border-bottom:1px solid #e4ebe5;padding:13px 14px;font-size:13px}.ng-table-wrap .ng-cash-table th{color:#4b6356;background:#f4f8f4}@media (max-width:1050px){.ng-overview-metrics{grid-template-columns:repeat(2,1fr)}.ng-inline-form,.ng-damage-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.ng-damage-module .ng-filter-card{width:100%;min-width:0}.ng-filter-card{flex-direction:column;align-items:stretch}.ng-filter-card>div{margin-right:0}.ng-overview-metrics,.ng-overview-grid,.ng-vehicle-stats,.ng-inline-form,.ng-damage-form{grid-template-columns:1fr}.ng-damage-form .is-wide{grid-column:auto}.ng-vehicle-module{padding:14px}.ng-oil-alert{flex-wrap:wrap;align-items:flex-start}}.ng-vehicle-module{background:#fff;border:1px solid #cfe0d2;border-radius:18px;margin-top:20px;padding:24px;box-shadow:0 10px 30px #14482a0d}.ng-vehicle-module .ng-module-heading{border-bottom:1px solid #e0e9e2;padding-bottom:17px}.ng-vehicle-module .ng-module-heading>div{align-items:center}.ng-vehicle-module .ng-module-heading>div>svg{color:#087f49;background:#e5f6ec;border-radius:13px;width:46px;height:46px;padding:11px}.ng-vehicle-module .ng-module-heading h2{letter-spacing:-.02em;margin:2px 0 3px;font-size:20px}.ng-vehicle-form{background:#f4f8f5;border:1px solid #dce8de;border-radius:14px;grid-template-columns:1fr 1.2fr 1.25fr .85fr .95fr auto;align-items:end;gap:12px;padding:16px;display:grid}.ng-vehicle-form label{color:#436052;gap:6px;min-width:0;font-size:11px;font-weight:750;display:grid}.ng-vehicle-form input,.ng-vehicle-form select{color:#073b24;background:#fff;border:1px solid #cbdacf;border-radius:10px;outline:none;width:100%;min-width:0;min-height:42px;padding:0 11px;font-size:13px}.ng-vehicle-form input:focus,.ng-vehicle-form select:focus{border-color:#158754;box-shadow:0 0 0 3px #1587541f}.ng-vehicle-form button{white-space:nowrap;min-height:42px}.ng-vehicle-grid>article{background:#fbfdfb}@media (max-width:1180px){.ng-vehicle-form{grid-template-columns:repeat(3,minmax(0,1fr))}.ng-vehicle-form button{width:100%}}@media (max-width:720px){.ng-vehicle-module{padding:15px}.ng-vehicle-form{grid-template-columns:1fr 1fr;padding:12px}.ng-vehicle-form button{grid-column:1/-1}}@media (max-width:480px){.ng-vehicle-form{grid-template-columns:1fr}.ng-vehicle-form button{grid-column:auto}}.ng-damage-module .ng-filter-card{justify-self:stretch;width:100%;min-width:0}.ng-damage-form .ng-damage-submit{grid-column:1;justify-self:start;width:180px;min-width:0}.ng-inline-success{color:#0b683b;background:#ecf9f1;border:1px solid #bfe2cc;border-radius:9px;margin:0;padding:10px 12px}@media (max-width:720px){.ng-damage-form .ng-damage-submit{width:100%}}
