*{box-sizing:border-box}body{color:#17191d;background:#f5f6f8;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.app{min-height:100vh}header{color:#fff;background:#111318;align-items:center;gap:24px;height:72px;padding:0 42px;display:flex}.logo{font-size:24px;font-weight:800}.logo span{color:#5ee38a}.tag{color:#a9adb7;font-size:14px}main{max-width:1100px;margin:34px auto;padding:0 24px}h1{margin:0 0 5px;font-size:32px}.sub{color:#7b7f88;margin:0;font-size:14px}.titleRow{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.actions{gap:10px;display:flex}button{color:#fff;cursor:pointer;background:#17191d;border:0;border-radius:9px;padding:11px 16px;font-weight:600}button:hover{opacity:.92}.incomeBtn{background:#23894a}.expenseBtn{background:#8c3030}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:38px;display:grid}.cards>div,.miniStats>div{background:#fff;border-radius:14px;padding:20px;box-shadow:0 3px 14px #00000008}.cards small{color:#777;margin-bottom:12px;display:block}.cards b{font-size:24px}.sectionHead{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sectionHead h2{margin:0 0 4px;font-size:22px}.car{background:#fff;border-radius:16px;align-items:center;gap:20px;padding:22px;display:flex;box-shadow:0 3px 14px #00000008}.carIcon{font-size:40px}.info{flex:1}.info h3{margin:0 0 7px;font-size:20px}.info h3 span{color:#888;font-weight:400}.info p{color:#666;margin:5px 0}.status{color:#218344;background:#e6f8ec;border-radius:20px;padding:7px 11px;font-size:13px}.operationsSection{margin-top:36px}.tableWrap{background:#fff;border-radius:16px;overflow:auto;box-shadow:0 3px 14px #00000008}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee;padding:14px 16px}th{text-transform:uppercase;color:#8a8e97;background:#fafafa;font-size:12px}tr:last-child td{border-bottom:0}.right{text-align:right}.pill{border-radius:999px;padding:5px 8px;font-size:12px;display:inline-block}.pill.income{color:#218344;background:#e6f8ec}.pill.expense{color:#9b3030;background:#fdeaea}.amount.income{color:#218344;font-weight:700}.amount.expense{color:#9b3030;font-weight:700}.empty{color:#777;background:#fff;border-radius:16px;padding:28px;box-shadow:0 3px 14px #00000008}.miniStats{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 40px;display:grid}.miniStats>div{justify-content:space-between;align-items:center;display:flex}.miniStats span{color:#777}.miniStats strong{font-size:18px}.overlay{z-index:10;background:#0005;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(520px,100%);padding:24px;box-shadow:0 20px 60px #00000030}.modalHead{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.modal h2{margin:0 0 5px}.modalHead p{color:#777;margin:0;font-size:14px}.close{color:#333;background:#eee;padding:5px 10px;font-size:22px;line-height:1}.modal form{gap:15px;display:grid}.modal label{gap:7px;font-size:13px;font-weight:600;display:grid}.modal input,.modal select{width:100%;font:inherit;background:#fff;border:1px solid #d9dce1;border-radius:9px;padding:11px 12px;font-weight:400}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modalActions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.secondary{color:#333;background:#eceef1}@media (width<=800px){.cards{grid-template-columns:1fr 1fr}.titleRow{flex-direction:column;align-items:start}.actions{width:100%}.actions button{flex:1}.miniStats{grid-template-columns:1fr}header{padding:0 20px}.tag{display:none}.car{align-items:flex-start}.status{display:none}}@media (width<=520px){.cards,.formGrid{grid-template-columns:1fr}}.car{cursor:pointer;transition:all .15s}.car:hover,.car.selected{transform:translateY(-1px);box-shadow:0 8px 24px #00000012}.arrow{color:#a0a4ad;margin-left:8px;font-size:30px}.analytics{margin-top:34px}.analyticsTitle{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.analyticsTitle h2{margin:0 0 4px}.forecast{background:#eef9f1;border-radius:12px;min-width:210px;padding:12px 16px}.forecast small{color:#5f6d64;margin-bottom:4px;display:block}.forecast strong{color:#218344;font-size:18px}.financeCards{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px;display:grid}.financeCards>div{background:#fff;border-radius:13px;padding:16px;box-shadow:0 3px 14px #00000008}.financeCards small{color:#777;margin-bottom:8px;font-size:12px;display:block}.financeCards b{font-size:18px}.strong{font-weight:700}.monthlyHead{margin:8px 0 12px}.monthlyHead h3{margin:0 0 4px;font-size:19px}.monthCell{text-transform:capitalize}@media (width<=1050px){.financeCards{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.financeCards{grid-template-columns:1fr 1fr}.analyticsTitle{flex-direction:column;align-items:start}.forecast{width:100%}.arrow{display:none}}.modal select,.modal input{box-sizing:border-box}.maintenanceSection{margin-top:36px}.reminders{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.reminder{background:#fff;border-left:4px solid #72b987;border-radius:12px;justify-content:space-between;gap:14px;padding:13px 15px;display:flex;box-shadow:0 3px 14px #00000008}.reminder span{color:#66706a;text-align:right;font-size:13px}.reminder.soon{background:#fffaf0;border-left-color:#d39b31}.reminder.overdue{background:#fff5f5;border-left-color:#b84040}.reminder.overdue span{color:#9b3030}.nextBox{background:#f6f7f8;border-radius:12px;gap:10px;padding:13px;display:grid}.nextBox>strong{font-size:13px}@media (width<=700px){.reminders{grid-template-columns:1fr}.reminder{flex-direction:column}.reminder span{text-align:left}}.linkBtn{color:#23894a;background:0 0;margin-left:6px;padding:2px 6px;font-size:12px;text-decoration:underline}.rowActions{justify-content:flex-end;gap:5px;display:flex}.iconBtn{color:#333;background:#eef0f2;border-radius:7px;padding:4px 8px;font-size:15px}.iconBtn.danger{color:#9b3030;background:#fdeaea}.historyBox{background:#f6f7f8;border-radius:10px;gap:8px;padding:12px;display:grid}.historyBox>div{justify-content:space-between;font-size:13px;display:flex}.historyBox span{color:#777}.carControls{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.mileageBtn{color:#fff;white-space:nowrap;background:#23894a;border-radius:8px;padding:8px 12px;font-size:12px}.carIcon,.car .info,.car .arrow{cursor:pointer}@media (width<=650px){.carControls{align-items:flex-start}.mileageBtn{padding:7px 9px}}.carGrid{gap:12px;display:grid}.vehicleTools{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin-top:28px;padding:16px 18px;display:flex}.vehicleTools h2{margin:0 0 4px}.vehicleTools .actions{flex-wrap:wrap}button:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.vehicleTools{flex-direction:column;align-items:flex-start;gap:12px}}.car.selected{background:#f6fff9;outline:2px solid #219653}.carIcon img{object-fit:cover;border-radius:8px;width:52px;height:40px}.documentsSection{margin-top:26px}.photoPanel{background:#fff;border-radius:14px;align-items:center;gap:14px;margin-bottom:12px;padding:14px;display:flex}.vehiclePhoto{object-fit:cover;border-radius:10px;width:150px;height:95px}.photoPlaceholder{background:#f2f4f5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:95px;font-size:28px;display:flex}.photoPlaceholder span{color:#777;font-size:11px}.uploadBtn{color:#fff;cursor:pointer;background:#15191d;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.documentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.documentCard{background:#fff;border-left:3px solid #2d9b58;border-radius:12px;justify-content:space-between;align-items:center;padding:13px;display:flex}.documentCard.warning{background:snow;border-left-color:#c74444}.documentCard p{color:#666;margin:4px 0}.docActions{align-items:center;gap:8px;display:flex}.docActions a,.fileMark{color:#168647;font-size:11px;text-decoration:underline}.rowActions .iconBtn{cursor:pointer}@media (width<=700px){.documentGrid{grid-template-columns:1fr}.photoPanel{flex-direction:column;align-items:flex-start}}.documentGrid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.documentCard{gap:14px;min-height:92px;padding:16px}.documentCard.warning{background:#fffaf0;border-left:5px solid #e0a020}.documentCard.expired{background:#fff3f3;border-left:5px solid #c73535}.docThumb{object-fit:cover;border:1px solid #e3e5e7;border-radius:9px;width:86px;height:66px}.docFileIcon{background:#f1f3f4;border-radius:10px;justify-content:center;align-items:center;width:58px;height:58px;font-size:13px;font-weight:800;display:flex}.docInfo{flex:1;min-width:0}.docInfo p{margin:4px 0}.docNote{color:#777;font-size:11px}.docActions button{padding:6px 9px}.receiptBtn{color:#176c3b;cursor:pointer;white-space:nowrap;background:#eef2f0;border-radius:7px;justify-content:center;align-items:center;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.fileMark{background:#e9f7ee;border-radius:6px;padding:4px 6px;font-weight:700;display:inline-block;text-decoration:none!important}.reminderCenter{background:#fff;border-radius:15px;margin-top:18px;padding:0;overflow:hidden}.reminderSummary{text-align:left;color:#202326;background:#fff;border:0;border-radius:15px;align-items:center;gap:9px;width:100%;min-height:54px;padding:10px 14px;display:flex}.reminderSummary:hover{background:#fafbfb;transform:none}.reminderToggle{border:1px solid #dfe4e2;border-radius:7px;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.reminderSummary strong{margin-right:4px;font-size:17px}.counter{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.counter.overdue{color:#a52e2e;background:#fdeaea}.counter.soon{color:#9a6500;background:#fff2d8}.counter.ok{color:#277c49;background:#eaf7ef}.reminderExpandText{color:#737b78;margin-left:auto;font-size:12px}.reminderDetails{border-top:1px solid #eef0ef;padding:12px 14px 14px}.reminderToolbar{justify-content:flex-end;margin-bottom:9px;display:flex}.scopeSwitch{background:#f2f4f3;border-radius:9px;gap:4px;padding:3px;display:flex}.scopeSwitch button{color:#4e5652;background:0 0;padding:6px 9px;font-size:11px}.scopeSwitch button.active{color:#171a18;background:#fff;box-shadow:0 1px 3px #00000012}.fleetAlerts{gap:5px;display:grid}.compactAlerts .fleetAlert{min-height:42px}.fleetAlert{text-align:left;color:#202326;background:#fafafa;border:1px solid #eceff1;border-radius:9px;align-items:center;width:100%;padding:7px 10px;display:flex}.fleetAlert:hover{background:#f5f7f6;transform:none}.fleetAlert.overdue{border-left:3px solid #c83f3f}.fleetAlert.soon{border-left:3px solid #d89a20}.fleetAlert.ok{border-left:3px solid #32965a}.alertBody{flex-direction:row;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.alertBody strong{font-size:13px}.alertBody small{color:#747b80;font-size:11px}.alertDue{white-space:nowrap;font-size:12px;font-weight:700}.fleetAlert.overdue .alertDue{color:#b62f2f}.fleetAlert.soon .alertDue{color:#a86d00}.fleetAlert.ok .alertDue{color:#27824a}.allGood{color:#237e47;background:#f0faf4;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:700}.showNormalBtn{color:#4d5651;background:#f2f4f3;margin-top:8px;padding:7px 10px;font-size:11px}@media (width<=700px){.reminderSummary{flex-wrap:wrap}.reminderExpandText,.counter.ok{display:none}.reminderToolbar{justify-content:flex-start}.alertBody{flex-direction:column;gap:1px}.fleetAlert{align-items:flex-start}.alertDue{white-space:normal;text-align:right;max-width:42%}}.paymentSection{margin-top:22px}.paymentTable{border:1px solid #e7e9eb;border-radius:12px;overflow:hidden}.paymentRow{border-top:1px solid #eceeef;grid-template-columns:1.35fr 1fr 1fr 1fr 1fr 38px;align-items:center;gap:10px;padding:11px 12px;display:grid}.paymentRow:first-child{border-top:0}.paymentHeader{color:#747b80;background:#f7f8f8;font-size:12px;font-weight:700}.paymentRow .negative{color:#a93232;font-weight:800}.paymentRow .positive{color:#258149;font-weight:800}.paymentNote{color:#777;grid-column:1/-1}.hint{color:#777;margin-top:9px;font-size:12px}.mini.danger{color:#a93232;background:#fff;border:1px solid #ecd0d0;padding:3px 7px}@media (width<=760px){.paymentHeader{display:none}.paymentRow{grid-template-columns:1fr 1fr}.paymentRow .mini{justify-self:end}}.currentMonthBadge{color:#6c7478;vertical-align:middle;background:#eef2f3;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.paybackForecasts{flex-wrap:wrap;gap:10px;display:flex}.paybackForecasts .forecast{min-width:180px}.monthlyHead .sub{margin-top:3px}@media (width<=700px){.paybackForecasts{width:100%}.paybackForecasts .forecast{flex:1}}.rentalSettings{border-top:1px solid #e7e9eb;margin-top:14px;padding-top:12px}.rentalSettings h3{margin:0 0 10px}.autoLabel{color:#24804a;background:#e9f7ee;border-radius:999px;margin-left:5px;padding:1px 5px;font-size:10px;font-weight:800;display:inline-block}.paymentActions{justify-content:flex-end;gap:5px;display:flex}.mini.recalc{color:#207b43;white-space:nowrap;background:#eef8f1;border:1px solid #cce7d5}@media (width<=760px){.paymentActions{justify-self:end}}.mini.editPay{color:#222;background:#f3f4f5;border:1px solid #dde0e2}.paymentActions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.paymentActions .mini{border-radius:8px;padding:6px 9px;font-weight:700}.paymentActions .editPay{color:#202326;background:#f1f3f4;border:1px solid #d9dddf}.paymentActions .danger{color:#a93232;background:#fff1f1;border:1px solid #efcaca}.paymentAnalytics{background:#fff;border-radius:14px;margin:12px 0 16px;padding:16px 18px;box-shadow:0 3px 14px #00000008}.paymentAnalyticsHead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.paymentAnalyticsHead h3{margin:0 0 4px}.rangeSwitch{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.rangeSwitch button{color:#4d5559;background:#f0f2f3;border-radius:8px;padding:6px 9px;font-size:11px}.rangeSwitch button.active{color:#fff;background:#202326}.paymentSummary{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.paymentSummary>div{background:#f7f8f8;border-radius:10px;padding:11px 12px}.paymentSummary small{color:#777;margin-bottom:5px;display:block}.paymentSummary b{font-size:17px}.paymentChart{border-bottom:1px solid #e6e9ea;align-items:flex-end;gap:10px;height:180px;padding:12px 8px 4px;display:flex;overflow-x:auto}.chartMonth{flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:54px;height:100%;display:flex}.chartBars{justify-content:center;align-items:flex-end;gap:5px;height:145px;display:flex}.chartBar{border-radius:5px 5px 2px 2px;width:16px;min-height:3px}.chartBar.plan{background:#b9c0c4}.chartBar.fact{background:#2d9656}.chartMonth small{color:#72797d;font-size:10px}.chartLegend{color:#666;justify-content:flex-end;gap:16px;margin-top:8px;font-size:11px;display:flex}.chartLegend span{align-items:center;gap:5px;display:flex}.chartLegend i{border-radius:3px;width:10px;height:10px;display:inline-block}.chartLegend i.plan{background:#b9c0c4}.chartLegend i.fact{background:#2d9656}@media (width<=700px){.paymentAnalyticsHead{flex-direction:column}.rangeSwitch{justify-content:flex-start}.paymentSummary{grid-template-columns:1fr}.paymentChart{height:160px}}.expenseAnalyticsSection{margin-top:28px}.expenseHead{align-items:flex-start}.expenseSummary{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.expenseSummary>div,.expenseCard{background:#fff;border-radius:14px;padding:16px}.expenseSummary small{color:#7a8087;margin-bottom:6px;display:block}.expenseSummary b{font-size:20px}.expenseGrid{grid-template-columns:1fr 1.15fr;gap:12px;display:grid}.expenseCard h3{margin:0 0 14px}.expenseCategory{margin:0 0 13px}.expenseCategory>div:first-child{justify-content:space-between;gap:12px;display:flex}.expenseCategory span{font-weight:650}.expenseTrack{background:#eef0f1;border-radius:999px;height:8px;margin:6px 0;overflow:hidden}.expenseTrack i{background:#b8463d;border-radius:999px;height:100%;display:block}.expenseCategory small{color:#81868b}.expenseMonthChart{border-bottom:1px solid #e5e7e8;align-items:flex-end;gap:10px;height:230px;padding:20px 4px 0;display:flex}.expenseMonth{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:54px;height:100%;display:flex}.expenseMonthValue{white-space:nowrap;font-size:11px;font-weight:700}.expenseMonthBar{align-items:flex-end;width:28px;height:165px;margin:5px 0;display:flex}.expenseMonthBar i{background:#b8463d;border-radius:6px 6px 2px 2px;width:100%;display:block}.expenseMonth small{text-align:center;white-space:pre-line;color:#777;font-size:10px}@media (width<=850px){.expenseGrid,.expenseSummary{grid-template-columns:1fr}.expenseHead{display:block}.expenseHead .rangeSwitch{margin-top:10px}}.carReportSection{margin-top:28px}.reportHead{align-items:flex-start}.reportCards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.reportCards>div{background:#fff;border-radius:14px;min-height:72px;padding:16px}.reportCards small{color:#7b8187;margin-bottom:7px;display:block}.reportCards b{font-size:20px}.reportHint{color:#7d8388;margin:9px 2px 0;font-size:12px}.positive{color:#168243}.negative{color:#b53c34}@media (width<=850px){.reportCards{grid-template-columns:1fr 1fr}.reportHead{display:block}.reportHead .rangeSwitch{margin-top:10px}}@media (width<=560px){.reportCards{grid-template-columns:1fr}}.reportActions{gap:8px;margin-top:12px;display:flex}.exportBtn{color:#fff;background:#171a1d;border-radius:9px;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.exportBtn.excel{background:#168243}.exportBtn:hover{opacity:.9}.timelineSection{margin-top:30px}.timelineCount{color:#687076;background:#eef1f2;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.timelineList{background:#fff;border-radius:14px;padding:8px 18px;box-shadow:0 3px 14px #00000008}.timelineItem{border-bottom:1px solid #edf0f1;grid-template-columns:92px 34px 1fr auto;align-items:center;gap:10px;min-height:68px;display:grid;position:relative}.timelineItem:last-child{border-bottom:0}.timelineDate{color:#737a80;font-size:12px}.timelineMarker{z-index:1;background:#eef1f2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.timelineItem.income .timelineMarker,.timelineItem.payment .timelineMarker{color:#188046;background:#e7f7ed}.timelineItem.expense .timelineMarker{color:#aa3933;background:#fdeceb}.timelineItem.maintenance .timelineMarker{background:#fff3d9}.timelineItem.mileage .timelineMarker{color:#376da8;background:#eaf1fb}.timelineItem.document .timelineMarker{background:#f0ebfa}.timelineBody{flex-direction:column;gap:3px;min-width:0;display:flex}.timelineBody span,.timelineBody small{color:#747b80;font-size:12px}.timelineAmount{white-space:nowrap;font-size:13px}@media (width<=650px){.timelineItem{grid-template-columns:28px 1fr auto;padding:10px 0}.timelineDate{order:-1;grid-column:2/-1}.timelineMarker{grid-area:2/1}.timelineBody{grid-column:2}.timelineAmount{grid-column:3}.timelineCount{display:none}}.backupBtn{color:#171a1f;background:#fff;border:1px solid #d8dde3;border-radius:9px;align-items:center;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.backupBtn:hover{background:#f4f6f8}.restoreBtn{color:#171a1f;background:#fff;border:1px solid #d8dde3}.restoreBox{gap:16px;display:grid}.restoreBox>label{gap:8px;font-size:13px;font-weight:700;display:grid}.restoreBox input[type=file]{border:1px solid #d9dce1;border-radius:9px;padding:10px}.restorePreview{background:#edf8f0;border:1px solid #cfe9d6;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:14px;font-size:13px;display:grid}.restorePreview strong{color:#18763d;grid-column:1/-1}.restoreWarning{background:#fff4e5;border:1px solid #f0d4a8;border-radius:12px;gap:5px;padding:14px;font-size:13px;display:grid}.dangerRestore{background:#9b3030}.dangerRestore:disabled{opacity:.45;cursor:not-allowed}header{justify-content:space-between;align-items:center;gap:16px;display:flex}.brandBlock{align-items:center;gap:20px;display:flex}.aboutBtn{color:#d9dee2;background:#171a1d;border:1px solid #34393e;border-radius:9px;padding:8px 11px;font-size:12px}.aboutBtn:hover{background:#252a2f}.toast{z-index:3000;background:#fff;border:1px solid #ddd;border-radius:11px;max-width:430px;padding:13px 16px;font-size:13px;font-weight:700;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 35px #0003}.toast.ok{color:#176f3a;background:#eaf8ef;border-color:#bfe3cb}.toast.error{color:#9c302b;background:#fff0ef;border-color:#edc3c0}.aboutContent{gap:10px;display:grid}.aboutContent>div{border-bottom:1px solid #eceeef;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.aboutContent span{color:#777}.aboutContent b{text-align:right}.aboutContent p{color:#596168;background:#f5f7f8;border-radius:10px;margin:8px 0 0;padding:12px;font-size:12px;line-height:1.5}@media (width<=650px){header{align-items:flex-start}.brandBlock{display:block}.aboutBtn{font-size:11px}.toast{bottom:14px;left:14px;right:14px}}.healthOk{color:#17753d}.healthError{color:#a3322d}.versionWarning{border:1px solid #f0d4a8;color:#875316!important;background:#fff4e5!important}.aboutContent .healthOk,.aboutContent .healthError{font-size:13px}.paymentSummary{grid-template-columns:repeat(2,1fr)}.paymentRow{grid-template-columns:1.4fr 1fr 1fr 190px}@media (width<=760px){.paymentRow{grid-template-columns:1fr 1fr}.paymentSummary{grid-template-columns:1fr}}.collapsible>.sectionHead{margin-bottom:12px}.collapsible.collapsed>.sectionHead{margin-bottom:0}.collapsible.collapsed>:not(.sectionHead){display:none!important}.collapsibleTitle{align-items:flex-start;gap:10px;min-width:0;display:flex}.collapseBtn{color:#202326;background:#eef1f2;border:1px solid #dce1e3;border-radius:9px;flex:0 0 30px;width:30px;height:30px;padding:0;font-size:21px;font-weight:500;line-height:28px}.collapseBtn:hover{background:#e3e8ea}.collapsible.collapsed{background:#fff;border-radius:14px;margin-top:12px;padding:14px 16px;box-shadow:0 3px 14px #00000008}.collapsible.collapsed .sectionHead h2{margin-bottom:0}.collapsible.collapsed .sectionHead .sub{display:none}@media (width<=650px){.collapsibleTitle{gap:7px}.collapseBtn{flex-basis:28px;width:28px;height:28px;font-size:19px}}.maintenanceActions{align-items:center;gap:6px;margin-left:8px;display:inline-flex}.miniAction{color:#202529;background:#fff;border:1px solid #d9dfe2;border-radius:7px;padding:5px 7px;font-size:11px;font-weight:700}.miniAction:hover{background:#f4f6f7}.miniAction.dangerText{color:#a33333;border-color:#edd0d0}.miniAction.dangerText:hover{background:#fff2f2}html{-webkit-text-size-adjust:100%}body{min-width:0}button,input,select{touch-action:manipulation}.app{overflow-x:hidden}@media (width<=700px){header{gap:10px;height:58px;padding:0 14px}.logo{font-size:20px}.tag{display:none}header .aboutBtn{margin-left:auto;padding:7px 9px;font-size:11px}main{width:100%;max-width:none;margin:18px auto;padding:0 12px}h1{font-size:25px}.sub{font-size:13px}.titleRow{gap:14px;margin-bottom:16px}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions button{min-height:44px;padding:10px 8px;font-size:12px}.cards{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.cards>div{padding:14px}.cards small{margin-bottom:7px;font-size:11px}.cards b{font-size:18px}.sectionHead{align-items:center;gap:8px}.sectionHead h2{font-size:20px}.sectionHead>button{min-height:40px;padding:9px 11px;font-size:12px}.car{border-radius:13px;gap:11px;padding:14px}.carIcon{font-size:30px}.carIcon img{width:46px;height:38px}.info h3{font-size:17px}.info p{font-size:12px;line-height:1.35}.status{padding:5px 8px;font-size:11px;display:inline-block}.carControls{margin-left:auto}.mileageBtn{min-height:38px}.vehicleTools{gap:10px;padding:13px}.vehicleTools .actions{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.vehicleTools .actions button{padding:9px 6px;font-size:11px}.analytics{margin-top:22px}.analyticsTitle{gap:10px;margin-bottom:12px}.analyticsTitle h2{font-size:20px}.paybackForecasts{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid!important}.forecast{min-width:0;padding:10px}.forecast strong{font-size:15px}.financeCards{grid-template-columns:1fr 1fr;gap:8px}.financeCards>div{padding:12px}.financeCards b{font-size:16px}.monthlyHead h3{font-size:17px}.tableWrap{border-radius:12px}table{font-size:12px}th,td{padding:10px 9px}.collapsibleHead,.paymentAnalyticsHead,.expenseHead,.reportHead{flex-wrap:wrap;gap:8px}.rangeSwitch{white-space:nowrap;max-width:100%;overflow-x:auto}.photoPanel{padding:11px}.vehiclePhoto,.photoPlaceholder{width:100%;height:180px}.documentGrid{grid-template-columns:1fr}.documentCard{align-items:flex-start;min-height:0;padding:12px}.docThumb{width:68px;height:56px}.docActions{flex-wrap:wrap;justify-content:flex-end}.paymentRow{gap:5px;grid-template-columns:1fr!important;padding:12px!important}.paymentHeader{display:none!important}.paymentActions{justify-content:flex-start!important}.paymentSummary,.expenseSummary,.reportCards{gap:8px;grid-template-columns:1fr 1fr!important}.paymentChart{overflow-x:auto}.expenseGrid{grid-template-columns:1fr!important}.expenseMonthChart{overflow-x:auto}.timelineList{padding-left:0}.timelineBody{min-width:0}.reminderSummary{flex-wrap:wrap;gap:6px;min-height:48px;padding:8px 10px}.reminderExpandText{margin-left:auto}.reminderToolbar{flex-direction:column;align-items:stretch;gap:7px}.scopeSwitch{align-self:flex-start}.compactAlerts .fleetAlert{flex-wrap:wrap;align-items:flex-start;gap:6px;padding:9px 10px}.compactAlerts .fleetAlertStatus{margin-left:auto}.overlay{align-items:flex-end;padding:10px}.modal{border-radius:18px 18px 0 0;width:100%;max-height:92vh;padding:18px;overflow:auto}.modal h2{font-size:21px}.formGrid{grid-template-columns:1fr}.modal input,.modal select{min-height:44px;font-size:16px}.modalActions{background:#fff;padding:10px 0 18px;position:sticky;bottom:-18px}.modalActions button{flex:1;min-height:44px}.rowActions{flex-wrap:wrap}.iconBtn,.receiptBtn{min-height:34px}.reportActions{flex-wrap:wrap}.exportBtn{flex:1;min-height:42px}}@media (width<=420px){.cards,.financeCards,.paymentSummary,.expenseSummary,.reportCards{grid-template-columns:1fr 1fr!important}.logo{font-size:18px}main{padding:0 9px}.actions button{font-size:11px}.car{padding:12px}.carIcon{display:none}.vehicleTools .actions{grid-template-columns:1fr 1fr}.paybackForecasts{grid-template-columns:1fr}.documentCard{grid-template-columns:auto 1fr;display:grid}.docActions{grid-column:1/-1;justify-content:flex-start}.reminderExpandText{font-size:11px}}@media (width<=700px){header{z-index:2;height:54px;padding:0 12px;position:relative}.brandBlock{align-items:center;min-width:0;display:flex}.logo{white-space:nowrap;font-size:19px}header .aboutBtn{white-space:nowrap;padding:6px 8px;font-size:10px}main{margin:14px auto 24px;padding:0 11px}.titleRow{margin-bottom:12px;display:block}.titleRow h1{margin:0 0 4px;font-size:24px;line-height:1.15}.titleRow .sub{margin-bottom:12px;line-height:1.35}.titleRow .actions{grid-template-columns:1fr 1fr;width:100%}.titleRow .actions .backupBtn,.titleRow .actions button{text-align:center;border-radius:9px;justify-content:center;align-items:center;width:100%;min-height:42px;padding:9px 7px;font-size:11px;text-decoration:none;display:flex}.cards{margin-bottom:14px}.reminderCenter{margin-top:12px}.reminderSummary{min-height:44px}.reminderSummary strong{font-size:15px}section>.sectionHead{margin:8px 0 9px}.sectionHead h2{font-size:19px}.sectionHead>button{min-height:36px;padding:8px 10px;font-size:11px}.carGrid{gap:8px}.car{gap:9px;min-height:82px;padding:12px 11px}.car .info h3{margin-bottom:5px;font-size:16px}.car .info p{margin:3px 0;font-size:11px}.car .status{white-space:nowrap;padding:5px 7px;font-size:10px}.carIcon{font-size:27px}.carIcon img{width:42px;height:36px}.vehicleTools{margin-top:14px}.vehicleTools h2{font-size:19px}.vehicleTools .sub{font-size:11px}}@media (width<=420px){header .aboutBtn{text-overflow:ellipsis;max-width:132px;overflow:hidden}.titleRow h1{font-size:23px}.cards>div{padding:12px}.cards b{font-size:17px}.sectionHead{align-items:center}.sectionHead>button{white-space:nowrap;max-width:48%}.carIcon{display:none}.car{min-height:76px}.car .info{min-width:0}.car .info h3,.car .info p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (width<=520px){.monthlyHead h3{margin-bottom:4px;font-size:18px}.monthlyHead .sub{font-size:11px;line-height:1.35}.monthlyHead+.tableWrap{box-shadow:none;background:0 0;overflow:visible}.monthlyHead+.tableWrap table,.monthlyHead+.tableWrap tbody,.monthlyHead+.tableWrap tr,.monthlyHead+.tableWrap td{width:100%;display:block}.monthlyHead+.tableWrap thead{display:none}.monthlyHead+.tableWrap tbody{gap:8px;display:grid}.monthlyHead+.tableWrap tr{background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:7px 12px;padding:11px 12px;display:grid;box-shadow:0 2px 10px #00000008}.monthlyHead+.tableWrap td{white-space:normal;border:0;font-size:12px;text-align:left!important;padding:0!important}.monthlyHead+.tableWrap td:first-child{grid-column:1/-1;font-size:13px;font-weight:700;border-bottom:1px solid #eef0f1!important;padding-bottom:5px!important}.monthlyHead+.tableWrap td:nth-child(2):before{content:"Доход"}.monthlyHead+.tableWrap td:nth-child(3):before{content:"Расходы"}.monthlyHead+.tableWrap td:nth-child(4):before{content:"Прибыль"}.monthlyHead+.tableWrap td:nth-child(n+2):before{color:#858b90;margin-bottom:2px;font-size:10px;font-weight:500;display:block}.monthlyHead+.tableWrap td:nth-child(4){grid-column:1/-1;font-size:14px;font-weight:800}.collapsible>.sectionHead{align-items:flex-start;gap:8px}.collapsibleTitle{flex:1;min-width:0}.collapsibleTitle h2{line-height:1.2;font-size:17px!important}.collapsibleTitle .sub{margin-top:3px;font-size:10px;line-height:1.3}.collapsible>.sectionHead>button{white-space:normal;flex:none;max-width:43%;padding:8px 9px;font-size:10px;line-height:1.15}.collapsible.collapsed{padding:11px 10px}.collapsible.collapsed>.sectionHead{align-items:center}.collapsible.collapsed .collapsibleTitle h2{font-size:17px!important}.rangeSwitch{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;display:grid}.rangeSwitch button{white-space:nowrap;padding:7px 3px;font-size:10px}.reportHead,.expenseHead{flex-direction:column;display:flex!important}.reportHead .rangeSwitch,.expenseHead .rangeSwitch{margin-top:4px}.photoPanel{gap:9px;padding:10px}.vehiclePhoto,.photoPlaceholder{width:92px;height:70px}.documentGrid{grid-template-columns:1fr}.documentCard{padding:10px}.docActions{flex-wrap:wrap;gap:5px}.reminders{grid-template-columns:1fr}.reminder{padding:10px}.maintenanceSection>.tableWrap,.operationsSection>.tableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.maintenanceSection table,.operationsSection table{min-width:700px}.maintenanceSection th,.maintenanceSection td,.operationsSection th,.operationsSection td{padding:10px 9px;font-size:11px}.timelineList{padding:6px 10px}.timelineItem{grid-template-columns:25px minmax(0,1fr);gap:6px 8px}.timelineDate{grid-column:2;font-size:10px}.timelineMarker{width:25px;height:25px}.timelineBody{grid-column:2}.timelineBody strong{font-size:12px}.timelineBody span,.timelineBody small{font-size:10px}.timelineAmount{grid-column:2;margin-top:2px;font-size:12px}.reportCards{gap:7px;grid-template-columns:1fr 1fr!important}.reportCards>div{min-height:64px;padding:11px}.reportCards small{font-size:10px}.reportCards b{font-size:16px}.reportActions{grid-template-columns:1fr 1fr;display:grid}.exportBtn{justify-content:center;padding:10px 7px;font-size:11px}.expenseSummary{gap:7px;grid-template-columns:1fr 1fr!important}.expenseSummary>div{padding:11px}.expenseSummary b{font-size:16px}.expenseGrid{gap:8px}.expenseCard{padding:12px;overflow:hidden}.expenseMonthChart{justify-content:flex-start;overflow-x:auto}.expenseMonth{min-width:50px}.paymentRow{grid-template-columns:1fr!important}.paymentActions{flex-wrap:wrap;justify-content:flex-start}.paymentAnalytics{padding:12px}.paymentAnalyticsHead{gap:8px}.paymentSummary{grid-template-columns:1fr 1fr!important}.paymentChart{max-width:100%}.operationsSection{margin-top:12px}.empty{padding:18px;font-size:12px}.collapsible>.sectionHead>button{min-width:96px;min-height:42px;padding:9px 10px;font-size:10px}.maintenanceSection>.tableWrap{box-shadow:none;background:0 0;overflow:visible}.maintenanceSection table,.maintenanceSection tbody,.maintenanceSection tr,.maintenanceSection td{width:100%;min-width:0;display:block}.maintenanceSection thead{display:none}.maintenanceSection tbody{gap:8px;display:grid}.maintenanceSection tr{background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:7px 12px;padding:11px 12px;display:grid;box-shadow:0 2px 10px #00000008}.maintenanceSection td{min-width:0;text-align:left!important;white-space:normal!important;border:0!important;padding:0!important;font-size:12px!important}.maintenanceSection td:first-child:before{content:"Дата"}.maintenanceSection td:nth-child(3):before{content:"Пробег"}.maintenanceSection td:nth-child(4):before{content:"Комментарий"}.maintenanceSection td:nth-child(5):before{content:"Следующее"}.maintenanceSection td:nth-child(6):before{content:"Стоимость"}.maintenanceSection td:not(:nth-child(2)):before{color:#858b90;margin-bottom:2px;font-size:10px;font-weight:500;display:block}.maintenanceSection td:nth-child(2){grid-column:1/-1;border-bottom:1px solid #eef0f1!important;padding-bottom:6px!important;font-size:14px!important}.maintenanceSection td:nth-child(4){grid-column:1/-1}.maintenanceSection td:nth-child(6){grid-column:1/-1;margin-top:3px}.maintenanceActions{flex-wrap:wrap;align-items:center;gap:7px;margin:9px 0 0;display:flex}.miniAction,.receiptBtn,.fileMark{border-radius:8px;justify-content:center;align-items:center;min-height:40px;display:inline-flex;padding:9px 11px!important;font-size:11px!important}.docActions .iconBtn,.docActions .fileLink,.docActions button{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.paymentActions .miniAction,.paymentActions button{min-height:40px;padding:9px 11px}.reportHead,.expenseHead{width:100%;align-items:stretch!important}.reportHead>.collapsibleTitle,.expenseHead>.collapsibleTitle{text-align:left;flex:none;justify-content:flex-start;align-self:stretch;width:100%}.reportHead>.collapsibleTitle>div,.expenseHead>.collapsibleTitle>div{text-align:left;min-width:0}.reportHead>.rangeSwitch,.expenseHead>.rangeSwitch{align-self:stretch;width:100%}.carReportSection.collapsed .reportHead,.expenseAnalyticsSection.collapsed .expenseHead{flex-direction:row!important;align-items:center!important}.carReportSection.collapsed .reportHead>.collapsibleTitle,.expenseAnalyticsSection.collapsed .expenseHead>.collapsibleTitle{flex:1;width:auto}}.headerActions{align-items:center;gap:8px;display:flex}.userBadge{color:#c8cdd2;font-size:12px}.logoutBtn{color:#fff;cursor:pointer;background:0 0;border:1px solid #3a4148;border-radius:8px;padding:7px 10px}.logoutBtn:hover{background:#252a2f}.authPage{background:#f5f6f8;place-items:center;min-height:100vh;padding:18px;display:grid}.authCard{background:#fff;border-radius:18px;gap:15px;width:min(100%,410px);padding:30px;display:grid;box-shadow:0 18px 55px #00000016}.authLogo{color:#11171d;font-size:27px;font-weight:900}.authLogo span{color:#22a35a}.authCard h1{margin:4px 0 0;font-size:25px}.authCard p{color:#70777e;margin:0;line-height:1.45}.authCard label{gap:6px;font-size:12px;font-weight:700;display:grid}.authCard input{border:1px solid #d8dde1;border-radius:9px;width:100%;min-height:46px;padding:10px 12px;font-size:16px}.authCard button{color:#fff;cursor:pointer;background:#11171d;border:0;border-radius:9px;min-height:46px;font-weight:800}.authCard button:disabled{opacity:.6}.authCard small{color:#7b8288;line-height:1.4}.authError{color:#b32c2c;background:#fff0f0;border:1px solid #ffd1d1;border-radius:9px;padding:10px 12px;font-size:12px}@media (width<=700px){.headerActions{gap:5px}.userBadge{display:none}.logoutBtn{padding:6px 8px;font-size:10px}.authPage{padding:12px}.authCard{border-radius:15px;padding:22px 18px}}.forgotBtn{text-decoration:underline;color:#4d5963!important;background:0 0!important;min-height:auto!important;padding:2px!important;font-weight:600!important}.recoveryHelp{color:#596168;background:#f5f7f8;border:1px solid #e0e5e8;border-radius:10px;gap:8px;padding:12px;font-size:12px;line-height:1.4;display:grid}.recoveryHelp b{color:#11171d}.recoveryHelp code{overflow-wrap:anywhere;color:#fff;-webkit-user-select:all;user-select:all;background:#11171d;border-radius:7px;padding:9px;font-size:11px;display:block}.newUserMain>.titleRow,.newUserMain>.cards,.newUserMain>.reminderCenter{display:none}.newUserMain{justify-content:center;align-items:flex-start;min-height:calc(100vh - 140px);padding-top:70px;display:flex}.newUserMain .welcomeEmpty{text-align:center;border-radius:20px;width:min(680px,100%);padding:56px 40px}.newUserMain .welcomeIcon{margin-bottom:18px;font-size:52px}.newUserMain .welcomeEmpty h2{margin:0 0 12px;font-size:30px}.newUserMain .welcomeEmpty p{max-width:540px;margin:0 auto 26px;line-height:1.6}.newUserMain .welcomeEmpty>button{padding:14px 22px;font-size:16px}.newUserMain .welcomeEmpty small{margin-top:18px;display:block}.welcomeSteps{text-align:left;justify-content:center;align-items:stretch;gap:14px;margin-top:38px;display:flex}.welcomeStep{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex:1;align-items:flex-start;gap:12px;padding:18px;display:flex}.welcomeStep>b{color:#fff;background:#111827;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.welcomeStep span{flex-direction:column;gap:5px;display:flex}.welcomeStep strong{font-size:14px;line-height:1.3}.welcomeStep small{opacity:.7;font-size:12px;line-height:1.4;margin:0!important}.welcomeArrow{opacity:.35;align-items:center;font-size:22px;display:flex}@media (width<=760px){.newUserMain{padding-top:30px}.newUserMain .welcomeEmpty{padding:36px 18px}.welcomeSteps{flex-direction:column;margin-top:28px}.welcomeArrow{display:none}}
