:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0}html,body{overflow-x:hidden}#root{width:100%}.app-shell{width:100%;min-width:100%}body{color:#20242b;background:#f3f5f8;font-family:Arial,Segoe UI,Tahoma,sans-serif}button,input,select,textarea{font:inherit}:root{--afaaq-burgundy:#8b2035;--afaaq-burgundy-dark:#671628;--afaaq-burgundy-soft:#f8f0f2;--afaaq-blue-gray:#617086;--afaaq-dark:#252b35;--afaaq-border:#dde2e8;--afaaq-light:#f7f8fa}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:28px 18px;display:flex}.home-card{background:#fff;border:1px solid #e4e7ec;border-radius:26px;width:min(100%,1080px);padding:34px;box-shadow:0 18px 48px #0f172a14}.report-page{align-self:flex-start}.logos-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-bottom:26px;display:flex}.brand-logo{object-fit:contain;display:block}.afaaq-logo,.bunyan-logo{width:145px;max-height:145px}.intro{text-align:center;margin-bottom:30px}.intro h1{color:var(--afaaq-burgundy);margin:0 0 8px;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.intro p{color:var(--afaaq-blue-gray);margin:0;font-size:clamp(1rem,2vw,1.15rem)}.report-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.report-card{cursor:pointer;background:#fff;border:1px solid #e0e5eb;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:185px;padding:24px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.report-card:hover{border-color:var(--afaaq-burgundy);transform:translateY(-3px);box-shadow:0 12px 28px #0f172a17}.report-icon{font-size:2.2rem}.report-card strong{color:var(--afaaq-burgundy);font-size:1.2rem}.report-card small{color:var(--afaaq-blue-gray);text-align:center;font-size:.95rem;line-height:1.6}.back-button{color:#fff;cursor:pointer;background:#242424;border:0;border-radius:999px;margin:0 auto 18px;padding:10px 24px;display:block}.preview-button{background:var(--afaaq-burgundy);color:#fff;cursor:pointer;border:0;border-radius:14px;min-width:190px;padding:13px 24px;font-weight:700;transition:background .2s,transform .2s}.preview-button:hover{background:var(--afaaq-burgundy-dark);transform:translateY(-1px)}.report-form{width:min(100%,860px);margin:0 auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field-wide{grid-column:1/-1}.form-field label{color:#374151;font-size:.98rem;font-weight:700}.optional-text{color:#8b95a5;font-weight:400}.form-field input,.form-field select,.form-field textarea{color:#20242b;background:#fff;border:1px solid #d6dce5;border-radius:14px;outline:none;width:100%;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.form-field input,.form-field select{min-height:50px}.form-field textarea{resize:vertical;min-height:120px;line-height:1.7}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--afaaq-burgundy);box-shadow:0 0 0 3px #8b20351a}.form-field input::placeholder,.form-field textarea::placeholder{color:#9aa3b2}.form-field input[type=file]{background:#fafafa;padding:10px}.field-hint{color:#7c8796;font-size:.88rem}.form-actions{justify-content:center;margin-top:28px;display:flex}.weekly-section{margin-top:28px}.weekly-section-title{text-align:center;color:var(--afaaq-dark);margin:0 0 18px}.weekly-activity-card{border:1px solid var(--afaaq-border);background:#fcfcfd;border-radius:18px;margin-bottom:18px;padding:20px}.weekly-activity-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.weekly-activity-header strong{color:var(--afaaq-burgundy);font-size:1.05rem}.remove-activity-button,.add-activity-button{cursor:pointer;border:0;border-radius:999px;padding:9px 18px}.remove-activity-button{color:#333;background:#eee}.add-activity-button{background:var(--afaaq-burgundy-soft);color:var(--afaaq-burgundy-dark);margin:8px auto 24px;font-weight:700;display:block}.weekly-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 28px;display:grid}.weekly-total-card{border:1px solid var(--afaaq-border);text-align:center;background:#fff;border-radius:16px;padding:18px 12px}.weekly-total-card strong{color:var(--afaaq-burgundy);margin-bottom:5px;font-size:1.7rem;display:block}.weekly-total-card span{color:var(--afaaq-blue-gray)}.preview-content{width:min(100%,920px);margin:0 auto;position:relative}.preview-content:before{content:"";background:linear-gradient(90deg, var(--afaaq-burgundy-dark), var(--afaaq-burgundy), #76849a);border-radius:20px 20px 0 0;width:100%;height:7px;margin-bottom:20px;display:block}.preview-grid{background:var(--afaaq-border);border:1px solid var(--afaaq-border);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:28px;display:grid;overflow:hidden}.preview-item{background:#fff;flex-direction:column;justify-content:center;gap:8px;min-height:95px;padding:18px 20px;display:flex}.preview-item strong{color:var(--afaaq-burgundy);font-size:.92rem;font-weight:700}.preview-item span{color:var(--afaaq-dark);white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.05rem;line-height:1.8}.preview-wide{grid-column:1/-1}.preview-wide:nth-last-child(-n+3){background:#fcfcfd}.weekly-preview-section-title{background:#941e35;border-radius:10px;margin:28px 0 18px;padding:14px 18px}.weekly-preview-section-title h2{color:#fff;margin:0;font-size:22px;font-weight:700}.preview-images-section{margin-top:32px;padding-top:4px}.preview-images-section h2{background:var(--afaaq-burgundy);color:#fff;text-align:right;border-radius:12px;margin:0 0 18px;padding:13px 18px;font-size:1.15rem}.preview-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.preview-images img{object-fit:cover;background:#f5f5f5;border:1px solid #e0e4e9;border-radius:14px;width:100%;height:280px;display:block}.preview-images img:only-child{object-fit:contain;grid-column:1/-1;width:min(100%,680px);height:auto;max-height:520px;margin:0 auto}.preview-content:after{content:"مشروع آفاق للتعريف بالإسلام باللغة البرتغالية";text-align:center;border-top:1px solid var(--afaaq-border);color:#778293;margin-top:28px;padding-top:16px;font-size:.86rem;display:block}.preview-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:32px;display:flex}.preview-actions .back-button{border-radius:14px;min-width:170px;margin:0;padding:13px 24px}.preview-actions .preview-button{min-width:170px}@media (width<=900px){.app-shell{align-items:flex-start;padding:20px 14px}.home-card{border-radius:22px;padding:28px 22px}.form-grid{grid-template-columns:1fr}.form-field-wide{grid-column:auto}.report-options{grid-template-columns:1fr}.report-card{min-height:135px}.afaaq-logo,.bunyan-logo{width:125px;max-height:125px}.weekly-totals{grid-template-columns:1fr}.preview-images img{height:240px}}@media (width<=520px){.app-shell{padding:12px 8px}.home-card{border-radius:18px;padding:22px 14px}.logos-row{gap:12px;margin-bottom:20px}.afaaq-logo,.bunyan-logo{width:104px;max-height:104px}.intro{margin-bottom:22px}.intro h1{font-size:2rem}.form-grid{gap:14px}.form-field input,.form-field select,.form-field textarea{border-radius:12px;padding:12px;font-size:16px}.form-field input,.form-field select{min-height:48px}.form-field textarea{min-height:110px}.preview-button{width:100%}.back-button{margin-bottom:16px}.weekly-activity-card{padding:14px}.weekly-activity-header{flex-direction:column;align-items:flex-start}.preview-content:before{height:5px;margin-bottom:14px}.preview-grid{border-radius:14px;grid-template-columns:1fr}.preview-wide{grid-column:auto}.preview-item{min-height:auto;padding:15px 14px}.preview-item strong{font-size:.88rem}.preview-item span{font-size:1rem}.weekly-preview-section-title{margin:20px 0 14px;padding:12px 14px}.weekly-preview-section-title h2{font-size:1.05rem}.preview-images-section{margin-top:24px}.preview-images{grid-template-columns:1fr;gap:10px}.preview-images img,.preview-images img:only-child{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:420px}.preview-actions{flex-direction:column}.preview-actions .back-button,.preview-actions .preview-button{width:100%}.preview-content:after{line-height:1.7}}@page{size:A4;margin:7mm}@media print{html,body,#root{width:100%;min-height:auto;margin:0;padding:0;background:#fff!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.preview-shell{min-height:auto;display:block;background:#fff!important;padding:0!important}.printable-report{width:100%!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}.no-print{display:none!important}.logos-row{break-inside:avoid!important;page-break-inside:avoid!important;gap:8mm!important;margin:0 0 2.5mm!important}.afaaq-logo,.bunyan-logo{width:18mm!important;max-height:18mm!important}.intro{break-inside:avoid!important;page-break-inside:avoid!important;margin-bottom:2.5mm!important}.intro h1{color:#8b2035!important;margin:0!important;font-size:16pt!important;line-height:1.1!important}.intro p{display:none!important}.preview-content{width:100%!important;max-width:none!important;margin:0!important}.preview-content:before{height:1.2mm!important;margin-bottom:2mm!important}.preview-grid{background:#d7dce3!important;border:.2mm solid #d7dce3!important;border-radius:1.8mm!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:0 0 2.5mm!important;display:grid!important;overflow:visible!important}.preview-item{break-inside:avoid-page!important;page-break-inside:avoid!important;-webkit-column-break-inside:avoid!important;background:#fff!important;border:.1mm solid #e2e5e9!important;gap:.4mm!important;min-height:8.5mm!important;padding:1.5mm 2.5mm!important}.preview-item strong{color:#8b2035!important;font-size:6.8pt!important;line-height:1.1!important}.preview-item span{color:#20242b!important;font-size:7.6pt!important;line-height:1.22!important}.preview-wide{grid-column:1/-1!important}.preview-wide:nth-last-child(-n+3){min-height:9mm!important;padding-top:1.6mm!important;padding-bottom:1.6mm!important}.weekly-preview-section-title{break-inside:avoid-page!important;page-break-inside:avoid!important;break-after:avoid-page!important;page-break-after:avoid!important;background:#8b2035!important;border-radius:1.5mm!important;margin:2.5mm 0 2mm!important;padding:1.8mm 3mm!important}.weekly-preview-section-title h2{color:#fff!important;margin:0!important;font-size:8.5pt!important;line-height:1.1!important}.preview-content>.weekly-preview-section-title:nth-of-type(4)+.preview-grid{background:0 0!important;border:.2mm solid #d7dce3!important;border-radius:1.8mm!important;display:block!important;overflow:visible!important}.preview-content>.weekly-preview-section-title:nth-of-type(4)+.preview-grid>.preview-item{break-inside:avoid-page!important;page-break-inside:avoid!important;-webkit-column-break-inside:avoid!important;border:0!important;border-bottom:.2mm solid #dfe3e8!important;width:100%!important;min-height:auto!important;margin:0!important;padding:2mm 3mm!important;display:flex!important}.preview-content>.weekly-preview-section-title:nth-of-type(4)+.preview-grid>.preview-item:last-child{border-bottom:0!important}.preview-content>.weekly-preview-section-title:nth-of-type(4)+.preview-grid>.preview-item>strong,.preview-content>.weekly-preview-section-title:nth-of-type(4)+.preview-grid>.preview-item>span{break-inside:avoid!important;page-break-inside:avoid!important}.preview-images-section{break-before:page!important;page-break-before:always!important;margin-top:0!important;padding-top:0!important}.preview-images-section h2{color:#fff!important;break-after:avoid-page!important;page-break-after:avoid!important;background:#8b2035!important;border-radius:1.8mm!important;margin:0 0 3mm!important;padding:2.3mm 3mm!important;font-size:10pt!important}.preview-images{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:3mm!important;display:grid!important}.preview-images img,.preview-images img:only-child{object-fit:cover!important;break-inside:avoid-page!important;page-break-inside:avoid!important;background:#f5f5f5!important;border:.2mm solid #dfe3e8!important;border-radius:1.8mm!important;width:100%!important;height:60mm!important;max-height:60mm!important;margin:0!important}.preview-images img:only-child{object-fit:contain!important;grid-column:1/-1!important;width:74%!important;height:auto!important;max-height:150mm!important;margin:0 auto!important}.preview-content:after{color:#778293!important;break-inside:avoid-page!important;page-break-inside:avoid!important;border-top:.2mm solid #d9dde3!important;margin-top:3mm!important;padding-top:2mm!important;font-size:6.8pt!important}}