:root,[data-theme=dark]{--bg-dark:#06060c;--bg-card:#0f0f1d;--bg-card-hover:#15152a;--border:#ffffff0a;--border-hover:#f43f5e66;--red:#f43f5e;--red-glow:#f43f5e40;--red-soft:#f43f5e1a;--accent:#f43f5e;--amber:#f59e0b;--amber-soft:#f59e0b26;--green:#10b981;--green-soft:#10b9811f;--blue:#3b82f6;--blue-soft:#3b82f61f;--text-primary:#f8fafc;--text-muted:#94a3b8;--text-dim:#475569;--font:"Cairo", sans-serif;--radius:16px;--radius-sm:10px;--shadow:0 20px 50px #0009;--modal-bg:#0d0d16;--log-bg:#030307;--scrollbar-thumb:#ffffff1f}[data-theme=light]{--bg-dark:#f4f6fa;--bg-card:#fff;--bg-card-hover:#f8fafc;--border:#e2e8f0cc;--border-hover:#e11d4866;--red:#e11d48;--red-glow:#e11d481f;--red-soft:#e11d480f;--accent:#e11d48;--amber:#d97706;--amber-soft:#d9770614;--green:#059669;--green-soft:#05966914;--blue:#2563eb;--blue-soft:#2563eb14;--text-primary:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--shadow:0 4px 20px #0f172a0d, 0 1px 3px #0f172a05;--modal-bg:#fff;--log-bg:#f8fafc;--scrollbar-thumb:#0000001f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font);direction:rtl;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.app-shell{min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--border);z-index:100;background:#ffffff06;flex-direction:column;width:240px;min-height:100vh;padding:0;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-logo{border-bottom:1px solid var(--border);padding:28px 24px 20px}.sidebar-logo .logo-icon{margin-bottom:8px;font-size:28px;display:block}.sidebar-logo h1{color:var(--text-primary);font-size:18px;font-weight:900;line-height:1.2}.sidebar-logo span{color:var(--red);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);text-align:right;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--bg-card-hover)}.nav-item.active{color:var(--red);background:var(--red-soft);border-color:#dc1e1e33}.nav-item .icon{flex-shrink:0;font-size:18px}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.server-badge{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.server-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 6px var(--green);border-radius:50%;flex-shrink:0}.main-content{flex:1;max-width:1200px;margin-right:240px;padding:32px}.page-header{margin-bottom:28px}.page-header h2{color:var(--text-primary);font-size:26px;font-weight:900}.page-header p{color:var(--text-muted);margin-top:4px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .2s}.stat-card:hover{border-color:var(--border-hover)}.stat-card .stat-icon{margin-bottom:12px;font-size:24px}.stat-card .stat-value{color:var(--text-primary);font-size:32px;font-weight:900;line-height:1}.stat-card .stat-label{color:var(--text-muted);margin-top:6px;font-size:13px}.pipeline-start-btn{background:linear-gradient(135deg, var(--red), #a01010);border-radius:var(--radius);color:#fff;width:100%;font-family:var(--font);cursor:pointer;box-shadow:0 4px 30px var(--red-glow);border:none;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:20px;font-size:20px;font-weight:900;transition:all .3s;display:flex}.pipeline-start-btn:hover{box-shadow:0 8px 40px var(--red-glow);transform:translateY(-2px)}.pipeline-start-btn:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;background:#ffffff14;transform:none}.pipeline-start-btn .btn-icon{font-size:26px}.steps-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;display:grid}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.step-card.active{border-color:var(--red);background:var(--red-soft)}.step-card.done{border-color:var(--green);background:var(--green-soft)}.step-icon{background:var(--bg-card-hover);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.step-info{flex:1;min-width:0}.step-name{font-size:13px;font-weight:700}.step-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.step-status{font-size:18px}.log-terminal{background:var(--log-bg);border:1px solid var(--border);border-radius:var(--radius);direction:ltr;height:260px;padding:16px;font-family:Courier New,monospace;font-size:12px;line-height:1.7;overflow-y:auto}.log-line{color:var(--text-muted)}.log-line.success{color:var(--green)}.log-line.error{color:var(--red)}.log-line.info{color:var(--blue)}.topics-toolbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--red);color:#fff;box-shadow:0 2px 12px var(--red-glow)}.btn-primary:hover{background:#b91c1c;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover)}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--red)}.topic-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;align-items:center;gap:16px;margin-bottom:10px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.topic-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.topic-card.selected{cursor:default;border-color:var(--red);box-shadow:0 4px 20px var(--red-soft);background:#ffffff0d;flex-direction:column;align-items:stretch}.topic-card.dragging{opacity:.5;cursor:grabbing}.drag-handle{color:var(--text-dim);cursor:grab;flex-shrink:0;font-size:18px}.topic-info{flex:1;min-width:0}.topic-title{font-size:14px;font-weight:700}.topic-meta{color:var(--text-muted);gap:12px;margin-top:4px;font-size:12px;display:flex}.topic-actions{gap:8px;display:flex}.btn-produce-now{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-produce-now:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.03);box-shadow:0 6px 22px #10b98180!important}.btn-produce-now:active{transform:translateY(0)scale(.98)}.badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-pending{background:var(--amber-soft);color:var(--amber)}.badge-done{background:var(--green-soft);color:var(--green)}.badge-failed{background:var(--red-soft);color:var(--red)}.badge-processing{background:var(--blue-soft);color:var(--blue)}.suggestions-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.suggestion-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:16px;transition:all .2s}.suggestion-card:hover{border-color:var(--red);background:var(--red-soft)}.suggestion-card h4{margin-bottom:6px;font-size:13px;font-weight:700}.suggestion-card p{color:var(--text-muted);font-size:12px}.suggestion-card .cat-badge{color:var(--red);text-transform:uppercase;margin-top:10px;font-size:10px;font-weight:700}.settings-group{margin-bottom:28px}.settings-group h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:10px;font-size:14px;font-weight:700}.field{margin-bottom:14px}.field label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font);direction:ltr;background:#ffffff0d;outline:none;padding:10px 14px;font-size:13px;transition:border-color .2s}.field input:focus{border-color:var(--red)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--modal-bg);border:1px solid var(--border);border-radius:var(--radius);width:480px;max-width:95vw;box-shadow:var(--shadow);padding:28px}.modal h3{margin-bottom:20px;font-size:18px;font-weight:900}.modal-footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.section-title{align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:800;display:flex}.divider{background:var(--border);height:1px;margin:20px 0}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:48px}.empty-state p{font-size:14px}.spin{animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.glow-red{box-shadow:0 0 20px var(--red-glow)}.table-container{border-radius:var(--radius);margin-bottom:24px;overflow-x:auto;border:1px solid var(--border)!important;background:var(--bg-card)!important;box-shadow:var(--shadow)!important}.data-table{border-collapse:collapse;text-align:right;width:100%;font-size:14px}.data-table th{color:var(--text-muted);font-weight:800;font-family:var(--font);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px;background:#00000005;padding:16px 20px;font-size:13px}[data-theme=dark] .data-table th{background:#ffffff03}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:16px 20px;font-size:13.5px;transition:background .15s}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-card-hover)}