*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green-950:#052e16;--green-900:#14532d;--green-800:#166534;--green-700:#15803d;--green-600:#16a34a;--green-500:#22c55e;--green-400:#4ade80;--green-300:#86efac;--green-100:#dcfce7;--green-50:#f0fdf4;--primary:#047857;--primary-dark:#065f46;--primary-light:#d1fae5;--accent:#f59e0b;--accent-dark:#d97706;--danger:#dc2626;--danger-light:#fef2f2;--warning:#f59e0b;--warning-light:#fffbeb;--info:#0ea5e9;--info-light:#f0f9ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-main:"Cairo","Tajawal",sans-serif;--font-display:"Cairo",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a,0 4px 8px #0000000f;--shadow-green:0 4px 20px #04785740;--transition:200ms cubic-bezier(0.4,0,0.2,1);--nav-height:64px;--bottom-nav-height:68px;--max-width:480px}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);direction:rtl;font-family:Cairo,Tajawal,sans-serif;font-family:var(--font-main);line-height:1.6;overflow-x:hidden;text-align:right}#root,body{min-height:100vh;min-height:100dvh}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Cairo,sans-serif;font-family:var(--font-display);font-weight:700;line-height:1.3}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.text-center{text-align:center}.text-start{text-align:right}.page{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:480px;max-width:var(--max-width);padding-bottom:68px;padding-bottom:var(--bottom-nav-height);width:100%}.page-content{flex:1 1;overflow-y:auto;padding:16px;padding:var(--space-4)}.card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:20px;padding:var(--space-5)}.card+.card{margin-top:12px;margin-top:var(--space-3)}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Cairo,Tajawal,sans-serif;font-family:var(--font-main);font-size:15px;font-weight:600;gap:8px;gap:var(--space-2);justify-content:center;padding:10px 20px;padding:10px var(--space-5);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#047857;background:var(--primary);box-shadow:0 4px 20px #04785740;box-shadow:var(--shadow-green);color:#fff}.btn-primary:hover:not(:disabled){background:#065f46;background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--gray-200)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-outline{background:#0000;border:1.5px solid #047857;border:1.5px solid var(--primary);color:#047857;color:var(--primary)}.btn-outline:hover:not(:disabled){background:#d1fae5;background:var(--primary-light)}.btn-full{width:100%}.btn-lg{font-size:16px;padding:14px 24px;padding:14px var(--space-6)}.btn-sm{font-size:13px;padding:6px 12px;padding:6px var(--space-3)}.input{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);color:#111827;color:var(--gray-900);direction:rtl;font-family:Cairo,Tajawal,sans-serif;font-family:var(--font-main);font-size:15px;padding:12px 16px;padding:12px var(--space-4);text-align:right;transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.input:focus{border-color:#047857;border-color:var(--primary);box-shadow:0 0 0 3px #0478571f;outline:none}.input::placeholder{color:#9ca3af;color:var(--gray-400)}.input-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.input-label{color:#374151;color:var(--gray-700);font-size:14px;font-weight:600}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;padding:2px 10px}.badge-green{background:#dcfce7;background:var(--green-100);color:#166534;color:var(--green-800)}.badge-yellow{background:#fef9c3;color:#854d0e}.badge-red{background:#fee2e2;color:#991b1b}.badge-gray{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.badge-blue{background:#dbeafe;color:#1e40af}.kpi-bar{background:#f3f4f6;background:var(--gray-100);height:8px;overflow:hidden}.kpi-bar,.kpi-bar-fill{border-radius:9999px;border-radius:var(--radius-full)}.kpi-bar-fill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.kpi-bar-fill.green{background:linear-gradient(90deg,#22c55e,#4ade80);background:linear-gradient(90deg,var(--green-500),var(--green-400))}.kpi-bar-fill.yellow{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi-bar-fill.red{background:linear-gradient(90deg,#ef4444,#f87171)}.spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-top-color:#047857;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.loading-page{gap:12px;gap:var(--space-3);min-height:60vh}.empty-state,.loading-page{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;justify-content:center}.empty-state{padding:48px 24px;padding:var(--space-12) var(--space-6);text-align:center}.empty-state svg{margin-bottom:16px;margin-bottom:var(--space-4);opacity:.4}.empty-state h3{color:#4b5563;color:var(--gray-600);font-size:16px;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.toast-container{display:flex;flex-direction:column;gap:8px;gap:var(--space-2);left:50%;max-width:420px;pointer-events:none;position:fixed;top:16px;top:var(--space-4);transform:translateX(-50%);width:calc(100% - 32px);z-index:9999}.toast{animation:toastIn .3s ease;background:#111827;background:var(--gray-900);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 10px 30px #0000001a,0 4px 8px #0000000f;box-shadow:var(--shadow-lg);color:#fff;font-size:14px;font-weight:500;padding:12px 16px;padding:12px var(--space-4);pointer-events:all}.toast.success{background:#047857;background:var(--primary)}.toast.error{background:#dc2626;background:var(--danger)}.toast.warning{background:#d97706;background:var(--accent-dark)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.divider{background:#f3f4f6;background:var(--gray-100);height:1px;margin:16px 0;margin:var(--space-4) 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3)}.section-title{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:700}.amount-large{font-feature-settings:"tnum";color:#047857;color:var(--primary);font-size:36px;font-weight:800;line-height:1}.amount-currency{color:#6b7280;color:var(--gray-500);font-size:16px;font-weight:600;margin-right:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease forwards}@media (min-width:768px){.page{border-left:1px solid #e5e7eb;border-left:1px solid var(--gray-200);border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);box-shadow:0 10px 30px #0000001a,0 4px 8px #0000000f;box-shadow:var(--shadow-lg);min-height:100vh}}
/*# sourceMappingURL=main.8761995d.css.map*/