:root{--navy:#0f1f3d;--navy-mid:#1a3560;--blue:#1d4ed8;--blue-light:#3b82f6;--blue-pale:#eff6ff;--blue-border:#bfdbfe;--gold:#d97706;--red-light:#fff1f2;--red-border:#fecdd3;--red-text:#be123c;--green-light:#f0fdf4;--green-border:#bbf7d0;--green-text:#15803d;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-600:#475569;--gray-800:#1e293b;--white:#fff;--font:"Cairo", sans-serif;--mono:"IBM Plex Mono", monospace;--page-w:794px;--page-h:1123px;--page-pad:28px 32px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);color:var(--gray-800);-webkit-text-size-adjust:100%;direction:rtl;background:#cbd5e1}#root{flex-direction:column;align-items:center;gap:24px;padding:32px 16px;display:flex}.a4-page{width:var(--page-w);min-height:var(--page-h);height:var(--page-h);padding:var(--page-pad);background:#fff;border-radius:4px;flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000002e}@media print{@page{margin:0;size:A4 portrait}html,body{background:#fff!important}#root{background:#fff!important;gap:0!important;padding:0!important}.a4-page{width:210mm!important;height:297mm!important;min-height:297mm!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important;border-radius:0!important;padding:12mm 14mm!important;overflow:hidden!important}.a4-page:last-child{page-break-after:avoid!important;break-after:avoid!important}.print-btn{display:none!important}*{box-shadow:none!important}}@media (width<=820px){:root{--page-w:100vw;--page-h:auto;--page-pad:20px 16px}.a4-page{width:100%!important;height:auto!important;min-height:unset!important;box-shadow:none!important;border-radius:0!important}#root{background:#fff;gap:8px;padding:0}}.grid-3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.grid-checks{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.grid-compare{grid-template-columns:1fr 1fr;gap:7px;display:grid}@media (width<=480px){.grid-3,.grid-checks,.grid-compare,.grid-2{grid-template-columns:1fr}}
