:root{--brand-primary:#30507a;--brand-slate:#4a5f71;--text-dark:#1a1a1a;--text-secondary:#1f2a33;--bg-light:#f5f7fa;--neutral-support:#a0988a;--accent-subtle:#d0d8dc;--blue:#30507a;--blue-hover:#263f60;--blue-light:#30507a0f;--blue-50:#30507a0a;--violet:#4a5f71;--violet-light:#4a5f710f;--emerald:#10b981;--emerald-light:#10b9810f;--amber:#f59e0b;--white:#fff;--n50:#f5f7fa;--n100:#eef1f5;--n200:#d0d8dc;--n300:#a0988a;--n400:#7a7e82;--n500:#4a5f71;--n600:#3a4d5e;--n700:#1f2a33;--n800:#1a1a1a;--n900:#111;--danger:#c0392b;--danger-light:#c0392b0f;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a;--shadow-focus:0 0 0 3px #30507a26;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--font:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;color:var(--n900);background:var(--white)}body{min-height:100dvh;line-height:1.6}:focus-visible{box-shadow:var(--shadow-focus);border-radius:6px;outline:none}:focus:not(:focus-visible){box-shadow:none;outline:none}input,textarea,select{font-family:var(--font);color:var(--n900);appearance:none;font-size:16px}.auto-textarea{resize:none;min-height:44px;transition:border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);overflow:hidden}.auto-textarea:focus{border-color:var(--blue);box-shadow:var(--shadow-focus)}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input,.input-wrapper textarea{border:1.5px solid var(--n200);background:var(--white);width:100%;transition:border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out),background-color var(--duration-fast)var(--ease-out);border-radius:12px;padding:12px 16px}.input-wrapper input:hover,.input-wrapper textarea:hover{border-color:var(--n300)}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:var(--blue);box-shadow:var(--shadow-focus);background:var(--white)}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--n400);transition:opacity var(--duration-fast)var(--ease-out)}.input-wrapper input:focus::placeholder,.input-wrapper textarea:focus::placeholder{opacity:.5}.char-counter{color:var(--n400);pointer-events:none;transition:color var(--duration-fast);font-size:11px;position:absolute;bottom:8px;right:12px}.char-counter.warn{color:var(--amber)}.char-counter.danger{color:var(--danger)}.btn{font-family:var(--font);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--duration-normal)var(--ease-out);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--blue-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--n100);color:var(--n700);border:1.5px solid var(--n200)}.btn-secondary:hover:not(:disabled){background:var(--n50);border-color:var(--n300)}.btn-ghost{color:var(--n600);background:0 0;padding:8px 16px}.btn-ghost:hover:not(:disabled){background:var(--n50)}.btn-danger{background:var(--danger);color:var(--white)}.btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--white);border:1px solid var(--n200);transition:box-shadow var(--duration-normal)var(--ease-out),border-color var(--duration-normal)var(--ease-out);border-radius:16px;padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--blue)}.badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-violet{background:var(--violet-light);color:var(--violet)}.badge-emerald{background:var(--emerald-light);color:var(--emerald)}.badge-amber{color:#d97706;background:#f59e0b14}.badge-red{background:var(--danger-light);color:var(--danger)}.chat-container{flex-direction:column;height:100%;display:flex}.chat-messages{scroll-behavior:smooth;overscroll-behavior:contain;flex:1;padding:16px 20px;overflow-y:auto}.chat-messages>:last-child{scroll-margin-bottom:20px}.chat-bubble{max-width:80%;animation:bubbleIn var(--duration-slow)var(--ease-spring);border-radius:16px;padding:12px 16px;font-size:14.5px;line-height:1.65}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble-ai{background:var(--n50);border:1px solid var(--n200);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble-user{background:var(--blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble-other{background:var(--violet-light);border:1px solid #4a5f711f;border-left:3px solid var(--violet);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble-system{text-align:center;color:var(--n500);background:var(--n50);border-radius:20px;align-self:center;max-width:90%;padding:6px 14px;font-size:13px}.chat-input-bar{border-top:1px solid var(--n200);background:var(--white);align-items:flex-end;gap:10px;padding:12px 20px 16px;display:flex}.chat-input-bar .auto-textarea{border:1.5px solid var(--n200);background:var(--n50);border-radius:14px;flex:1;max-height:160px;padding:12px 16px;font-size:15px;line-height:1.5;overflow-y:auto}.chat-input-bar .auto-textarea:focus{background:var(--white);border-color:var(--blue);box-shadow:var(--shadow-focus)}.chat-send-btn{background:var(--blue);color:#fff;cursor:pointer;width:42px;height:42px;transition:all var(--duration-fast)var(--ease-out);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--blue-hover);transform:scale(1.05)}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{background:var(--n200);cursor:not-allowed}.typing-indicator{align-items:center;gap:4px;padding:12px 16px;display:flex}.typing-dot{background:var(--n300);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.steps{-webkit-overflow-scrolling:touch;align-items:center;gap:0;padding:16px 20px;display:flex;overflow-x:auto}.step-dot{width:28px;height:28px;transition:all var(--duration-normal)var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.step-dot-done{background:var(--emerald);color:#fff}.step-dot-active{background:var(--blue);color:#fff;box-shadow:0 0 0 4px #30507a26}.step-dot-pending{background:var(--n100);color:var(--n400);border:1.5px solid var(--n200)}.step-line{min-width:20px;height:2px;transition:background var(--duration-normal);flex:1}.step-line-done{background:var(--emerald)}.step-line-pending{background:var(--n200)}.step-label{white-space:nowrap;margin-left:6px;margin-right:6px;font-size:11px;font-weight:600}.file-card{background:var(--n50);border:1px solid var(--n200);transition:border-color var(--duration-fast);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.file-card:hover{border-color:var(--n300)}.file-icon{background:var(--blue-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.page-enter{animation:pageIn var(--duration-slow)var(--ease-out)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chat-bubble{max-width:90%;font-size:14px}.chat-input-bar{padding:10px 12px 14px}input,textarea,select{font-size:16px!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--n300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--n400)}::selection{color:var(--n900);background:#30507a26}[dir=rtl]{text-align:right;direction:rtl;font-family:Noto Sans Arabic,Inter,system-ui,sans-serif}[dir=rtl] .step-label{margin-left:6px;margin-right:6px}[dir=rtl] .chat-bubble-ai{border-bottom-right-radius:4px;border-bottom-left-radius:16px}[dir=rtl] .chat-bubble-user{border-bottom-right-radius:16px;border-bottom-left-radius:4px}[dir=rtl] .chat-bubble-other{border-left:1px solid #4a5f711f;border-right:3px solid var(--violet);border-bottom-right-radius:4px;border-bottom-left-radius:16px}[dir=rtl] .btn,[dir=rtl] .chat-input-bar{direction:rtl}.markdown-body{font-size:14.5px;line-height:1.65}.markdown-body p{margin:0 0 8px}.markdown-body p:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--n800);margin:12px 0 6px;font-weight:700}.markdown-body h1{font-size:16px}.markdown-body h2{font-size:15px}.markdown-body h3{font-size:14px}.markdown-body ul,.markdown-body ol{margin:4px 0 8px;padding-left:20px}.markdown-body li{margin-bottom:3px}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.markdown-body code{background:#30507a14;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:13px}.markdown-body pre{background:var(--n50);border-radius:8px;margin:6px 0;padding:10px 14px;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0}.markdown-body hr{border:none;border-top:1px solid var(--n200);margin:10px 0}