@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0b0a0f;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0a0f;min-height:100vh;margin:0;padding:0}#root{box-sizing:border-box;width:100%;min-height:100vh;margin:0}:root{--font-ar:"Tajawal", sans-serif;--font-en:"Outfit", sans-serif;--bg-gradient:radial-gradient(circle at 10% 20%, #12101a 0%, #0b0a0f 90%);--accent-color:#a855f7;--accent-glow:#a855f773;--success-color:#10b981;--success-glow:#10b98166;--error-color:#ef4444;--error-glow:#ef444466;--warning-color:#f59e0b;--warning-glow:#f59e0b66;--glass-bg:#19162699;--glass-border:#ffffff14;--text-primary:#f3f4f6;--text-muted:#9ca3af}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-ar), var(--font-en), system-ui;min-height:100vh;margin:0}.preview-container{box-sizing:border-box;max-width:1400px;margin:0 auto;padding:2.5rem 1.5rem}.preview-container[style*="direction: rtl"]{font-family:var(--font-ar), system-ui}.preview-container[style*="direction: ltr"]{font-family:var(--font-en), system-ui}.preview-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.header-brand{align-items:center;gap:1.25rem;display:flex}.logo-box{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:16px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.logo{width:auto;height:2.5rem;transition:transform .3s}.logo:hover{transform:scale(1.1)}.spin{animation:20s linear infinite logo-spin}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title-area h1{background:linear-gradient(135deg,#fff 0%,#c084fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.025em;text-shadow:0 4px 12px #c084fc26;-webkit-background-clip:text;margin:0;font-size:2.25rem;font-weight:700}.subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.95rem}.lang-toggle{color:#c084fc;cursor:pointer;background:#a855f726;border:1px solid #a855f74d;border-radius:12px;padding:.6rem 1.25rem;font-weight:500;transition:all .2s}.lang-toggle:hover{background:#a855f740;transform:translateY(-1px);box-shadow:0 0 15px #a855f733}.dashboard-grid{flex-direction:column;gap:1.75rem;display:flex}.auth-sections-grid{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}@media (width<=768px){.auth-sections-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:border-color .3s,box-shadow .3s;box-shadow:0 10px 30px #00000080}.dashboard-card:hover{border-color:#a855f740;box-shadow:0 15px 40px #a855f70d}.dashboard-card h2,.dashboard-card h3{color:#fff;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1.25rem;font-size:1.5rem;font-weight:600;display:flex}.dashboard-card h3{border-bottom:1px solid #ffffff0d;padding-bottom:.75rem;font-size:1.25rem}.form-stack{flex-direction:column;gap:1.25rem;display:flex}.field{text-align:start;flex-direction:column;gap:.5rem;display:flex}.field label{color:var(--text-muted);font-size:.875rem;font-weight:500}input[type=text],input[type=email],input[type=password]{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--accent-color);background:#a855f70d;box-shadow:0 0 10px #a855f740}.url-input-wrapper{gap:.75rem;width:100%;display:flex}.url-input-wrapper input{flex-grow:1}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%)}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#047857 100%)}.btn-success:hover:not(:disabled){box-shadow:0 0 20px var(--success-glow);transform:translateY(-1px)}.btn-accent{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%)}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 20px #ec489966}.btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%)}.btn-warning:hover:not(:disabled){box-shadow:0 0 20px var(--warning-glow);transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%)}.btn-danger:hover:not(:disabled){box-shadow:0 0 20px var(--error-glow);transform:translateY(-1px)}.health-metrics{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.metric-badge{border:1px solid var(--glass-border);background:#ffffff08;border-radius:30px;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.metric-badge .dot{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px}.metric-badge.healthy{color:#34d399;background:#10b98114;border-color:#10b98133}.metric-badge.healthy .dot{background-color:#10b981}.metric-badge.unhealthy{color:#f87171;background:#ef444414;border-color:#ef444433}.metric-badge.unhealthy .dot{background-color:#ef4444}.metric-badge.neutral{color:#9ca3af}.metric-badge.neutral .dot{background-color:#6b7280}.metric-badge .label{color:var(--text-muted)}.metric-badge .value{text-transform:uppercase;font-weight:600}.session-manager .tokens-display{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.token-row{background:#00000040;border:1px solid #ffffff0d;border-radius:12px;align-items:center;padding:.5rem 1rem;display:flex}.token-label{color:#c084fc;text-align:start;width:140px;font-size:.85rem;font-weight:600}.token-input{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;outline:none;flex-grow:1;font-family:monospace;font-size:.85rem;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important}.session-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.user-profile-box{text-align:start;background:#a855f70a;border:1px solid #a855f726;border-radius:16px;margin-top:1rem;padding:1.5rem}.user-profile-box h3{color:#c084fc;border:none;margin-bottom:.75rem;padding:0;font-size:1.15rem}.profile-details{flex-direction:column;gap:.5rem;display:flex}.profile-details p{color:var(--text-primary);margin:0;font-size:.95rem}.profile-details strong{color:var(--text-muted)}.role-tag{color:#d8b4fe;background:#a855f733;border-radius:20px;margin-inline-start:.35rem;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.terminal-card{text-align:start}.terminal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.btn-clear{color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;transition:all .2s}.btn-clear:hover{color:#fff;background:#ffffff0d}.terminal-body{background:#07050ff2;border:1px solid #ffffff0d;border-radius:12px;height:380px;padding:1.25rem;font-family:Courier New,Courier,monospace;overflow-y:auto}.terminal-empty{color:#ffffff40;text-align:center;padding-top:150px}.log-item{border-bottom:1px solid #ffffff08;padding:.75rem 0}.log-item:last-child{border-bottom:none}.log-summary{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.log-time{color:#4b5563}.log-method{border-radius:4px;padding:.1rem .4rem;font-weight:700}.request .log-method{color:#60a5fa;background:#3b82f626}.success .log-method{color:#34d399;background:#10b98126}.error .log-method{color:#f87171;background:#ef444426}.info .log-method{color:#9ca3af;background:#9ca3af26}.log-url{color:#fff;word-break:break-all}.log-status{border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.log-status.ok{color:#34d399;background:#10b98133}.log-status.err{color:#f87171;background:#ef444433}.log-details{margin-top:.5rem;font-size:.8rem}.log-details summary{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.75rem}.log-details summary:hover{color:#fff}.log-details pre{background:#00000080;border:1px solid #ffffff08;border-radius:8px;margin:.25rem 0 0;padding:.75rem;overflow-x:auto}.log-details code{color:#a7f3d0;background:0 0;padding:0;font-family:inherit;font-size:.8rem}.log-item.error .log-details code{color:#fca5a5}