::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{border-radius:100px;background-color:#64748b}::-webkit-scrollbar-track{background:transparent}html,body{margin:0;padding:0;overflow-x:hidden;-webkit-text-size-adjust:100%;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*,*:before,*:after{box-sizing:inherit}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}button,a,[role=button]{touch-action:manipulation}:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--surface-app: #09090B;--surface-header: #0F0F12;--surface-sidebar: #0F0F12;--surface-card: #15151A;--surface-card-hover: #1E1E26;--surface-elevated: #1E1E26;--border-default: #272732;--border-subtle: rgba(147, 51, 234, .22);--border-hover: #3E3E50;--text-primary: #FFFFFF;--text-secondary: #D4D4D8;--text-muted: #A1A1AA;--color-accent: #9333EA;--color-accent-hover: #A855F7;--color-accent-subtle: rgba(147, 51, 234, .15);--color-secondary: #FACC15;--color-secondary-hover: #FDE047;--color-secondary-subtle: rgba(250, 204, 21, .15);--color-success: #FACC15;--color-success-bg: rgba(250, 204, 21, .15);--color-warning: #FACC15;--color-warning-bg: rgba(250, 204, 21, .15);--color-error: #A855F7;--color-error-bg: rgba(168, 85, 247, .15);--color-info: #9333EA;--color-info-bg: rgba(147, 51, 234, .15);--color-brand: #9333EA;--color-brand-dark: #7E22CE}[data-theme=light],.theme-light{--surface-app: #FFFFFF;--surface-header: #FAFAFA;--surface-sidebar: #FAFAFA;--surface-card: #FFFFFF;--surface-card-hover: #F4F4F5;--surface-elevated: #FFFFFF;--border-default: #E4E4E7;--border-subtle: rgba(147, 51, 234, .15);--border-hover: #D4D4D8;--text-primary: #09090B;--text-secondary: #52525B;--text-muted: #71717A;--color-success-bg: #FEFCE8;--color-warning-bg: #FEFCE8;--color-error-bg: #FAF5FF;--color-info-bg: #FAF5FF}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #10b98133}50%{box-shadow:0 0 25px #10b98173}}@keyframes skeletonPulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes spinCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.animate-fade-in{animation:fadeIn .35s ease-out}.animate-fade-in-up{animation:fadeInUp .45s ease-out}.animate-fade-in-down{animation:fadeInDown .35s ease-out}.animate-slide-in-right{animation:slideInRight .35s ease-out}.pulse-glow{animation:pulseGlow 3s infinite ease-in-out}.skeleton-pulse{animation:skeletonPulse 1.8s ease-in-out infinite}.status-dot-active{animation:statusPulse 2s ease-in-out infinite}.code-block{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.65;white-space:pre;overflow-x:auto;-moz-tab-size:2;tab-size:2}.code-inline{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8em;padding:2px 5px;border-radius:4px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.connected{background-color:var(--color-success);box-shadow:0 0 0 3px #10b98133;animation:statusPulse 2.5s ease-in-out infinite}.status-dot.disconnected{background-color:#94a3b8}.status-dot.error{background-color:var(--color-error);animation:statusPulse 1.5s ease-in-out infinite}.status-dot.pending{background-color:var(--color-warning);animation:statusPulse 1.5s ease-in-out infinite}.lifecycle-step{display:flex;align-items:center;gap:10px;padding:8px 0}.lifecycle-step .step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.page-enter{animation:fadeInUp .3s ease-out}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}