:root{--bg:#050A14;--bg2:#081020;--bg3:#0C1728;--card:#0E1A2E;--gold:#F5A623;--cyan:#00C8FF;--gr:#00C896;--rd:#FF4B6B;--bl:#0066FF;--pu:#8B5CF6;--t1:#F0F4FF;--t2:#A8B8D8;--t3:#5A7090;--t4:#2A3A54;--bd:#162035;--bd2:#1E2D45}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--t1);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:13px;min-height:100vh}
body.rtl{direction:rtl}
.syne{font-family:'Syne',sans-serif;font-weight:800}.mono{font-family:'JetBrains Mono',monospace}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes slideIn{from{transform:translateX(110%)}to{transform:none}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:all .18s;white-space:nowrap;text-decoration:none}
.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{transform:none}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn-gold{background:var(--gold);color:#000}.btn-bl{background:var(--bl);color:#fff}.btn-gr{background:var(--gr);color:#000}.btn-rd{background:var(--rd);color:#fff}.btn-pu{background:var(--pu);color:#fff}
.btn-gh{background:transparent;color:var(--t2);border:1px solid var(--bd2)}.btn-gh:hover{border-color:var(--bl);color:var(--bl)}
.btn-full{width:100%}.btn-lg{padding:10px 22px;font-size:13px}
.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}
.card{background:var(--card);border:1px solid var(--bd);border-radius:13px;padding:.9rem;transition:border-color .2s}.card:hover{border-color:var(--bd2)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.gauto{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--mn,210px),1fr));gap:10px}
@media(max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}}
@media(max-width:580px){.g2,.g3,.g4,.gauto{grid-template-columns:1fr}.sidebar{display:none}}
input,textarea,select{background:var(--bg3);border:1px solid var(--bd2);border-radius:8px;padding:8px 11px;color:var(--t1);font-family:inherit;font-size:12px;outline:none;width:100%;transition:border-color .15s}
input:focus,textarea:focus,select:focus{border-color:var(--bl)}
label{display:block;font-size:9px;font-weight:700;color:var(--t3);margin-bottom:3px;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.fr{margin-bottom:9px}
.pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:9px;font-weight:700;font-family:'JetBrains Mono',monospace;gap:3px}
.pill-gr{background:rgba(0,200,150,.12);color:var(--gr)}.pill-gold{background:rgba(245,166,35,.12);color:var(--gold)}.pill-bl{background:rgba(0,102,255,.12);color:var(--bl)}.pill-rd{background:rgba(255,75,107,.12);color:var(--rd)}.pill-pu{background:rgba(139,92,246,.12);color:var(--pu)}.pill-dim{background:rgba(255,255,255,.06);color:var(--t3)}
.kpi{text-align:center;padding:.6rem .4rem}.kpi-v{font-family:'Syne',sans-serif;font-weight:800;font-size:1.2rem;margin-bottom:2px;line-height:1.1}.kpi-l{font-size:9px;color:var(--t3);font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.05em}.kpi-d{font-size:9px;font-family:'JetBrains Mono',monospace;margin-top:2px}
.prog-bg{height:5px;background:var(--bg3);border-radius:3px}.prog-fill{height:5px;border-radius:3px;transition:width .6s}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:5000;align-items:center;justify-content:center;backdrop-filter:blur(12px)}.modal.open{display:flex;animation:fadeIn .25s}
.modal-box{background:var(--card);border:1px solid var(--bd2);border-radius:16px;padding:1.5rem;width:100%;max-width:480px;position:relative;max-height:90vh;overflow-y:auto}.modal-box.wide{max-width:700px}
.modal-close{position:absolute;top:11px;right:11px;background:var(--bg3);border:1px solid var(--bd);color:var(--t2);width:26px;height:26px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}
.modal-tabs{display:flex;background:var(--bg3);border-radius:8px;padding:.18rem;gap:.18rem;margin-bottom:1rem}.mtab{flex:1;padding:.4rem;text-align:center;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;color:var(--t3);transition:all .15s}.mtab.active{background:var(--bl);color:#fff}
#toast-c{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toast{padding:10px 14px;border-radius:10px;font-size:12px;font-weight:600;animation:slideIn .3s ease;pointer-events:all;display:flex;align-items:center;gap:7px;box-shadow:0 8px 30px rgba(0,0,0,.4);min-width:220px;max-width:340px}
.toast-gr{background:rgba(0,200,150,.15);border:1px solid rgba(0,200,150,.3);color:var(--gr)}.toast-rd{background:rgba(255,75,107,.12);border:1px solid rgba(255,75,107,.25);color:var(--rd)}.toast-bl{background:rgba(0,102,255,.12);border:1px solid rgba(0,102,255,.25);color:var(--bl)}.toast-gold{background:rgba(245,166,35,.12);border:1px solid rgba(245,166,35,.25);color:var(--gold)}
.tab-bar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:11px}.tab{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--bd2);background:transparent;color:var(--t2);font-family:inherit;transition:all .15s}.tab.active,.tab:hover{background:var(--bl);color:#fff;border-color:var(--bl)}
.console{background:var(--bg);border:1px solid var(--bd);border-radius:11px;overflow:hidden}.con-head{background:var(--bg2);border-bottom:1px solid var(--bd);padding:5px 10px;display:flex;align-items:center;gap:4px}.cdot{width:9px;height:9px;border-radius:50%}.con-body{padding:6px 10px;height:160px;overflow-y:auto;font-family:'JetBrains Mono',monospace;font-size:10px;line-height:1.5}.cline{display:flex;gap:8px;padding:1px 0}
.chat-body{padding:10px;min-height:220px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chat-msg{display:flex;flex-direction:column;gap:2px;animation:fadeIn .2s}.chat-role{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;padding:0 2px}.chat-bubble{font-size:11px;padding:7px 10px;border-radius:9px;white-space:pre-wrap;line-height:1.55}.chat-bubble.ai{background:rgba(245,166,35,.06);border:1px solid rgba(245,166,35,.12);color:var(--t1);align-self:flex-start;max-width:90%}.chat-bubble.user{background:rgba(0,102,255,.1);border:1px solid rgba(0,102,255,.18);color:var(--t1);align-self:flex-end;max-width:85%}.chat-foot{border-top:1px solid var(--bd);padding:7px;display:flex;gap:6px}
.upload-zone{border:2px dashed var(--bd2);border-radius:11px;padding:1.4rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg3)}.upload-zone:hover,.upload-zone.over{border-color:var(--bl);background:rgba(0,102,255,.04)}
.file-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;background:var(--bg3);border:1px solid var(--bd);margin-bottom:5px;font-size:11px}
.inv-card{background:var(--card);border:1px solid var(--bd);border-radius:11px;padding:.75rem .9rem;display:flex;align-items:center;gap:.75rem;transition:all .2s;cursor:pointer;margin-bottom:6px}.inv-card:hover{border-color:rgba(0,102,255,.3)}
.inv-av{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:11px;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--bl),var(--cyan))}
.sidebar{width:230px;min-width:230px;background:var(--bg2);border-right:1px solid var(--bd);display:flex;flex-direction:column;overflow-y:auto}
body.rtl .sidebar{border-right:none;border-left:1px solid var(--bd)}
.nav-item{display:flex;align-items:center;gap:7px;padding:6px 12px;cursor:pointer;font-size:11px;color:var(--t2);border-left:3px solid transparent;transition:all .15s;user-select:none}
.nav-item:hover{background:var(--bg3)}.nav-item.a{border-left-color:var(--bl);background:rgba(0,102,255,.1);color:var(--bl);font-weight:700}
.nav-sec{padding:5px 12px 2px;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;color:var(--t4);text-transform:uppercase;letter-spacing:.09em;margin-top:3px}
.nav-icon{width:15px;text-align:center;flex-shrink:0}
.app{display:flex;height:100vh;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}
.topbar{background:rgba(5,10,20,.97);border-bottom:1px solid var(--bd);padding:9px 18px;display:flex;align-items:center;gap:9px;flex-shrink:0}
.pages{flex:1;overflow-y:auto}.page{display:none;padding:1.2rem;animation:fadeIn .22s ease}.page.active{display:block}
.sec-tag{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px;color:var(--bl)}
.sec-h{font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;margin-bottom:8px;line-height:1.2}.sec-h em{color:var(--gold);font-style:normal}
.wiz-progress{height:4px;background:var(--bg3);border-radius:2px;margin-bottom:.7rem}.wiz-fill{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--bl),var(--cyan));transition:width .4s ease}
.wiz-option{background:var(--bg3);border:1px solid var(--bd2);border-radius:9px;padding:.52rem .9rem;cursor:pointer;font-size:12px;color:var(--t2);transition:all .15s;display:flex;align-items:center;gap:.55rem;margin-bottom:.38rem}.wiz-option:hover{border-color:var(--bl)}.wiz-option.sel{border-color:var(--bl);background:rgba(0,102,255,.12);color:var(--bl);font-weight:600}
.wiz-check{width:14px;height:14px;border-radius:50%;border:2px solid var(--bd2);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px}.wiz-option.sel .wiz-check{background:var(--bl);border-color:var(--bl);color:#fff}
.step-item{display:flex;gap:10px;align-items:flex-start;padding:.65rem;border-radius:10px;background:var(--card);border:1px solid var(--bd);margin-bottom:7px}
.step-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:10px;flex-shrink:0;color:#fff}
.mod-card{background:var(--card);border:1px solid var(--bd);border-radius:13px;padding:.9rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.mod-card:hover{border-color:rgba(0,102,255,.3);transform:translateY(-2px)}
.price-card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:1.4rem;position:relative}.price-card.featured{border-color:var(--gold);background:linear-gradient(160deg,rgba(245,166,35,.06),var(--card))}
.price-feat{font-size:11px;color:var(--t2);padding:.22rem 0;display:flex;gap:.4rem}.price-feat::before{content:'+';color:var(--gr);font-weight:700;flex-shrink:0}
.folder-card{background:var(--card);border:1px solid var(--bd);border-radius:11px;padding:.7rem;cursor:pointer;transition:all .15s}.folder-card:hover{border-color:var(--bl)}.folder-card.sel{border-color:var(--gr);background:rgba(0,200,150,.05)}
.up-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.up-bar{flex:1}