:root{--bg:#eef3f1;--surface:#fff;--surface-2:#f5f8f7;--border:#dfe7e4;--text:#13221c;--muted:#5e6f68;--primary:#0b6e4f;--primary-ink:#fff;--primary-soft:#e3f3ec;--late:#c62828;--late-soft:#fdecec;--warn:#b45309;--warn-soft:#fef3e2;--ok:#15803d;--ok-soft:#e6f6ec;--new:#5e6f68;--new-soft:#eef1f0;--shadow:0 1px 2px #10281e0f, 0 4px 16px #10281e0f;--radius:16px;--header:#0b6e4f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f172a;--surface:#1e293b;--surface-2:#0f172a;--border:#334155;--text:#f1f5f9;--muted:#94a3b8;--primary:#34d399;--primary-ink:#052e1f;--primary-soft:#0f3a2c;--late:#f87171;--late-soft:#3b1618;--warn:#facc15;--warn-soft:#3a2f0b;--ok:#4ade80;--ok-soft:#0f2e1c;--new:#94a3b8;--new-soft:#273449;--shadow:0 4px 14px #0000004d;--header:#111c30;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--surface-2:#0f172a;--border:#334155;--text:#f1f5f9;--muted:#94a3b8;--primary:#34d399;--primary-ink:#052e1f;--primary-soft:#0f3a2c;--late:#f87171;--late-soft:#3b1618;--warn:#facc15;--warn-soft:#3a2f0b;--ok:#4ade80;--ok-soft:#0f2e1c;--new:#94a3b8;--new-soft:#273449;--shadow:0 4px 14px #0000004d;--header:#111c30;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);padding-bottom:calc(76px + env(safe-area-inset-bottom));margin:0;font:15px/1.6 IBM Plex Sans Arabic,system-ui,Tahoma,sans-serif}a{color:var(--primary)}h1,h2,h3,h4{margin:0;line-height:1.35}h2{font-size:19px}h3{font-size:16px}h4{margin:16px 0 8px;font-size:14px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.nowrap{white-space:nowrap}.late-text,.danger-text{color:var(--late)}code,pre{background:var(--surface-2);border-radius:8px;padding:2px 6px;font-family:ui-monospace,Consolas,monospace}pre{padding:12px;overflow-x:auto}.topbar{z-index:20;background:var(--header);color:#fff;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001f}.topbar h1{flex:1;font-size:18px}.topbar .icon-btn{color:#fff;font-size:20px}.brand-logo{font-size:22px}.offline-chip{color:#fff;font:inherit;cursor:pointer;background:#fff2;border:1px solid #fff5;border-radius:20px;padding:3px 10px;font-size:12px}.offline-bar{background:var(--warn-soft);color:var(--warn);padding:8px 16px;font-size:13px}.main{max-width:760px;margin:0 auto;padding:16px}.loading,.splash{min-height:50vh;color:var(--muted);place-items:center;display:grid}.splash .logo{font-size:56px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.7;transform:scale(1.1)}}.bottom-nav{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;inset:auto 0 0}.bottom-nav a{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 2px 9px;font-size:11.5px;font-weight:500;text-decoration:none;display:flex}.bottom-nav a.on{color:var(--primary)}.bottom-nav a.on .nav-icon{background:var(--primary-soft)}.nav-icon{border-radius:14px;padding:4px 14px;font-size:20px;line-height:1;position:relative}.nav-add .nav-icon{background:var(--primary);color:var(--primary-ink)}.badge{background:var(--late);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;left:2px}.menu-item .badge{position:static}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card>.btn+.btn,.card>.btn+.file-pick,.card>.file-pick+.btn{margin-top:8px}.page-title{margin:4px 2px 14px}.page-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.page-head .page-title{margin:0}.btn{width:100%;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:12px;margin-top:10px;padding:11px 14px;font-weight:600;text-decoration:none;transition:filter .15s,transform 50ms;display:block}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--primary-ink)}.btn.secondary{background:var(--primary-soft);color:var(--primary)}.btn.ghost{color:var(--text);border-color:var(--border);background:0 0}.btn.danger{background:var(--late-soft);color:var(--late)}.btn.link{color:var(--primary);background:0 0;width:auto;margin-top:4px;padding:6px;display:inline-block}.btn.small{border-radius:10px;width:auto;margin-top:0;padding:6px 12px;font-size:13px;display:inline-block}.icon-btn{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:16px}.icon-btn:hover{background:var(--surface-2)}.row-btns{gap:8px;display:flex}.row-btns>.btn{flex:1}.row-btns.wrap{flex-wrap:wrap;margin-top:10px}.row-btns.wrap .btn{flex:none}.stack{flex-direction:column;gap:2px;display:flex}.field{margin-top:10px;display:block}.field>span{color:var(--muted);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.field>small{margin-top:2px;font-size:12px;display:block}input,select,textarea{width:100%;font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;min-height:44px;padding:10px 12px}input:focus,select:focus,textarea:focus,.btn:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:1px}textarea{resize:vertical}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--primary)}.check{cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.grid-icon{grid-template-columns:72px 1fr;gap:10px;display:grid}.form-msg{background:var(--late-soft);color:var(--late);border-radius:10px;margin:10px 0 0;padding:8px 12px;font-size:14px}.filters{gap:8px;margin-bottom:10px;display:flex}.filters>*{flex:1}.inline-field{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.pill{white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.late{background:var(--late-soft);color:var(--late)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.new{background:var(--new-soft);color:var(--new)}.list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.list-item:last-child{border-bottom:0}.list-item>div:first-child{min-width:0}.list-item.as-btn{border-inline:0;width:100%;font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0;border-top:0}.item-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.item-actions.col{flex-direction:column}.empty{text-align:center;color:var(--muted);padding:18px 8px;font-size:14px}.empty-icon{margin-bottom:4px;font-size:34px}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;padding:12px}.stat b{color:var(--text);font-variant-numeric:tabular-nums;font-size:20px;display:block}.stat span{color:var(--muted);font-size:12px}.stat.late b{color:var(--late)}.stat.warn b{color:var(--warn)}.card .stat{background:var(--surface-2)}.progress{background:var(--border);border-radius:12px;height:12px;margin:12px 0;overflow:hidden}.progress .fill{background:var(--ok);border-radius:12px;height:100%;transition:width .4s}.progress .fill.warn{background:var(--warn)}.progress .fill.late{background:var(--late)}.progress .fill.new{background:var(--new)}.result{text-align:center;border-radius:12px;margin-top:10px;padding:12px;font-weight:600}.result.ok{background:var(--ok-soft);color:var(--ok)}.result.warn{background:var(--warn-soft);color:var(--warn)}.result.late{background:var(--late-soft);color:var(--late)}.chips{scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.chip{background:var(--surface);border:2px solid var(--border);font:inherit;color:inherit;cursor:pointer;text-align:start;border-radius:14px;flex:none;padding:8px 14px}.chip small{color:var(--muted);font-size:12px;display:block}.chip.on{border-color:var(--primary);background:var(--primary-soft)}.car-hero-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.odo-badge{background:var(--primary-soft);color:var(--primary);text-align:center;border-radius:14px;flex-shrink:0;padding:8px 12px}.odo-badge b{font-variant-numeric:tabular-nums;font-size:18px;display:block}.odo-badge span{font-size:12px}.odo-row{gap:8px;margin-top:12px;display:flex}.odo-row .btn{flex-shrink:0;width:auto;margin:0}.oil-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.oil-card{font:inherit;color:inherit;text-align:start;cursor:pointer;border-top:4px solid var(--new);margin:0;padding:12px}.oil-card.ok{border-top-color:var(--ok)}.oil-card.warn{border-top-color:var(--warn)}.oil-card.late{border-top-color:var(--late)}.oil-card-head{justify-content:space-between;gap:4px;font-size:14px;display:flex}.oil-card .progress{height:8px;margin:8px 0}.quick{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px;display:grid}.quick button{background:var(--surface);border:1px solid var(--border);font:inherit;color:inherit;cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 2px;font-size:20px;display:flex}.quick span{color:var(--muted);font-size:11.5px}.welcome{text-align:center;padding:28px 20px}.big-icon{font-size:52px}.oil-tabs{top:calc(54px + env(safe-area-inset-top));z-index:10;background:var(--bg);gap:8px;margin-bottom:14px;padding:6px 0;display:flex;position:sticky}.oil-tabs button{min-height:52px;font:inherit;cursor:pointer;background:var(--surface);color:var(--text);border:2px solid var(--border);white-space:nowrap;border-radius:12px;flex:1;padding:8px 4px;font-size:14px;font-weight:700}.oil-tabs button.on{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.status-card{text-align:center;padding:22px 16px}.status-icon{font-size:42px;line-height:1.2}.status-title{margin:4px 0;font-size:18px;font-weight:700}.history-item{background:var(--surface-2);border-radius:12px;justify-content:space-between;gap:8px;margin-bottom:8px;padding:10px 12px;font-size:13.5px;line-height:1.8;display:flex}.history-actions{flex-direction:column;display:flex}.export-area{margin-top:10px;font-family:inherit;font-size:13px}.doc-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.doc-item:last-child{border-bottom:0}.doc-days{text-align:center;background:var(--ok-soft);width:58px;color:var(--ok);border-radius:12px;flex:none;padding:8px 2px}.doc-item.warn .doc-days{background:var(--warn-soft);color:var(--warn)}.doc-item.late .doc-days{background:var(--late-soft);color:var(--late)}.doc-days b{font-size:20px;line-height:1.1;display:block}.doc-days span{font-size:11px}.doc-body{flex:1;min-width:0}.doc-body .pill{margin-top:4px}.parts{background:var(--surface-2);border-radius:12px;margin-top:12px;padding:10px}.parts-head{justify-content:space-between;align-items:center;display:flex}.part-row{grid-template-columns:1fr 64px 84px 32px;gap:6px;margin-top:8px;display:grid}.part-row input{min-height:40px;padding:8px}.file-pick{border:1.5px dashed var(--border);color:var(--muted);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:14px;display:flex;position:relative}.file-pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-pick .icon-btn{z-index:1;position:relative}.file-pick.busy{opacity:.6}.attachments .att{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.att-badge{color:var(--muted);font-size:12px;font-weight:400}.tiles{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font:inherit;color:inherit;cursor:pointer;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:4px;padding:18px 12px;display:flex}.tile:disabled{opacity:.45;cursor:not-allowed}.tile-icon{font-size:32px}.tile small{color:var(--muted);font-size:12px}.menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.menu-item{color:inherit;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.menu-item:last-child{border-bottom:0}.menu-item>span:nth-child(2){flex:1}.menu-icon{font-size:20px}.chev{color:var(--muted);font-size:20px}.account-strip{color:var(--muted);text-overflow:ellipsis;align-items:center;gap:8px;margin:0 4px 12px;font-size:14px;display:flex;overflow:hidden}.car-row h3{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card.archived{opacity:.7}.danger-zone{border-color:var(--late-soft)}.prose p{margin:0 0 10px}.steps{padding-inline-start:18px}.date-sm{flex-shrink:0;width:150px;min-height:38px;padding:6px}.bar-chart{grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:190px;display:grid}.bar-col{outline:none;flex-direction:column;align-items:center;height:100%;display:flex;position:relative}.bar-track{border-bottom:1px solid var(--border);flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar{background:var(--primary);border-radius:4px 4px 0 0;width:70%;max-width:26px;min-height:0;transition:height .3s}.bar-col:hover .bar,.bar-col:focus .bar{filter:brightness(1.15)}.bar-label{color:var(--muted);margin-top:4px;font-size:10.5px}.bar-tip{z-index:2;background:var(--text);color:var(--surface);white-space:nowrap;pointer-events:none;border-radius:8px;flex-direction:column;align-items:center;padding:4px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% - 20px)}.hbar{margin-bottom:10px}.hbar-head{justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}.hbar-track{background:var(--surface-2);border-radius:6px;height:10px;overflow:hidden}.hbar-fill{background:var(--primary);border-radius:6px;height:100%}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.table th,.table td{border-bottom:1px solid var(--border);text-align:start;padding:7px 4px}.table tfoot th{border-bottom:0}.auth{background:linear-gradient(160deg, var(--header), var(--bg) 55%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin-bottom:-76px;padding:24px 16px;display:flex}.auth-brand{text-align:center;color:#fff;margin-bottom:18px}.auth-brand .logo{font-size:52px}.auth-brand h1{font-size:26px}.auth-brand p{opacity:.9;margin:4px 0 0}.auth-card{width:min(100%,420px)}.auth-card h2{margin-bottom:6px}.auth-sent{text-align:center}.seg{background:var(--surface-2);border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:9px;font-weight:600}.seg button.on{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.modal{background:var(--surface);width:min(560px,100vw - 20px);max-height:calc(100dvh - 30px);color:var(--text);border:0;border-radius:20px;padding:0;box-shadow:0 20px 60px #0000004d}.modal::backdrop{background:#00000073}.modal-head{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.modal-body{padding:4px 16px 18px}.modal-foot{gap:8px;padding:0 16px 16px;display:flex}.modal-foot .btn{margin:0}.confirm-text{margin:14px 0 4px;font-size:16px}.toast{bottom:calc(86px + env(safe-area-inset-bottom));z-index:1000;background:var(--text);color:var(--surface);border-radius:24px;max-width:92vw;padding:10px 18px;font-size:14px;animation:.2s toastIn;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.toast.err{background:var(--late);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:400px){.grid2,.oil-cards{grid-template-columns:1fr}.oil-tabs button{font-size:13px}.quick span{font-size:10.5px}}@media (min-width:700px){.stats{grid-template-columns:repeat(4,1fr)}.tiles{grid-template-columns:repeat(3,1fr)}}#printArea{display:none}@media print{body.printing>#root{display:none!important}body.printing #printArea{color:#000;direction:rtl;background:#fff;display:block!important}body{background:#fff;padding:0}#printArea h2{text-align:center;margin-bottom:16px}#printArea pre{white-space:pre-wrap;background:0 0;font-family:IBM Plex Sans Arabic,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.8}#printArea table{border-collapse:collapse;width:100%;font-size:12px}#printArea th,#printArea td{text-align:right;border:1px solid #999;padding:4px 6px}}.status-card .grid2{grid-template-columns:1fr 1fr}input[type=number]{font-variant-numeric:tabular-nums}.demo-note{background:#fff3;border-radius:10px;padding:6px 10px;font-size:13px;margin-top:10px!important}.rent-unit{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:12px}.rent-unit .list-item{border-bottom:none;padding-bottom:4px}.rent-unit .row-btns.wrap{margin-top:4px}.receipt-text{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0 0 10px;line-height:1.9}.modal h4{margin:16px 0 4px}