:root{--bg: #070b18;--bg-soft: #0b1224;--bg-deep: #050813;--card: rgba(255, 255, 255, .045);--card-2: rgba(255, 255, 255, .075);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .17);--text: #e8edf7;--text-dim: #9baac4;--text-mute: #6b7c99;--teal: #2dd4bf;--teal-dark: #0f766e;--beacon: #f5b544;--violet: #7c3aed;--danger: #f87171;--ok: #34d399;--radius: 18px;--radius-sm: 12px;--shadow: 0 18px 50px rgba(2, 6, 18, .55);--font: "Inter", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Fira Code", ui-monospace, "SFMono-Regular", monospace;--sidebar-w: 300px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 520px at 12% -8%,rgba(45,212,191,.18),transparent 62%),radial-gradient(760px 460px at 88% 4%,rgba(124,58,237,.17),transparent 60%),radial-gradient(700px 520px at 62% 108%,rgba(245,181,68,.11),transparent 62%);z-index:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--teal)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:20px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;height:100dvh}.sidebar{display:flex;flex-direction:column;gap:14px;padding:18px 16px;background:#090e1eb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-inline-end:1px solid var(--border);min-height:0}.brand{display:flex;align-items:center;gap:11px;padding:4px 4px 10px}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#2dd4bfe6,#0f766ed9);box-shadow:0 10px 26px #2dd4bf47;flex:none}.brand-name{font-weight:700;font-size:20px;letter-spacing:.4px;line-height:1.1}.brand-tag{font-size:11.5px;color:var(--text-mute)}.side-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-inline-end:2px}.side-label{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-mute);margin:10px 6px 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:500;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px);background:var(--card-2);border-color:var(--border-strong);box-shadow:0 10px 24px #02061266}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#2dd4bf,#0ea5a0);border-color:transparent;color:#04231f;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,#46e3cf,#12b3ac)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--card);color:var(--text)}.btn-block{width:100%}.btn-sm{padding:7px 11px;font-size:13px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;font-size:13px;white-space:nowrap;background:var(--card);border:1px solid var(--border);color:var(--text-dim);transition:all .18s ease}.chip:hover{transform:translateY(-2px);color:var(--text);border-color:var(--border-strong)}.chip.active{background:linear-gradient(135deg,#2dd4bf38,#7c3aed2e);border-color:#2dd4bf8c;color:#d8fff8}.chat-item{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:var(--radius-sm);border:1px solid transparent;transition:all .16s ease;text-align:start;width:100%}.chat-item:hover{background:var(--card);border-color:var(--border)}.chat-item.active{background:linear-gradient(135deg,#2dd4bf29,#7c3aed1f);border-color:#2dd4bf66}.chat-item .ci-text{flex:1;min-width:0}.chat-item .ci-title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item .ci-meta{font-size:11px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--text-mute);transition:all .16s ease;flex:none}.icon-btn:hover{background:#ffffff17;color:var(--text)}.icon-btn.danger:hover{background:#f8717129;color:var(--danger)}.side-foot{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.who{display:flex;align-items:center;gap:10px;padding:0 4px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;background:linear-gradient(140deg,#7c3aede6,#2dd4bfcc);color:#08111f;flex:none}.who-name{font-size:13.5px;font-weight:500}.who-mail{font-size:11px;color:var(--text-mute)}.mode-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text-dim)}.mode-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--beacon)}.mode-pill.live .dot{background:var(--ok);box-shadow:0 0 10px var(--ok)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(180deg,#0b12248c,#050813bf)}.topbar{display:flex;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid var(--border);background:#090e1e99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;z-index:5}.topbar-title{flex:1;min-width:0}.topbar-title h1{margin:0;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title p{margin:2px 0 0;font-size:11.5px;color:var(--text-mute)}.burger{display:none}.scroll-area{flex:1;min-height:0;overflow-y:auto;padding:26px 22px 8px}.thread{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.msg{display:flex;gap:12px;animation:fadeUp .32s ease both}.msg.user{flex-direction:row-reverse}.msg-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;margin-top:2px}.msg-avatar.bot{background:linear-gradient(140deg,#2dd4bff2,#0f766ee6);color:#04231f}.msg-avatar.me{background:#ffffff1a;border:1px solid var(--border);color:var(--text-dim)}.bubble{max-width:min(76ch,100%);padding:14px 17px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);line-height:1.75;font-size:15px;overflow-wrap:anywhere}.msg.user .bubble{background:linear-gradient(135deg,#2dd4bf26,#2dd4bf12);border-color:#2dd4bf47}.bubble-foot{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid var(--border);font-size:11px;color:var(--text-mute)}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md h1,.md h2,.md h3{margin:16px 0 8px;line-height:1.35;font-weight:650}.md h3{font-size:16.5px;color:#cdfdf5}.md h2{font-size:18px}.md h1{font-size:20px}.md p{margin:9px 0}.md ul,.md ol{margin:9px 0;padding-inline-start:22px}.md li{margin:5px 0}.md strong{color:#fff;font-weight:600}.md em{color:var(--text-dim)}.md hr{border:none;border-top:1px solid var(--border);margin:14px 0}.md blockquote{margin:12px 0;padding:9px 14px;border-inline-start:3px solid var(--beacon);background:#f5b54412;border-radius:10px;color:#f6dcae;font-size:13.5px}.md code.inline{font-family:var(--mono);font-size:13px;padding:2px 6px;border-radius:6px;background:#ffffff17;border:1px solid var(--border)}.md table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.md th,.md td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:start}.md th{background:#ffffff0f;font-weight:600;font-size:12.5px;color:#d7e2f3}.md tbody tr:hover{background:#ffffff08}.code-block{margin:13px 0;border-radius:14px;border:1px solid var(--border);overflow:hidden;background:#03060fd9}.code-head{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:#ffffff0d;border-bottom:1px solid var(--border);font-size:11.5px;color:var(--text-mute);font-family:var(--mono)}.code-block pre{margin:0;padding:14px 15px;overflow-x:auto;direction:ltr;text-align:left}.code-block code{font-family:var(--mono);font-size:13px;line-height:1.65;color:#d6e6f7;white-space:pre}.composer-wrap{padding:12px 22px 20px;background:linear-gradient(180deg,transparent,rgba(5,8,19,.9) 45%)}.composer{max-width:860px;margin:0 auto;border-radius:20px;border:1px solid var(--border);background:#0d1426d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.composer:focus-within{border-color:#2dd4bf80;box-shadow:0 0 0 4px #2dd4bf17}.composer textarea{width:100%;border:none;outline:none;background:transparent;resize:none;font-size:15px;line-height:1.7;max-height:210px;padding:5px 5px 8px}.composer textarea::placeholder{color:var(--text-mute)}.composer-row{display:flex;align-items:center;gap:8px}.composer-row .spacer{flex:1}.hint{font-size:11px;color:var(--text-mute);text-align:center;margin:9px auto 0;max-width:860px}.send-btn{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#2dd4bf,#0ea5a0);color:#04231f;transition:transform .18s ease,filter .18s ease;flex:none}.send-btn:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.08)}.send-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.recording{color:var(--danger);animation:pulse 1.1s infinite}.empty{max-width:760px;margin:4vh auto 0;text-align:center;animation:fadeUp .45s ease both}.empty h2{font-size:clamp(22px,3.4vw,31px);margin:16px 0 8px;letter-spacing:-.4px}.empty p{color:var(--text-dim);margin:0 auto 22px;max-width:54ch;line-height:1.8;font-size:14.5px}.glow-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12.5px;border:1px solid rgba(45,212,191,.35);background:#2dd4bf17;color:#b9f7ee}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px;margin-top:8px}.prompt-card{text-align:start;padding:14px 15px;border-radius:15px;border:1px solid var(--border);background:var(--card);transition:all .2s ease}.prompt-card:hover{transform:translateY(-3px);border-color:#2dd4bf73;background:var(--card-2);box-shadow:var(--shadow)}.prompt-card strong{display:block;font-size:13.5px;margin-bottom:4px}.prompt-card span{font-size:12.5px;color:var(--text-mute);line-height:1.6}.page{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding-bottom:30px}.card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;animation:fadeUp .35s ease both}.card h3{margin:0 0 4px;font-size:16px;display:flex;align-items:center;gap:9px}.card .sub{color:var(--text-mute);font-size:12.5px;margin:0 0 16px;line-height:1.7}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;color:var(--text-dim)}.field input,.field textarea,.field select{padding:10px 12px;border-radius:11px;border:1px solid var(--border);background:#060a16b3;outline:none;font-size:14px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:#2dd4bf8c;box-shadow:0 0 0 4px #2dd4bf14}.field .hintline{font-size:11px;color:var(--text-mute)}.row-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:11px}.stat{padding:14px 15px;border-radius:15px;border:1px solid var(--border);background:#ffffff09}.stat .v{font-size:23px;font-weight:650;letter-spacing:-.5px}.stat .l{font-size:11.5px;color:var(--text-mute);margin-top:3px}.spark{display:flex;align-items:flex-end;gap:4px;height:62px;margin-top:14px}.spark i{flex:1;background:linear-gradient(180deg,var(--teal),rgba(15,118,110,.35));border-radius:5px 5px 3px 3px;min-height:4px;transition:height .4s ease}.auth-wrap{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:26px 18px}.auth-card{width:100%;max-width:430px;border-radius:24px;border:1px solid var(--border);background:#0b1224d1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);padding:30px 28px;animation:fadeUp .45s ease both}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-card h1{font-size:23px;margin:0 0 6px;letter-spacing:-.3px}.auth-card .lead{color:var(--text-dim);font-size:13.5px;line-height:1.75;margin:0 0 20px}.auth-form{display:flex;flex-direction:column;gap:13px}.switch-line{text-align:center;font-size:12.5px;color:var(--text-mute);margin-top:16px}.alert{padding:10px 13px;border-radius:11px;font-size:13px;border:1px solid rgba(248,113,113,.35);background:#f871711a;color:#fecaca}.alert.ok{border-color:#34d39959;background:#34d3991a;color:#bbf7d0}.feat-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:9px}.feat-list li{display:flex;align-items:center;gap:9px;font-size:12.8px;color:var(--text-dim)}.toast-wrap{position:fixed;bottom:22px;inset-inline-start:50%;transform:translate(50%);display:flex;flex-direction:column;gap:9px;z-index:60;pointer-events:none}[dir=ltr] .toast-wrap{transform:translate(-50%)}.toast{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:13px;background:#0f172af2;border:1px solid var(--border-strong);box-shadow:var(--shadow);font-size:13.5px;animation:fadeUp .28s ease both;max-width:90vw}.toast.ok{border-color:#34d39980}.toast.err{border-color:#f8717180}.typing{display:inline-flex;gap:5px;align-items:center;height:20px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:bounce 1.1s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.caret{display:inline-block;width:8px;height:15px;margin-inline-start:3px;background:var(--teal);vertical-align:-2px;animation:pulse 1s infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 900px){:root{--sidebar-w: 0px}.app{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(86vw,322px);z-index:41;transform:translate(105%);transition:transform .3s cubic-bezier(.22,.8,.28,1);pointer-events:none;box-shadow:0 0 70px #020612bf;border-inline-end:1px solid var(--border-strong)}[dir=ltr] .sidebar{transform:translate(-105%)}.sidebar.open{transform:none;pointer-events:auto}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#03060f9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeUp .2s ease both}.burger{display:grid}.topbar{padding:11px 14px}.scroll-area{padding:18px 13px 6px}.composer-wrap{padding:10px 13px 16px}.bubble{font-size:14.5px;padding:12px 14px}.card{padding:16px}}@media (min-width: 901px){.backdrop{display:none}}@media (max-width: 480px){.auth-card{padding:24px 19px;border-radius:20px}.stat .v{font-size:20px}.msg-avatar{width:30px;height:30px}}