*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;direction:rtl;background:#f0f2f5;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;font-size:14px;position:relative}body:before{content:"";opacity:.3;pointer-events:none;z-index:0;background-image:url(/flag-vert-light.svg);background-repeat:no-repeat;background-size:100% 100%;width:72px;height:100vh;position:fixed;top:0;right:0}body:after{content:"";opacity:.3;pointer-events:none;z-index:0;background-image:url(/flag-vert-light.svg);background-repeat:no-repeat;background-size:100% 100%;width:72px;height:100vh;position:fixed;top:0;left:0}body.dark:before,body.dark:after{opacity:.38;background-image:url(/flag-vert-dark.svg)}@media (width<=640px){body:before,body:after{opacity:.25;width:44px}body.dark:before,body.dark:after{opacity:.32}}#root{z-index:1;width:100%;min-height:100vh;position:relative}.app{max-width:900px;margin:0 auto;padding:16px;transition:background .2s,color .2s}.page-title-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-title{text-align:center;letter-spacing:.5px;flex:1;font-size:20px;font-weight:700;text-decoration:underline}.title-actions{align-items:center;gap:8px;display:flex}.dark-toggle{cursor:pointer;background:0 0;border:1.5px solid #bdc3c7;border-radius:20px;padding:4px 10px;font-size:18px;line-height:1;transition:border-color .15s,background .15s}.dark-toggle:hover{background:#f0f2f5}.admin-nav-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2c3e50;border:none;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none}.admin-nav-btn:hover{background:#1a252f}.form-header{background:#fff;border:1.5px solid #2c3e50;border-radius:6px;grid-template-columns:1fr 1fr;gap:8px 24px;margin-bottom:16px;padding:12px 16px;display:grid}.form-header.header-error{border-color:#e74c3c}.header-row{align-items:center;gap:8px;display:flex}.header-label{white-space:nowrap;color:#2c3e50;min-width:90px;font-size:13px;font-weight:600}.header-input{color:#1a1a2e;direction:rtl;background:0 0;border:none;border-bottom:1.5px solid #7f8c8d;outline:none;width:100%;padding:2px 4px;font-family:inherit;font-size:14px;transition:border-color .2s}.header-input:focus{border-bottom-color:#2980b9}.header-input.input-error{border-bottom-color:#e74c3c}.header-select{cursor:pointer;appearance:auto}.field-error-msg{color:#e74c3c;font-size:12px;font-weight:600}.validation-banner{color:#856404;background:#fff3cd;border:1.5px solid #f39c12;border-radius:6px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.columns{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.column{flex-direction:column;gap:10px;display:flex}.section{background:#fff;border:1.5px solid #bdc3c7;border-radius:6px;overflow:hidden}.section-title{color:#fff;text-align:center;background:#2c3e50;padding:6px 12px;font-size:13px;font-weight:700}.col-headers{background:#ecf0f1;border-bottom:1.5px solid #bdc3c7;grid-template-columns:1fr 44px 44px;display:grid}.col-header{text-align:center;color:#2c3e50;padding:4px 2px;font-size:11px;font-weight:700}.col-header.label-col{text-align:right;padding-right:10px}.item-wrapper{border-bottom:1px solid #ecf0f1}.item-wrapper:last-child{border-bottom:none}.item-wrapper.error .item-row{background:#fff0f0}.item-wrapper.error .item-label{color:#c0392b;font-weight:600}.item-row{grid-template-columns:1fr 44px 44px;align-items:center;min-height:34px;transition:background .1s;display:grid}.item-row:hover{background:#fafbfc}.item-label{color:#2c3e50;padding:5px 10px;font-size:12.5px;line-height:1.4}.item-check{border-right:1px solid #ecf0f1;justify-content:center;align-items:center;height:100%;padding:3px 0;display:flex}.check-btn{cursor:pointer;background:0 0;border:2px solid #bdc3c7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:15px;line-height:1;transition:all .15s;display:flex}.check-btn.ok{color:#27ae60;background:#eafaf1;border-color:#27ae60}.check-btn.not-ok{color:#e74c3c;background:#fdedec;border-color:#e74c3c}.check-btn:hover:not(.ok):not(.not-ok){background:#f5f5f5;border-color:#7f8c8d}.not-ok-note{box-sizing:border-box;resize:vertical;color:#333;direction:rtl;background:#fef9e7;border:none;border-top:1px solid #fad7a0;outline:none;width:100%;min-height:46px;padding:6px 10px;font-family:inherit;font-size:12px}.not-ok-note::placeholder{color:#bbb}.inspector-section{background:#fff;border:1.5px solid #2c3e50;border-radius:6px;margin-bottom:16px;padding:12px 16px}.inspector-section.header-error{border-color:#e74c3c}.inspector-title{text-align:center;color:#2c3e50;margin-bottom:10px;font-size:14px;font-weight:700}.inspector-fields{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.field-group{flex-direction:column;gap:4px;display:flex}.field-label{color:#555;font-size:12px;font-weight:600}.field-input{color:#1a1a2e;direction:rtl;background:0 0;border:none;border-bottom:1.5px solid #7f8c8d;outline:none;padding:3px 4px;font-family:inherit;font-size:14px;transition:border-color .2s}.field-input:focus{border-bottom-color:#2980b9}.field-input.input-error{border-bottom-color:#e74c3c}.sig-group{margin-top:12px;position:relative}.sig-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sig-canvas{cursor:crosshair;touch-action:none;background:#fafafa;border:1.5px solid #bdc3c7;border-radius:6px;width:100%;height:100px;display:block}.sig-canvas:hover{border-color:#7f8c8d}.sig-placeholder{color:#bdc3c7;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.clear-sig-btn{color:#e74c3c;cursor:pointer;background:0 0;border:1px solid #e74c3c;border-radius:4px;padding:2px 10px;font-family:inherit;font-size:12px}.clear-sig-btn:hover{background:#fdedec}.summary-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px;display:flex}.chip{border-radius:20px;padding:4px 14px;font-size:13px;font-weight:600}.chip-ok{color:#1e8449;background:#eafaf1;border:1.5px solid #27ae60}.chip-notok{color:#c0392b;background:#fdedec;border:1.5px solid #e74c3c}.chip-empty{color:#7f8c8d;background:#f8f9fa;border:1.5px solid #bdc3c7}.alert-banner{color:#c0392b;background:#fdedec;border:1.5px solid #e74c3c;border-radius:6px;margin-bottom:14px;padding:10px 14px;font-size:13px}.alert-banner strong{margin-bottom:4px;font-size:14px;display:block}.error-banner{color:#c0392b;background:#fdedec;border:1.5px solid #e74c3c;border-radius:6px;margin-bottom:12px;padding:10px 16px;font-size:14px}.submit-section{text-align:center;padding-bottom:32px}.submit-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 40px;font-family:inherit;font-size:17px;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 4px 12px #25d36659}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #25d36673}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.sent-note{color:#7f8c8d;font-style:italic}.service-info-box{text-align:right;background:#eaf4fb;border:1.5px solid #2980b9;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.service-info-box.overdue{background:#fdedec;border-color:#e74c3c}.service-info-box.soon{background:#fef9e7;border-color:#f39c12}.service-icon{font-size:28px}.service-text{flex-direction:column;gap:4px;display:flex}.service-text strong{color:#2c3e50;font-size:14px}.service-text span{color:#555;font-size:13px}.app.dark{color:#d0dce8;background:#1a1a2e}.app.dark .page-title{color:#d0dce8}.app.dark .dark-toggle{color:#d0dce8;border-color:#3d5a80}.app.dark .dark-toggle:hover{background:#16213e}.app.dark .form-header{background:#16213e;border-color:#3d5a80}.app.dark .form-header.header-error{border-color:#e74c3c}.app.dark .header-label{color:#a0b4c8}.app.dark .header-input{color:#d0dce8;border-bottom-color:#3d5a80}.app.dark .header-select option{background:#16213e}.app.dark .section{background:#16213e;border-color:#2c4a6e}.app.dark .section-title{background:#0f3460}.app.dark .col-headers{background:#1e3a5f;border-bottom-color:#2c4a6e}.app.dark .col-header{color:#a0b4c8}.app.dark .item-wrapper{border-bottom-color:#1e3a5f}.app.dark .item-row:hover{background:#1e3a5f}.app.dark .item-label{color:#d0dce8}.app.dark .item-check{border-right-color:#1e3a5f}.app.dark .item-wrapper.error .item-row{background:#3d1010}.app.dark .item-wrapper.error .item-label{color:#ff7675}.app.dark .not-ok-note{color:#d0dce8;background:#2a2800;border-top-color:#6d5400}.app.dark .not-ok-note::placeholder{color:#555}.app.dark .inspector-section{background:#16213e;border-color:#3d5a80}.app.dark .inspector-section.header-error{border-color:#e74c3c}.app.dark .inspector-title{color:#a0b4c8}.app.dark .field-label{color:#8fa8c0}.app.dark .field-input{color:#d0dce8;border-bottom-color:#3d5a80}.app.dark .sig-canvas{background:#0d1b2e;border-color:#3d5a80}.app.dark .sig-placeholder{color:#3d5a80}.app.dark .chip-empty{color:#8fa8c0;background:#1e3a5f;border-color:#2c4a6e}.app.dark .chip-ok{background:#0d2b1a}.app.dark .chip-notok{background:#2b0d0d}.app.dark .validation-banner{color:#f0c040;background:#2a2200;border-color:#f39c12}.app.dark .service-text strong{color:#d0dce8}.app.dark .service-text span{color:#a0b4c8}@media print{body{background:#fff}.submit-section,.summary-bar,.alert-banner,.sig-canvas,.sig-placeholder,.clear-sig-btn,.page-title-bar .title-actions{display:none!important}.app{max-width:100%;padding:8px}.section{break-inside:avoid}.columns{gap:6px}.check-btn{border-width:1px;font-size:13px}.inspector-section{break-inside:avoid}}@media (width<=640px){.columns,.form-header{grid-template-columns:1fr}.inspector-fields{grid-template-columns:1fr 1fr}.page-title{font-size:16px}}.login-page{background:#1a1a2e;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:340px;padding:40px 32px;box-shadow:0 20px 60px #0000004d}.login-logo{margin-bottom:8px;font-size:48px}.login-title{color:#1a1a2e;margin:0 0 4px;font-size:20px;font-weight:700}.login-subtitle{color:#7f8c8d;margin-bottom:24px;font-size:14px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{text-align:right;flex-direction:column;gap:4px;display:flex}.login-field label{color:#555;font-size:12px;font-weight:600}.login-field input{direction:rtl;border:1.5px solid #ddd;border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .2s}.login-field input:focus{border-color:#2980b9}.login-error{color:#c0392b;background:#fdedec;border-radius:6px;padding:8px 12px;font-size:13px}.login-btn{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:8px;padding:12px;font-family:inherit;font-size:16px;font-weight:700;transition:background .15s}.login-btn:hover{background:#1a252f}.login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-page{direction:rtl;background:#f0f2f5;min-height:100vh;font-family:Segoe UI,Arial,sans-serif}.admin-header{color:#fff;z-index:10;background:#1a1a2e;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.admin-header-title{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.admin-header-actions{align-items:center;gap:10px;display:flex}.admin-link-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none}.admin-logout-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;padding:7px 14px;font-family:inherit;font-size:13px}.admin-logout-btn:hover{color:#fff;border-color:#fff}.admin-stats{grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 24px 0;display:grid}@media (width<=640px){.admin-stats{grid-template-columns:repeat(2,1fr)}}.stat-card{text-align:center;background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 8px #0000000f}.stat-card.stat-alert{border-top:3px solid #e74c3c}.stat-num{color:#2c3e50;font-size:32px;font-weight:700}.stat-label{color:#7f8c8d;margin-top:4px;font-size:12px}.admin-tabs{gap:0;padding:16px 24px 0;display:flex}.tab-btn{cursor:pointer;color:#555;background:#fff;border:1.5px solid #ddd;border-bottom:none;border-radius:8px 8px 0 0;margin-left:4px;padding:10px 20px;font-family:inherit;font-size:14px;transition:all .15s}.tab-btn.active{color:#fff;background:#2c3e50;border-color:#2c3e50}.admin-content{background:#fff;border:1.5px solid #ddd;border-radius:0 8px 8px;min-height:300px;margin:0 24px 24px;padding:16px}.admin-loading{text-align:center;color:#7f8c8d;padding:40px;font-size:15px}.filters-bar{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.filter-select,.filter-input{direction:rtl;border:1.5px solid #ddd;border-radius:6px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.filter-select:focus,.filter-input:focus{border-color:#2980b9}.filter-input{width:120px}.clear-filter-btn{color:#e74c3c;cursor:pointer;background:0 0;border:1px solid #e74c3c;border-radius:6px;padding:7px 12px;font-family:inherit;font-size:13px}.insp-list-header{color:#555;background:#f8f9fa;border:1px solid #eee;border-radius:6px;grid-template-columns:100px 70px 90px 80px 80px 30px 70px;margin-bottom:6px;padding:8px 12px;font-size:12px;font-weight:700;display:grid}.insp-row{border:1px solid #eee;border-radius:8px;margin-bottom:6px;overflow:hidden}.insp-row-header{cursor:pointer;background:#fafafa;grid-template-columns:100px 70px 90px 80px 80px 30px 70px;align-items:center;padding:10px 12px;transition:background .1s;display:grid}.insp-row-header:hover{background:#f0f2f5}.insp-date{color:#2c3e50;font-size:13px}.insp-vehicle{font-size:13px;font-weight:700}.insp-meter{color:#7f8c8d;font-size:12px}.insp-personal{font-size:12px}.insp-counts{gap:4px;display:flex}.insp-arrow{text-align:center;color:#7f8c8d;font-size:11px}.badge{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.badge-ok{color:#1e8449;background:#eafaf1}.badge-notok{color:#c0392b;background:#fdedec}.insp-details{background:#fff;border-top:1px solid #eee;padding:12px 16px}.issues-list{flex-direction:column;gap:8px;display:flex}.issues-list strong{color:#555;margin-bottom:4px;font-size:13px;display:block}.issue-item{background:#fdedec;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.issue-item.handled{opacity:.7;background:#eafaf1}.issue-item.handled span{color:#7f8c8d;text-decoration:line-through}.handle-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2c3e50;border:none;border-radius:6px;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:12px}.handle-btn.handled{cursor:pointer;background:#27ae60}.no-issues{color:#27ae60;font-size:13px}.empty-state{text-align:center;color:#7f8c8d;padding:40px}.empty-state.success{color:#27ae60;font-size:16px;font-weight:600}.issues-panel{flex-direction:column;gap:10px;display:flex}.open-issue-card{background:#fff5f5;border:1.5px solid #f5c6cb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.open-issue-meta{align-items:center;gap:10px;min-width:130px;display:flex}.vehicle-badge{color:#fff;background:#2c3e50;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.issue-date{color:#7f8c8d;font-size:12px}.open-issue-label{color:#2c3e50;flex:1;font-size:13px}.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.vehicle-card{cursor:pointer;background:#f8f9fa;border:1.5px solid #ddd;border-radius:10px;padding:16px;transition:all .15s}.vehicle-card:hover{background:#fff;border-color:#2c3e50;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vehicle-card-title{color:#2c3e50;margin-bottom:8px;font-size:22px;font-weight:700}.vehicle-card-stats{color:#555;justify-content:space-between;font-size:12px;display:flex}.vc-issues{color:#e74c3c;font-weight:600}.vehicle-card-last{color:#7f8c8d;margin-top:8px;font-size:11px}.insp-details-toolbar{border-bottom:1px solid #eee;justify-content:flex-end;margin-bottom:10px;padding-bottom:10px;display:flex}.edit-form-btn{color:#fff;cursor:pointer;background:#2980b9;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s;display:flex}.edit-form-btn:hover{background:#1a6a9a}.insp-row-btns{align-items:center;gap:4px;display:flex}.edit-insp-btn{color:#2980b9;cursor:pointer;background:#eaf4fb;border:1.5px solid #2980b9;border-radius:5px;padding:2px 6px;font-size:13px;line-height:1.4;transition:background .15s,color .15s}.edit-insp-btn:hover{color:#fff;background:#2980b9}.edit-insp-form{padding:12px 4px}.edit-insp-header{background:#f0f4f8;border-radius:8px;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.edit-field-group{flex-direction:column;gap:4px;min-width:120px;display:flex}.edit-field-group label{color:#7f8c8d;text-transform:uppercase;font-size:11px;font-weight:700}.edit-input{direction:rtl;background:#fff;border:1.5px solid #bdc3c7;border-radius:5px;outline:none;padding:5px 8px;font-family:inherit;font-size:13px;transition:border-color .15s}.edit-input:focus{border-color:#2980b9}.edit-checkbox-label{cursor:pointer;align-items:center;gap:6px;padding-top:4px;font-size:13px;display:flex}.edit-summary{align-items:center;gap:10px;margin-bottom:12px;padding:0 4px;display:flex}.edit-item-row{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:3px;padding:4px 8px;display:flex}.edit-item-row:last-child{border-bottom:none}.edit-item-ok{background:#f0faf4}.edit-item-not-ok{background:#fff5f5}.edit-item-empty{background:#fafafa}.edit-item-label{color:#2c3e50;font-size:11.5px;line-height:1.3}.edit-item-btns{gap:4px;display:flex}.edit-check-btn{cursor:pointer;background:0 0;border:1.5px solid #bdc3c7;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:13px;transition:all .1s;display:flex}.edit-check-btn.ok{color:#27ae60;background:#eafaf1;border-color:#27ae60}.edit-check-btn.not-ok{color:#e74c3c;background:#fdedec;border-color:#e74c3c}.edit-check-btn:hover:not(.ok):not(.not-ok){background:#f0f0f0;border-color:#7f8c8d}.edit-note-input{box-sizing:border-box;resize:none;direction:rtl;background:#fef9e7;border:1px solid #fad7a0;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-family:inherit;font-size:11px}.edit-insp-actions{border-top:1px solid #eee;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:12px;display:flex}.save-edit-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:7px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s}.save-edit-btn:hover{background:#1e8449}.save-edit-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-edit-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #ccc;border-radius:7px;padding:9px 18px;font-family:inherit;font-size:14px}.cancel-edit-btn:hover{border-color:#999}.delete-insp-btn{color:#e74c3c;cursor:pointer;background:0 0;border:1.5px solid #e74c3c;border-radius:5px;padding:2px 6px;font-size:14px;line-height:1.4;transition:background .15s,color .15s}.delete-insp-btn:hover{color:#fff;background:#e74c3c}.delete-confirm-bar{color:#c0392b;background:#fff5f5;border-top:1px solid #f5c6cb;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.confirm-yes-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600}.confirm-yes-btn:hover{background:#c0392b}.confirm-no-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #ccc;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px}.confirm-no-btn:hover{color:#333;border-color:#999}.full-insp-view{padding:4px 0}.insp-meta-bar{color:#555;background:#f0f2f5;border-radius:6px;flex-wrap:wrap;gap:16px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.insp-meta-bar strong{color:#2c3e50}.insp-sig{margin-right:auto;font-size:12px}.view-sections-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-bottom:8px;display:grid}.view-section{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.view-section-title{color:#fff;background:#2c3e50;padding:6px 10px;font-size:12px;font-weight:700}.view-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;gap:8px;padding:5px 10px;display:flex}.view-item:last-child{border-bottom:none}.view-item-ok{background:#f0faf4}.view-item-not-ok{background:#fff5f5}.view-item-empty{background:#fafafa}.view-item-main{flex-direction:column;flex:1;gap:2px;display:flex}.view-item-label{color:#2c3e50;font-size:12px;line-height:1.3}.view-item-note{color:#7f8c8d;font-size:11px;font-style:italic}.view-status{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.status-ok{color:#1e8449;background:#eafaf1}.status-not-ok{color:#c0392b;background:#fdedec}.status-empty{color:#aaa;background:#f0f0f0}.vehicles-tab{padding:4px 0}.overdue-banner{background:#fff0f0;border:2px solid #e74c3c;border-radius:10px;margin-bottom:16px;padding:14px 16px}.overdue-banner-title{color:#c0392b;border-bottom:1px solid #f5c6cb;margin-bottom:10px;padding-bottom:8px;font-size:14px;font-weight:700}.overdue-banner-item{background:#fff;border:1px solid #f5c6cb;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;padding:8px 10px;font-size:13px;display:flex}.overdue-vehicle-name{color:#2c3e50;min-width:60px;font-weight:700}.overdue-km{color:#fff;background:#e74c3c;border-radius:12px;margin-right:auto;padding:2px 10px;font-size:12px;font-weight:700}.vehicles-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.vehicles-title{color:#2c3e50;margin:0;font-size:15px;font-weight:700}.add-vehicle-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600}.add-vehicle-btn:hover{background:#1e8449}.add-vehicle-row{background:#f0faf4;border:1px solid #a9dfbf;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.vehicles-list-header{color:#555;background:#f8f9fa;border:1px solid #eee;border-radius:6px;grid-template-columns:80px 140px 130px 1fr 130px;margin-bottom:6px;padding:8px 12px;font-size:12px;font-weight:700;display:grid}.vehicle-row{background:#fafafa;border:1px solid #eee;border-radius:8px;grid-template-columns:80px 140px 130px 1fr 130px;align-items:center;gap:4px;margin-bottom:6px;padding:10px 12px;font-size:13px;display:grid}.vehicle-row-overdue{background:#fff8f8;border-width:1.5px;border-color:#e74c3c}.vehicle-row-soon{background:#fffbf0;border-color:#f39c12}.vehicle-name{color:#2c3e50;font-weight:700}.vehicle-service-km{color:#2c3e50;font-weight:600}.vehicle-last-block{flex-direction:column;gap:2px;display:flex}.vehicle-last-km{color:#2c3e50;font-size:13px;font-weight:600}.vehicle-last-date{color:#7f8c8d;font-size:11px}.vehicle-remaining-block{flex-direction:column;gap:3px;display:flex}.vehicle-remaining{font-size:13px;font-weight:700}.vehicle-remaining.overdue{color:#c0392b}.vehicle-remaining.soon{color:#e67e22}.vehicle-weeks{color:#7f8c8d;font-size:11px}.vehicle-weeks.overdue-text{color:#c0392b;font-weight:600}.vehicle-weeks.soon-text{color:#e67e22}.weekly-avg{color:#aaa}.not-set{color:#bbb;font-style:italic;font-weight:400}.vehicle-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.edit-vehicle-btn{color:#2980b9;cursor:pointer;background:#eaf4fb;border:1.5px solid #2980b9;border-radius:5px;padding:4px 10px;font-family:inherit;font-size:12px}.edit-vehicle-btn:hover{color:#fff;background:#2980b9}.vehicle-edit-input{direction:rtl;border:1.5px solid #2980b9;border-radius:5px;outline:none;width:100%;padding:5px 8px;font-family:inherit;font-size:13px}.form-builder{padding:4px 0}.fb-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.fb-add-section-row{background:#f0faf4;border:1px solid #a9dfbf;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.fb-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=700px){.fb-columns{grid-template-columns:1fr}}.fb-column{flex-direction:column;gap:10px;display:flex}.fb-column-header{color:#7f8c8d;text-align:center;text-transform:uppercase;letter-spacing:.5px;padding:4px 2px;font-size:12px;font-weight:700}.fb-section{background:#fff;border:1.5px solid #ddd;border-radius:8px;overflow:hidden}.fb-section-header{background:#2c3e50;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.fb-section-title{color:#fff;flex:1;font-size:13px;font-weight:700}.fb-section-actions{gap:4px;display:flex}.fb-edit-btn,.fb-del-btn,.fb-save-btn,.fb-cancel-btn{cursor:pointer;border:none;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:12px;line-height:1.4}.fb-edit-btn{color:#fff;background:#ffffff26}.fb-edit-btn:hover{background:#ffffff4d}.fb-del-btn{color:#fff;background:#e74c3cb3}.fb-del-btn:hover{background:#e74c3c}.fb-save-btn{color:#fff;background:#27ae60}.fb-save-btn:hover{background:#1e8449}.fb-cancel-btn{color:#555;background:#eee}.fb-cancel-btn:hover{background:#ddd}.fb-confirm{color:#c0392b;background:#fff5f5;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.fb-item{border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:6px 12px;display:flex}.fb-item:last-of-type{border-bottom:none}.fb-item-label{color:#2c3e50;flex:1;font-size:12.5px;line-height:1.3}.fb-item-actions{flex-shrink:0;gap:4px;display:flex}.fb-edit-input{direction:rtl;border:1.5px solid #2980b9;border-radius:5px;outline:none;flex:1;min-width:0;padding:4px 8px;font-family:inherit;font-size:12.5px}.fb-add-item-row{background:#f8fffe;border-top:1px solid #eee;align-items:center;gap:6px;padding:6px 10px;display:flex}.fb-add-item-btn{color:#2980b9;cursor:pointer;text-align:center;background:0 0;border:none;border-top:1px dashed #bdc3c7;width:100%;padding:6px;font-family:inherit;font-size:12px;transition:background .1s}.fb-add-item-btn:hover{background:#eaf4fb}.sent-screen{text-align:center;padding:60px 24px}.sent-icon{margin-bottom:16px;font-size:64px}.sent-screen h2{color:#27ae60;margin-bottom:8px;font-size:24px}.sent-screen p{color:#7f8c8d;margin-bottom:24px}.sent-issues{text-align:right;color:#c0392b;background:#fdedec;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:13px}.sent-issues strong{margin-bottom:6px;display:block}
