.smart-welcome{color:#fff;background:linear-gradient(110deg,#071f37,#0d3a54);border:1px solid #dce7ed;border-radius:14px;margin-bottom:14px;padding:18px 22px;box-shadow:0 14px 35px #071f3721}.smart-welcome>div>small{letter-spacing:.14em;color:#55dda0;font-size:8px;font-weight:900}.smart-welcome h2{color:#fff;margin:4px 0!important;font-size:24px!important}.smart-welcome h2:after{display:none}.smart-welcome p{color:#afc3d0;display:block!important}.smart-welcome>span{color:#cce0ea;align-items:center;display:flex}.smart-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.smart-metrics article{position:relative;overflow:hidden}.smart-metrics article:after{content:"";background:#edf4f833;border-radius:50%;width:62px;height:62px;position:absolute;bottom:-24px;right:-18px}.smart-metrics strong{white-space:nowrap}.smart-dashboard-grid{grid-template-columns:1.5fr .85fr .95fr;gap:13px;margin-bottom:15px;display:grid}.smart-dashboard-grid>.panel{border-color:#dce6ea;border-radius:13px;overflow:hidden;box-shadow:0 8px 26px #11303f0e}.smart-dashboard-grid article>header{justify-content:space-between;align-items:flex-start;gap:16px;padding:19px 20px 8px;display:flex}.smart-dashboard-grid header>div>small,.smart-dashboard-grid article>header>small,.smart-insight small{color:#0f8b5f;letter-spacing:.11em;font-size:8px;font-weight:900}.smart-dashboard-grid h3{color:#173641;margin:4px 0 0;font-size:14px}.smart-cost-chart{grid-row:span 2}.smart-chart-legend{color:#6d8289;flex-wrap:wrap;gap:11px;font-size:8px;display:flex}.smart-chart-legend span{align-items:center;gap:4px;display:flex}.smart-chart-legend i{border-radius:2px;width:7px;height:7px}.smart-chart-legend .fuel,.smart-bar-stack .fuel{background:#1769dd}.smart-chart-legend .maintenance,.smart-bar-stack .maintenance{background:#18aa67}.smart-chart-legend .other,.smart-bar-stack .other{background:#f3a11a}.smart-bars{background:linear-gradient(#fff,#fbfdfe);border-top:1px solid #eef2f4;align-items:flex-end;gap:12px;height:248px;padding:26px 20px 18px;display:flex}.smart-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;min-width:38px;height:100%;display:flex}.smart-bar-column>b{color:#627880;white-space:nowrap;font-size:8px}.smart-bar-column>span{text-transform:capitalize;color:#75898f;font-size:9px}.smart-bar-stack{background:repeating-linear-gradient(0deg,#f5f8f9 0 1px,#0000 1px 42px);border-bottom:1px solid #cfdadd;border-radius:6px 6px 0 0;flex-direction:column-reverse;justify-content:flex-start;width:min(38px,72%);height:170px;display:flex;position:relative;overflow:hidden}.smart-bar-stack>i{width:100%;min-height:0;transition:height .25s;display:block}.smart-bar-stack>em{background:#dfe7ea;width:100%;height:3px}.smart-status-chart{min-height:260px}.smart-donut-wrap{grid-template-columns:130px 1fr;align-items:center;gap:16px;padding:12px 20px 22px;display:grid}.smart-donut{border-radius:50%;place-items:center;width:130px;height:130px;display:grid;position:relative}.smart-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:22px;box-shadow:inset 0 0 0 1px #e8eef1}.smart-donut>div{z-index:1;text-align:center;position:relative}.smart-donut b,.smart-donut small{display:block}.smart-donut b{color:#153642;font-size:22px}.smart-donut small{color:#7c9096;font-size:8px}.smart-status-legend{gap:9px;display:grid}.smart-status-legend span{grid-template-columns:8px 1fr auto;align-items:center;gap:7px;display:grid}.smart-status-legend span>i{border-radius:50%;width:8px;height:8px}.smart-status-legend b{color:#536b73;font-size:9px}.smart-status-legend em{color:#173641;font-size:11px;font-style:normal;font-weight:900}.smart-maintenance-chart{min-height:260px}.smart-horizontal-bars{gap:15px;padding:14px 20px 22px;display:grid}.smart-horizontal-bars>div>span{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.smart-horizontal-bars span b{color:#516a72;font-size:9px}.smart-horizontal-bars span em{font-size:9px;font-style:normal;font-weight:900}.smart-horizontal-bars>div>i{background:#edf2f4;border-radius:20px;height:8px;display:block;overflow:hidden}.smart-horizontal-bars>div>i>b{background:#1c73df;border-radius:20px;min-width:0;height:100%;display:block}.smart-horizontal-bars .tone-1{background:#8b5bc9}.smart-horizontal-bars .tone-2{background:#f19a17}.smart-horizontal-bars .tone-3{background:#16a765}.smart-insight{background:linear-gradient(125deg,#effaf5,#f7fbff);grid-column:2/4;grid-template-columns:1fr auto;align-items:center;padding:20px;display:grid}.smart-insight>div{align-items:center;gap:11px;display:flex}.smart-insight>div>svg{box-sizing:content-box;color:#0e9560;background:#d9f4e7;border-radius:12px;width:22px;height:22px;padding:10px}.smart-insight h3{font-size:14px}.smart-insight>strong{color:#0b8054;font-size:33px}.smart-insight>p{color:#5e757d;grid-column:1/2;margin:13px 0 0;font-size:10px}.smart-insight>button{color:#0a6eae;background:0 0;border:0;grid-column:2/3;align-items:center;gap:4px;font-size:9px;font-weight:800;display:flex}.smart-insight>button svg{width:13px}.smart-fleet-table{margin-top:0}.smart-fleet-table .status{display:inline-flex}.filter-empty{text-align:center;color:#71878e;padding:45px 20px}.filter-empty svg{width:30px}.filter-empty b,.filter-empty small{display:block}.filter-empty b{margin-top:10px}.filter-empty small{margin-top:4px}@media (width<=1250px){.smart-metrics{grid-template-columns:repeat(3,1fr)}.smart-dashboard-grid{grid-template-columns:1.35fr 1fr}.smart-cost-chart{grid-row:span 2}.smart-maintenance-chart{grid-column:2}.smart-insight{grid-column:1/3}}@media (width<=850px){.smart-metrics{grid-template-columns:repeat(2,1fr)}.smart-dashboard-grid{grid-template-columns:1fr}.smart-cost-chart,.smart-maintenance-chart,.smart-insight{grid-area:auto}.smart-insight{grid-template-columns:1fr auto}}@media (width<=520px){.smart-metrics{grid-template-columns:1fr 1fr}.smart-metrics article:last-child{grid-column:1/-1}.smart-metrics article{padding:12px 10px}.smart-metrics strong{font-size:16px}.smart-bars{overflow-x:auto}.smart-bar-column{min-width:48px}.smart-chart-legend{display:none}.smart-donut-wrap{grid-template-columns:115px 1fr;padding-inline:14px}.smart-donut{width:115px;height:115px}.smart-insight{grid-template-columns:1fr auto}.smart-insight>p{grid-column:1/-1}.smart-insight>button{grid-column:1/-1;margin-top:12px;padding:0}.smart-welcome{padding:16px}.smart-welcome>span{display:none}}.fuel-import-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fuel-import-actions label.secondary{color:#16324f;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.fuel-import-actions label.secondary:hover{color:#007e5a;border-color:#00a878}.fuel-import-message{color:#067647;background:#ecfdf5;border-radius:10px;margin:0 0 16px;padding:11px 14px;font-size:13px;font-weight:700}.fuel-import-message.error{color:#b42318;background:#fff1f2}@media (width<=760px){.fuel-import-actions{width:100%}.fuel-import-actions label.secondary,.fuel-import-actions button{flex:100%}}.vehicle-consumption-section{background:linear-gradient(145deg,#f8fcfa,#fff);border:1px solid #dce7e3;border-radius:15px;margin:0 20px 20px;overflow:hidden}.vehicle-consumption-section>header{border-bottom:1px solid #e4ece8;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.vehicle-consumption-section>header small{letter-spacing:.12em;color:#0b9160;font-size:8px;font-weight:900}.vehicle-consumption-section>header h3{color:#15353f;margin:4px 0;font-size:17px}.vehicle-consumption-section>header p{color:#71868b;margin:0;font-size:10px}.vehicle-consumption-section>header>svg{box-sizing:content-box;color:#0c9560;background:#ddf5e9;border-radius:13px;width:27px;height:27px;padding:11px}.vehicle-consumption-kpis{grid-template-columns:repeat(4,1fr);gap:10px;padding:15px 20px;display:grid}.vehicle-consumption-kpis article{background:#fff;border:1px solid #e1e9e6;border-radius:11px;align-items:center;gap:10px;padding:14px;display:flex}.vehicle-consumption-kpis article>span{color:#1768d5;background:#e9f3ff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.vehicle-consumption-kpis article:nth-child(2)>span{color:#0c9a5d;background:#e6f8ef}.vehicle-consumption-kpis article:nth-child(3)>span{color:#d48712;background:#fff3dd}.vehicle-consumption-kpis article:nth-child(4)>span{color:#d54b4b;background:#fdeceb}.vehicle-consumption-kpis svg{width:18px}.vehicle-consumption-kpis small,.vehicle-consumption-kpis b,.vehicle-consumption-kpis em{display:block}.vehicle-consumption-kpis small{color:#7e9297;font-size:7px;font-weight:850}.vehicle-consumption-kpis b{color:#173640;margin-top:3px;font-size:15px}.vehicle-consumption-kpis em{color:#82969a;margin-top:3px;font-size:8px;font-style:normal}.vehicle-consumption-chart{color:#fff;background:#071f37;border-radius:12px;margin:0 20px 20px;padding:16px 18px}.vehicle-consumption-chart>header{justify-content:space-between;margin-bottom:13px;display:flex}.vehicle-consumption-chart>header b{font-size:11px}.vehicle-consumption-chart>header small{color:#8fb0c0;font-size:8px}.vehicle-consumption-chart>div{gap:10px;display:grid}.vehicle-consumption-chart article{grid-template-columns:140px 1fr 72px;align-items:center;gap:12px;display:grid}.vehicle-consumption-chart article>span b,.vehicle-consumption-chart article>span small{display:block}.vehicle-consumption-chart article>span b{font-size:9px}.vehicle-consumption-chart article>span small{color:#8facba;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:7px;overflow:hidden}.vehicle-consumption-chart article>i{background:#ffffff17;border-radius:10px;height:7px;overflow:hidden}.vehicle-consumption-chart article>i em{background:linear-gradient(90deg,#1f75e6,#28cb7e);border-radius:10px;height:100%;display:block}.vehicle-consumption-chart article>strong{text-align:right;font-size:11px}.vehicle-consumption-chart article>strong small{color:#9db5c2;font-size:7px}.vehicle-consumption-empty{color:#6e8388;border:1px dashed #cddbd5;border-radius:12px;justify-content:center;align-items:center;gap:13px;margin:0 20px 20px;padding:22px;display:flex}.vehicle-consumption-empty>svg{width:25px}.vehicle-consumption-empty b{color:#3d5961;font-size:11px}.vehicle-consumption-empty p{margin:4px 0 0;font-size:9px}.consumption-value{color:#0b8d59;white-space:nowrap;font-weight:900;display:block}.consumption-value small{color:#829398;margin-top:3px;font-weight:500;display:block}.consumption-pending{color:#8a9ba0;white-space:nowrap;font-size:9px}@media (width<=1050px){.vehicle-consumption-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.vehicle-consumption-section{margin:0 12px 16px}.vehicle-consumption-section>header{align-items:flex-start}.vehicle-consumption-section>header>svg{display:none}.vehicle-consumption-kpis{grid-template-columns:1fr;padding:12px}.vehicle-consumption-chart{margin:0 12px 14px;padding:14px}.vehicle-consumption-chart article{grid-template-columns:92px 1fr 62px;gap:8px}.vehicle-consumption-chart article>span small{display:none}.vehicle-consumption-empty{align-items:flex-start;margin:0 12px 14px}}.driver-spending{background:#fff;border:1px solid #dce5eb;border-radius:15px;margin:0 20px 18px;overflow:hidden;box-shadow:0 7px 24px #0f30440d}.driver-spending>header{color:#fff;background:linear-gradient(115deg,#071f37,#0c3953);justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;display:flex}.driver-spending>header small{letter-spacing:.12em;color:#54dfa0;font-size:8px;font-weight:900}.driver-spending>header h3{margin:5px 0;font-size:17px}.driver-spending>header p{color:#abc2cf;margin:0;font-size:10px}.driver-spending>header label{color:#b9cbd5;gap:5px;font-size:8px;display:grid}.driver-spending>header select{color:#fff;background:#ffffff12;border:1px solid #ffffff28;border-radius:8px;min-width:145px;height:35px;padding:0 9px}.driver-spending>header option{color:#17343f;background:#fff}.driver-spending-summary{grid-template-columns:repeat(3,1fr);gap:10px;padding:15px 20px;display:grid}.driver-spending-summary article{background:#f9fbfc;border:1px solid #e2eaee;border-radius:10px;align-items:center;gap:10px;padding:13px;display:flex}.driver-spending-summary svg{color:#1670dc;width:19px}.driver-spending-summary small,.driver-spending-summary b{display:block}.driver-spending-summary small{color:#7d9198;font-size:7px}.driver-spending-summary b{color:#173640;margin-top:3px;font-size:14px}.driver-spending-ranking{gap:8px;padding:0 20px 18px;display:grid}.driver-spending-ranking article{border:1px solid #e6ecef;border-radius:10px;grid-template-columns:26px 185px 1fr 125px;align-items:center;gap:12px;padding:10px 12px;display:grid}.driver-spending-ranking article>strong{color:#1767d3;background:#e8f1ff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.driver-spending-ranking article:first-child>strong{color:#a76b00;background:#fff0c9}.driver-spending-ranking article>span b,.driver-spending-ranking article>span small,.driver-spending-ranking article>div b,.driver-spending-ranking article>div small{display:block}.driver-spending-ranking article>span b{font-size:10px}.driver-spending-ranking article>span small{color:#82959b;margin-top:3px;font-size:8px}.driver-spending-ranking article>i{background:#edf2f5;border-radius:10px;height:8px;overflow:hidden}.driver-spending-ranking article>i em{background:linear-gradient(90deg,#176bdd,#18ae6b);border-radius:10px;height:100%;display:block}.driver-spending-ranking article>div{text-align:right}.driver-spending-ranking article>div b{color:#173640;font-size:10px}.driver-spending-ranking article>div small{color:#81949a;margin-top:3px;font-size:7px}.driver-spending-empty{color:#71878e;justify-content:center;align-items:center;gap:12px;padding:35px;display:flex}.driver-spending-empty svg{width:25px}.driver-spending-empty b,.driver-spending-empty small{display:block}.driver-spending-empty b{color:#405c64;font-size:11px}.driver-spending-empty small{margin-top:4px;font-size:9px}.driver-spending>footer{color:#70858c;background:#fafcfd;border-top:1px solid #e6edef;align-items:center;gap:7px;padding:11px 20px;font-size:9px;display:flex}.driver-spending>footer svg{color:#e09116;width:15px}@media (width<=850px){.driver-spending-ranking article{grid-template-columns:26px 1fr 105px}.driver-spending-ranking article>i{grid-column:2/4}.driver-spending-summary{grid-template-columns:1fr 1fr}.driver-spending-summary article:last-child{grid-column:1/-1}}@media (width<=560px){.driver-spending{margin:0 12px 15px}.driver-spending>header{padding:17px;display:grid}.driver-spending>header label,.driver-spending>header select{width:100%}.driver-spending-summary{grid-template-columns:1fr;padding:12px}.driver-spending-summary article:last-child{grid-column:auto}.driver-spending-ranking{padding:0 12px 14px}.driver-spending-ranking article{grid-template-columns:25px 1fr}.driver-spending-ranking article>div{text-align:left;grid-column:2}.driver-spending-ranking article>i{grid-column:1/3}.driver-spending>footer{align-items:flex-start}}.driver-operations-ranking{background:#fff;border:1px solid #dce7e3;border-radius:15px;margin:0 20px 18px;overflow:hidden;box-shadow:0 7px 24px #0f30440d}.driver-operations-ranking>header{background:linear-gradient(120deg,#f2fbf7,#f7fbff);border-bottom:1px solid #e5ece9;justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.driver-operations-ranking>header small{letter-spacing:.12em;color:#0b9160;font-size:8px;font-weight:900}.driver-operations-ranking>header h3{color:#173640;margin:5px 0;font-size:17px}.driver-operations-ranking>header p{color:#71868c;margin:0;font-size:10px}.driver-operations-ranking>header svg{box-sizing:content-box;color:#0b955e;background:#def5e9;border-radius:12px;width:25px;height:25px;padding:10px}.driver-operations-ranking>div:not(.driver-spending-empty){gap:8px;padding:15px 20px;display:grid}.driver-operations-ranking article{border:1px solid #e5ecef;border-radius:10px;grid-template-columns:28px minmax(150px,1fr) auto;align-items:center;gap:12px;padding:11px 13px;display:grid}.driver-operations-ranking article>strong{color:#1768d5;background:#e9f2ff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.driver-operations-ranking article:first-child>strong{color:#a76b00;background:#fff0c9}.driver-operations-ranking article>span b,.driver-operations-ranking article>span small{display:block}.driver-operations-ranking article>span b{font-size:11px}.driver-operations-ranking article>span small{color:#82959b;margin-top:3px;font-size:8px}.driver-operations-ranking dl{grid-template-columns:repeat(3,110px);gap:7px;margin:0;display:grid}.driver-operations-ranking dl>div{text-align:center;background:#f5f8fa;border-radius:8px;padding:8px 10px}.driver-operations-ranking dt{color:#7b8f96;font-size:7px}.driver-operations-ranking dd{color:#173640;margin:3px 0 0;font-size:13px;font-weight:900}.driver-operations-ranking>footer{color:#627b82;background:#fafcfd;border-top:1px solid #e6edef;align-items:center;gap:7px;padding:11px 20px;font-size:9px;display:flex}.driver-operations-ranking>footer svg{color:#0c9960;width:15px}@media (width<=760px){.driver-operations-ranking article{grid-template-columns:28px 1fr}.driver-operations-ranking dl{grid-column:1/3;grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.driver-operations-ranking{margin:0 12px 15px}.driver-operations-ranking>header{align-items:flex-start;padding:16px}.driver-operations-ranking>header svg{display:none}.driver-operations-ranking>div:not(.driver-spending-empty){padding:12px}.driver-operations-ranking dl{gap:5px}.driver-operations-ranking dl>div{padding:7px 4px}.driver-operations-ranking>footer{align-items:flex-start}}.driver-dashboard-head{color:#fff;background:linear-gradient(125deg,#071c33 0%,#0b3550 62%,#08745f 100%);border-radius:22px;justify-content:space-between;align-items:center;margin:22px 0 14px;padding:22px 24px;display:flex;box-shadow:0 16px 35px #071c3329}.driver-dashboard-head small{letter-spacing:.13em;color:#69e0b2;font-size:11px;font-weight:800}.driver-dashboard-head h3{letter-spacing:-.03em;margin:5px 0 4px;font-size:25px}.driver-dashboard-head p{color:#d2e3ec;margin:0;font-size:13px}.driver-dashboard-head>svg{color:#78edbf;background:#ffffff1f;border-radius:14px;width:42px;height:42px;padding:10px}.driver-dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.driver-dashboard-kpis article{background:#fff;border:1px solid #e2e9ed;border-radius:17px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex;box-shadow:0 7px 20px #0f27390e}.driver-dashboard-kpis article>span{color:#087a5e;background:#eaf8f2;border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.driver-dashboard-kpis svg{width:20px}.driver-dashboard-kpis div{flex-direction:column;min-width:0;display:flex}.driver-dashboard-kpis small{letter-spacing:.08em;color:#71818d;font-size:9px;font-weight:800}.driver-dashboard-kpis b{color:#102b3d;white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:18px;overflow:hidden}.driver-dashboard-kpis em{color:#75848e;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.driver-dashboard-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;margin-bottom:22px;display:grid}.driver-dashboard-panels>.driver-spending,.driver-dashboard-panels>.driver-operations-ranking{height:100%;margin:0}.driver-dashboard-panels .driver-spending-ranking article{grid-template-columns:26px minmax(0,1fr) 112px}.driver-dashboard-panels .driver-spending-ranking article>i{grid-area:auto/2/auto/4}.driver-dashboard-panels .driver-operations-ranking article{grid-template-columns:28px minmax(0,1fr)}.driver-dashboard-panels .driver-operations-ranking article dl{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}@media (width<=1180px){.driver-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-dashboard-panels{grid-template-columns:1fr}}@media (width<=650px){.driver-dashboard-head{padding:18px}.driver-dashboard-head h3{font-size:21px}.driver-dashboard-head>svg{display:none}.driver-dashboard-kpis{grid-template-columns:1fr}.driver-dashboard-panels .driver-spending-ranking article{grid-template-columns:26px minmax(0,1fr)}.driver-dashboard-panels .driver-spending-ranking article>i{grid-column:2}.driver-dashboard-panels .driver-spending-ranking article>div{text-align:left;grid-column:2}.driver-dashboard-panels .driver-operations-ranking article dl{grid-template-columns:1fr}.driver-dashboard-panels .driver-operations-ranking article dl div{justify-content:space-between;display:flex}}.tracking-page{gap:18px;display:grid}.tracking-header{color:#fff;background:linear-gradient(135deg,#08263d,#0c4560);border-radius:16px;justify-content:space-between;align-items:center;padding:24px 27px;display:flex;box-shadow:0 16px 36px #08263d1c}.tracking-header small{letter-spacing:.15em;color:#5de29b;font-size:9px;font-weight:900}.tracking-header h2{margin:5px 0;font-size:25px}.tracking-header p{color:#b9ccd6;margin:0;font-size:12px}.tracking-header button{color:#fff;background:#ffffff14;border:1px solid #ffffff30;border-radius:9px;align-items:center;gap:8px;padding:11px 14px;font-weight:800;display:flex}.tracking-header button svg{width:16px}.tracking-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tracking-kpis>span{background:#fff;border:1px solid #e0e8ed;border-radius:13px;grid-template-columns:42px 1fr;align-items:center;padding:15px;display:grid;box-shadow:0 5px 16px #10324809}.tracking-kpis i{color:#1265d4;background:#eaf3ff;border-radius:10px;grid-row:1/3;place-items:center;width:36px;height:36px;display:grid}.tracking-kpis i.green{color:#0ba85a;background:#e6f8ef}.tracking-kpis i.orange{color:#e47c13;background:#fff2e4}.tracking-kpis svg{width:18px}.tracking-kpis small{letter-spacing:.09em;color:#7e8e9b;font-size:8px;font-weight:850}.tracking-kpis b{color:#102a3d;font-size:22px}.tracking-layout{grid-template-columns:330px minmax(0,1fr);gap:15px;min-height:590px;display:grid}.tracking-layout>aside,.tracking-detail{background:#fff;border:1px solid #dfe7ec;border-radius:15px;overflow:hidden}.tracking-tabs{background:#f7fafb;border-bottom:1px solid #e6ecef;grid-template-columns:1fr 1fr;gap:7px;padding:12px;display:grid}.tracking-tabs button{color:#657987;background:0 0;border:0;border-radius:8px;padding:10px;font-weight:800}.tracking-tabs button.active{color:#fff;background:#0c65d2;box-shadow:0 4px 12px #0c65d22b}.tracking-list{max-height:535px;display:grid;overflow:auto}.tracking-list>button{text-align:left;color:#173447;background:#fff;border:0;border-bottom:1px solid #edf1f3;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:15px 16px;display:grid}.tracking-list>button:hover,.tracking-list>button.selected{background:#f0f7ff}.tracking-list>button.selected{box-shadow:inset 3px 0 #1267d4}.tracking-list>button>i{background:#a5b1b8;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #a5b1b81c}.tracking-list>button>i.online{background:#11b760;box-shadow:0 0 0 4px #11b76020}.tracking-list span b,.tracking-list span small,.tracking-list span em{display:block}.tracking-list span b{font-size:14px}.tracking-list span small{color:#748794;margin:3px 0;font-size:10px}.tracking-list span em{color:#0c9d52;font-size:9px;font-style:normal;font-weight:800}.tracking-list>button>strong{color:#4d6676;font-size:11px}.tracking-detail{flex-direction:column;gap:17px;padding:22px;display:flex}.tracking-detail>header{justify-content:space-between;align-items:center;display:flex}.tracking-detail>header small{letter-spacing:.13em;color:#0b9e51;font-size:8px;font-weight:900}.tracking-detail h3{margin:5px 0 3px;font-size:20px}.tracking-detail header p{color:#748793;margin:0;font-size:11px}.tracking-detail>header>span{border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:850;display:flex}.tracking-detail>header>span i{border-radius:50%;width:8px;height:8px}.tracking-detail .moving{color:#078849;background:#e8f8ef}.tracking-detail .moving i{background:#12b763}.tracking-detail .stopped{color:#b7610c;background:#fff1e3}.tracking-detail .stopped i{background:#ec8a25}.tracking-map{position:relative}.tracking-map svg{width:100%;height:300px;display:block}.tracking-map>span{background:#fff;border:1px solid #dfe7ec;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:800;position:absolute;box-shadow:0 4px 12px #102b3c1d}.tracking-map-start{bottom:13px;left:12px}.tracking-map-current{top:13px;right:12px}.tracking-map-empty,.tracking-empty{text-align:center;color:#718492;background:#f4f8fa;border-radius:14px;align-content:center;place-items:center;gap:7px;min-height:300px;display:grid}.tracking-map-empty svg,.tracking-empty svg{color:#0c65d2;width:34px}.tracking-map-empty b,.tracking-empty b{color:#1c394c}.tracking-map-empty small,.tracking-empty small{max-width:260px;line-height:1.5}.tracking-empty{background:#fff;min-height:220px;padding:24px}.tracking-empty.large{flex:1}.tracking-trip-metrics{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.tracking-trip-metrics span{background:#f5f8fa;border:1px solid #e5ecef;border-radius:10px;padding:13px}.tracking-trip-metrics small,.tracking-trip-metrics b{display:block}.tracking-trip-metrics small{letter-spacing:.08em;color:#7e909c;font-size:7px;font-weight:850}.tracking-trip-metrics b{margin-top:6px;font-size:15px}.tracking-trip-footer{border-top:1px solid #e6ecef;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.tracking-trip-footer>div{align-items:center;gap:9px;display:flex}.tracking-trip-footer svg{color:#0c65d2;width:20px}.tracking-trip-footer small,.tracking-trip-footer b{display:block}.tracking-trip-footer small{color:#81909b;font-size:7px;font-weight:850}.tracking-trip-footer b{margin-top:3px;font-size:11px}.tracking-trip-footer a{color:#0c65d2;border:1px solid #cbd9e4;border-radius:8px;padding:9px 11px;font-size:10px;font-weight:850}.tracking-disclaimer{color:#71838f;align-items:center;gap:8px;margin:0;font-size:10px;display:flex}.tracking-disclaimer svg{color:#0ba85a;width:17px}@media (width<=980px){.tracking-kpis{grid-template-columns:repeat(2,1fr)}.tracking-layout{grid-template-columns:1fr}.tracking-list{max-height:300px}.tracking-trip-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.tracking-header{align-items:flex-start;gap:16px;padding:20px}.tracking-header button{padding:10px;font-size:0}.tracking-header button svg{margin:0}.tracking-kpis{grid-template-columns:1fr 1fr}.tracking-kpis>span{grid-template-columns:34px 1fr;padding:12px}.tracking-kpis i{width:30px;height:30px}.tracking-detail{padding:13px}.tracking-map svg{height:230px}.tracking-trip-footer{flex-direction:column;align-items:flex-start;gap:12px}}.challenge-page{gap:20px;display:grid}.challenge-hero{color:#fff;background:linear-gradient(135deg,#082f49,#0f766e);border-radius:24px;justify-content:space-between;gap:24px;padding:28px;display:flex;box-shadow:0 18px 45px #0f172a1c}.challenge-hero h2{align-items:center;gap:10px;margin:5px 0 8px;font-size:28px;display:flex}.challenge-hero h2 svg{width:28px}.challenge-hero p{color:#d5f5ef;max-width:720px;margin:0}.challenge-hero>span{text-align:center;background:#ffffff12;border:1px solid #ffffff35;border-radius:18px;place-items:center;min-width:170px;padding:18px;display:grid}.challenge-hero>span svg{width:30px}.challenge-hero>span b{font-size:22px}.challenge-hero>span small,.challenge-hero>div>small{color:#bff3e8;letter-spacing:.08em;font-weight:800}.challenge-controls{background:#fff;border:1px solid #d9e5e7;border-radius:18px;align-items:end;gap:14px;padding:16px 18px;display:flex}.challenge-controls label{color:#36515a;gap:6px;font-size:13px;font-weight:800;display:grid}.challenge-controls input,.challenge-controls select{min-width:170px;font:inherit;background:#fff;border:1px solid #cbdadd;border-radius:10px;padding:10px 12px}.challenge-controls p{color:#587078;align-items:center;gap:7px;margin:0 0 8px auto;font-size:13px;display:flex}.challenge-controls p svg{color:#0f8a6c;width:17px}.challenge-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.challenge-kpis article,.challenge-score-grid article{background:#fff;border:1px solid #dce7e9;border-radius:18px;gap:12px;padding:18px;display:flex}.challenge-kpis svg,.challenge-score-grid svg{color:#0f8a6c;width:22px}.challenge-kpis span,.challenge-score-grid span{display:grid}.challenge-kpis small,.challenge-score-grid small{color:#71858c;letter-spacing:.06em;font-size:11px;font-weight:800}.challenge-kpis b,.challenge-score-grid b{color:#14343d;font-size:21px}.challenge-kpis em,.challenge-score-grid em{color:#71858c;font-size:12px;font-style:normal}.challenge-personal{background:linear-gradient(120deg,#f0fdfa,#ecfeff);border:1px solid #cbe6df;border-radius:20px;align-items:center;gap:16px;padding:20px;display:flex}.challenge-personal>span{color:#fff;background:#0f766e;border-radius:16px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.challenge-personal div{flex:1}.challenge-personal small{color:#0f766e;font-weight:800}.challenge-personal h3{margin:3px 0}.challenge-personal p{color:#526970;margin:0}.challenge-personal strong{color:#0f766e;text-align:center;font-size:30px}.challenge-personal strong small{font-size:11px;display:block}.challenge-score-grid>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.challenge-ranking{background:#fff;border:1px solid #dce7e9;border-radius:20px;overflow:hidden}.challenge-ranking>header{border-bottom:1px solid #e4edef;justify-content:space-between;align-items:center;padding:20px;display:flex}.challenge-ranking h3{margin:3px 0 0}.challenge-ranking header small{color:#0f766e;letter-spacing:.06em;font-weight:800}.challenge-ranking header>span{color:#0f766e;background:#e8f7f3;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.challenge-ranking article{border-bottom:1px solid #edf2f3;grid-template-columns:36px 42px minmax(180px,1fr) minmax(330px,1.4fr) 95px;align-items:center;gap:12px;padding:15px 20px;display:grid}.challenge-ranking article:last-child{border-bottom:0}.challenge-ranking article>strong{color:#0f766e;text-align:center;font-size:18px}.challenge-ranking article>i{color:#0f766e;background:#e8f7f3;border-radius:12px;place-items:center;width:40px;height:40px;font-style:normal;font-weight:900;display:grid}.challenge-ranking article>span{display:grid}.challenge-ranking article>span small{color:#70848b}.challenge-ranking dl{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;display:grid}.challenge-ranking dl div{text-align:center;background:#f5f8f9;border-radius:9px;padding:7px;display:grid}.challenge-ranking dt{color:#71858c;font-size:10px}.challenge-ranking dd{color:#23434c;margin:0;font-weight:900}.challenge-ranking article>em{color:#fff;background:#0f766e;border-radius:10px;justify-self:end;padding:8px 10px;font-style:normal;font-weight:900}.challenge-ranking article.insufficient{opacity:.72}.challenge-ranking article.insufficient>em{color:#60747b;background:#eef2f3}.challenge-empty{text-align:center;background:#fff;border:1px dashed #bfd2d5;border-radius:20px;place-items:center;padding:48px 20px;display:grid}.challenge-empty svg{color:#0f8a6c;width:42px}.challenge-empty h3{margin:10px 0 5px}.challenge-empty p{color:#647980;max-width:620px;margin:0}.challenge-rules{color:#50676f;background:#f5f8f9;border-radius:16px;gap:12px;padding:18px;display:flex}.challenge-rules svg{color:#0f8a6c;flex:none;width:22px}.challenge-rules p{margin:4px 0 0;font-size:13px;line-height:1.5}@media (width<=950px){.challenge-kpis,.challenge-score-grid>div{grid-template-columns:repeat(2,1fr)}.challenge-ranking article{grid-template-columns:30px 40px 1fr 85px}.challenge-ranking dl{grid-column:3/5}.challenge-controls{flex-wrap:wrap}.challenge-controls p{width:100%;margin:4px 0 0}}@media (width<=620px){.challenge-hero{padding:20px;display:grid}.challenge-hero>span{min-width:0}.challenge-kpis,.challenge-score-grid>div{grid-template-columns:1fr}.challenge-controls label,.challenge-controls input,.challenge-controls select{width:100%}.challenge-ranking article{grid-template-columns:28px 38px 1fr;padding:14px}.challenge-ranking dl{grid-area:auto/1/auto/4}.challenge-ranking article>em{text-align:center;grid-column:1/4;justify-self:stretch}.challenge-personal{flex-wrap:wrap;align-items:flex-start}.challenge-personal strong{margin-left:auto}}.challenge-evolution{background:#fff;border:1px solid #dce7e9;border-radius:20px;overflow:hidden}.challenge-evolution>header{border-bottom:1px solid #e7eef0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.challenge-evolution h3{margin:3px 0}.challenge-evolution header small{color:#0f766e;font-weight:800}.challenge-evolution>div{grid-template-columns:repeat(6,1fr);gap:12px;height:190px;padding:20px 24px 12px;display:grid}.challenge-evolution article{text-align:center;grid-template-rows:24px 1fr 20px;display:grid}.challenge-evolution article>i{background:#f1f6f6;border-radius:10px;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.challenge-evolution article>i em{background:linear-gradient(#22c58b,#0f766e);border-radius:8px 8px 2px 2px;width:62%;min-height:4px}.challenge-evolution>footer{color:#5b7178;background:#f7fafb;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex}.challenge-private{background:#fff;border:1px solid #dce7e9;border-radius:16px;gap:12px;padding:18px;display:flex}.challenge-private svg{color:#0f8a6c;width:24px}.challenge-private h3,.challenge-private p{margin:0}.challenge-private p{color:#657a81;margin-top:4px}.challenge-pending{background:#fff;border:1px solid #eadfc5;border-radius:20px;overflow:hidden}.challenge-pending>header{background:#fffaf0;gap:12px;padding:18px 20px;display:flex}.challenge-pending>header svg{color:#c38313;width:24px}.challenge-pending h3,.challenge-pending p{margin:0}.challenge-pending header p{color:#796d58;margin-top:4px}.challenge-pending article{border-top:1px solid #f0ebe0;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 20px;display:grid}.challenge-pending article>i{color:#8b691f;background:#f5efe2;border-radius:11px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:900;display:grid}.challenge-pending article>span{display:grid}.challenge-pending article>em{color:#8c640f;background:#fff4d8;border-radius:999px;padding:7px 10px;font-style:normal;font-weight:800}@media (width<=620px){.challenge-evolution>header{gap:6px;display:grid}.challenge-evolution>div{gap:6px;padding:16px 12px 10px}.challenge-pending article{grid-template-columns:38px 1fr}.challenge-pending article>em{grid-column:2;justify-self:start}}