@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";html,body{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#f8f9fa;--panel-bg:#fff;--panel-border:#dadce0;--primary:#1a73e8;--primary-hover:#1557b0;--secondary:#1a73e8;--text-main:#202124;--text-muted:#5f6368;--success:#137333;--danger:#c5221f;--warning:#b06000;--font-arabic:"Cairo", sans-serif;--font-english:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-main);font-family:var(--font-arabic);direction:rtl;min-height:100vh;overflow-x:hidden}.app-container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;display:flex}header{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.logo-section h1{color:#1a73e8;align-items:center;gap:.75rem;font-size:1.6rem;font-weight:600;display:flex}.logo-section span{font-family:var(--font-english);color:#fff;background:#1a73e8;border-radius:20px;padding:.2rem .6rem;font-size:.85rem;font-weight:500}.header-actions{gap:1rem;display:flex}.btn{font-size:.95rem;font-weight:500;font-family:var(--font-arabic);cursor:pointer;border:1px solid #0000;border-radius:24px;align-items:center;gap:.5rem;padding:.6rem 1.5rem;transition:background-color .15s,box-shadow .15s;display:flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn-secondary{color:var(--primary);border:1px solid var(--panel-border);background:0 0}.btn-secondary:hover{background:#1a73e80a;border-color:#1a73e8}.btn-danger{color:var(--danger);background:#fce8e6;border:1px solid #fad2cf}.btn-danger:hover{background:#fbe0dd}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#0f6229;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.grid-layout{grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (width<=900px){.grid-layout{grid-template-columns:1fr}}.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:2rem;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.card h2{color:var(--text-main);border-bottom:1px solid var(--panel-border);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.3rem;font-weight:500}.upload-zone{text-align:center;cursor:pointer;background:#1a73e805;border:2px dashed #1a73e8;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:3.5rem 2rem;transition:background-color .2s,border-color .2s;display:flex}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary-hover);background:#1a73e80d}.upload-icon{color:var(--primary);font-size:3.5rem}.file-info{border:1px solid var(--panel-border);background:#f1f3f4;border-radius:8px;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--text-main);font-size:.95rem;font-weight:500}.form-control{border:1px solid var(--panel-border);color:var(--text-main);font-family:var(--font-arabic);background:#fff;border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #1a73e833}.export-format-selector{border:1px solid var(--panel-border);background:#f1f3f4;border-radius:8px;align-items:center;gap:1.5rem;margin:1.5rem 0;padding:1rem;display:flex}.export-format-selector label{font-size:.95rem;font-weight:600}.format-options{gap:1rem;display:flex}.format-option{cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.format-option input[type=radio]{accent-color:var(--primary);width:1.1rem;height:1.1rem}.progress-container{margin-top:1.5rem}.progress-header{justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;font-weight:500;display:flex}.progress-bar-bg{background:#e8eaed;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .4s}.pages-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;max-height:400px;margin-top:1.5rem;padding-left:.5rem;display:grid;overflow-y:auto}.page-card{border:1px solid var(--panel-border);background:#f1f3f4;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;transition:background-color .15s;display:flex;position:relative}.page-card:hover{background:#e8eaed}.page-number{color:var(--text-main);font-size:1rem;font-weight:600}.status-badge{border-radius:4px;align-self:flex-start;padding:.2rem .5rem;font-size:.8rem;font-weight:500}.status-pending{color:var(--text-muted);background:#e8eaed}.status-extracting_image{color:#b06000;background:#fef7e0}.status-raw_ocr,.status-formatting{color:#1a73e8;background:#e8f0fe}.status-completed{color:var(--success);background:#e6f4ea}.status-failed{color:var(--danger);background:#fce8e6}.preview-modal-overlay{z-index:1000;background:#20212499;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.preview-modal{border:1px solid var(--panel-border);background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;height:80vh;transition:max-width .3s,height .3s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0003}.preview-modal.auditing-mode{max-width:1400px;height:90vh}.preview-modal-header{border-bottom:1px solid var(--panel-border);background:#f8f9fa;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.preview-modal-body{background:#fcfcfc;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.preview-tabs{border-bottom:1px solid var(--panel-border);gap:.5rem;padding-bottom:.5rem;display:flex}.preview-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.preview-tab.active{color:#1a73e8;background:#e8f0fe}.text-viewer{white-space:pre-wrap;border:1px solid var(--panel-border);color:var(--text-main);direction:rtl;background:#fff;border-radius:8px;padding:1.5rem;font-family:Traditional Arabic,Cairo,serif;font-size:1.35rem;line-height:2.2;box-shadow:inset 0 1px 2px #0000000d}.tags-viewer{white-space:pre-wrap;text-align:left;border:1px solid var(--panel-border);color:#c5221f;direction:ltr;background:#f8f9fa;border-radius:8px;padding:1.5rem;font-family:monospace;font-size:.95rem;line-height:1.6;box-shadow:inset 0 1px 2px #0000000d}.formatted-run-aya{color:#137333;font-weight:700}.formatted-run-hadith{color:#c5221f;font-weight:700}.formatted-run-poetry{text-align:center;color:var(--text-muted);margin:.5rem 0;font-style:italic;display:block}.formatted-run-bold{color:var(--text-main);font-weight:700}.formatted-run-footnote{border-right:3px solid var(--primary);color:var(--text-muted);background:#f1f3f4;border-radius:0 4px 4px 0;margin-top:.5rem;padding:.5rem 1rem;font-size:.9rem;display:block}.formatted-run-heading{text-align:center;color:var(--primary);margin:1.5rem 0 1rem;font-size:1.6rem;font-weight:700;display:block}.settings-overlay{z-index:1000;background:#20212499;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{border:1px solid var(--panel-border);background:#fff;border-radius:16px;width:100%;max-width:500px;padding:2rem;box-shadow:0 4px 16px #0003}.settings-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.settings-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}