@font-face{font-family:NotoSansArabicLocal;src:url(/assets/fonts/NotoSansArabic-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #f5f7fa;--surface: #ffffff;--surface-alt: #f8f9fa;--text: #333333;--text-muted: #6c757d;--primary: #2c5f2d;--primary-hover: #1f4320;--accent: #D4A574;--border: #dee2e6;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--gradient-header: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}[data-theme=dark]{--bg: #0f1419;--surface: #1a2028;--surface-alt: #232a33;--text: #f4e8d8;--text-muted: #8b9199;--primary: #D4A574;--primary-hover: #e6b889;--accent: #D4A574;--border: #2a3440;--shadow: 0 2px 12px rgba(0, 0, 0, .5);--gradient-header: linear-gradient(135deg, #1a2028 0%, #2a1f0f 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#2c5f2d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#1f4320}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}button{font-family:inherit}a{color:inherit;text-decoration:none}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #2c5f2d;outline-offset:2px}::selection{background-color:#2c5f2d;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.card-shadow{box-shadow:0 2px 8px #0000001a}.card-shadow-hover:hover{box-shadow:0 4px 16px #00000026}img{max-width:100%;height:auto}[data-theme=dark] .app-header{background:linear-gradient(135deg,#1a2028,#2a1f0f);color:var(--text)}[data-theme=dark] .app-header h1,[data-theme=dark] .app-header .subtitle{color:var(--text)}[data-theme=dark] .quick-download-btn{background:#d4a5742e;border-color:#d4a57480;color:#f4e8d8}[data-theme=dark] .quick-download-btn:hover:not(:disabled){background:#d4a57452;border-color:#d4a574cc}[data-theme=dark] .app-container{background:var(--bg)}[data-theme=dark] .app-footer{background:#0a0d11;color:#d4a574}[data-theme=dark] .app-footer .solvix-link{color:#d4a574}[data-theme=dark] .fixed-bottom-nav{background:#1a20288c!important;border-top:1px solid rgba(212,165,116,.25);box-shadow:0 -4px 30px #00000080}[data-theme=dark] .nav-button-primary{background:linear-gradient(135deg,#d4a574,#8b6914);color:#0f1419;border:1px solid rgba(244,232,216,.25);box-shadow:0 4px 16px #d4a57459}[data-theme=dark] .nav-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#e6b889,#a67a1a)}[data-theme=dark] .nav-button-secondary{background:var(--surface);color:#d4a574;border:2px solid #D4A574}[data-theme=dark] .nav-button-secondary:hover:not(:disabled){background:var(--surface-alt);color:#e6b889;border-color:#e6b889}[data-theme=dark] .nav-button-skip{background:var(--surface);color:var(--text-muted);border:2px solid var(--border)}[data-theme=dark] .feature-box,[data-theme=dark] .step-card,[data-theme=dark] .dua-card,[data-theme=dark] .preset-card,[data-theme=dark] .border-style-card,[data-theme=dark] .customization-section,[data-theme=dark] .customization-group,[data-theme=dark] .why-use-section{background:var(--surface)!important;border-color:#d4a5744d!important;color:var(--text)!important}[data-theme=dark] .dua-item,[data-theme=dark] .action-item,[data-theme=dark] .note-item{background:var(--surface-alt)!important;color:var(--text)!important}[data-theme=dark] .dua-item:hover,[data-theme=dark] .action-item:hover{background:#2a3440!important}[data-theme=dark] .step-header{background:linear-gradient(135deg,#1a2028,#2a1f0f)!important;color:#d4a574!important}[data-theme=dark] .step-header:hover{background:linear-gradient(135deg,#232a33,#331f08)!important}[data-theme=dark] .action-dua{background:#d4a57412!important;border-left-color:#d4a574!important}[data-theme=dark] .feature-box h3,[data-theme=dark] .feature-box p,[data-theme=dark] .why-use-section h3,[data-theme=dark] .why-use-section p,[data-theme=dark] .dua-card p,[data-theme=dark] .step-card p,[data-theme=dark] .step-details{color:var(--text)!important}[data-theme=dark] .feature-box h3,[data-theme=dark] .why-use-section h3,[data-theme=dark] .about-title,[data-theme=dark] .preview-header h2,[data-theme=dark] .dua-selection h2,[data-theme=dark] .steps-selection h2,[data-theme=dark] .template-customization h2,[data-theme=dark] .actions-section h4,[data-theme=dark] .notes-section h4,[data-theme=dark] .template-customization h3,[data-theme=dark] .option-group label,[data-theme=dark] .advanced-options h4,[data-theme=dark] .header h2{color:#d4a574!important}[data-theme=dark] .dua-arabic{color:#f4e8d8!important}[data-theme=dark] .dua-transliteration{color:#b8bcc2!important}[data-theme=dark] .dua-translation{color:#e5e7ea!important}[data-theme=dark] .badge,[data-theme=dark] .category-badge{background-color:#d4a57440!important;color:#d4a574!important}[data-theme=dark] .feature-box{box-shadow:0 4px 16px #0006!important}[data-theme=dark] .feature-box:hover{border-color:#d4a574!important;box-shadow:0 12px 30px #d4a57433!important}[data-theme=dark] .preset-card:hover,[data-theme=dark] .border-style-card:hover{border-color:#d4a57499!important}[data-theme=dark] .preset-card.active,[data-theme=dark] .border-style-card.active{border-color:#d4a574!important;background:#d4a57414!important}[data-theme=dark] .preset-name{background:var(--surface-alt)!important;color:var(--text)!important}[data-theme=dark] .border-preview-box{background:var(--surface-alt)!important}[data-theme=dark] .border-preview-content{color:#d4a574!important}[data-theme=dark] .border-style-name{color:var(--text)!important}[data-theme=dark] .border-style-desc{color:var(--text-muted)!important}[data-theme=dark] .advanced-options{border-top-color:var(--border)!important}[data-theme=dark] .card-counter{background:var(--surface-alt)!important;color:var(--text)!important}[data-theme=dark] .empty-state{background:var(--surface-alt)!important;color:var(--text-muted)!important}[data-theme=dark] .btn-nav{background-color:#d4a574!important;color:#0f1419!important}[data-theme=dark] .btn-nav:hover:not(:disabled){background-color:#e6b889!important}[data-theme=dark] .btn-nav:disabled{background-color:var(--border)!important;color:var(--text-muted)!important}[data-theme=dark] .thumbnail-btn{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}[data-theme=dark] .thumbnail-btn:hover{border-color:#d4a574!important;background:var(--surface-alt)!important}[data-theme=dark] .thumbnail-btn.active{background-color:#d4a574!important;border-color:#d4a574!important;color:#0f1419!important}[data-theme=dark] .btn-generate{background:linear-gradient(135deg,#d4a574,#8b6914)!important;color:#0f1419!important;box-shadow:0 4px 15px #d4a57466}[data-theme=dark] .btn-print{background:linear-gradient(135deg,#8b6914,#5a4428)!important;color:#f4e8d8!important}[data-theme=dark] .btn-copy-all,[data-theme=dark] .btn-copy{background:linear-gradient(135deg,#d4a574,#8b6914)!important;color:#0f1419!important}[data-theme=dark] .step-progress-container{background:var(--surface)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .step-item .step-circle{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-muted)!important}[data-theme=dark] .step-item.active .step-circle,[data-theme=dark] .step-item.completed .step-circle{background:#d4a574!important;border-color:#d4a574!important;color:#0f1419!important}[data-theme=dark] .step-item .step-label{color:var(--text)!important}[data-theme=dark] .step-item.active .step-label,[data-theme=dark] .step-item.completed .step-label{color:#d4a574!important}[data-theme=dark] .step-connector,[data-theme=dark] .step-item:not(:last-child):after{background:var(--border)!important}[data-theme=dark] .step-connector.completed,[data-theme=dark] .step-item.completed:not(:last-child):after{background:#d4a574!important}[data-theme=dark] .dua-card.selected,[data-theme=dark] .step-card.selected{border-color:#d4a574!important;background:#d4a57414!important}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#d4a574}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#e6b889}[data-theme=dark] button:focus,[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{outline-color:#d4a574}[data-theme=dark] ::selection{background-color:#d4a574;color:#0f1419}[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=email],[data-theme=dark] input[type=search],[data-theme=dark] input[type=color],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=dark] label{color:var(--text)!important}[data-theme=dark] .color-input,[data-theme=dark] .number-input,[data-theme=dark] .select-input{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=dark] .color-input:hover,[data-theme=dark] .number-input:hover,[data-theme=dark] .select-input:hover{border-color:#d4a57499!important}[data-theme=dark] .color-input:focus,[data-theme=dark] .number-input:focus,[data-theme=dark] .select-input:focus{border-color:#d4a574!important;outline-color:#d4a574!important}[data-theme=dark] .tooltip{background:#000000f2!important;color:#f4e8d8!important}.print-sheet{display:none}@media print{@page{size:A4;margin:15mm}html,body{background:#fff!important;color:#000!important}.no-print{display:none!important}body.printing>*:not(.print-sheet){display:none!important}body.printing app-root>*:not(.print-sheet){display:none!important}body.printing .print-sheet{display:block!important;position:static!important;width:100%;background:#fff}.print-section{page-break-before:always}.print-section:first-child{page-break-before:auto}.print-section-title{font-family:Montserrat,Roboto,Arial,sans-serif;font-size:28pt;font-weight:700;text-align:center;color:#2c5f2d;margin:80mm 0 20mm;page-break-after:always}.print-card{page-break-inside:avoid;break-inside:avoid;margin-bottom:10mm;padding:10mm!important;background:#fff;border:2px solid #2c5f2d;border-radius:8px}.print-card-header{font-family:Montserrat,Roboto,Arial,sans-serif;font-size:14pt;font-weight:700;text-align:center;padding-bottom:4mm;margin-bottom:6mm;border-bottom:1px solid rgba(0,0,0,.15)}.print-arabic{direction:rtl;text-align:center;line-height:2.2;margin:4mm 0;font-family:Amiri,Noto Naskh Arabic,NotoSansArabicLocal,serif!important}.print-transliteration{text-align:center;font-style:italic;line-height:1.6;margin-top:3mm}.print-translation{text-align:center;line-height:1.65;margin-top:3mm}.print-step-card{padding:8mm!important}.print-step-description{font-size:11pt;line-height:1.6;margin-bottom:4mm}.print-subheading{font-family:Montserrat,Roboto,Arial,sans-serif;font-size:12pt;font-weight:700;margin:4mm 0 2mm;color:#2c5f2d}.print-actions{padding-left:6mm;font-size:10.5pt;line-height:1.6}.print-actions li{margin-bottom:3mm}.print-action-dua{margin:2mm 0 3mm;padding:3mm 4mm;background:#00000008;border-left:1mm solid #c9a961;page-break-inside:avoid}.print-action-dua .print-arabic{font-size:16pt;margin:1mm 0}.print-action-dua .print-transliteration,.print-action-dua .print-translation{text-align:left;font-size:9.5pt}.print-action-notes{margin:1mm 0 2mm 4mm;padding-left:4mm;font-size:9.5pt;color:#555}.print-important-notes{margin-top:4mm;padding:3mm 4mm;background:#cc00000d;border-left:1mm solid #cc0000;page-break-inside:avoid}.print-notes-heading{color:#c00;margin-top:0}.print-important-notes ul{padding-left:5mm;font-size:10pt;line-height:1.55}}@media (max-width: 768px){button,a,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important}body{-webkit-overflow-scrolling:touch}@media (hover: none){.feature-box:hover,.border-style-card:hover,.preset-card:hover{transform:none}}}@media (max-width: 480px){html{font-size:14px}body{font-size:14px;padding:0;margin:0}h1{font-size:1.5rem;line-height:1.3}h2{font-size:1.25rem;line-height:1.3}h3{font-size:1.1rem;line-height:1.3}h4{font-size:1rem;line-height:1.3}h5{font-size:.9rem;line-height:1.3}h6{font-size:.85rem;line-height:1.3}*{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}body,html{overflow-x:hidden;width:100%;max-width:100vw}.container,.app-container,.app-main{max-width:100%;overflow-x:hidden;padding-left:1rem;padding-right:1rem}}