أكيد. هذا ملف واحد كامل، وفيه:

- لا يمسح العملاء والفواتير السابقة.
- تعديل الفاتورة بعد الحفظ.
- تصدير PDF مرتب A4.
- تصدير Excel منظم.
- العملة دولار أمريكي فقط.

انسخه كامل والصقه مكان الكود القديم:

```html
<div id="crm-final" dir="rtl">
<style>
#crm-final{--brand:#064e56;--accent:#f97316;--bg:#f6f8fb;--line:#e2e8f0;--text:#0f172a;--muted:#64748b;font-family:Arial,Tahoma,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
#crm-final *{box-sizing:border-box}
#crm-final button,#crm-final input,#crm-final select,#crm-final textarea{font-family:inherit}
#crm-final .layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
#crm-final .sidebar{background:#083f46;color:white;padding:24px 18px}
#crm-final .logo{padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.16)}
#crm-final .logo h2{margin:0;font-size:28px}
#crm-final .logo p{margin:8px 0 0;color:#fed7aa;font-size:13px}
#crm-final .nav-btn{width:100%;border:0;background:transparent;color:#dbeafe;padding:13px 14px;border-radius:8px;text-align:right;cursor:pointer;margin-bottom:8px;font-size:15px}
#crm-final .nav-btn.active,#crm-final .nav-btn:hover{background:rgba(255,255,255,.13);color:white}
#crm-final .main{padding:28px}
#crm-final .topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}
#crm-final h1{margin:0;color:var(--brand);font-size:28px}
#crm-final .btn{border:0;background:var(--brand);color:white;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;margin:2px}
#crm-final .btn.orange{background:var(--accent)}
#crm-final .btn.gray{background:#eef2f7;color:#0f172a}
#crm-final .btn.red{background:#dc2626}
#crm-final .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
#crm-final .card,#crm-final .panel{background:white;border:1px solid var(--line);border-radius:8px}
#crm-final .card{padding:18px}
#crm-final .card span{color:var(--muted);font-size:13px}
#crm-final .card strong{display:block;margin-top:8px;color:var(--brand);font-size:23px}
#crm-final .panel{overflow:hidden}
#crm-final .panel-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
#crm-final .panel-head h3{margin:0;color:var(--brand)}
#crm-final table{width:100%;border-collapse:collapse}
#crm-final th,#crm-final td{padding:11px;border-bottom:1px solid var(--line);text-align:right;font-size:14px;vertical-align:middle}
#crm-final th{background:#f8fafc;color:#475569}
#crm-final input,#crm-final select,#crm-final textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;outline:none;font-size:14px}
#crm-final input:focus,#crm-final select:focus,#crm-final textarea:focus{border-color:var(--brand)}
#crm-final .empty{padding:28px;text-align:center;color:var(--muted)}
#crm-final .page{display:none}
#crm-final .page.active{display:block}
#crm-final .modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:999999;padding:24px;align-items:center;justify-content:center}
#crm-final .modal.open{display:flex}
#crm-final .modal-box{width:min(1040px,100%);max-height:92vh;overflow:auto;background:white;border-radius:10px}
#crm-final .modal-head,#crm-final .modal-foot{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}
#crm-final .modal-foot{border-bottom:0;border-top:1px solid var(--line);justify-content:flex-start}
#crm-final .modal-head h3{margin:0;color:var(--brand)}
#crm-final .modal-body{padding:18px}
#crm-final .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#crm-final .field{margin-bottom:14px}
#crm-final label{display:block;margin-bottom:7px;color:#334155;font-size:13px}
#crm-final .totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
#crm-final .totals div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px}
#crm-final .totals strong{display:block;margin-top:7px;color:var(--brand);font-size:20px}
@page{size:A4;margin:0}
#crm-final #print-area{display:none}
#crm-final .pdf{width:210mm;min-height:297mm;background:white;color:#0f172a;padding:14mm;direction:rtl;font-family:Arial,Tahoma,sans-serif;overflow:hidden}
#crm-final .pdf-header{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;padding-bottom:18px;margin-bottom:18px;border-bottom:3px solid var(--brand)}
#crm-final .pdf-brand h1{margin:0;color:var(--brand);font-size:30px;line-height:1.2}
#crm-final .pdf-brand p{margin:6px 0 0;color:var(--accent);font-size:13px;font-weight:bold}
#crm-final .pdf-number{background:var(--brand);color:white;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:bold;white-space:nowrap}
#crm-final .pdf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
#crm-final .pdf-box{border:1px solid #dbe3e8;background:#f8fafc;border-radius:8px;padding:12px;min-height:82px}
#crm-final .pdf-box small{display:block;color:#64748b;font-size:11px;margin-bottom:6px}
#crm-final .pdf-box strong{display:block;color:var(--brand);font-size:15px;margin-bottom:5px}
#crm-final .pdf-box span{display:block;color:#334155;font-size:12px;line-height:1.6;word-break:break-word}
#crm-final .pdf-table{width:100%;border-collapse:collapse;table-layout:fixed;direction:rtl}
#crm-final .pdf-table th,#crm-final .pdf-table td{border:1px solid #dbe3e8;padding:8px 7px;font-size:11px;line-height:1.45;text-align:center;vertical-align:middle;word-break:break-word}
#crm-final .pdf-table th{background:var(--brand);color:white;font-weight:bold}
#crm-final .pdf-table th:first-child,#crm-final .pdf-table td:first-child{width:32%;text-align:right}
#crm-final .pdf-summary{width:78mm;margin-top:18px;margin-right:auto;border:1px solid #dbe3e8;border-radius:8px;overflow:hidden;page-break-inside:avoid}
#crm-final .pdf-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;border-bottom:1px solid #e2e8f0}
#crm-final .pdf-row.final{background:var(--brand);color:white;font-weight:bold}
#crm-final .pdf-notes{margin-top:16px;padding:12px;background:#f8fafc;border:1px solid #dbe3e8;border-radius:8px;color:#334155;font-size:12px;line-height:1.7;min-height:42px;page-break-inside:avoid}
#crm-final .pdf-footer{margin-top:22px;padding-top:12px;border-top:1px solid #dbe3e8;color:#64748b;text-align:center;font-size:12px}
@media print{body *{visibility:hidden!important}#crm-final #print-area,#crm-final #print-area *{visibility:visible!important}#crm-final #print-area{display:block!important;position:absolute;top:0;right:0;width:210mm;min-height:297mm;background:white}#crm-final .pdf{width:210mm;min-height:297mm;padding:14mm;margin:0;box-shadow:none}#crm-final .sidebar,#crm-final .main,#crm-final .modal{display:none!important}}
@media(max-width:900px){#crm-final .layout,#crm-final .cards,#crm-final .grid,#crm-final .totals,#crm-final .pdf-grid{grid-template-columns:1fr}#crm-final .topbar{flex-direction:column;align-items:flex-start}}
</style>

<div class="layout">
  <aside class="sidebar">
    <div class="logo"><h2>CRM Pro</h2><p>إدارة العملاء والفواتير</p></div>
    <button type="button" class="nav-btn active" data-page="dashboard">لوحة التحكم</button>
    <button type="button" class="nav-btn" data-page="clients">العملاء</button>
    <button type="button" class="nav-btn" data-page="invoices">الفواتير</button>
  </aside>

  <main class="main">
    <div class="topbar">
      <h1>نظام إدارة العملاء</h1>
      <div>
        <button type="button" class="btn" id="open-client">إضافة عميل</button>
        <button type="button" class="btn orange" id="open-invoice">إنشاء فاتورة</button>
      </div>
    </div>

    <section class="page active" id="page-dashboard">
      <div class="cards">
        <div class="card"><span>عدد العملاء</span><strong id="stat-clients">0</strong></div>
        <div class="card"><span>عدد الفواتير</span><strong id="stat-invoices">0</strong></div>
        <div class="card"><span>إجمالي الوزن</span><strong id="stat-weight">0 كجم</strong></div>
        <div class="card"><span>إجمالي المبلغ</span><strong id="stat-total">$0.00</strong></div>
      </div>
      <div class="panel"><div class="panel-head"><h3>آخر الفواتير</h3></div><div id="dashboard-invoices"></div></div>
    </section>

    <section class="page" id="page-clients">
      <div class="panel"><div class="panel-head"><h3>العملاء</h3><button type="button" class="btn" id="open-client-2">إضافة عميل</button></div><div id="clients-table"></div></div>
    </section>

    <section class="page" id="page-invoices">
      <div class="panel"><div class="panel-head"><h3>الفواتير</h3><button type="button" class="btn orange" id="open-invoice-2">إنشاء فاتورة</button></div><div id="invoices-table"></div></div>
    </section>
  </main>
</div>

<div class="modal" id="client-modal">
  <div class="modal-box">
    <div class="modal-head"><h3>إضافة عميل جديد</h3><button type="button" class="btn gray" data-close="client-modal">إغلاق</button></div>
    <div class="modal-body">
      <div class="grid">
        <div class="field"><label>اسم العميل</label><input id="client-name" placeholder="مثال: شركة النور"></div>
        <div class="field"><label>الدولة</label><input id="client-country" placeholder="مثال: السعودية"></div>
        <div class="field"><label>البريد الإلكتروني</label><input id="client-email" placeholder="client@email.com"></div>
        <div class="field"><label>رقم الجوال</label><input id="client-phone" placeholder="05xxxxxxxx"></div>
      </div>
    </div>
    <div class="modal-foot"><button type="button" class="btn" id="save-client">حفظ العميل</button><button type="button" class="btn gray" data-close="client-modal">إلغاء</button></div>
  </div>
</div>

<div class="modal" id="invoice-modal">
  <div class="modal-box">
    <div class="modal-head"><h3 id="invoice-modal-title">إنشاء فاتورة</h3><button type="button" class="btn gray" data-close="invoice-modal">إغلاق</button></div>
    <div class="modal-body">
      <div class="grid">
        <div class="field"><label>العميل</label><select id="invoice-client"></select></div>
        <div class="field"><label>حالة الفاتورة</label><select id="invoice-status"><option value="غير مدفوعة">غير مدفوعة</option><option value="مدفوعة">مدفوعة</option><option value="ملغاة">ملغاة</option></select></div>
      </div>
      <div class="field">
        <label>العناصر</label>
        <table><thead><tr><th>الوصف</th><th>العدد</th><th>وزن الحبة</th><th>السعر</th><th>وزن السطر</th><th>مبلغ السطر</th><th></th></tr></thead><tbody id="item-rows"></tbody></table>
        <div class="totals">
          <div>إجمالي العدد<strong id="live-total-qty">0</strong></div>
          <div>الوزن الكامل<strong id="live-total-weight">0 كجم</strong></div>
          <div>المبلغ الإجمالي<strong id="live-total-price">$0.00</strong></div>
        </div>
      </div>
      <button type="button" class="btn gray" id="add-item">إضافة عنصر</button>
      <div class="field" style="margin-top:14px"><label>ملاحظات</label><textarea id="invoice-notes" rows="3" placeholder="اكتب أي ملاحظات هنا"></textarea></div>
    </div>
    <div class="modal-foot"><button type="button" class="btn orange" id="save-invoice">حفظ الفاتورة</button><button type="button" class="btn gray" data-close="invoice-modal">إلغاء</button></div>
  </div>
</div>

<div id="print-area">
  <div class="pdf">
    <div class="pdf-header">
      <div class="pdf-brand"><h1>CRM Pro</h1><p>نظام إدارة العملاء والفواتير</p></div>
      <div class="pdf-number" id="pdf-number">فاتورة رقم: INV-001</div>
    </div>

    <div class="pdf-grid">
      <div class="pdf-box"><small>صادرة من</small><strong>شركتك / اسمك</strong><span>info@yourcompany.com</span></div>
      <div class="pdf-box"><small>صادرة إلى</small><strong id="pdf-client-name">اسم العميل</strong><span id="pdf-client-email">client@email.com</span><span id="pdf-client-country">السعودية</span></div>
    </div>

    <div class="pdf-grid">
      <div class="pdf-box"><small>تاريخ الفاتورة</small><strong id="pdf-date">2026-06-23</strong></div>
      <div class="pdf-box"><small>حالة الفاتورة</small><strong id="pdf-status">غير مدفوعة</strong></div>
    </div>

    <table class="pdf-table">
      <thead><tr><th>الوصف</th><th>العدد</th><th>وزن الحبة</th><th>الوزن الكامل</th><th>السعر</th><th>المبلغ</th></tr></thead>
      <tbody id="pdf-items"></tbody>
    </table>

    <div class="pdf-summary">
      <div class="pdf-row"><span>إجمالي العدد</span><span id="pdf-total-qty">0</span></div>
      <div class="pdf-row"><span>الوزن الكامل</span><span id="pdf-total-weight">0 كجم</span></div>
      <div class="pdf-row final"><span>المبلغ الإجمالي</span><span id="pdf-total-price">$0.00</span></div>
    </div>

    <div class="pdf-notes" id="pdf-notes"></div>
    <div class="pdf-footer">شكراً لتعاملكم معنا</div>
  </div>
</div>

<script>
(function(){
function startCrmFinal(){
const root=document.getElementById('crm-final');if(!root)return;
const money=n=>Number(n||0).toLocaleString('en-US',{style:'currency',currency:'USD'});
const weightText=n=>Number(n||0).toLocaleString('en-US',{maximumFractionDigits:2})+' كجم';
const readJSON=(k,d)=>{try{return JSON.parse(localStorage.getItem(k)||JSON.stringify(d))}catch(e){return d}};
let clients=readJSON('crm_final_clients',[]);
let invoices=readJSON('crm_final_invoices',[]);
if(!clients.length){clients=readJSON('crm_fixed_clients',readJSON('crm_weight_clients',readJSON('crm_pro_clients',readJSON('crm_clients',[]))));}
if(!invoices.length){invoices=readJSON('crm_fixed_invoices',readJSON('crm_weight_invoices',readJSON('crm_pro_invoices',readJSON('crm_invoices',[]))));}
let items=[{desc:'',qty:1,weight:0,price:0}];
let editingInvoiceId=null;

function safeText(v){return String(v||'').replace(/[&<>"']/g,s=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[s]));}
function saveState(){localStorage.setItem('crm_final_clients',JSON.stringify(clients));localStorage.setItem('crm_final_invoices',JSON.stringify(invoices));}
function openModal(id){const m=document.getElementById(id);if(m)m.classList.add('open')}
function closeModal(id){const m=document.getElementById(id);if(m)m.classList.remove('open')}
function getClient(id){return clients.find(c=>String(c.id)===String(id))}
function invoiceQty(inv){return (inv.items||[]).reduce((s,i)=>s+Number(i.qty||0),0)}
function invoiceWeight(inv){return (inv.items||[]).reduce((s,i)=>s+Number(i.qty||0)*Number(i.weight||0),0)}
function invoiceTotal(inv){return (inv.items||[]).reduce((s,i)=>s+Number(i.qty||0)*Number(i.price||0),0)}

function updateLiveTotals(){
let qty=0,weight=0,total=0;
items.forEach(i=>{const q=Number(i.qty||0);qty+=q;weight+=q*Number(i.weight||0);total+=q*Number(i.price||0)});
document.getElementById('live-total-qty').textContent=qty.toLocaleString('en-US');
document.getElementById('live-total-weight').textContent=weightText(weight);
document.getElementById('live-total-price').textContent=money(total);
}

function updateRow(index){
const item=items[index];if(!item)return;
const qty=Number(item.qty||0),rowWeight=qty*Number(item.weight||0),rowTotal=qty*Number(item.price||0);
const w=document.querySelector('[data-row-weight="'+index+'"]'),t=document.querySelector('[data-row-total="'+index+'"]');
if(w)w.textContent=weightText(rowWeight);if(t)t.textContent=money(rowTotal);
}

function renderItemRows(){
const body=document.getElementById('item-rows');if(!body)return;
body.innerHTML=items.map((item,index)=>{
const qty=Number(item.qty||0),weight=Number(item.weight||0),price=Number(item.price||0);
return `<tr>
<td><input data-item-desc="${index}" value="${safeText(item.desc)}" placeholder="مثال: برتقال مصري درجة أولى حجم كبير"></td>
<td><input data-item-qty="${index}" type="number" min="0" value="${qty}"></td>
<td><input data-item-weight="${index}" type="number" min="0" step="0.01" value="${weight}"></td>
<td><input data-item-price="${index}" type="number" min="0" step="0.01" value="${price}"></td>
<td><strong data-row-weight="${index}">${weightText(qty*weight)}</strong></td>
<td><strong data-row-total="${index}">${money(qty*price)}</strong></td>
<td><button type="button" class="btn red" data-remove-item="${index}">حذف</button></td>
</tr>`;
}).join('');
updateLiveTotals();
}

function refreshClientSelect(){
const select=document.getElementById('invoice-client');if(!select)return;
if(!clients.length){select.innerHTML='<option value="">أضف عميل أولاً</option>';return}
select.innerHTML=clients.map(c=>`<option value="${c.id}">${safeText(c.name)}</option>`).join('');
}

function renderStats(){
document.getElementById('stat-clients').textContent=clients.length.toLocaleString('en-US');
document.getElementById('stat-invoices').textContent=invoices.length.toLocaleString('en-US');
document.getElementById('stat-weight').textContent=weightText(invoices.reduce((s,i)=>s+invoiceWeight(i),0));
document.getElementById('stat-total').textContent=money(invoices.reduce((s,i)=>s+invoiceTotal(i),0));
}

function renderClients(){
const box=document.getElementById('clients-table');if(!box)return;
if(!clients.length){box.innerHTML='<div class="empty">لا يوجد عملاء بعد</div>';return}
box.innerHTML=`<table><thead><tr><th>الاسم</th><th>الدولة</th><th>البريد</th><th>الجوال</th><th>إجراء</th></tr></thead><tbody>
${clients.map(c=>`<tr><td>${safeText(c.name)}</td><td>${safeText(c.country||'-')}</td><td>${safeText(c.email||'-')}</td><td>${safeText(c.phone||'-')}</td><td><button type="button" class="btn red" data-delete-client="${c.id}">حذف</button></td></tr>`).join('')}
</tbody></table>`;
}

function renderInvoices(targetId,limit){
const box=document.getElementById(targetId);if(!box)return;
const list=limit?invoices.slice(0,limit):invoices;
if(!list.length){box.innerHTML='<div class="empty">لا توجد فواتير بعد</div>';return}
box.innerHTML=`<table><thead><tr><th>رقم الفاتورة</th><th>العميل</th><th>التاريخ</th><th>العدد</th><th>الوزن</th><th>المبلغ</th><th>إجراء</th></tr></thead><tbody>
${list.map(inv=>{const c=getClient(inv.clientId)||{};return `<tr>
<td>${safeText(inv.number)}</td><td>${safeText(c.name||'عميل محذوف')}</td><td>${safeText(inv.date)}</td>
<td>${invoiceQty(inv).toLocaleString('en-US')}</td><td>${weightText(invoiceWeight(inv))}</td><td>${money(invoiceTotal(inv))}</td>
<td><button type="button" class="btn gray" data-edit-invoice="${inv.id}">تعديل</button><button type="button" class="btn orange" data-print="${inv.id}">تصدير PDF</button><button type="button" class="btn" data-excel="${inv.id}">تصدير Excel</button><button type="button" class="btn red" data-delete-invoice="${inv.id}">حذف</button></td>
</tr>`}).join('')}
</tbody></table>`;
}

function renderAll(){renderStats();renderClients();renderInvoices('invoices-table');renderInvoices('dashboard-invoices',5);refreshClientSelect();saveState()}

function showPage(page){
root.querySelectorAll('.page').forEach(e=>e.classList.remove('active'));
root.querySelectorAll('.nav-btn').forEach(e=>e.classList.remove('active'));
const p=document.getElementById('page-'+page),n=root.querySelector('[data-page="'+page+'"]');
if(p)p.classList.add('active');if(n)n.classList.add('active');
}

function openCreateInvoice(){
editingInvoiceId=null;
document.getElementById('invoice-modal-title').textContent='إنشاء فاتورة';
document.getElementById('save-invoice').textContent='حفظ الفاتورة';
items=[{desc:'',qty:1,weight:0,price:0}];
document.getElementById('invoice-status').value='غير مدفوعة';
document.getElementById('invoice-notes').value='';
refreshClientSelect();renderItemRows();openModal('invoice-modal');
}

function openEditInvoice(id){
const inv=invoices.find(x=>String(x.id)===String(id));if(!inv)return;
editingInvoiceId=inv.id;
document.getElementById('invoice-modal-title').textContent='تعديل الفاتورة '+inv.number;
document.getElementById('save-invoice').textContent='حفظ التعديل';
refreshClientSelect();
document.getElementById('invoice-client').value=inv.clientId;
document.getElementById('invoice-status').value=inv.status||'غير مدفوعة';
document.getElementById('invoice-notes').value=inv.notes||'';
items=(inv.items||[]).map(i=>({desc:i.desc||'',qty:Number(i.qty||0),weight:Number(i.weight||0),price:Number(i.price||0)}));
if(!items.length)items=[{desc:'',qty:1,weight:0,price:0}];
renderItemRows();openModal('invoice-modal');
}

function fillPdf(inv,c){
document.getElementById('pdf-number').textContent='فاتورة رقم: '+inv.number;
document.getElementById('pdf-client-name').textContent=c.name||'عميل محذوف';
document.getElementById('pdf-client-email').textContent=c.email||'-';
document.getElementById('pdf-client-country').textContent=c.country||'-';
document.getElementById('pdf-date').textContent=inv.date;
document.getElementById('pdf-status').textContent=inv.status;
document.getElementById('pdf-total-qty').textContent=invoiceQty(inv).toLocaleString('en-US');
document.getElementById('pdf-total-weight').textContent=weightText(invoiceWeight(inv));
document.getElementById('pdf-total-price').textContent=money(invoiceTotal(inv));
document.getElementById('pdf-notes').textContent=inv.notes?'ملاحظات: '+inv.notes:'';
document.getElementById('pdf-items').innerHTML=(inv.items||[]).map(i=>{
const q=Number(i.qty||0),w=Number(i.weight||0),p=Number(i.price||0);
return `<tr><td>${safeText(i.desc)}</td><td>${q.toLocaleString('en-US')}</td><td>${weightText(w)}</td><td>${weightText(q*w)}</td><td>${money(p)}</td><td>${money(q*p)}</td></tr>`;
}).join('');
}

function printInvoice(id){
const inv=invoices.find(x=>String(x.id)===String(id));if(!inv)return;
const c=getClient(inv.clientId)||{};
fillPdf(inv,c);
const oldTitle=document.title,clientName=(c.name||'client').replace(/[\\/:*?"<>|]/g,'-');
document.title=inv.number+'-'+clientName+'.pdf';
window.onafterprint=function(){document.title=oldTitle;window.onafterprint=null};
setTimeout(()=>window.print(),100);
}

function exportInvoiceExcel(id){
const inv=invoices.find(x=>String(x.id)===String(id));if(!inv)return;
const c=getClient(inv.clientId)||{};
const rows=(inv.items||[]).map(i=>{const q=Number(i.qty||0),w=Number(i.weight||0),p=Number(i.price||0);return `<tr><td>${safeText(i.desc)}</td><td>${q}</td><td>${w}</td><td>${q*w}</td><td>${p}</td><td>${q*p}</td></tr>`}).join('');
const html=`<html dir="rtl"><head><meta charset="UTF-8"><style>body{font-family:Arial,Tahoma,sans-serif;direction:rtl}table{border-collapse:collapse;width:100%;margin-bottom:16px}th,td{border:1px solid #999;padding:8px;text-align:center}th{background:#064e56;color:white}.info td{text-align:right;background:#f3f4f6}.total td{font-weight:bold;background:#eaf7f6}</style></head><body>
<h2>فاتورة رقم: ${safeText(inv.number)}</h2>
<table class="info"><tr><td>العميل</td><td>${safeText(c.name||'عميل محذوف')}</td></tr><tr><td>البريد</td><td>${safeText(c.email||'-')}</td></tr><tr><td>الدولة</td><td>${safeText(c.country||'-')}</td></tr><tr><td>التاريخ</td><td>${safeText(inv.date)}</td></tr><tr><td>الحالة</td><td>${safeText(inv.status)}</td></tr></table>
<table><thead><tr><th>الوصف</th><th>العدد</th><th>وزن الحبة</th><th>الوزن الكامل</th><th>السعر USD</th><th>المبلغ USD</th></tr></thead><tbody>${rows}</tbody></table>
<table class="total"><tr><td>إجمالي العدد</td><td>${invoiceQty(inv)}</td></tr><tr><td>الوزن الكامل</td><td>${invoiceWeight(inv)}</td></tr><tr><td>المبلغ الإجمالي USD</td><td>${invoiceTotal(inv)}</td></tr></table>
<p>ملاحظات: ${safeText(inv.notes||'-')}</p></body></html>`;
const blob=new Blob([html],{type:'application/vnd.ms-excel;charset=utf-8'});
const url=URL.createObjectURL(blob),a=document.createElement('a');
const clientName=(c.name||'client').replace(/[\\/:*?"<>|]/g,'-');
a.href=url;a.download=inv.number+'-'+clientName+'.xls';
document.body.appendChild(a);a.click();document.body.removeChild(a);URL.revokeObjectURL(url);
}

root.addEventListener('click',function(event){
const btn=event.target.closest('button');if(!btn)return;
if(btn.dataset.page)showPage(btn.dataset.page);
if(btn.id==='open-client'||btn.id==='open-client-2')openModal('client-modal');
if(btn.id==='open-invoice'||btn.id==='open-invoice-2'){if(!clients.length){alert('أضف عميل أولاً');return}openCreateInvoice()}
if(btn.dataset.close)closeModal(btn.dataset.close);

if(btn.id==='save-client'){
const name=document.getElementById('client-name').value.trim();
if(!name){alert('اكتب اسم العميل');return}
clients.unshift({id:Date.now(),name,country:document.getElementById('client-country').value.trim(),email:document.getElementById('client-email').value.trim(),phone:document.getElementById('client-phone').value.trim()});
document.getElementById('client-name').value='';document.getElementById('client-country').value='';document.getElementById('client-email').value='';document.getElementById('client-phone').value='';
closeModal('client-modal');renderAll();
}

if(btn.id==='add-item'){items.push({desc:'',qty:1,weight:0,price:0});renderItemRows()}
if(btn.dataset.removeItem!==undefined){if(items.length===1){alert('يجب أن يبقى عنصر واحد على الأقل');return}items.splice(Number(btn.dataset.removeItem),1);renderItemRows()}

if(btn.id==='save-invoice'){
const clientId=document.getElementById('invoice-client').value;
if(!clientId){alert('اختر العميل');return}
const cleanItems=items.map(i=>({desc:String(i.desc||'').trim(),qty:Number(i.qty||0),weight:Number(i.weight||0),price:Number(i.price||0)})).filter(i=>i.desc&&i.qty>0);
if(!cleanItems.length){alert('أضف عنصر واحد على الأقل');return}
if(editingInvoiceId){
const inv=invoices.find(x=>String(x.id)===String(editingInvoiceId));
if(inv){inv.clientId=clientId;inv.status=document.getElementById('invoice-status').value;inv.notes=document.getElementById('invoice-notes').value.trim();inv.items=cleanItems}
}else{
invoices.unshift({id:Date.now(),number:'INV-'+String(invoices.length+1).padStart(3,'0'),clientId,date:new Date().toISOString().slice(0,10),status:document.getElementById('invoice-status').value,notes:document.getElementById('invoice-notes').value.trim(),items:cleanItems})
}
editingInvoiceId=null;closeModal('invoice-modal');renderAll();showPage('invoices');
}

if(btn.dataset.editInvoice)openEditInvoice(btn.dataset.editInvoice);
if(btn.dataset.print)printInvoice(btn.dataset.print);
if(btn.dataset.excel)exportInvoiceExcel(btn.dataset.excel);
if(btn.dataset.deleteClient){if(!confirm('حذف العميل؟'))return;clients=clients.filter(c=>String(c.id)!==String(btn.dataset.deleteClient));renderAll()}
if(btn.dataset.deleteInvoice){if(!confirm('حذف الفاتورة؟'))return;invoices=invoices.filter(i=>String(i.id)!==String(btn.dataset.deleteInvoice));renderAll()}
});

root.addEventListener('input',function(event){
const input=event.target;let index=null;
if(input.dataset.itemDesc!==undefined){index=Number(input.dataset.itemDesc);items[index].desc=input.value}
if(input.dataset.itemQty!==undefined){index=Number(input.dataset.itemQty);items[index].qty=Number(input.value||0)}
if(input.dataset.itemWeight!==undefined){index=Number(input.dataset.itemWeight);items[index].weight=Number(input.value||0)}
if(input.dataset.itemPrice!==undefined){index=Number(input.dataset.itemPrice);items[index].price=Number(input.value||0)}
if(index!==null){updateRow(index);updateLiveTotals()}
});

renderItemRows();renderAll();
}
if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',startCrmFinal)}else{startCrmFinal()}
})();
</script>
</div>
```