:root{--bg-900:#070809;--bg-800:#0d0f14;--bg-700:#131620;--bg-600:#1a1d2e;--bg-500:#222640;--cyan:#00d4ff;--cyan-dim:#00d4ff1f;--cyan-med:#00d4ff40;--cyan-glow:0 0 24px #00d4ff59;--cyan-glow-sm:0 0 10px #00d4ff4d;--purple:#9b5de5;--purple-dim:#9b5de51f;--purple-glow:0 0 24px #9b5de566;--green:#00ff87;--green-dim:#00ff871a;--yellow:gold;--yellow-dim:#ffd7001a;--red:#ff4757;--red-dim:#ff47571a;--text-100:#fff;--text-200:#e2e8f0;--text-300:#94a3b8;--text-400:#64748b;--border:#00d4ff1a;--border-hover:#00d4ff59;--border-purple:#9b5de533;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px #0006;--shadow-card-hover:0 8px 40px #0009, 0 0 20px #00d4ff14;--transition:all .2s ease;--transition-slow:all .35s ease;--navbar-h:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-900);color:var(--text-100);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{background:var(--bg-600);color:var(--text-100);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}select option{background:var(--bg-700)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-800)}::-webkit-scrollbar-thumb{background:var(--bg-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-med)}h1,h2,h3,h4{letter-spacing:.02em;font-family:Rajdhani,sans-serif;font-weight:700;line-height:1.2}:root[lang=ar] body,:root[lang=ar]{font-family:Cairo,Inter,system-ui,sans-serif}:root[lang=ar] h1,:root[lang=ar] h2,:root[lang=ar] h3,:root[lang=ar] h4{letter-spacing:0;font-family:Cairo,sans-serif}:root[lang=ar] .font-orbitron{letter-spacing:.05em;font-family:Cairo,sans-serif}.font-orbitron{font-family:Orbitron,sans-serif}.container{max-width:1280px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:6px}.gap-2{gap:12px}.gap-3{gap:16px}.gap-4{gap:24px}.gap-5{gap:32px}.w-full{width:100%}.text-center{text-align:center}.relative{position:relative}.grid{display:grid}.card{background:var(--bg-600);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover)}.card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#1a1d2eb3}.btn{border-radius:var(--radius);letter-spacing:.04em;transition:var(--transition);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--cyan) 0%, #09f 100%);color:#000;box-shadow:0 0 16px #00d4ff40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 28px #00d4ff80}.btn-secondary{color:var(--cyan);border:1px solid var(--cyan);background:0 0}.btn-secondary:hover{background:var(--cyan-dim);box-shadow:var(--cyan-glow-sm)}.btn-purple{background:linear-gradient(135deg, var(--purple) 0%, #7b2ff7 100%);color:#fff;box-shadow:0 0 16px #9b5de540}.btn-purple:hover{box-shadow:var(--purple-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-300)}.btn-ghost:hover{color:var(--text-100);background:var(--cyan-dim)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #ff47574d}.btn-danger:hover{background:#ff475733}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-lg{padding:14px 32px;font-size:1.05rem}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00d4ff33}.badge-purple{background:var(--purple-dim);color:var(--purple);border:1px solid #9b5de533}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #00ff8733}.badge-yellow{background:var(--yellow-dim);color:var(--yellow);border:1px solid #ffd70033}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid #ff475733}.badge-gray{color:var(--text-300);background:#64748b1a;border:1px solid #64748b33}.section{padding:64px 0}.section-sm{padding:40px 0}.section-title{margin-bottom:8px;font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:700}.section-title span{color:var(--cyan)}.section-subtitle{color:var(--text-300);margin-bottom:40px;font-size:1rem}.divider{background:var(--border);height:1px;margin:24px 0}.page{padding-top:var(--navbar-h);min-height:100vh}.glow-line{background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:2px}.grid-bg{background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:40px 40px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-300);letter-spacing:.04em;font-size:.85rem;font-weight:500}.form-hint{color:var(--text-400);font-size:.78rem}.form-error{color:var(--red);font-size:.8rem}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--bg-700);color:var(--text-300);letter-spacing:.08em;text-transform:uppercase;text-align:left;white-space:nowrap;padding:12px 16px;font-family:Rajdhani,sans-serif;font-size:.8rem}td{border-top:1px solid var(--border);padding:14px 16px;font-size:.92rem}tr:hover td{background:#00d4ff05}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-700);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 24px 80px #000c}.modal-title{margin-bottom:20px;font-size:1.4rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--bg-500);border-top-color:var(--cyan);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}.empty-state{text-align:center;color:var(--text-400);padding:64px 24px}.empty-state-icon{opacity:.4;margin-bottom:16px;font-size:3rem}.empty-state h3{color:var(--text-300);margin-bottom:8px;font-size:1.2rem}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s fadeIn}@media (width<=768px){.container{padding:0 16px}.section{padding:40px 0}h1{font-size:2rem}}