@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Naskh+Arabic:wght@400;600;700&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-arabic:"Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-glass:#f8fafcd9;--border-color:#e2e8f0;--border-glow:#2563eb26;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-color:#2563eb;--accent-light:#2563eb14;--input-bg:#fff;--success-color:#059669;--success-light:#05966914;--error-color:#dc2626;--error-light:#dc262614;--warning-color:#d97706;--warning-light:#d9770614;--shadow-flat:0 1px 2px #0000000d;--shadow-card:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d}:root.dark{--bg-primary:#090d16;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--bg-glass:#0f172abf;--border-color:#1e293b;--border-glow:#6366f126;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#6366f1;--accent-light:#6366f11a;--input-bg:#090d16;--success-color:#10b981;--success-light:#10b9811a;--error-color:#ef4444;--error-light:#ef44441a;--warning-color:#f59e0b;--warning-light:#f59e0b1a;--shadow-flat:0 1px 2px #0000004d;--shadow-card:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026}*,:before,:after{box-sizing:border-box;transition:background-color var(--transition-normal), border-color var(--transition-normal);margin:0;padding:0;direction:ltr!important;unicode-bidi:isolate!important}html,body,#root{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;text-align:left!important;direction:ltr!important;unicode-bidi:isolate!important}body{justify-content:center;align-items:flex-start;min-height:100vh;padding:80px 20px 40px;display:flex}#root{gap:var(--space-5);width:100%;max-width:1050px;animation:pageFadeIn var(--transition-normal) forwards;flex-direction:column;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.015em;color:var(--text-primary);font-weight:600}p{color:var(--text-secondary);line-height:1.6}textarea,input,select,option,[contenteditable]{text-align:left!important;direction:ltr!important;unicode-bidi:isolate!important}.app-header{z-index:100;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);width:100%;height:70px;margin-top:-60px;margin-bottom:var(--space-3);align-items:center;display:flex;position:sticky;top:0}.header-container{width:100%;max-width:1050px;padding:0 var(--space-2);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-brand{align-items:center;gap:var(--space-3);display:flex}.logo-indicator{border-radius:var(--radius-md);background:var(--accent-color);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}.brand-text h1{font-size:1.2rem;font-weight:600;line-height:1.1}.app-subtitle{color:var(--text-secondary);margin-top:1px;font-size:.75rem;font-weight:400}.header-actions{align-items:center;gap:var(--space-2);display:flex}.theme-toggle-btn{border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background-color:var(--bg-tertiary);opacity:.85}.theme-toggle-btn:active{transform:scale(.98)}.btn-settings-header{border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.btn-settings-header:hover{background-color:var(--bg-tertiary);opacity:.85}.btn-settings-header:active{transform:scale(.98)}.btn-settings-header.active{color:#fff;background-color:var(--accent-color);border-color:var(--accent-color)}.btn-lang-switcher{align-items:center;gap:var(--space-1);background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:0 var(--space-3);border-radius:var(--radius-md);height:34px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem;font-weight:600;display:flex}.btn-lang-switcher:hover{background-color:var(--bg-tertiary);opacity:.85}.btn-lang-switcher:active{transform:scale(.98)}.tab-navigation{gap:var(--space-1);border-bottom:1px solid var(--border-color);width:100%;padding-bottom:1px;display:flex}.tab-btn{color:var(--text-secondary);opacity:.6;font-family:var(--font-sans);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.9rem;font-weight:500;position:relative}.tab-btn:hover{color:var(--text-primary);opacity:1}.tab-btn.active{color:var(--accent-color);opacity:1;font-weight:600}.tab-btn.active:after{content:"";background-color:var(--accent-color);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-1px;left:0;right:0}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-glow)}.resume-banner{justify-content:space-between;align-items:center;gap:var(--space-4);background-color:var(--warning-light);border-color:var(--warning-color);padding:16px var(--space-6);display:flex}.section-title{align-items:center;gap:10px;display:flex}.section-title span{position:relative;top:-1px}.workspace{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.workspace{grid-template-columns:1fr}}.workspace-panel{gap:var(--space-2);flex-direction:column;display:flex}.panel-header{justify-content:space-between;align-items:flex-end;min-height:44px;display:flex}.sample-controls-container{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.samples-label{text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:600}.sample-controls{gap:var(--space-1);display:flex}.btn-sample{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);padding:3px 8px;font-size:.72rem}.btn-sample:hover{background-color:var(--border-color);color:var(--text-primary)}textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;min-height:400px;padding:var(--space-4);color:var(--text-primary);font-family:var(--font-arabic), var(--font-sans);resize:none;box-shadow:var(--shadow-flat);transition:border-color var(--transition-fast);outline:none;font-size:1.05rem;line-height:1.65}textarea:focus{border-color:var(--accent-color)}textarea::placeholder{color:var(--text-muted)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.form-control{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;width:100%;padding:10px 14px;font-size:.88rem}.form-control:focus{border-color:var(--accent-color)}.settings-workspace{gap:var(--space-5);animation:pageFadeIn var(--transition-fast) forwards;grid-template-columns:240px 1fr;display:grid}@media (width<=768px){.settings-workspace{grid-template-columns:1fr}}.settings-sidebar{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-btn{color:var(--text-secondary);font-family:var(--font-sans);text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;padding:10px 14px;font-size:.88rem;font-weight:500}.sidebar-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-btn.active{background-color:var(--accent-light);color:var(--accent-color);font-weight:600}.active-outline{border-color:var(--accent-color)!important}.settings-content-pane{gap:var(--space-5);flex-direction:column;display:flex}.api-providers-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}.provider-row{gap:var(--space-3);background-color:var(--bg-tertiary);border:1px solid var(--border-color);padding:var(--space-4);border-radius:var(--radius-lg);align-items:flex-end;display:flex}@media (width<=640px){.provider-row{flex-direction:column;align-items:stretch}}.provider-field{flex:1}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-control{padding-right:44px}.password-toggle-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:var(--text-primary)}.provider-test-container{align-items:center;gap:var(--space-2);height:38px;display:flex}.conn-indicator{border-radius:var(--radius-full);text-indent:-9999px;flex-shrink:0;justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex}.conn-indicator.success{background-color:var(--success-color)}.conn-indicator.error{background-color:var(--error-color)}.conn-indicator.testing{background-color:var(--warning-color);animation:1s infinite alternate rotatePulse}@keyframes rotatePulse{0%{opacity:.5}to{opacity:1}}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;background-color:var(--bg-secondary);transition:all var(--transition-fast);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent-color);background-color:var(--bg-tertiary)}.upload-zone.has-file{border-style:solid;border-color:var(--success-color)}.upload-icon-wrapper{color:var(--accent-color);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.upload-text{color:var(--text-secondary);font-size:.88rem}.upload-text strong{color:var(--accent-color)}.upload-text span{text-decoration:underline}.file-info{flex-direction:column;align-items:center;gap:2px;display:flex}.file-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.parse-summary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);font-size:.88rem;line-height:1.5}.checkbox-group{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.checkbox-group{grid-template-columns:1fr}}.checkbox-card{border:1px solid var(--border-color);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;align-items:flex-start;gap:var(--space-3);transition:all var(--transition-fast);display:flex;position:relative}.checkbox-card:hover{border-color:var(--border-hover);background-color:var(--bg-secondary)}.checkbox-card.active{border-color:var(--accent-color);background-color:var(--bg-secondary)}.checkbox-card input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom-ui{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:var(--radius-sm);width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.checkbox-card.active .checkbox-custom-ui{border-color:var(--accent-color);background-color:var(--accent-color)}.checkbox-custom-ui:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:none;transform:rotate(45deg)}.checkbox-card.active .checkbox-custom-ui:after{display:block}.label-text{flex-direction:column;gap:1px;display:flex}.label-text strong{color:var(--text-primary);font-size:.88rem}.label-text small{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.btn-action,.btn-action-primary,.btn-action-download{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;color:#fff;transition:all var(--transition-fast);background-color:var(--accent-color);border:none;padding:10px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-action:hover:not(:disabled),.btn-action-primary:hover:not(:disabled){opacity:.88}.btn-action:active:not(:disabled),.btn-action-primary:active:not(:disabled){transform:scale(.98)}.btn-action-download{background-color:var(--success-color)}.btn-action-download:hover{opacity:.88}.btn-action-download:active{transform:scale(.98)}.btn-action-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:.8rem;font-weight:600}.btn-action-secondary:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-action-secondary:active:not(:disabled){transform:scale(.98)}.btn-action:disabled,.btn-action-primary:disabled,.btn-action-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-action.copied{background-color:var(--success-color)}.status-display{border:1px solid var(--border-color);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.status-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.status-badge{text-transform:uppercase;color:#fff;border-radius:var(--radius-sm);letter-spacing:.05em;padding:3px 8px;font-size:.65rem;font-weight:700}.translating .status-badge{background-color:var(--warning-color)}.processing .status-badge{background-color:var(--accent-color)}.completed .status-badge{background-color:var(--success-color)}.error .status-badge{background-color:var(--error-color)}.progress-bar-container{background-color:var(--bg-primary);border-radius:var(--radius-full);align-items:center;height:8px;display:flex;position:relative;overflow:hidden}.progress-bar{background-color:var(--accent-color);width:0%;height:100%;transition:width var(--transition-normal);border-radius:var(--radius-full)}.progress-text{color:var(--text-primary);font-size:.65rem;font-weight:700;position:absolute;right:10px}.warning-banner{border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:10px 14px;line-height:1.45}.stats-panel{border:1px solid var(--border-color);background-color:var(--bg-secondary)}.skeleton-shimmer{background:linear-gradient(90deg, var(--bg-primary) 25%, var(--bg-tertiary) 50%, var(--bg-primary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;width:100%;height:12px;animation:1.5s linear infinite loadingShimmer}.skeleton-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;padding:20px;display:flex}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.animate-shake{animation:.4s ease-in-out shake}.workspace-i18n{gap:var(--space-5);flex-direction:column;animation:.2s ease-out forwards pageFadeIn;display:flex}.mobile-only{display:none!important}.desktop-only{display:block!important}.menu-toggle-btn{border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:none}.menu-toggle-btn:hover{background-color:var(--bg-tertiary)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;background-color:#0006;animation:.15s ease-out forwards pageFadeIn;position:fixed;inset:70px 0 0}.mobile-menu-panel{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a}.mobile-menu-item{align-items:center;gap:var(--space-3);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-fast);height:48px;padding:12px 16px;font-size:.95rem;font-weight:600;display:flex}.mobile-menu-item:hover,.mobile-menu-item.active{border-color:var(--accent-color);background-color:var(--accent-light);color:var(--accent-color)}@media (width<=1024px){body{padding:60px 16px 24px}.card{padding:var(--space-4)}.btn-action,.btn-action-primary,.btn-action-download,.btn-action-secondary,.form-control,select{min-height:44px}}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}body{padding:60px 12px 20px}#root{gap:var(--space-4)}.app-header{height:60px;margin-top:-50px}.mobile-menu-overlay{top:60px}.brand-text,.tab-navigation{display:none}.workspace{gap:var(--space-4);grid-template-columns:1fr}.workspace-panel textarea{min-height:200px;font-size:16px!important}.form-control,select,input{font-size:16px!important}.btn-action,.btn-action-primary,.btn-action-download,.btn-action-secondary{justify-content:center;width:100%;height:48px;font-size:.95rem}.panel-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.sample-controls-container{align-items:stretch;width:100%}.sample-controls{gap:var(--space-2);grid-template-columns:1fr 1fr;width:100%;display:grid}.btn-sample{padding:var(--space-2);text-align:center;border-radius:var(--radius-sm);font-size:.8rem}.settings-workspace{gap:var(--space-4);grid-template-columns:1fr}.settings-sidebar{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);gap:var(--space-2);-webkit-overflow-scrolling:touch;flex-direction:row;width:100%;overflow-x:auto}.sidebar-btn{text-align:center;white-space:nowrap;flex:1;padding:10px 16px;font-size:.88rem}.settings-card{padding:var(--space-4)!important}.checkbox-group{grid-template-columns:1fr}.resume-banner{align-items:stretch;gap:var(--space-4);flex-direction:column}}