@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--color-bg: #0b0d14;--color-surface: #13161f;--color-surface-2: #1a1e2e;--color-surface-3: #21263a;--color-border: rgba(255,255,255,.08);--color-border-glow: rgba(99,102,241,.4);--color-primary: #6366f1;--color-primary-light:#818cf8;--color-primary-dark: #4f46e5;--color-primary-glow: rgba(99,102,241,.2);--color-success: #10b981;--color-success-glow: rgba(16,185,129,.2);--color-error: #f43f5e;--color-error-glow: rgba(244,63,94,.2);--color-vip: #f59e0b;--color-vip-glow: rgba(245,158,11,.2);--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-faint: #475569;--font-sans: "Inter", system-ui, sans-serif;--font-arabic: "Tajawal", "Inter", system-ui, sans-serif;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-full: 9999px;--shadow-glow-primary: 0 0 40px rgba(99,102,241,.15), 0 0 80px rgba(99,102,241,.05);--shadow-card: 0 4px 24px rgba(0,0,0,.4);--shadow-modal: 0 24px 80px rgba(0,0,0,.6);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-overlay: 100;--z-modal: 200;--z-toast: 300}[dir=rtl]{--font-sans: var(--font-arabic);font-family:var(--font-arabic)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8);overflow:hidden}.glass-card{background:#13161fcc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-8);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:1.125rem;font-weight:700;border-radius:var(--radius-full);box-shadow:0 0 30px var(--color-primary-glow),var(--shadow-card);transition:transform .15s var(--ease),box-shadow .15s var(--ease),opacity .15s var(--ease);width:100%;max-width:400px;min-height:64px;letter-spacing:.02em}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 0 50px var(--color-primary-glow),0 8px 32px #0006}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:1rem;font-weight:500;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.btn-ghost:hover{background:#ffffff1a;color:var(--color-text);border-color:#ffffff2e}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:#ffffff0f;border:1px solid var(--color-border);transition:background .15s var(--ease)}.btn-icon:hover{background:#ffffff1f}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(99,102,241,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 90%,rgba(79,70,229,.08) 0%,transparent 60%),var(--color-bg)}.brand-logo{display:flex;align-items:center;gap:var(--sp-3);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.brand-logo-dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 12px var(--color-primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.status-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.status-badge.queued{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.processing{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.status-badge.completed{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.failed{background:#f43f5e26;color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.progress-ring{transition:stroke-dashoffset .5s var(--ease);transform:rotate(-90deg);transform-origin:center}.face-oval{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-oval-border{width:280px;height:360px;border:3px solid var(--color-primary);border-radius:50%;box-shadow:0 0 0 2000px #0b0d1499,0 0 40px var(--color-primary-glow) inset;animation:oval-glow 2s ease-in-out infinite alternate}@keyframes oval-glow{0%{box-shadow:0 0 0 2000px #0b0d1499,0 0 20px var(--color-primary-glow) inset}to{box-shadow:0 0 0 2000px #0b0d1499,0 0 50px #6366f14d inset,0 0 2px var(--color-primary) inset}}.spinner{width:48px;height:48px;border:3px solid var(--color-surface-3);border-top-color:var(--color-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:var(--sp-8);left:50%;transform:translate(-50%);z-index:var(--z-toast);padding:var(--sp-4) var(--sp-6);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;display:flex;align-items:center;gap:var(--sp-3);min-width:320px;max-width:480px;text-align:center;box-shadow:var(--shadow-modal)}.toast.error{background:#f43f5e26;border:1px solid rgba(244,63,94,.4);color:#fda4af}.toast.success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.toast.info{background:#6366f126;border:1px solid rgba(99,102,241,.4);color:#a5b4fc}.consent-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--color-border);font-size:.9375rem;color:var(--color-text-muted);line-height:1.6;transition:background .15s var(--ease),border-color .15s var(--ease)}.consent-item.active{background:#6366f114;border-color:#6366f140;color:var(--color-text)}.styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-4);width:100%;max-height:55vh;overflow-y:auto;padding-right:var(--sp-2);scrollbar-width:thin;scrollbar-color:var(--color-surface-3) transparent}.style-card{position:relative;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s var(--ease),transform .2s var(--ease-spring),box-shadow .2s var(--ease)}.style-card:hover{transform:scale(1.03);box-shadow:var(--shadow-glow-primary)}.style-card.selected{border-color:var(--color-primary);box-shadow:0 0 30px var(--color-primary-glow)}.style-card.locked{cursor:not-allowed;filter:brightness(.5)}.style-card-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);background:#0009;color:var(--color-vip);font-size:.75rem;font-weight:700;letter-spacing:.08em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.style-card-name{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-3);background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);font-size:.8125rem;font-weight:600;color:#fff}.processing-ring{position:relative;width:160px;height:160px}.processing-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;animation:spin 2s linear infinite}.processing-ring-inner{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center}.result-panel{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-card);max-height:55vh;aspect-ratio:1}.result-panel img{width:100%;height:100%;object-fit:cover}.lang-toggle{position:fixed;top:var(--sp-4);right:var(--sp-4);z-index:var(--z-overlay);display:flex;gap:var(--sp-2)}[dir=rtl] .lang-toggle{right:auto;left:var(--sp-4)}.idle-badge{position:fixed;bottom:var(--sp-4);left:50%;transform:translate(-50%);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-faint);pointer-events:none}.input-field{width:100%;padding:var(--sp-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:1rem;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);outline:none}.input-field::placeholder{color:var(--color-text-faint)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);width:100%}.delivery-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);font-size:.875rem;font-weight:600;transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease-spring)}.delivery-btn:hover{background:var(--color-surface-3);border-color:var(--color-border-glow);transform:translateY(-2px)}.delivery-btn svg{color:var(--color-primary-light)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:2px}.operator-scroll-root{height:100vh;overflow-y:auto!important}.status-badge.validating{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.status-badge.cancelled{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}body.operator-mode{overflow:auto!important;-webkit-user-select:auto!important;user-select:auto!important}body.operator-mode #root{overflow:auto!important;height:auto;min-height:100vh}