:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #ffffff 25%, #f1f5f9 50%, #e2e8f0 75%, #f8fafc 100%);--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--border: #e2e8f0;--border-light: var(--border);--border-medium: #cbd5e1;--border-dark: #94a3b8;--border-hover: var(--border-medium);--btn-primary-bg: #1e293b;--btn-primary-hover: #334155;--btn-secondary-bg: transparent;--btn-secondary-border: #e2e8f0;--btn-secondary-hover: #f8fafc;--accent-blue: #3b82f6;--accent-primary: var(--accent-blue);--accent-primary-hover: #2563eb;--accent-blue-dark: #1d4ed8;--accent-purple: #8b5cf6;--accent-purple-dark: #7c3aed;--accent-green: #10b981;--accent-green-dark: #059669;--accent-red: #ef4444;--accent-orange: #f59e0b;--accent-amber: #ca8a04;--error-bg: #fef2f2;--error-text: #dc2626;--error-border: #fecaca;--error-text-dark: #fca5a5;--success-bg: #f0fdf4;--success-text: #16a34a;--success-border: #bbf7d0;--success-text-dark: #86efac;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-primary-hover: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-dark: rgba(0, 0, 0, .25);--shadow-sm: 0 2px 4px var(--shadow-light);--shadow-md: 0 4px 8px var(--shadow-light);--shadow-lg: 0 8px 16px var(--shadow-light);--shadow-xl: 0 20px 40px var(--shadow-light);--shadow-2xl: 0 25px 50px var(--shadow-medium);--pattern-opacity: .1;--pattern-opacity-2: .08;--pattern-opacity-3: .06;--pattern-opacity-4: .04;--grid-opacity: .02;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease;--bg-radial-1: radial-gradient(circle at 20% 80%, rgba(120, 119, 198, var(--pattern-opacity)) 0%, transparent 50%);--bg-radial-2: radial-gradient(circle at 80% 20%, rgba(255, 107, 107, var(--pattern-opacity-2)) 0%, transparent 50%);--bg-radial-3: radial-gradient(circle at 40% 40%, rgba(59, 130, 246, var(--pattern-opacity-3)) 0%, transparent 50%);--bg-radial-4: radial-gradient(circle at 70% 70%, rgba(168, 85, 247, var(--pattern-opacity-4)) 0%, transparent 50%);--bg-radial-5: radial-gradient(circle at 30% 30%, rgba(34, 197, 94, var(--pattern-opacity-4)) 0%, transparent 50%);--bg-grid-h: linear-gradient(90deg, transparent 49%, rgba(0, 0, 0, var(--grid-opacity)) 50%, transparent 51%);--bg-grid-v: linear-gradient(0deg, transparent 49%, rgba(0, 0, 0, var(--grid-opacity)) 50%, transparent 51%);--bg-radial-1-fixed: radial-gradient(circle at 20% 80%, rgba(120, 119, 198, .1) 0%, transparent 50%);--bg-radial-2-fixed: radial-gradient(circle at 80% 20%, rgba(255, 107, 107, .08) 0%, transparent 50%);--bg-radial-3-fixed: radial-gradient(circle at 40% 40%, rgba(59, 130, 246, .06) 0%, transparent 50%);--bg-grid-h-fixed: linear-gradient(90deg, transparent 49%, rgba(0, 0, 0, .02) 50%, transparent 51%);--bg-grid-v-fixed: linear-gradient(0deg, transparent 49%, rgba(0, 0, 0, .02) 50%, transparent 51%)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #334155 50%, #475569 75%, #1e293b 100%);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--border-light: #334155;--border-medium: #475569;--border-dark: #64748b;--border: #334155;--border-hover: #475569;--btn-primary-bg: #3b82f6;--btn-primary-hover: #2563eb;--btn-secondary-bg: transparent;--btn-secondary-border: #334155;--btn-secondary-hover: #1e293b;--shadow-light: rgba(0, 0, 0, .2);--shadow-medium: rgba(0, 0, 0, .3);--shadow-dark: rgba(0, 0, 0, .5);--pattern-opacity: .05;--pattern-opacity-2: .04;--pattern-opacity-3: .03;--pattern-opacity-4: .02;--grid-opacity: .01}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.container{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;background:var(--bg-gradient);position:relative;overflow:hidden}.container:before{content:"";position:absolute;inset:0;background-image:var(--bg-radial-1),var(--bg-radial-2),var(--bg-radial-3),var(--bg-grid-h),var(--bg-grid-v);background-size:800px 800px,600px 600px,400px 400px,50px 50px,50px 50px;pointer-events:none}.container:after{content:"";position:absolute;inset:0;background-image:var(--bg-radial-4),var(--bg-radial-5);background-size:1000px 1000px,700px 700px;pointer-events:none}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border-light);border-radius:50%;background-color:var(--btn-secondary-bg);cursor:pointer;transition:var(--transition-normal);margin-left:.5rem}.dark-mode-toggle:hover{background-color:var(--btn-secondary-hover);border-color:var(--border-medium);transform:scale(1.05)}.dark-mode-toggle svg{width:1.25rem;height:1.25rem;color:var(--text-secondary);transition:color .3s ease}.dark-mode-toggle:hover svg{color:var(--text-primary)}[data-theme=light] .moon-icon{display:block}[data-theme=light] .sun-icon,[data-theme=dark] .moon-icon{display:none}[data-theme=dark] .sun-icon{display:block}.header{width:100%;padding:1rem 0}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 1rem}.logo{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);text-decoration:none}.navbar{display:flex}.navbar a{margin:0 1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.navbar a:hover{color:var(--text-primary)}.signin-button{padding:.5rem 1rem;background-color:var(--btn-primary-bg);color:var(--text-inverse);border:1px solid var(--btn-primary-bg);border-radius:6px;text-decoration:none;font-weight:500;transition:var(--transition-fast)}.signin-button:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover);transform:translateY(-1px)}.user-menu{display:flex;align-items:center;gap:1rem}.user-greeting{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.signout-button{padding:.5rem 1rem;background-color:var(--btn-secondary-bg);color:var(--text-secondary);border:1px solid var(--btn-secondary-border);border-radius:6px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.signout-button:hover{background-color:var(--btn-secondary-hover);color:var(--text-primary);border-color:var(--border-medium)}.cta-section{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.cta-section .hero-primary-button,.cta-section .hero-ghost-button{min-width:200px;text-align:center}.primary-cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 100%);color:var(--text-inverse);text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;border:2px solid transparent;transition:var(--transition-normal);box-shadow:0 4px 15px #3b82f64d}.primary-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666;background:linear-gradient(135deg,var(--accent-blue-dark) 0%,#1e40af 100%)}.secondary-cta-button{display:inline-block;padding:1rem 2rem;background:var(--bg-primary);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;border:2px solid var(--border-light);transition:var(--transition-normal);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .secondary-cta-button{box-shadow:0 2px 8px #0000004d}.secondary-cta-button:hover{background:var(--bg-secondary);border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .secondary-cta-button:hover{box-shadow:0 4px 12px #0006}.hero-primary-button{display:inline-block;padding:1.25rem 2.5rem;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-dark) 100%);color:var(--text-inverse);text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:1.2rem;border:2px solid transparent;transition:var(--transition-normal);box-shadow:0 8px 25px #8b5cf64d,0 4px 12px #8b5cf633;position:relative;overflow:hidden}.hero-primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);transition:left .5s ease}.hero-primary-button:hover:before{left:100%}.hero-primary-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8b5cf666,0 8px 20px #8b5cf64d;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.hero-ghost-button{display:inline-block;padding:1.25rem 2.5rem;background:var(--btn-secondary-bg);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:1.2rem;border:2px solid var(--btn-secondary-border);transition:var(--transition-normal);position:relative}.hero-ghost-button:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--btn-secondary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.features-section{width:100%;padding:6rem 0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-top:1px solid var(--border-light)}.features-container{max-width:1280px;margin:0 auto;padding:0 2rem}.features-header{text-align:center;margin-bottom:4rem}.features-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.025em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:2.5rem 2rem;border:1px solid var(--border-light);transition:var(--transition-normal);text-align:center;box-shadow:0 1px 3px #0000000d}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:var(--border-medium)}.feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.feature-icon svg{width:28px;height:28px;color:var(--text-inverse)}.feature-headline{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.025em}.feature-description{font-size:var(--font-base);color:var(--text-secondary);line-height:1.6;margin:0}.social-proof{width:100%;padding:2rem 0 4rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.social-proof-inner{max-width:1280px;margin:0 auto;padding:0 2rem;text-align:center}.social-proof-heading{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);margin-bottom:3rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;max-width:800px;margin:0 auto}.integration-logo{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition-normal);box-shadow:0 1px 3px var(--shadow-light)}.integration-logo:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-medium)}.integration-logo img,.integration-logo svg{width:32px;height:32px;opacity:.7;transition:opacity var(--transition-duration) ease}.integration-logo:hover img,.integration-logo:hover svg{opacity:1}.integration-logo svg{fill:var(--text-secondary)}.integration-logo:hover svg{fill:var(--text-primary)}.integration-logo span{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);transition:color .3s ease}.integration-logo:hover span{color:var(--text-primary)}.founder-testimonial{width:100%;padding:5rem 0;background:var(--bg-secondary);border-top:1px solid var(--border)}.founder-testimonial-inner{max-width:900px;margin:0 auto;padding:0 2rem}.testimonial-content{text-align:center;background:var(--bg-primary);border-radius:20px;padding:3rem 2.5rem;box-shadow:0 10px 40px var(--shadow-medium);border:1px solid var(--border);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.testimonial-content:before{content:'"';position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:100px;font-weight:300;color:var(--border);line-height:1;z-index:1;font-family:Georgia,serif}.founder-quote{font-size:var(--font-xl);line-height:1.7;color:var(--text-primary);font-style:italic;margin:0 0 2rem;position:relative;z-index:2;font-weight:400}.founder-attribution{display:flex;justify-content:center;align-items:center}.founder-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.founder-name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);font-style:normal}.founder-title{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.footer{width:100%;padding:3rem 0 2rem;background:var(--bg-tertiary);border-top:1px solid var(--border-light)}.footer-inner{max-width:1280px;margin:0 auto;padding:0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-links{display:flex;gap:2rem;align-items:flex-start}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-sm);font-weight:500;transition:color .3s ease}.footer-link:hover{color:var(--text-primary)}.footer-tagline{color:var(--text-tertiary);font-size:var(--font-sm);font-weight:400}.main-content{width:100%;padding:0}.main-content-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:2rem 1rem 4rem}.content-left{flex:1;text-align:left;max-width:600px}.content-right{flex:1;display:flex;justify-content:flex-end;align-items:center;min-height:400px}.hero-illustration{width:100%;max-width:400px;height:auto;display:flex;justify-content:center;align-items:center;margin:2rem 0}.illustration-svg{width:100%;height:auto;max-width:400px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.1))}.image-placeholder{width:100%;max-width:500px;height:350px;background:#ffffff26;border:2px dashed rgba(255,255,255,.4);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fffc;font-size:1.1rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tagline{font-size:3.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.2}.description{color:var(--text-secondary);font-size:var(--font-xl);font-weight:500;line-height:1.6;margin-bottom:2rem;max-width:600px}p{color:var(--text-secondary);font-size:var(--font-xl);max-width:600px;line-height:1.5}.status{font-size:var(--font-2xl);font-weight:500;color:#fbbf24;margin-top:2rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width: 768px){.header-content{padding:0 1rem;flex-direction:column;gap:1rem}.navbar{order:3;width:100%;justify-content:center}.signin-button{order:2}.main-content-inner{flex-direction:column;padding:1rem 1rem 3rem;text-align:center;gap:2rem}.content-left{text-align:center;max-width:none}.content-right{min-height:auto}.hero-illustration{max-width:300px;margin:1rem 0}.tagline{font-size:2.5rem;margin-bottom:1rem}.content-right{display:none}.cta-section{flex-direction:column;align-items:center;gap:1rem}.primary-cta-button,.secondary-cta-button{width:100%;max-width:280px;text-align:center}.hero-primary-button,.hero-ghost-button{width:100%;max-width:300px;text-align:center;padding:1rem 2rem;font-size:1.1rem}.features-section{padding:4rem 0}.features-container{padding:0 1rem}.features-header{margin-bottom:3rem}.features-title{font-size:2rem}.features-subtitle{font-size:var(--font-lg)}.features-grid{grid-template-columns:1fr;gap:2rem}.feature-card{padding:2rem 1.5rem}.feature-icon{width:50px;height:50px;margin-bottom:1rem}.feature-icon svg{width:24px;height:24px}.feature-headline{font-size:var(--font-xl)}.social-proof{padding:3rem 0}.social-proof-inner{padding:0 1rem}.social-proof-heading{font-size:var(--font-xl);margin-bottom:2rem}.integrations-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.integration-logo{padding:1rem .5rem}.integration-logo img,.integration-logo svg{width:24px;height:24px}.integration-logo span{font-size:.75rem}.dev-code-preview{max-width:100%;margin-top:2rem}.code-preview-content pre{font-size:.75rem}.dev-features-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.dev-feature-card{padding:1.5rem}.quickstart-section{padding:3rem 0}.quickstart-inner{padding:0 1rem}.quickstart-heading{font-size:2rem;margin-bottom:2rem}.quickstart-step{flex-direction:column;gap:1rem;align-items:flex-start}.step-number{align-self:flex-start}.code-block{font-size:.75rem;padding:1rem}.footer{padding:2rem 0 1.5rem}.footer-inner{padding:0 1rem}.footer-content{flex-direction:column;text-align:center;gap:1rem}.footer-links{justify-content:center;gap:1.5rem}}@media (max-width: 480px){.main-content-inner{padding:.5rem .5rem 1.5rem;gap:1.5rem}.tagline{font-size:2rem;line-height:1.1}.status{font-size:var(--font-xl);margin-top:1rem}p{font-size:var(--font-base)}.content-right{display:none}.quickstart-heading{font-size:var(--font-2xl)}.step-content h3{font-size:var(--font-xl)}.code-preview-header{padding:.75rem 1rem}.code-preview-content{padding:1rem}}.dev-code-preview{width:100%;max-width:500px;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 25px #00000026;border:1px solid var(--border-color)}.code-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.code-preview-title{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.code-preview-dots{display:flex;gap:.5rem}.code-preview-dots span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary)}.code-preview-dots span:first-child{background:#ef4444}.code-preview-dots span:nth-child(2){background:#f59e0b}.code-preview-dots span:last-child{background:#10b981}.code-preview-content{padding:1.5rem}.code-preview-content pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-sm);line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.dev-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.dev-feature-card{padding:2rem;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition-normal);box-shadow:0 1px 3px #0000000d}.dev-feature-card:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dev-feature-icon{font-size:2rem;margin-bottom:1rem;display:block}.dev-feature-link{color:var(--accent-blue);text-decoration:none;font-weight:600;font-size:.9rem;transition:color .2s ease}.dev-feature-link:hover{color:var(--accent-blue-dark);text-decoration:underline}.quickstart-section{width:100%;padding:4rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.quickstart-inner{max-width:1280px;margin:0 auto;padding:0 2rem}.quickstart-heading{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:3rem}.quickstart-content{display:flex;flex-direction:column;gap:3rem;max-width:800px;margin:0 auto}.quickstart-step{display:flex;gap:2rem;align-items:flex-start}.step-number{flex-shrink:0;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.step-content{flex:1}.step-content h3{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);margin-bottom:1rem}.step-content p{color:var(--text-secondary);margin-bottom:1.5rem}.code-snippet{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-sm);margin-top:1rem}.code-snippet code{color:var(--text-primary)}.code-example{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-top:1rem;box-shadow:0 2px 8px #0000000d}.code-header{background:var(--bg-secondary);padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.code-block{background:var(--bg-tertiary);color:var(--text-primary);padding:1.5rem;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-sm);line-height:1.6;overflow-x:auto}.test-button{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-green-dark) 100%);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:var(--transition-normal);margin-top:1rem}.test-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.dev-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.dev-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:sticky;top:0;z-index:100}.dev-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:1rem 2rem}.dev-logo{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);text-decoration:none}.dev-navbar{display:flex;gap:2rem}.dev-navbar a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.dev-navbar a:hover{color:var(--text-primary)}.dev-signin-button{padding:.5rem 1rem;background-color:var(--text-primary);color:var(--bg-primary);border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s ease}.dev-signin-button:hover{background-color:var(--text-secondary)}.dev-main{flex:1;max-width:1280px;margin:0 auto;padding:0 2rem}.dev-hero{text-align:center;padding:6rem 0 4rem;max-width:800px;margin:0 auto}.dev-title{font-size:3.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.1}.dev-subtitle{font-size:var(--font-xl);color:var(--text-secondary);margin-bottom:3rem;line-height:1.6;text-align:center;max-width:none;margin-left:auto;margin-right:auto}.dev-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.dev-primary-button{padding:.75rem 1.5rem;background-color:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:var(--transition-fast)}.dev-primary-button:hover{background-color:var(--text-secondary);transform:translateY(-1px)}.dev-secondary-button{padding:.75rem 1.5rem;background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:var(--transition-fast)}.dev-secondary-button:hover{border-color:var(--text-primary);transform:translateY(-1px)}.dev-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:6rem 0}.dev-feature-card{padding:2rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);transition:var(--transition-fast)}.dev-feature-card:hover{border-color:var(--border-hover);box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.dev-feature-icon{font-size:2rem;margin-bottom:1rem}.dev-feature-card h3{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.dev-feature-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.dev-feature-link{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.9rem}.dev-feature-link:hover{text-decoration:underline}.dev-quickstart{margin:6rem 0;padding:3rem 0;border-top:1px solid #e6e6e6}.dev-quickstart h2{font-size:2rem;font-weight:600;color:#1a1a1a;margin-bottom:2rem;text-align:center}.dev-code-example{max-width:600px;margin:0 auto;border:1px solid #e6e6e6;border-radius:var(--radius-md);overflow:hidden}.dev-code-header{background:#f9fafb;padding:.75rem 1rem;border-bottom:1px solid #e6e6e6;font-size:var(--font-sm);font-weight:500;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.dev-code-block{background:#1a1a1a;color:#e5e7eb;padding:1.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-sm);line-height:1.6;overflow-x:auto;margin:0}@media (max-width: 768px){.dev-header-content{padding:1rem;flex-direction:column;gap:1rem}.dev-navbar{order:3;width:100%;justify-content:center;gap:1rem}.dev-signin-button{order:2}.dev-main{padding:0 1rem}.dev-hero{padding:3rem 0 2rem}.dev-title{font-size:2.5rem}.dev-subtitle{font-size:var(--font-lg)}.dev-cta-buttons{flex-direction:column;align-items:center}.dev-primary-button,.dev-secondary-button{width:100%;max-width:280px;text-align:center}.dev-features-grid{grid-template-columns:1fr;gap:1.5rem;margin:3rem 0}.dev-feature-card{padding:1.5rem}.dev-quickstart{margin:3rem 0}.dev-code-block{font-size:.75rem;padding:1rem}.founder-testimonial{padding:3rem 0}.founder-testimonial-inner{padding:0 1rem}.testimonial-content{padding:2rem 1.5rem;border-radius:var(--radius-xl)}.testimonial-content:before{font-size:80px;top:-12px}.founder-quote{font-size:var(--font-lg);line-height:1.6;margin-bottom:1.5rem}.founder-name{font-size:var(--font-base)}.founder-title{font-size:.8125rem}}[data-animate]{opacity:0;transition:all .6s cubic-bezier(.25,.46,.45,.94)}[data-animate=fade-in]{transform:translateY(0)}[data-animate=fade-up]{transform:translateY(30px)}[data-animate].animate-in{opacity:1;transform:translateY(0)}.feature-card{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014}.feature-card:hover .feature-icon{transform:scale(1.1);transition:transform var(--transition-duration) ease}.cta-button,.primary-button,.secondary-button,.hero-primary-button,.hero-ghost-button{transition:var(--transition-fast)}.cta-button:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #8b5cf64d,0 6px 12px #8b5cf633}.secondary-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a,0 4px 8px #00000014}.signup-container{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;background:var(--bg-gradient);position:relative;overflow:hidden}.signup-container:before{content:"";position:absolute;inset:0;background-image:var(--bg-radial-1),var(--bg-radial-2),var(--bg-radial-3);background-size:800px 800px,600px 600px,400px 400px;pointer-events:none}.signup-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0;min-height:calc(100vh - 80px)}.signup-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1280px;width:100%;margin:0 auto;padding:0 1rem;align-items:center}.signup-left{display:flex;flex-direction:column;justify-content:center}.signup-hero{max-width:500px}.signup-title{font-size:var(--font-5xl);font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.025em}.signup-subtitle{font-size:var(--font-xl);color:var(--text-secondary);margin-bottom:3rem;line-height:1.6}.signup-benefits{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem}.benefit-icon{flex-shrink:0;width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-top:.25rem}.benefit-icon svg{width:20px;height:20px;color:var(--text-inverse)}.benefit-text h3{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.benefit-text p{font-size:var(--font-sm);color:var(--text-secondary);margin:0;line-height:1.5}.social-proof-signup{padding-top:2rem;border-top:1px solid var(--border-color)}.social-proof-text{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:1rem;font-weight:500}.company-logos{display:flex;gap:1.5rem;align-items:center}.company-logo{width:24px;height:24px;color:var(--text-tertiary);transition:color .3s ease}.company-logo:hover{color:var(--text-secondary)}.signup-right{display:flex;justify-content:center}.signup-form-container{background:var(--bg-primary);border-radius:20px;padding:3rem 2.5rem;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a;border:1px solid var(--border-color);width:100%;max-width:480px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .signup-form-container{box-shadow:0 20px 40px #0000004d,0 8px 16px #0003}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.025em}.form-subtitle{font-size:var(--font-base);color:var(--text-secondary);margin:0}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.message{padding:.75rem 1rem;border-radius:.5rem;font-size:var(--font-sm);font-weight:500;margin-bottom:1rem}.error-message{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}[data-theme=dark] .error-message{background-color:#dc26261a;color:var(--error-text-dark);border:1px solid rgba(220,38,38,.2)}.success-message{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}[data-theme=dark] .success-message{background-color:#16a34a1a;color:var(--success-text-dark);border:1px solid rgba(22,163,74,.2)}.nav-tab{padding:1rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-fast);border-radius:8px 8px 0 0}.nav-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);background:var(--bg-primary)}.overview-panel{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-light);text-align:center;box-shadow:0 2px 8px var(--shadow-light);transition:var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-medium)}.stat-number{font-size:var(--font-5xl);font-weight:700;color:var(--accent-blue);margin-bottom:.5rem}.stat-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.chart-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-light);box-shadow:0 2px 8px var(--shadow-light)}.chart-container h3{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.simple-chart{display:flex;align-items:end;gap:.5rem;height:200px;padding:1rem 0}.chart-bar{display:flex;flex-direction:column;align-items:center;flex:1;min-width:20px}.bar{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 100%);border-radius:4px 4px 0 0;min-height:4px;width:100%;transition:var(--transition-fast);cursor:pointer}.bar:hover{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-dark) 100%)}.bar-label{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;writing-mode:vertical-rl;text-orientation:mixed}.action-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-base);border:none;cursor:pointer;transition:var(--transition-fast);text-decoration:none}.action-button.primary{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 100%);color:#fff;box-shadow:0 4px 15px #3b82f64d}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.action-button.secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-light)}.action-button.secondary:hover{background:var(--bg-secondary);border-color:var(--border-medium);transform:translateY(-2px)}.action-button .icon{font-size:var(--font-xl);font-weight:700}.endpoints-panel,.requests-panel{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:0 2px 8px var(--shadow-light);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.panel-header h2{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.panel-header p{color:var(--text-secondary);margin:0;font-size:var(--font-sm)}.endpoints-table,.requests-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 2fr 1.5fr 1fr;gap:1rem;padding:1rem 2rem;background:var(--bg-tertiary);font-weight:600;font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.requests-table .table-header{grid-template-columns:1.5fr .8fr .8fr 1.2fr 2fr 1fr}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 2fr 1.5fr 1fr;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);align-items:center;transition:background-color .2s ease}.requests-table .table-row{grid-template-columns:1.5fr .8fr .8fr 1.2fr 2fr 1fr}.table-row:hover{background:var(--bg-secondary)}.table-row:last-child{border-bottom:none}.endpoint-name{display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--text-primary)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active{background:var(--accent-green)}.status-dot.inactive{background:var(--text-tertiary)}.endpoint-slug code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--accent-blue)}.forward-urls code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);word-break:break-all}.no-urls{color:var(--text-tertiary);font-style:italic}.activity{font-size:var(--font-sm);color:var(--text-secondary)}.endpoint-actions,.request-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem 1rem;border-radius:6px;font-size:var(--font-sm);font-weight:500;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.action-btn:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.action-btn.view{border-color:var(--accent-blue);color:var(--accent-blue)}.action-btn.view:hover{background:#3b82f61a}.action-btn.edit{border-color:var(--accent-amber);color:var(--accent-amber)}.action-btn.edit:hover{background:#f59e0b1a}.action-btn.replay{border-color:var(--accent-purple);color:var(--accent-purple)}.action-btn.replay:hover{background:#8b5cf61a}.method-badge{background:var(--accent-blue);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.status-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.status-badge.success{background:#10b9811a;color:var(--accent-green)}.forward-status{font-size:var(--font-sm);font-weight:500}.forward-status.success{color:var(--accent-green)}.forward-status.pending{color:var(--accent-amber)}.request-preview code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);word-break:break-all}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-light);box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:var(--font-2xl);color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-content form{padding:2rem}.modal-content .form-group{margin-bottom:1.5rem}.modal-content .form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:var(--font-sm)}.modal-content .form-group input,.modal-content .form-group select,.modal-content .form-group textarea{width:100%;padding:.875rem 1rem;border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-base);transition:var(--transition-fast);background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.modal-content .form-group input:focus,.modal-content .form-group select:focus,.modal-content .form-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.modal-content .form-group small{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;display:block}.code-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-sm);line-height:1.6;resize:vertical}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 100%);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f64d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}@media (max-width: 768px){.nav-tab{padding:.75rem 1rem;font-size:var(--font-sm)}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem}.stat-number{font-size:2.5rem}.chart-container{padding:1.5rem}.simple-chart{height:150px}.bar-label{writing-mode:initial;text-orientation:initial;transform:rotate(-45deg);transform-origin:center;margin-top:1rem;font-size:.6875rem}.action-button{justify-content:center}.panel-header{flex-direction:column;gap:1rem;align-items:flex-start}.panel-header .action-button{align-self:stretch;justify-content:center}.endpoints-table,.requests-table{display:block}.table-header{display:none}.table-row{display:block;border-bottom:1px solid var(--border-light);padding:1.5rem;background:var(--bg-primary);margin-bottom:.5rem;border-radius:var(--radius-md);border:1px solid var(--border-light)}.table-row>div{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.table-row>div:last-child{border-bottom:none;justify-content:flex-start;gap:.5rem}.table-row>div:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.05em}.endpoint-name:before{content:"Name"}.endpoint-slug:before{content:"Slug"}.activity:before{content:"Activity"}.table-row>div[data-label=Timestamp]:before{content:"Timestamp"}.table-row>div[data-label=Method]:before{content:"Method"}.table-row>div[data-label=Status]:before{content:"Status"}.table-row>div[data-label="Forward Status"]:before{content:"Forward Status"}.table-row>div[data-label=Preview]:before{content:"Preview"}.table-row>div[data-label=Created]:before{content:"Created"}.table-row>div[data-label="Forward URLs"]:before{content:"Forward URLs"}.table-row>div[data-label="Recent Activity"]:before{content:"Recent Activity"}.table-row>div[data-label=Actions]:before{content:"Actions"}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-content form{padding:1.5rem}.modal-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.nav-tab{padding:.5rem .75rem;font-size:.75rem}.stat-card{padding:1rem}.stat-number{font-size:2rem}.chart-container{padding:1rem}.simple-chart{height:120px;gap:.25rem}.action-button{padding:.875rem 1.5rem;font-size:var(--font-sm)}.table-row,.modal-header,.modal-content form{padding:1rem}}.user-debug{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.5rem;padding:1rem;margin-top:2rem}.user-debug h4{margin-bottom:.5rem;color:var(--text-secondary)}.user-debug pre{background:var(--bg-primary);padding:1rem;border-radius:.25rem;overflow-x:auto;font-size:var(--font-sm);color:var(--text-primary)}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-bottom:1rem}.user-info-item{background:var(--bg-primary);padding:.75rem;border-radius:.5rem;border:1px solid var(--border-light);font-size:var(--font-sm)}.user-info-item strong{color:var(--text-primary);display:block;margin-bottom:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-input{padding:.875rem 1rem;border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-base);transition:var(--transition-fast);background:var(--bg-primary);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.form-hint{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;margin-bottom:0}.checkbox-group{margin:.5rem 0}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:var(--font-sm);line-height:1.5}.checkbox-input{width:18px;height:18px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);margin:0;cursor:pointer;flex-shrink:0;margin-top:.125rem;background:var(--bg-primary)}.checkbox-input:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-text{color:var(--text-secondary)}.form-link{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.form-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.signup-submit-button{padding:1rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:var(--font-base);cursor:pointer;transition:var(--transition-normal);box-shadow:0 4px 15px #8b5cf64d;margin-top:.5rem}.signup-submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666;background:var(--gradient-primary-hover)}.form-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.form-divider span{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;background:var(--bg-primary);color:var(--text-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:var(--transition-fast)}.google-signin-button:hover{background:var(--bg-secondary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .google-signin-button:hover{box-shadow:0 2px 8px #0000004d}.google-icon{width:20px;height:20px}.signin-link{text-align:center;font-size:var(--font-sm);color:var(--text-secondary);margin-top:1rem;margin-bottom:0}@media (max-width: 1024px){.signup-content{grid-template-columns:1fr;gap:3rem;max-width:600px}.signup-left{text-align:center}.signup-hero{max-width:none}.signup-title{font-size:2.5rem}.benefit-item{text-align:center;align-items:center;flex-direction:column;gap:1rem}.benefit-icon{margin-top:0}.benefit-text{text-align:center}.company-logos{justify-content:center;flex-wrap:wrap;gap:1rem}}@media (max-width: 768px){.signup-main{padding:1rem 0;min-height:calc(100vh - 60px)}.signup-content{gap:2rem;padding:0 1rem}.signup-title{font-size:2rem}.signup-subtitle{font-size:var(--font-lg)}.signup-form-container{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.benefit-item{text-align:center;align-items:center;flex-direction:column;gap:.75rem}.benefit-icon{margin-top:0;width:36px;height:36px}.benefit-icon svg{width:18px;height:18px}.benefit-text{text-align:center}.benefit-text h3{font-size:var(--font-base);margin-bottom:.5rem}.benefit-text p{font-size:var(--font-sm)}.social-proof-signup{text-align:center;margin-top:2rem}.social-proof-text{margin-bottom:1rem}.company-logos{justify-content:center;flex-wrap:wrap;gap:1rem;max-width:280px;margin:0 auto}.company-logo{width:20px;height:20px}}@media (max-width: 480px){.signup-form-container{padding:1.5rem 1rem}.form-title{font-size:var(--font-2xl)}.signup-title{font-size:1.75rem;line-height:1.2}.signup-subtitle{font-size:var(--font-base);line-height:1.5}.signup-benefits{gap:1.5rem;margin-bottom:2rem}.benefit-item{gap:.5rem}.benefit-icon{width:32px;height:32px}.benefit-icon svg{width:16px;height:16px}.benefit-text h3{font-size:var(--font-sm)}.benefit-text p{font-size:.75rem;line-height:1.4}.social-proof-text{font-size:.75rem}.company-logos{gap:.75rem;max-width:240px}.company-logo{width:18px;height:18px}}.legal-container{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9,#e2e8f0,#f8fafc);position:relative;overflow:hidden}.legal-container:before{content:"";position:absolute;inset:0;background-image:var(--bg-radial-1-fixed),var(--bg-radial-2-fixed),var(--bg-radial-3-fixed);background-size:800px 800px,600px 600px,400px 400px;pointer-events:none}.legal-main{flex:1;padding:2rem 0;min-height:calc(100vh - 80px)}.legal-content{max-width:800px;margin:0 auto;padding:0 2rem}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.legal-title{font-size:var(--font-5xl);font-weight:700;color:#1e293b;margin-bottom:1rem;line-height:1.1;letter-spacing:-.025em}.legal-subtitle{font-size:var(--font-lg);color:#64748b;margin:0;font-weight:500}.legal-document{background:#fff;border-radius:var(--radius-xl);padding:3rem;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a;border:1px solid #e2e8f0;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legal-section{margin-bottom:2.5rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:var(--font-2xl);font-weight:600;color:#1e293b;margin-bottom:1rem;letter-spacing:-.025em;padding-bottom:.5rem;border-bottom:2px solid #f1f5f9}.legal-section p{font-size:var(--font-base);color:#475569;line-height:1.7;margin-bottom:1rem;max-width:none}.legal-section ul{margin:1rem 0;padding-left:1.5rem}.legal-section li{font-size:var(--font-base);color:#475569;line-height:1.7;margin-bottom:.5rem}.contact-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:1.5rem;margin-top:1rem}.contact-info p{margin-bottom:.5rem;font-size:var(--font-sm)}.contact-info p:last-child{margin-bottom:0}.legal-footer{text-align:center;padding:2rem 0;border-top:1px solid #e2e8f0}.legal-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.legal-cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-base);transition:var(--transition-normal);box-shadow:0 4px 15px #8b5cf64d}.legal-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.legal-back-button{display:inline-block;padding:1rem 2rem;background:transparent;color:#64748b;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-base);border:2px solid #e2e8f0;transition:var(--transition-normal)}.legal-back-button:hover{color:#1e293b;border-color:#cbd5e1;background:#f8fafc80;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}@media (max-width: 768px){.legal-content{padding:0 1rem}.legal-title{font-size:2.5rem}.legal-subtitle{font-size:var(--font-base)}.legal-document{padding:2rem 1.5rem}.legal-section h2{font-size:var(--font-xl)}.legal-section p,.legal-section li{font-size:var(--font-sm)}.legal-actions{flex-direction:column;align-items:center}.legal-cta-button,.legal-back-button{width:100%;max-width:280px;text-align:center}}@media (max-width: 480px){.legal-title{font-size:2rem}.legal-document{padding:1.5rem 1rem}.legal-section h2{font-size:var(--font-lg)}.contact-info{padding:1rem}}.pricing-container{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}.pricing-container:before{content:"";position:absolute;inset:0;background-image:var(--bg-radial-1-fixed),var(--bg-radial-2-fixed),var(--bg-radial-3-fixed),var(--bg-grid-h-fixed),var(--bg-grid-v-fixed);background-size:800px 800px,600px 600px,400px 400px,50px 50px,50px 50px;pointer-events:none}.pricing-container:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 70% 70%,rgba(168,85,247,.04) 0%,transparent 50%),radial-gradient(circle at 30% 30%,rgba(34,197,94,.04) 0%,transparent 50%);background-size:1000px 1000px,700px 700px;pointer-events:none}.pricing-main{position:relative;z-index:2;padding:2rem 0}.pricing-content{max-width:1200px;margin:0 auto;padding:0 2rem}.pricing-hero{text-align:center;margin-bottom:4rem;padding-top:4rem}.pricing-title{font-size:3.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:var(--font-xl);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;align-items:stretch}.pricing-card{background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;position:relative;border:1px solid var(--border);transition:var(--transition-normal);opacity:0;transform:translateY(30px);display:grid;grid-template-rows:auto auto 1fr auto;min-height:600px;box-sizing:border-box}.pricing-card.animate-in{opacity:1;transform:translateY(0)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px var(--shadow-medium)}.pricing-card-popular{border:2px solid #8b5cf6;transform:scale(1.02);box-shadow:0 20px 40px #8b5cf626}.pricing-card-popular:hover{transform:scale(1.02) translateY(-8px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:var(--font-sm);font-weight:600}.pricing-card-header{text-align:center;margin-bottom:2rem;grid-row:1}.plan-name{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.plan-price{display:flex;align-items:baseline;justify-content:center;margin-bottom:1rem}.currency{font-size:var(--font-2xl);font-weight:600;color:var(--text-secondary)}.amount{font-size:4rem;font-weight:700;color:var(--text-primary);margin:0 .25rem}.period{font-size:var(--font-lg);color:var(--text-secondary)}.plan-description{color:var(--text-secondary);line-height:1.5}.pricing-card-content{grid-row:3;display:flex;flex-direction:column;flex:1;min-height:0}.plan-highlight{background:var(--bg-secondary);padding:.75rem 1rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;text-align:center;color:var(--text-primary);flex-shrink:0}.features-list{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:.5rem}.feature-item{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.75rem 0;color:var(--text-primary);line-height:1.5}.feature-content{display:flex;align-items:center;gap:.5rem}.feature-item:last-child{border-bottom:none}.feature-highlight{font-weight:600;color:#8b5cf6}.feature-icon{width:16px;height:16px;color:#10b981;flex-shrink:0}.feature-text{line-height:1;flex:1;text-align:left}.pricing-card-footer{text-align:center;grid-row:4;padding-top:1.5rem}.pricing-button{display:block;padding:1rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:var(--transition-normal);width:100%;text-align:center;border:none;cursor:pointer;box-sizing:border-box}.pricing-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.pricing-button-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.pricing-button-outline{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-hover);box-shadow:0 2px 8px var(--shadow-light)}.pricing-button-outline:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-medium);border-color:#3b82f6}.pricing-button-disabled{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border);opacity:.6;cursor:not-allowed}.pricing-button-disabled:hover{transform:none;box-shadow:none;background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border)}.pricing-faq{margin-bottom:4rem}.faq-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:3rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.faq-item{background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:2rem;border:1px solid var(--border);box-shadow:0 4px 15px var(--shadow-light)}.faq-question{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin-bottom:1rem}.faq-answer{color:var(--text-secondary);line-height:1.6}.pricing-cta{text-align:center;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:3rem 2rem;border:1px solid var(--border);margin-bottom:4rem;box-shadow:0 4px 15px var(--shadow-light)}.cta-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.cta-subtitle{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:3rem 0 1rem;position:relative;z-index:2}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 2fr;gap:3rem}.footer-left{max-width:300px}.footer-logo{font-size:var(--font-2xl);font-weight:700;color:#fff;margin-bottom:1rem}.footer-tagline{color:#ffffffb3;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1.5rem;text-align:center}.footer-bottom .footer-tagline{color:#94a3b8;font-size:var(--font-sm);font-weight:400;margin:0}.footer-column h4{color:#fff;font-weight:600;margin-bottom:1rem}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:2rem;text-align:center}.footer-bottom p{color:#fff9;margin:0}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto 4rem}.pricing-card-popular{transform:none}.pricing-card-popular:hover{transform:translateY(-8px)}}@media (max-width: 768px){.pricing-content{padding:0 1rem}.pricing-title{font-size:2.5rem}.pricing-subtitle{font-size:var(--font-lg)}.cta-title,.faq-title{font-size:2rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-left{text-align:center;max-width:none;margin:0 auto}.footer-links{grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:column;align-items:center}.hero-primary-button,.hero-ghost-button{width:100%;max-width:300px}}@media (max-width: 480px){.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card{padding:1.5rem}.pricing-title{font-size:2rem}.amount{font-size:var(--font-5xl)}.faq-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr;gap:1.5rem}.pricing-cta{padding:2rem 1rem}}.main-content .features-content{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.main-content.features-page{width:100%;padding:2rem 0;display:block}.features-hero{text-align:center;margin-bottom:4rem;padding:4rem 2rem;max-width:none;width:100%}.features-title{font-size:3.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.features-subtitle{font-size:var(--font-xl);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.features-blocks{margin-bottom:4rem;overflow:hidden}.feature-block{margin-bottom:6rem;opacity:0;transform:translateY(30px);transition:all .8s ease-out;width:100%;max-width:none}.feature-block.animate-in{opacity:1;transform:translateY(0)}.feature-content{display:flex;gap:6rem;align-items:center;max-width:none;width:100%}.feature-block-reverse .feature-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.feature-block-reverse .feature-text{order:2}.feature-text,.feature-visual{flex:1;min-width:0}.feature-text .feature-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.feature-description{font-size:var(--font-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.feature-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.feature-benefits li{display:flex;align-items:center;gap:.75rem;font-size:var(--font-base);color:var(--text-secondary)}.feature-benefits li:before{content:"✓";color:#34d399;font-weight:600;font-size:1.2rem}.feature-visual{background:var(--bg-primary);border-radius:var(--radius-xl);padding:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-light)}.features-mock-dashboard{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light)}.features-dashboard-header{padding:.75rem 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.features-dashboard-tabs{display:flex;gap:.5rem}.features-dashboard-tabs .tab{padding:.5rem 1rem;border:none;background:transparent;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:var(--transition-fast)}.features-dashboard-tabs .tab.active{background:var(--bg-tertiary);color:var(--accent-blue)}.features-dashboard-tabs .tab:hover:not(.active){background:var(--bg-secondary)}.features-dashboard-content{padding:1.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-sm);line-height:1.6;color:var(--text-primary)}.json-viewer .json-line{margin-bottom:.25rem}.json-viewer .json-nested{margin-left:1.5rem}.json-viewer .json-key{color:var(--accent-purple)}.json-viewer .json-string{color:var(--accent-green)}.json-viewer .json-number{color:var(--accent-blue)}.json-viewer .json-brace{color:var(--accent-amber);font-weight:600}.headers-viewer .header-item{display:flex;gap:.5rem;margin-bottom:.5rem}.headers-viewer .header-name{font-weight:600;color:var(--text-secondary)}.headers-viewer .header-value{color:var(--text-primary)}.response-viewer .response-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.response-viewer .status-code{padding:.25rem .5rem;border-radius:6px;font-weight:600}.response-viewer .status-code.success{background:var(--bg-tertiary);color:var(--accent-green)}.response-viewer .status-text{font-weight:600;color:var(--text-primary)}.response-viewer .response-time{margin-bottom:1rem}.response-viewer .time-label{font-weight:500;color:var(--text-secondary)}.response-viewer .response-headers{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:1rem 0;margin-bottom:1rem}.response-viewer .response-header{display:flex;gap:.5rem}.response-viewer .header-name{font-weight:600}.response-viewer .response-body{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-sm)}.tunnel-diagram{padding:2rem}.tunnel-step{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tunnel-step>div{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.tunnel-step svg{width:48px;height:48px;color:var(--text-secondary)}.tunnel-step .pylon-logo span{font-weight:600;color:var(--accent-blue)}.tunnel-step .tunnel-arrow svg{width:24px;height:24px}.tunnel-step span{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.delivery-queue{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.queue-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-light)}.queue-header h4{margin:0;font-size:var(--font-base);font-weight:600;color:var(--text-primary)}.status-indicator{background:var(--bg-tertiary);color:var(--accent-red);padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600}.queue-items{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.queue-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:6px}.queue-item.success,.queue-item.failed{background:var(--bg-tertiary)}.item-status{font-size:var(--font-xl)}.queue-item.success .item-status{color:var(--accent-green)}.queue-item.failed .item-status{color:var(--accent-red)}.item-details{flex-grow:1;display:flex;flex-direction:column}.item-endpoint{font-weight:500;color:var(--text-primary);font-size:var(--font-sm)}.item-time{font-size:.75rem;color:var(--text-secondary)}.item-status-text{font-size:var(--font-sm);font-weight:500;color:var(--accent-green)}.retry-button{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.retry-button:hover{background:#f8fafc;border-color:#cbd5e1}.slack-notification{background:#fff;border-radius:var(--radius-md);border:1px solid #e2e8f0;max-width:380px;margin:0 auto}.slack-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.slack-avatar{width:36px;height:36px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:600}.slack-info{display:flex;align-items:baseline;gap:.5rem}.slack-name{font-weight:700;color:#1e293b}.slack-time{font-size:.75rem;color:#64748b}.slack-message{padding:0 1rem 1rem 3rem}.alert-badge{display:inline-block;background:#fee2e2;color:#dc2626;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-bottom:.5rem}.slack-message h4{margin:0 0 .5rem;font-size:var(--font-base);font-weight:600;color:#1e293b}.slack-message p{font-size:var(--font-sm);line-height:1.5;color:#334155;margin:0 0 1rem}.slack-message code{background:#f1f5f9;padding:.125rem .25rem;border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.slack-actions{display:flex;gap:.5rem}.slack-button{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.slack-button.primary{background:#4f46e5;color:#fff;border:1px solid #4f46e5}.slack-button.primary:hover{background:#4338ca}.slack-button:not(.primary){background:#fff;border:1px solid #e2e8f0;color:#334155}.slack-button:not(.primary):hover{background:#f8fafc}.features-cta{text-align:center;padding:4rem 2rem;background:var(--bg-gradient);border-radius:var(--radius-xl);margin-top:6rem}.cta-title{font-size:var(--font-4xl);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.cta-subtitle{font-size:var(--font-lg);color:var(--text-secondary);max-width:500px;margin:0 auto 2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}.cta-buttons .hero-primary-button,.cta-buttons .hero-ghost-button{min-width:200px;text-align:center}@media (max-width: 768px){.main-content.features-page{padding:1rem 0}.features-hero{padding:2rem 1rem;margin-bottom:2rem}.features-title{font-size:2.5rem;line-height:1.2}.features-subtitle{font-size:var(--font-lg);padding:0 1rem}.feature-block{margin-bottom:3rem}.feature-content{display:block;gap:0}.features-page .feature-content,.features-page .feature-block-reverse .feature-content{display:block;grid-template-columns:none}.features-page .feature-block-reverse .feature-text{order:0}.feature-text{padding:0 1rem;margin-bottom:1.5rem}.feature-text .feature-title{font-size:1.75rem;margin-bottom:1rem}.feature-description{font-size:var(--font-base);margin-bottom:1.5rem}.feature-benefits{gap:.75rem}.feature-benefits li{font-size:.95rem}.features-page .feature-visual{display:none}.features-cta{padding:2rem 1rem;margin-top:3rem}.cta-title{font-size:var(--font-3xl);margin-bottom:.75rem}.cta-subtitle{font-size:var(--font-base);margin-bottom:1.5rem}.cta-buttons{flex-direction:column;align-items:center;gap:.75rem}.cta-buttons .hero-primary-button,.cta-buttons .hero-ghost-button{width:100%;max-width:280px;justify-content:center}}@media (max-width: 1024px) and (min-width: 769px){.main-content.features-page{padding:1.5rem 0}.features-hero{padding:3rem 1.5rem;margin-bottom:3rem}.features-title{font-size:var(--font-5xl)}.feature-content{gap:3rem}.feature-text .feature-title{font-size:var(--font-3xl)}.feature-visual{padding:1.5rem}.features-mock-dashboard{transform:scale(.9)}.tunnel-diagram{padding:1.5rem}.tunnel-step{gap:.75rem}.tunnel-step svg{width:40px;height:40px}.slack-notification{max-width:340px}.features-cta{padding:3rem 1.5rem;margin-top:4rem}}@media (max-width: 480px){.features-hero{padding:1.5rem .75rem}.features-title{font-size:2rem}.feature-text{padding:0 .75rem}.feature-text .feature-title{font-size:var(--font-2xl)}.feature-description{font-size:.95rem}.feature-benefits li{font-size:.9rem}.features-cta{padding:1.5rem .75rem}.cta-title{font-size:1.625rem}.cta-subtitle{font-size:.95rem}}[data-theme=dark] .features-title,[data-theme=dark] .feature-text .feature-title{color:var(--text-primary)}[data-theme=dark] .slack-notification{background:var(--bg-secondary);border-color:var(--border-light)}[data-theme=dark] .slack-name{color:var(--text-primary)}[data-theme=dark] .slack-time{color:var(--text-secondary)}[data-theme=dark] .slack-message h4{color:var(--text-primary)}[data-theme=dark] .slack-message p{color:var(--text-secondary)}[data-theme=dark] .slack-message code{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .slack-button:not(.primary){background:var(--bg-primary);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .slack-button:not(.primary):hover{background:var(--bg-tertiary)}[data-theme=dark] .retry-button{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .retry-button:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--bg-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;overflow-x:hidden}.dashboard-layout .dashboard-sidebar{width:260px;min-width:260px;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;overflow-y:auto;z-index:100;box-shadow:0 4px 12px var(--shadow-light)}.dashboard-layout .sidebar-header{padding:24px;border-bottom:1px solid var(--border);background:var(--bg-primary);height:89px;box-sizing:border-box;display:flex;align-items:center}@media (max-width: 1024px){.dashboard-layout .sidebar-header{height:auto;min-height:89px}}.dashboard-layout .sidebar-header .logo{display:flex;align-items:center;gap:12px}.dashboard-layout .logo-icon{width:32px;height:32px;filter:drop-shadow(0 2px 4px var(--shadow-light))}.dashboard-layout .logo-text{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.dashboard-layout .sidebar-nav{flex:1;padding:24px 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.dashboard-layout .nav-section{display:flex;flex-direction:column;gap:2px;padding:0 16px}.dashboard-layout .nav-section-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:8px 16px 12px;margin-bottom:4px}.dashboard-layout .nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:none;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;border-radius:8px;position:relative;margin-bottom:1px}.dashboard-layout .nav-item:hover{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);box-shadow:0 2px 4px var(--shadow-light);transform:translateY(-1px)}.dashboard-layout .nav-item.active{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 100%);color:var(--text-inverse);box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.dashboard-layout .nav-item.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--accent-blue);border-radius:0 2px 2px 0}.dashboard-layout .nav-icon{width:20px;height:20px;opacity:.8;display:flex;align-items:center;justify-content:center}.dashboard-layout .nav-icon svg{width:18px;height:18px;color:currentColor}.dashboard-layout .nav-item.active .nav-icon{opacity:1}.dashboard-layout .nav-label{flex:1;font-weight:500}.dashboard-layout .sidebar-footer{padding:24px 20px;border-top:1px solid var(--border);background:var(--bg-primary)}.dashboard-layout .sidebar-footer .user-menu{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:12px;border:1px solid var(--border);transition:all .2s ease}.dashboard-layout .sidebar-footer .user-menu:hover{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border) 100%);border-color:var(--border-medium);box-shadow:0 2px 4px var(--shadow-light)}.dashboard-layout .user-info{flex:1;display:flex;align-items:center;gap:12px}.dashboard-layout .user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;color:#fff;box-shadow:0 2px 8px #3b82f640;border:2px solid #ffffff}.dashboard-layout .user-details{flex:1;min-width:0}.dashboard-layout .user-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-layout .user-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-layout .logout-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.dashboard-layout .logout-btn:hover{color:var(--accent-red);background:#ef44441a;transform:scale(1.05)}.dashboard-layout .logout-btn svg{width:16px;height:16px;color:currentColor}.dashboard-layout .dashboard-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0;width:calc(100% - 260px);max-width:calc(100vw - 260px);height:100vh;overflow:hidden}.dashboard-layout .main-header{background:var(--bg-primary);padding:24px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;height:89px;box-sizing:border-box}@media (max-width: 1024px){.dashboard-layout .main-header{height:auto;min-height:89px}}.dashboard-layout .page-title h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.dashboard-layout .page-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.dashboard-layout .header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dashboard-layout .dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:50%;background-color:var(--bg-primary);cursor:pointer;transition:all .3s ease}.dashboard-layout .dark-mode-toggle:hover{background-color:var(--bg-secondary);border-color:var(--border-medium);transform:scale(1.05)}.dashboard-layout .dark-mode-toggle svg{width:1.25rem;height:1.25rem;color:var(--text-secondary);transition:color .3s ease}.dashboard-layout .dark-mode-toggle:hover svg{color:var(--text-primary)}.dashboard-layout .main-content{flex:1;padding:32px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;height:calc(100vh - 89px);display:flex;flex-direction:column}.dashboard-layout .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.dashboard-layout .btn-primary{background-color:var(--accent-blue);color:var(--text-inverse);border-color:var(--accent-blue)}.dashboard-layout .btn-primary:hover{background-color:var(--accent-blue-dark);border-color:var(--accent-blue-dark)}.dashboard-layout .btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border)}.dashboard-layout .btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-medium)}.dashboard-layout .btn-text{background:none;color:var(--accent-blue);border:none;padding:8px 12px}.dashboard-layout .btn-text:hover{background-color:#3b82f61a;color:var(--accent-blue-dark)}.dashboard-layout .btn-sm{padding:8px 12px;font-size:13px}.dashboard-layout .btn-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.dashboard-layout .btn-icon svg{width:14px;height:14px;color:currentColor}.dashboard-layout .overview-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;height:100%;overflow:hidden}@media (min-width: 769px) and (max-height: 800px){.dashboard-layout .overview-content{justify-content:flex-start}}@media (min-width: 769px) and (max-height: 600px){.dashboard-layout .overview-content{justify-content:center}.dashboard-layout .metrics-grid{align-self:center;max-width:1200px}}@media (min-width: 769px) and (max-height: 700px){.dashboard-layout .endpoints-grid{max-height:400px;overflow-y:auto}.dashboard-layout .requests-table-container{max-height:400px}}@media (min-width: 769px) and (max-height: 600px){.dashboard-layout .endpoints-grid{max-height:300px;overflow-y:auto}.dashboard-layout .requests-table-container{max-height:300px}}.dashboard-layout .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;flex-shrink:0}.dashboard-layout .metric-card{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);padding:24px;position:relative;transition:all .2s ease;min-width:0}.dashboard-layout .metric-card:hover{box-shadow:0 4px 8px var(--shadow-light);border-color:var(--border-medium)}.dashboard-layout .metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-layout .metric-header h3{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}.dashboard-layout .metric-icon{width:24px;height:24px;opacity:.6;display:flex;align-items:center;justify-content:center}.dashboard-layout .metric-icon svg{width:20px;height:20px;color:var(--text-secondary)}.dashboard-layout .metric-value{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.dashboard-layout .metric-change{font-size:13px;font-weight:500}.dashboard-layout .metric-change.positive{color:var(--accent-green)}.dashboard-layout .metric-change.negative{color:var(--accent-red)}.dashboard-layout .metric-change.neutral{color:var(--text-secondary)}.dashboard-layout .chart-section{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);padding:24px;width:100%;max-width:100%;box-sizing:border-box;height:350px;min-height:350px;max-height:350px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:opacity .3s ease,transform .3s ease,height .3s ease}.dashboard-layout .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px;flex-shrink:0}.dashboard-layout .section-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.dashboard-layout .chart-controls{display:flex;gap:12px}.dashboard-layout .time-range-select{padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.dashboard-layout .chart-container{height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;position:relative;border:1px solid var(--bg-secondary);border-radius:4px;background:var(--bg-secondary);padding:20px;box-sizing:border-box;flex:1;min-height:250px;max-height:250px}.dashboard-layout .chart-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;max-width:100%;overflow:hidden;position:relative}.dashboard-layout .chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative;min-width:20px;max-width:40px}.dashboard-layout .bar{background-color:#635bff;width:100%;max-width:24px;min-height:4px;border-radius:2px 2px 0 0;transition:all .2s ease;cursor:pointer;position:relative}.dashboard-layout .bar:hover{background-color:#5751e1}.dashboard-layout .bar-label{font-size:10px;color:#8898aa;margin-top:8px;text-align:center;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);white-space:nowrap;font-weight:500}.dashboard-layout .activity-section{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);padding:24px;width:100%;max-width:100%;box-sizing:border-box;flex-shrink:0;max-height:300px;display:flex;flex-direction:column;transition:opacity .3s ease,transform .3s ease}.dashboard-layout .activity-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:0}.dashboard-layout .activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:6px;border:1px solid transparent;transition:all .2s ease;min-width:0}.dashboard-layout .activity-item:hover{border-color:var(--border);background:var(--bg-primary)}.dashboard-layout .activity-icon{flex-shrink:0}.dashboard-layout .activity-content{flex:1;min-width:0;overflow:hidden}.dashboard-layout .activity-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-layout .activity-meta{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-layout .activity-status{flex-shrink:0}.dashboard-layout .method-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard-layout .method-badge.post{background-color:var(--accent-green);color:var(--text-inverse)}.dashboard-layout .method-badge.get{background-color:var(--accent-blue);color:var(--text-inverse)}.dashboard-layout .method-badge.put{background-color:var(--accent-orange);color:var(--text-inverse)}.dashboard-layout .method-badge.delete{background-color:var(--accent-red);color:var(--text-inverse)}.dashboard-layout .status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.dashboard-layout .status-badge.success{background-color:#10b9811a;color:var(--accent-green)}.dashboard-layout .status-badge.pending{background-color:#f59e0b1a;color:var(--accent-orange)}.dashboard-layout .forward-status{font-size:12px;font-weight:500}.dashboard-layout .forward-status.success{color:var(--accent-green)}.dashboard-layout .forward-status.pending{color:var(--accent-orange)}.dashboard-layout .endpoints-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;height:100%;overflow:hidden}.dashboard-layout .content-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;flex-shrink:0}.dashboard-layout .header-info h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.dashboard-layout .header-info p{font-size:16px;color:var(--text-secondary);margin:0}.dashboard-layout .endpoints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;overflow-y:auto;flex:1;min-height:0}.dashboard-layout .endpoint-card{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);padding:24px;transition:all .2s ease;min-width:0}.dashboard-layout .endpoint-card:hover{box-shadow:0 4px 8px var(--shadow-light);border-color:var(--border-medium)}.dashboard-layout .card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px}.dashboard-layout .endpoint-info h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.dashboard-layout .endpoint-path{font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 6px;border-radius:3px;font-family:SF Mono,Monaco,Menlo,monospace}.dashboard-layout .endpoint-status{display:flex;align-items:center;gap:6px;flex-shrink:0}.dashboard-layout .status-indicator{width:8px;height:8px;border-radius:50%}.dashboard-layout .status-indicator.active{background-color:var(--accent-green)}.dashboard-layout .status-indicator.inactive{background-color:var(--text-secondary)}.dashboard-layout .status-text{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.dashboard-layout .card-content{margin-bottom:20px}.dashboard-layout .endpoint-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.dashboard-layout .meta-item{display:flex;justify-content:space-between;font-size:13px}.dashboard-layout .meta-label{color:var(--text-secondary);font-weight:500}.dashboard-layout .meta-value{color:var(--text-primary)}.dashboard-layout .endpoint-activity{font-size:13px;color:var(--text-secondary);padding:8px 0}.dashboard-layout .card-actions{display:flex;gap:8px}.dashboard-layout .create-card{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);background:var(--bg-secondary);min-height:200px}.dashboard-layout .create-card:hover{border-color:var(--accent-blue);background:#3b82f605}.dashboard-layout .create-content{text-align:center;padding:20px}.dashboard-layout .create-icon{font-size:32px;color:var(--text-secondary);margin-bottom:12px}.dashboard-layout .create-content h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.dashboard-layout .create-content p{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.dashboard-layout .requests-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;height:100%;overflow:hidden}.dashboard-layout .header-controls{display:flex;gap:12px;flex-wrap:wrap}.dashboard-layout .requests-table-container{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);overflow:hidden;width:100%;max-width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.dashboard-layout .table-wrapper{overflow-x:auto;overflow-y:auto;width:100%;flex:1;min-height:0}.dashboard-layout .requests-table{width:100%;min-width:800px;border-collapse:collapse}.dashboard-layout .requests-table th{background:var(--bg-secondary);padding:16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.dashboard-layout .requests-table td{padding:16px;border-bottom:1px solid var(--bg-secondary);font-size:14px;color:var(--text-primary)}.dashboard-layout .requests-table tr:hover{background:var(--bg-secondary)}.dashboard-layout .timestamp{color:var(--text-secondary);font-size:13px;font-family:SF Mono,Monaco,Menlo,monospace}.dashboard-layout .endpoint-name{font-weight:500}.dashboard-layout .request-preview{font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;max-width:200px}.dashboard-layout .request-preview code{color:var(--text-secondary)}.dashboard-layout .actions{display:flex;gap:8px}.dashboard-layout .analytics-placeholder,.dashboard-layout .settings-placeholder{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);padding:60px 40px;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.dashboard-layout .placeholder-content{max-width:400px;margin:0 auto}.dashboard-layout .placeholder-icon{width:48px;height:48px;opacity:.5;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.dashboard-layout .placeholder-icon svg{width:48px;height:48px;color:var(--text-secondary)}.dashboard-layout .placeholder-content h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.dashboard-layout .placeholder-content p{font-size:16px;color:var(--text-secondary);margin:0}.dashboard-layout .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dashboard-layout .modal-content{background:var(--bg-primary);border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px var(--shadow-medium)}.dashboard-layout .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;margin-bottom:20px}.dashboard-layout .modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.dashboard-layout .modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.dashboard-layout .modal-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.dashboard-layout .modal-form{padding:0 24px 24px}.dashboard-layout .form-group{margin-bottom:20px}.dashboard-layout .form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.dashboard-layout .form-group input,.dashboard-layout .form-group select,.dashboard-layout .form-group textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease}.dashboard-layout .form-group input:focus,.dashboard-layout .form-group select:focus,.dashboard-layout .form-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.dashboard-layout .form-hint{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.dashboard-layout .code-textarea{font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;resize:vertical}.dashboard-layout .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (min-width: 769px) and (max-height: 900px){.dashboard-layout .activity-section{max-height:200px;min-height:150px}}@media (min-width: 769px) and (max-height: 850px){.dashboard-layout .activity-section{display:none}}@media (min-width: 769px) and (max-height: 800px){.dashboard-layout .activity-section{display:none}.dashboard-layout .chart-section{height:320px;min-height:320px;max-height:320px}.dashboard-layout .chart-container{height:220px;min-height:220px;max-height:220px}}@media (min-width: 769px) and (max-height: 700px){.dashboard-layout .activity-section{display:none}.dashboard-layout .chart-section{height:300px;min-height:300px;max-height:300px}.dashboard-layout .chart-container{height:200px;min-height:200px;max-height:200px}}@media (min-width: 769px) and (max-height: 650px){.dashboard-layout .activity-section{display:none}.dashboard-layout .chart-section{height:250px;min-height:250px;max-height:250px}.dashboard-layout .chart-container{height:150px;min-height:150px;max-height:150px}}@media (min-width: 769px) and (max-height: 600px){.dashboard-layout .activity-section,.dashboard-layout .chart-section{display:none}}@media (min-width: 769px) and (max-height: 550px){.dashboard-layout .activity-section,.dashboard-layout .chart-section{display:none}.dashboard-layout .metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-layout .metric-card{padding:16px}}@media (min-width: 769px) and (max-height: 500px){.dashboard-layout .activity-section,.dashboard-layout .chart-section{display:none}.dashboard-layout .metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-layout .metric-card{padding:12px}.dashboard-layout .metric-value{font-size:24px}}@media (min-width: 1400px){.dashboard-layout .overview-content{display:flex;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:24px;height:100%;overflow:hidden}.dashboard-layout .metrics-grid{flex-shrink:0}.dashboard-layout .chart-section{min-height:350px;max-height:350px;height:350px}.dashboard-layout .activity-section{max-height:250px;min-height:200px}.dashboard-layout .main-content{padding:24px 32px}}@media (min-width: 1200px) and (max-width: 1399px){.dashboard-layout .chart-section{height:350px;min-height:350px;max-height:350px}.dashboard-layout .chart-container{height:250px;min-height:250px;max-height:250px}.dashboard-layout .activity-section{max-height:280px}}@media (max-width: 1200px){.dashboard-layout .endpoints-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dashboard-layout .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-layout .chart-section{height:350px;min-height:350px;max-height:350px}.dashboard-layout .chart-container{height:250px;min-height:250px;max-height:250px}}@media (max-width: 1024px){.dashboard-layout .dashboard-sidebar{width:220px;min-width:220px}.dashboard-layout .sidebar-header{height:auto;min-height:89px}.dashboard-layout .dashboard-main{margin-left:220px;width:calc(100% - 220px);max-width:calc(100vw - 220px);height:100vh;overflow:hidden}.dashboard-layout .main-content{padding:24px;height:calc(100vh - 89px);overflow:hidden}.dashboard-layout .main-header{padding:20px 24px;height:auto;min-height:89px}.dashboard-layout .nav-section{padding:0 12px}.dashboard-layout .nav-item{padding:12px 14px}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.dashboard-layout .dashboard-sidebar{position:relative;width:100%;min-width:100%;height:auto;z-index:auto;background:linear-gradient(90deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-right:none;border-bottom:1px solid var(--border);box-shadow:0 2px 8px var(--shadow-light)}.dashboard-layout .sidebar-header{height:auto;min-height:auto;padding:16px 20px}.dashboard-layout .sidebar-nav{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:16px 0}.dashboard-layout .nav-section{flex-direction:row;gap:8px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-layout .nav-section-label{display:none}.dashboard-layout .nav-item{flex-shrink:0;white-space:nowrap;padding:10px 16px;margin-bottom:0}.dashboard-layout .nav-item.active:before{display:none}.dashboard-layout .dashboard-main{margin-left:0;width:100%;max-width:100vw;height:auto;overflow:visible}.dashboard-layout .main-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px;height:auto;min-height:auto}.dashboard-layout .header-actions{width:100%;justify-content:flex-start}.dashboard-layout .main-content{padding:20px;height:auto;overflow:visible}.dashboard-layout .overview-content,.dashboard-layout .endpoints-content,.dashboard-layout .requests-content{height:auto;overflow:visible}.dashboard-layout .metrics-grid{grid-template-columns:1fr}.dashboard-layout .endpoints-grid{grid-template-columns:1fr;overflow:visible;height:auto}.dashboard-layout .requests-table-container{font-size:12px}.dashboard-layout .requests-table{min-width:600px}.dashboard-layout .requests-table th,.dashboard-layout .requests-table td{padding:8px}.dashboard-layout .chart-wrapper{gap:2px;padding-bottom:0}.dashboard-layout .chart-section{height:350px;min-height:350px;max-height:350px;padding:20px}.dashboard-layout .chart-container{height:250px;padding:12px;min-height:250px;max-height:250px}.dashboard-layout .chart-bar{min-width:15px;max-width:30px}.dashboard-layout .bar-label{font-size:9px;bottom:-18px}.dashboard-layout .activity-item{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-layout .activity-status{align-self:flex-end}}@media (max-width: 480px){.dashboard-layout .modal-content{margin:0;border-radius:0;height:100vh;max-height:none}.dashboard-layout .main-content{padding:16px;height:auto;overflow:visible}.dashboard-layout .main-header,.dashboard-layout .sidebar-header{padding:12px 16px;height:auto;min-height:auto}.dashboard-layout .metrics-grid,.dashboard-layout .endpoints-grid{gap:16px}.dashboard-layout .chart-section{height:350px;min-height:350px;max-height:350px;padding:16px}.dashboard-layout .chart-container{height:250px;padding:8px;min-height:250px;max-height:250px}.dashboard-layout .chart-bar{min-width:12px;max-width:25px}.dashboard-layout .bar-label{font-size:8px;bottom:-16px}.dashboard-layout .requests-table{min-width:500px}}.dashboard-layout .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--text-secondary)}.dashboard-layout .loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-layout .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.dashboard-layout .error-icon{font-size:48px;margin-bottom:16px}.dashboard-layout .error-state h3{color:var(--text-primary);margin-bottom:8px}.dashboard-layout .error-state p{color:var(--text-secondary);margin-bottom:24px;max-width:400px}.dashboard-layout .modal-error,.dashboard-layout .modal-success{margin:0 24px 16px;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4}.dashboard-layout .modal-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.dashboard-layout .modal-success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.dashboard-layout .error-message,.dashboard-layout .success-message{display:flex;align-items:center;gap:8px}.dashboard-layout .section-error{padding:24px;border:1px solid rgba(239,68,68,.2);border-radius:8px;background-color:#ef44440d;margin:16px 0}.dashboard-layout .section-error .error-content{display:flex;align-items:center;gap:12px}.dashboard-layout .section-error .error-icon{font-size:20px;flex-shrink:0}.dashboard-layout .section-error .error-text{flex:1}.dashboard-layout .section-error h4{margin:0 0 4px;color:#ef4444;font-size:14px;font-weight:600}.dashboard-layout .section-error p{margin:0;color:#ef4444;font-size:13px;opacity:.8}.dashboard-layout .section-loading{display:flex;align-items:center;gap:12px;padding:24px;color:var(--text-secondary);font-size:14px}.dashboard-layout .loading-spinner-small{width:16px;height:16px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.dashboard-layout .empty-state{padding:40px 20px;text-align:center;color:var(--text-secondary);font-style:italic}.dashboard-layout .metric-card .section-loading,.dashboard-layout .metric-card .section-error{padding:12px;margin:8px 0;min-height:60px;display:flex;align-items:center;justify-content:center}.dashboard-layout .metric-card .section-error{flex-direction:column;text-align:center}.dashboard-layout .metric-card .section-error .error-content{flex-direction:column;gap:8px}.dashboard-layout .metric-card .section-error .error-text h4{font-size:12px}.dashboard-layout .metric-card .section-error .error-text p{font-size:11px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#111827;color:#ffffffde}body{margin:0;min-width:320px;min-height:100vh}