:root{--bg: #020617;--bg-2: #0a1122;--panel: #0f172a;--panel-2: #1e293b;--muted: #1a1e2f;--line: #334155;--line-soft: rgba(148, 163, 184, .14);--fg: #f8fafc;--fg-2: #cbd5e1;--fg-3: #94a3b8;--fg-4: #64748b;--accent: #22c55e;--accent-soft: rgba(34, 197, 94, .14);--pos: #22c55e;--neg: #ef4444;--neu: #f59e0b;--info: #38bdf8;--violet: #8b5cf6;--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--shadow: 0 22px 60px -28px rgba(0, 0, 0, .95);--font: "Noto Sans Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-head: "Noto Naskh Arabic", "Noto Sans Arabic", serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.7}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(760px 420px at 88% -8%,rgba(34,197,94,.13),transparent 62%),radial-gradient(680px 420px at 6% 4%,rgba(139,92,246,.13),transparent 60%),linear-gradient(180deg,#020617,#050b18 55%,#020617);z-index:-1}::selection{background:#22c55e4d}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#29354a;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:#3b4a63}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{display:grid;grid-template-columns:288px 1fr;min-height:100%}.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:22px 18px;background:linear-gradient(180deg,#0f172aeb,#020617db);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-inline-end:1px solid var(--line-soft)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#22c55e38,#8b5cf633);border:1px solid rgba(34,197,94,.32);color:var(--accent);box-shadow:0 0 22px -6px #22c55e80}.brand h1{font-family:var(--font-head);font-size:1.32rem;margin:0;letter-spacing:-.2px}.brand p{margin:0;font-size:.72rem;color:var(--fg-4);letter-spacing:.4px}.nav{display:flex;flex-direction:column;gap:5px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--fg-2);font-size:.93rem;text-align:start;width:100%;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.nav-item:hover{background:#94a3b817;color:var(--fg);transform:translateY(-2px)}.nav-item.active{background:var(--accent-soft);border-color:#22c55e61;color:var(--fg);font-weight:600}.nav-item.active svg{color:var(--accent)}.nav-item small{margin-inline-start:auto;color:var(--fg-4);font-size:.7rem}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.engine-card{border:1px solid var(--line-soft);border-radius:var(--r-md);background:#0f172a99;padding:12px 13px;font-size:.76rem;color:var(--fg-3);line-height:1.6}.engine-card b{color:var(--fg-2);font-weight:600}.main{display:flex;flex-direction:column;min-width:0}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 26px;background:#020617b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}.top h2{font-family:var(--font-head);font-size:1.14rem;margin:0}.top .sub{color:var(--fg-4);font-size:.8rem}.top .spacer{margin-inline-start:auto}.burger{display:none}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid var(--line-soft);background:#94a3b812;font-size:.74rem;color:var(--fg-2)}.pill.green{border-color:#22c55e59;background:var(--accent-soft);color:#86efac}.pill.amber{border-color:#f59e0b52;background:#f59e0b1f;color:#fcd34d}.pill.violet{border-color:#8b5cf657;background:#8b5cf621;color:#c4b5fd}.body{padding:24px 26px 60px;display:flex;flex-direction:column;gap:20px;max-width:1180px}.card{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:#0f172a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:20px}.card-head{display:flex;align-items:center;gap:11px;margin-bottom:14px;flex-wrap:wrap}.card-head h3{font-family:var(--font-head);font-size:1.02rem;margin:0}.card-head .spacer{margin-inline-start:auto}.card-head p{margin:0;font-size:.79rem;color:var(--fg-4);width:100%}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat{border:1px solid var(--line-soft);border-radius:var(--r-md);background:linear-gradient(160deg,#1e293b99,#0f172a6b);padding:15px 16px;transition:transform .2s ease,border-color .2s ease}.stat:hover{transform:translateY(-2px);border-color:#22c55e4d}.stat .v{font-size:1.6rem;font-weight:700;font-family:var(--font-head)}.stat .k{font-size:.78rem;color:var(--fg-3)}.stat .ic{color:var(--accent);margin-bottom:6px}textarea,input[type=text],select{width:100%;border:1px solid var(--line);border-radius:var(--r-md);background:#020617ad;padding:12px 14px;font-size:.92rem;line-height:1.75;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease}textarea:focus,input[type=text]:focus,select:focus{outline:none;border-color:#22c55e99;box-shadow:0 0 0 3px #22c55e21}textarea{min-height:132px}label.field{display:block;font-size:.79rem;color:var(--fg-3);margin-bottom:6px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.grow{flex:1 1 220px;min-width:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 17px;border-radius:999px;border:1px solid var(--line);background:#94a3b81a;color:var(--fg);font-size:.88rem;font-weight:500;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover:not(:disabled){transform:translateY(-2px);background:#94a3b82b}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;color:#04240f;font-weight:600}.btn.primary:hover:not(:disabled){box-shadow:0 14px 30px -12px #22c55ebf}.btn.ghost{background:transparent}.btn.ghost:hover:not(:disabled){background:#94a3b81f}.btn.sm{padding:7px 13px;font-size:.8rem}.seg{display:inline-flex;padding:3px;gap:3px;border:1px solid var(--line-soft);border-radius:999px;background:#02061780}.seg button{border:0;background:transparent;color:var(--fg-3);padding:6px 14px;border-radius:999px;font-size:.82rem;transition:background .18s ease,color .18s ease}.seg button:hover{color:var(--fg)}.seg button.on{background:var(--accent-soft);color:#86efac;font-weight:600}.chat-scroll{display:flex;flex-direction:column;gap:12px;max-height:470px;overflow-y:auto;padding:4px 2px}.msg{max-width:82%;border-radius:var(--r-md);padding:12px 15px;font-size:.92rem;animation:fadeUp .32s ease both}.msg.user{margin-inline-start:auto;background:linear-gradient(135deg,#22c55e3d,#22c55e21);border:1px solid rgba(34,197,94,.3);border-bottom-inline-end-radius:5px}.msg.bot{margin-inline-end:auto;background:#1e293b99;border:1px solid var(--line-soft);border-bottom-inline-start-radius:5px}.msg .meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.7rem;color:var(--fg-4);flex-wrap:wrap}.msg .bubble-text{white-space:pre-wrap;word-break:break-word}.msg strong{color:#86efac}.msg .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.typing{display:inline-flex;gap:5px;align-items:center}.typing i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 1.1s infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line-soft);background:#94a3b814;border-radius:999px;padding:6px 12px;font-size:.78rem;color:var(--fg-2);transition:transform .18s ease,border-color .18s ease}.chip:hover{transform:translateY(-2px);border-color:#22c55e66;color:var(--fg)}.composer{display:flex;gap:10px;align-items:flex-end;margin-top:14px}.composer textarea{min-height:52px;max-height:150px;border-radius:var(--r-lg)}.out{border:1px solid rgba(34,197,94,.26);border-radius:var(--r-md);background:#22c55e0f;padding:15px 16px;font-size:.92rem;white-space:pre-wrap;animation:fadeUp .34s ease both}.out.warn{border-color:#f59e0b52;background:#f59e0b14}.out.err{border-color:#ef444457;background:#ef444414}.out h4{margin:0 0 7px;font-size:.83rem;color:var(--fg-3);font-weight:500;font-family:var(--font)}.kpis{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.kpi{border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:8px 12px;background:#0206178c;font-size:.78rem;color:var(--fg-3)}.kpi b{color:var(--fg);font-size:.95rem;font-family:var(--font-head)}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:600;border:1px solid transparent}.tag.pos{background:#22c55e29;color:#86efac;border-color:#22c55e57}.tag.neg{background:#ef444426;color:#fca5a5;border-color:#ef444457}.tag.neu{background:#f59e0b24;color:#fcd34d;border-color:#f59e0b52}.bar{height:8px;border-radius:999px;background:#94a3b824;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.sent-item{border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:10px 12px;font-size:.86rem;background:#0206176b;border-inline-start-width:3px}.sent-item.pos{border-inline-start-color:var(--pos)}.sent-item.neg{border-inline-start-color:var(--neg)}.sent-item.neu{border-inline-start-color:var(--neu)}.passage{border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:11px 13px;background:#02061773;font-size:.87rem}.passage .src{font-size:.72rem;color:var(--fg-4);margin-top:6px}mark{background:#22c55e42;color:#d1fae5;border-radius:4px;padding:0 3px}.sk{border-radius:var(--r-sm);background:linear-gradient(90deg,#94a3b817,#94a3b82e,#94a3b817);background-size:200% 100%;animation:shimmer 1.35s linear infinite}.sk.line{height:12px;margin-bottom:9px}.sk.line.w70{width:70%}.sk.line.w45{width:45%}.sk.block{height:74px}.empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:30px 16px;text-align:center;color:var(--fg-4)}.empty svg{color:var(--fg-4);opacity:.75}.empty p{margin:0;font-size:.85rem;max-width:460px}.toast-wrap{position:fixed;bottom:22px;inset-inline-start:22px;z-index:90;display:flex;flex-direction:column;gap:9px}.toast{display:flex;align-items:center;gap:10px;border-radius:var(--r-md);padding:11px 15px;font-size:.85rem;background:#0f172af5;border:1px solid var(--line);box-shadow:0 18px 42px -18px #000000e6;animation:fadeUp .28s ease both;max-width:340px}.toast.ok{border-color:#22c55e73}.toast.err{border-color:#ef444473}.toast.info{border-color:#38bdf866}.hist-item{display:flex;align-items:flex-start;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line-soft);font-size:.82rem}.hist-item:last-child{border-bottom:0}.hist-item .k{color:var(--accent);font-weight:600;white-space:nowrap}.hist-item .t{color:var(--fg-4);font-size:.72rem;white-space:nowrap;margin-inline-start:auto}.hist-item .d{color:var(--fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.list-scroll{max-height:300px;overflow-y:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes blink{0%,60%,to{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.fade{animation:fadeUp .36s ease both}@media (max-width: 1024px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:column;border-inline-end:0;border-bottom:1px solid var(--line-soft)}.side.collapsed .nav,.side.collapsed .side-foot{display:none}.nav{flex-direction:row;flex-wrap:wrap}.nav-item{width:auto;flex:1 1 150px}.burger{display:inline-flex;margin-inline-start:auto}.body{padding:18px 16px 48px}.top{padding:12px 16px}}@media (max-width: 640px){.brand h1{font-size:1.16rem}.msg{max-width:94%}.card{padding:16px;border-radius:var(--r-md)}.stat .v{font-size:1.34rem}.grid.cols-2{grid-template-columns:1fr}.composer{flex-wrap:wrap}.composer .btn{width:100%;justify-content:center}.kpis{gap:6px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}