:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-height:100%;overflow-y:auto;overflow-x:hidden}#root{height:100%}.navbar{background:#1e1e1e;border-bottom:1px solid #333;padding:0;position:sticky;top:0;z-index:100}.navbar-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 2rem;height:60px}.navbar-brand h1{font-size:1.25rem;font-weight:600;color:#0dbc79;margin:0}.navbar-links{display:flex;gap:.5rem;flex:1;justify-content:center}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#888;text-decoration:none;border-radius:6px;transition:all .2s;font-weight:500}.nav-link:hover{color:#0dbc79;background:#0dbc791a}.nav-link.active{color:#0dbc79;background:#0dbc7926}.nav-icon{font-size:1.1rem}.navbar-user{display:flex;align-items:center;gap:1rem}.user-email{color:#888;font-size:.875rem}.logout-button{padding:.5rem 1rem;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.logout-button:hover{background:#333;border-color:#0dbc79;color:#0dbc79}@media(max-width:768px){.navbar-content{padding:0 1rem;flex-wrap:wrap;height:auto}.navbar-brand h1{font-size:1rem}.navbar-links{order:3;width:100%;justify-content:space-around;padding:.5rem 0;border-top:1px solid #333}.user-email{display:none}}:root{--neon-cyan: #00ff9f;--neon-purple: #a78bfa;--neon-pink: #ff10f0;--neon-green: #00ff00;--neon-blue: #00d9ff;--cyber-black: #0a0e14;--cyber-dark: #0f1419;--cyber-darker: #060809;--color-primary: var(--neon-cyan);--color-secondary: var(--neon-purple);--color-accent: var(--neon-pink);--color-text: #ffffff;--color-text-dim: #b4b4b4;--color-border: rgba(0, 255, 159, .2);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--spacing-2xl: 6rem;--border-radius: 8px;--border-radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--glow-sm: 0 0 10px;--glow-md: 0 0 20px;--glow-lg: 0 0 40px}*{box-sizing:border-box}.landing-page.futuristic{min-height:100vh;background:var(--cyber-black);color:var(--color-text);overflow-x:hidden;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,159,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,159,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none;z-index:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glow-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.3;pointer-events:none;z-index:0;animation:float 20s ease-in-out infinite}.glow-orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--neon-cyan),transparent);top:10%;left:10%}.glow-orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--neon-purple),transparent);bottom:10%;right:10%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(20px,-20px) scale(1.05)}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e14cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.landing-nav-content{max-width:1400px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.landing-logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo-icon.glow{font-size:1.8rem;filter:drop-shadow(0 0 8px var(--neon-cyan));animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 8px var(--neon-cyan))}50%{filter:drop-shadow(0 0 16px var(--neon-cyan))}}.logo-text{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{color:var(--color-text-dim);text-decoration:none;font-weight:500;transition:var(--transition)}.nav-link:hover{color:var(--neon-cyan)}.login-button.glow-btn{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:var(--cyber-black);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 0 20px #00ff9f4d;position:relative;overflow:hidden}.login-button.glow-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ff9f99}.login-button.glow-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-button.glow-btn:hover:before{width:300px;height:300px}.landing-hero.cyber-hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;padding:calc(var(--spacing-xl) + 60px) var(--spacing-md) var(--spacing-xl);position:relative;z-index:1;max-width:1400px;margin:0 auto}.hero-content{max-width:600px}.hero-badge.cyber-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.5rem 1rem;background:#00ff9f1a;border:1px solid var(--color-border);border-radius:50px;font-size:.875rem;font-weight:600;color:var(--neon-cyan);margin-bottom:var(--spacing-md);box-shadow:0 0 20px #00ff9f33}.badge-dot{width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title.cyber-title{font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1.1;margin:0 0 var(--spacing-md);letter-spacing:-2px}.gradient-text.glow-text{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 3s ease infinite;text-shadow:0 0 40px rgba(0,255,159,.5)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-tagline{font-size:1.25rem;line-height:1.6;color:var(--color-text-dim);margin-bottom:var(--spacing-lg)}.tagline-highlight{color:var(--neon-cyan);font-weight:700;letter-spacing:2px}.hero-cta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn{padding:1rem 2rem;border-radius:var(--border-radius);font-size:1.125rem;font-weight:700;cursor:pointer;transition:var(--transition);border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-lg{padding:1.25rem 2.5rem}.btn-xl{padding:1.5rem 3rem;font-size:1.25rem}.glow-btn.cyber-btn{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:var(--cyber-black);box-shadow:0 0 30px #00ff9f66}.glow-btn.cyber-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 0 50px #00ff9fcc}.cyber-btn-outline{background:transparent;color:var(--neon-cyan);border:2px solid var(--neon-cyan);box-shadow:0 0 20px #00ff9f33}.cyber-btn-outline:hover{background:#00ff9f1a;box-shadow:0 0 30px #00ff9f66;transform:translateY(-4px)}.hero-terminal.cyber-terminal{position:relative}.terminal-window.glow-box{background:#0a0e14f2;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 0 40px #00ff9f4d,inset 0 0 60px #00ff9f0d}.terminal-header{background:#0f1419e6;padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.terminal-buttons{display:flex;gap:6px}.terminal-button{width:12px;height:12px;border-radius:50%}.terminal-button.red{background:#ff5f56}.terminal-button.yellow{background:#ffbd2e}.terminal-button.green{background:#27c93f}.terminal-title{flex:1;text-align:center;font-family:Monaco,Menlo,monospace;font-size:.875rem;color:var(--color-text-dim)}.terminal-body{padding:var(--spacing-md);font-family:Monaco,Menlo,monospace;font-size:.875rem;min-height:200px}.terminal-line{margin-bottom:.5rem;display:flex;align-items:baseline}.terminal-prompt.neon-green{color:var(--neon-green);margin-right:.5rem;text-shadow:0 0 10px var(--neon-green)}.terminal-command{color:var(--color-text)}.terminal-cursor{display:inline-block;width:8px;height:1em;background:var(--neon-cyan);animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.neon-green{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green)}.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.neon-purple{color:var(--neon-purple);text-shadow:0 0 10px var(--neon-purple)}.neon-pink{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink)}.fade-in{animation:fadeIn .8s ease-out}.delay-1{animation-delay:.4s;opacity:0;animation-fill-mode:forwards}.delay-2{animation-delay:.8s;opacity:0;animation-fill-mode:forwards}.landing-section{padding:var(--spacing-2xl) var(--spacing-md);position:relative;z-index:1}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;text-align:center;margin-bottom:var(--spacing-lg);letter-spacing:-1px}.pain-title{color:var(--neon-pink);text-shadow:0 0 30px rgba(255,16,240,.5)}.solution-title{margin-bottom:var(--spacing-xl)}.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);max-width:900px;margin:0 auto}.pain-item{padding:var(--spacing-md);background:#ff10f00d;border:1px solid rgba(255,16,240,.2);border-radius:var(--border-radius);font-size:1.125rem;color:var(--color-text-dim)}.pain-item strong{color:var(--color-text)}.pain-highlight{grid-column:1 / -1;text-align:center;font-size:1.5rem;background:#ff10f01a;border-color:var(--neon-pink);box-shadow:0 0 30px #ff10f04d}.solution-demo{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.demo-box.glow-box{background:#0a0e1499;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:0 0 30px #00ff9f33}.demo-label{font-size:.875rem;color:var(--neon-cyan);margin-bottom:var(--spacing-sm);font-weight:600}.demo-code{background:#00000080;padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--neon-cyan);overflow-x:auto}.demo-code code{font-family:Monaco,Menlo,monospace;color:var(--color-text);font-size:1rem}.demo-arrow{text-align:center;font-size:2rem;color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan)}.solution-tagline{text-align:center;font-size:1.5rem;margin-top:var(--spacing-lg);color:var(--color-text-dim)}.features-grid-core{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature-card-core.cyber-card.glow-box{background:#0a0e1499;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;transition:var(--transition);box-shadow:0 0 20px #00ff9f1a}.feature-card-core:hover{transform:translateY(-8px);border-color:var(--neon-cyan);box-shadow:0 0 40px #00ff9f66}.feature-icon-large{font-size:4rem;margin-bottom:var(--spacing-md);filter:drop-shadow(0 0 20px var(--neon-cyan))}.feature-title-core{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--neon-cyan)}.feature-description-core{color:var(--color-text-dim);line-height:1.6}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.testimonial-card.cyber-card.glow-box{background:#0a0e1499;border:2px solid rgba(167,139,250,.3);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 0 20px #a78bfa1a;transition:var(--transition)}.testimonial-card:hover{border-color:var(--neon-purple);box-shadow:0 0 40px #a78bfa4d;transform:translateY(-4px)}.testimonial-quote{font-size:1.125rem;line-height:1.6;color:var(--color-text);margin-bottom:var(--spacing-sm);font-style:italic}.testimonial-role{font-size:.875rem;color:var(--neon-purple);font-weight:600}.power-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-xl)}.power-feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#0a0e1466;border:1px solid rgba(0,255,159,.2);border-radius:var(--border-radius);transition:var(--transition)}.power-feature:hover{background:#00ff9f0d;border-color:var(--neon-cyan);transform:translate(4px)}.power-icon{font-size:1.5rem}.power-text{display:flex;flex-direction:column}.power-text strong{color:var(--color-text);font-weight:600}.power-desc{font-size:.875rem;color:var(--color-text-dim)}.install-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.install-box.glow-box{background:#0a0e1499;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 0 20px #00ff9f1a}.install-platform{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--neon-cyan)}.install-code{background:#00000080;padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--neon-cyan);overflow-x:auto}.install-code code{font-family:Monaco,Menlo,monospace;color:var(--color-text)}.install-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap}.install-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center;max-width:300px}.step-number-cyber{width:50px;height:50px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:var(--cyber-black);box-shadow:0 0 30px #00ff9f80}.step-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.step-content strong{font-size:1.125rem;color:var(--neon-cyan)}.step-content code{font-family:Monaco,Menlo,monospace;font-size:.875rem;color:var(--color-text-dim)}.install-arrow{font-size:2rem;color:var(--neon-cyan)}.install-note{text-align:center;margin-top:var(--spacing-xl);font-size:1.125rem;color:var(--color-text-dim)}.cyber-cta{text-align:center;padding:var(--spacing-2xl) var(--spacing-md)}.cta-container{max-width:800px;margin:0 auto}.cta-title{font-size:clamp(3rem,6vw,4rem);font-weight:900;margin-bottom:var(--spacing-md)}.cta-subtitle{font-size:1.25rem;color:var(--color-text-dim);margin-bottom:var(--spacing-lg)}.cyber-btn-xl{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:var(--cyber-black);box-shadow:0 0 50px #00ff9f80}.cyber-btn-xl:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 0 80px #00ff9fe6}.cta-note{margin-top:var(--spacing-md);color:var(--color-text-dim)}.landing-footer.cyber-footer{background:#0a0e14f2;border-top:2px solid var(--color-border);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.5rem;font-weight:700;margin:0}.footer-tagline{color:var(--color-text-dim)}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.footer-column h4{color:var(--neon-cyan);font-weight:600;margin-bottom:var(--spacing-sm)}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--color-text-dim);text-decoration:none;transition:var(--transition)}.footer-column a:hover{color:var(--neon-cyan)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid rgba(0,255,159,.1);color:var(--color-text-dim)}@media(max-width:1024px){.landing-hero.cyber-hero{grid-template-columns:1fr;gap:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 60px)}.hero-terminal.cyber-terminal{order:2}.hero-content{order:1;max-width:100%}}@media(max-width:768px){.hero-title.cyber-title{font-size:2.5rem}.section-title{font-size:2rem}.hero-cta{flex-direction:column}.btn-lg{width:100%}.footer-container{grid-template-columns:1fr}.install-steps{flex-direction:column}.install-arrow{transform:rotate(90deg)}}@media(max-width:480px){.landing-nav-content{padding:var(--spacing-sm)}.nav-actions{gap:var(--spacing-sm)}.nav-link{display:none}.terminal-body{font-size:.75rem;padding:var(--spacing-sm)}}.glow{text-shadow:0 0 10px currentColor}.cyber-card{position:relative;overflow:hidden}.cyber-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink));border-radius:inherit;opacity:0;transition:var(--transition);z-index:-1}.cyber-card:hover:before{opacity:.15}.glow-box{position:relative}.pricing-section{padding:120px 0;background:linear-gradient(135deg,#0a0e27f2,#1a1f3af2)}.pricing-subtitle{text-align:center;font-size:1.25rem;color:#ffffffb3;margin-top:-20px;margin-bottom:60px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1200px;margin:0 auto 40px}.pricing-card{padding:40px 30px;border-radius:20px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d9ff,#ffb86c);opacity:0;transition:opacity .3s ease}.pricing-card:hover:before{opacity:1}.pricing-featured{border:2px solid rgba(0,217,255,.5);transform:scale(1.05);box-shadow:0 20px 60px #00d9ff4d}.pricing-badge{display:inline-block;padding:6px 16px;border-radius:20px;background:#ffffff1a;color:#fffc;font-size:.875rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.pricing-badge-popular{background:linear-gradient(135deg,#00d9ff,#ffb86c);color:#0a0e27}.pricing-plan-name{font-size:2rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#00d9ff,#ffb86c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-price{margin-bottom:20px}.price-amount{font-size:3.5rem;font-weight:700;color:#fff}.price-period{font-size:1.25rem;color:#fff9}.pricing-description{font-size:1rem;color:#ffffffb3;margin-bottom:30px;min-height:48px}.pricing-features{list-style:none;padding:0;margin:0 0 30px}.pricing-features li{padding:12px 0;color:#fffc;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.pricing-features li:last-child{border-bottom:none}.pricing-features strong{color:#00d9ff;font-weight:600}.pricing-btn{width:100%;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:10px;transition:all .3s ease}.pricing-note{text-align:center;font-size:1rem;color:#ffffffb3;margin-top:40px}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;gap:30px}.pricing-featured{transform:scale(1)}.price-amount{font-size:2.5rem}}.login-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none;animation:float 20s infinite ease-in-out}.login-glow-orb-1{width:400px;height:400px;background:radial-gradient(circle,#4FC1FF 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.login-glow-orb-2{width:500px;height:500px;background:radial-gradient(circle,#FFB86C 0%,transparent 70%);bottom:-250px;right:-250px;animation-delay:5s}.login-card{background:#1a1f3ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,193,255,.2);border-radius:16px;padding:3rem;max-width:480px;width:100%;box-shadow:0 8px 32px #00d9ff1a,0 0 80px #4fc1ff0d;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{font-family:Courier New,monospace;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#00d9ff,#ffb86c,#ff79c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:6px;text-shadow:0 0 30px rgba(0,217,255,.3)}.login-tagline{font-size:1.25rem;color:#ffb86c;margin:.5rem 0;font-weight:600}.login-subtitle{color:#8be9fd;margin:.5rem 0 0;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-row{display:flex;justify-content:flex-end;margin-top:.5rem}.forgot-password-inline-link{color:#8be9fdb3;text-decoration:none;font-size:.8125rem;transition:all .2s ease}.forgot-password-inline-link:hover{color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.3)}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#3b8eea,#4fc1ff);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #3b8eea66;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #3b8eea99;background:linear-gradient(135deg,#4fc1ff,#3b8eea)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(79,193,255,.2);text-align:center}.login-footer p{margin:0;color:#8be9fdcc;font-size:.875rem}.login-link{color:#00d9ff;text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.login-link:hover{color:#4fc1ff;text-shadow:0 0 10px rgba(0,217,255,.5)}.login-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#00d9ff,#4fc1ff);transform:scaleX(0);transition:transform .3s ease}.login-link:hover:after{transform:scaleX(1)}@media(max-width:768px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.login-logo{font-size:2.5rem}.login-tagline{font-size:1.1rem}.login-subtitle{font-size:.875rem}.login-form{gap:1.25rem}}@media(max-width:480px){.login-card{padding:1.5rem 1rem}.login-logo{font-size:2rem;letter-spacing:4px}}.signup-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.signup-glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none;animation:float 20s infinite ease-in-out}.signup-glow-orb-1{width:400px;height:400px;background:radial-gradient(circle,#00D9FF 0%,transparent 70%);top:-200px;right:-200px;animation-delay:0s}.signup-glow-orb-2{width:500px;height:500px;background:radial-gradient(circle,#FF79C6 0%,transparent 70%);bottom:-250px;left:-250px;animation-delay:5s}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.signup-card{background:#1a1f3ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,193,255,.2);border-radius:16px;padding:3rem;max-width:520px;width:100%;box-shadow:0 8px 32px #00d9ff1a,0 0 80px #ff79c60d;position:relative;z-index:1}.signup-header{text-align:center;margin-bottom:2.5rem}.signup-logo{font-family:Courier New,monospace;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#00d9ff,#ffb86c,#ff79c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:6px;text-shadow:0 0 30px rgba(0,217,255,.3)}.signup-tagline{font-size:1.25rem;color:#ffb86c;margin:.5rem 0;font-weight:600}.signup-subtitle{color:#8be9fd;margin:.5rem 0 0;font-size:.95rem}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#8be9fd;font-size:.875rem;margin-bottom:.5rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input{width:100%;padding:.875rem 1rem;background:#0a0e2799;border:1px solid rgba(79,193,255,.3);border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-group input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff33;background:#0a0e27cc}.form-group input::placeholder{color:#8be9fd66}.field-hint{margin-top:.5rem;font-size:.75rem;color:#8be9fd99;font-style:italic}.password-strength{margin-top:.75rem}.strength-bar{height:4px;background:#4fc1ff1a;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px;box-shadow:0 0 10px currentColor}.strength-message{font-size:.75rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.error-message{background:#ff44441a;border:1px solid rgba(255,68,68,.4);border-radius:8px;padding:1rem;color:#f88;font-size:.875rem;display:flex;align-items:center;gap:.75rem;animation:shake .4s ease}.error-icon{font-size:1.25rem;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.signup-button{width:100%;padding:1rem;background:linear-gradient(135deg,#3b8eea,#4fc1ff);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #3b8eea66;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.signup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #3b8eea99;background:linear-gradient(135deg,#4fc1ff,#3b8eea)}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-icon{font-size:1.25rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.signup-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(79,193,255,.2);text-align:center}.signup-footer p{margin:0;color:#8be9fdcc;font-size:.875rem}.signup-link{color:#00d9ff;text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.signup-link:hover{color:#4fc1ff;text-shadow:0 0 10px rgba(0,217,255,.5)}.signup-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#00d9ff,#4fc1ff);transform:scaleX(0);transition:transform .3s ease}.signup-link:hover:after{transform:scaleX(1)}@media(max-width:768px){.signup-container{padding:1rem}.signup-card{padding:2rem 1.5rem}.signup-logo{font-size:2.5rem}.signup-tagline{font-size:1.1rem}.signup-subtitle{font-size:.875rem}.signup-form{gap:1.25rem}}@media(max-width:480px){.signup-card{padding:1.5rem 1rem}.signup-logo{font-size:2rem;letter-spacing:4px}}.forgot-password-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.forgot-password-glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none;animation:forgot-password-float 20s infinite ease-in-out}.forgot-password-glow-orb-1{width:400px;height:400px;background:radial-gradient(circle,#4FC1FF 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.forgot-password-glow-orb-2{width:500px;height:500px;background:radial-gradient(circle,#FFB86C 0%,transparent 70%);bottom:-250px;right:-250px;animation-delay:5s}@keyframes forgot-password-float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.forgot-password-card{background:#1a1f3ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,193,255,.2);border-radius:16px;padding:3rem;max-width:480px;width:100%;box-shadow:0 8px 32px #00d9ff1a,0 0 80px #4fc1ff0d;position:relative;z-index:1}.forgot-password-header{text-align:center;margin-bottom:2.5rem}.forgot-password-logo{font-family:Courier New,monospace;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#00d9ff,#ffb86c,#ff79c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:6px;text-shadow:0 0 30px rgba(0,217,255,.3)}.forgot-password-tagline{font-size:1.25rem;color:#ffb86c;margin:.5rem 0;font-weight:600}.forgot-password-subtitle{color:#8be9fd;margin:.5rem 0 0;font-size:.95rem}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-form .form-group{display:flex;flex-direction:column}.forgot-password-form .form-group label{color:#8be9fd;font-size:.875rem;margin-bottom:.5rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.forgot-password-form .form-group input{width:100%;padding:.875rem 1rem;background:#0a0e2799;border:1px solid rgba(79,193,255,.3);border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.forgot-password-form .form-group input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff33;background:#0a0e27cc}.forgot-password-form .form-group input:disabled{opacity:.5;cursor:not-allowed}.forgot-password-form .form-group input::placeholder{color:#8be9fd66}.forgot-password-form .error-message{background:#ff44441a;border:1px solid rgba(255,68,68,.4);border-radius:8px;padding:1rem;color:#f88;font-size:.875rem;display:flex;align-items:center;gap:.75rem;animation:forgot-password-shake .4s ease}.forgot-password-form .error-icon{font-size:1.25rem;flex-shrink:0}@keyframes forgot-password-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.success-message strong{color:#8be9fd}.forgot-password-instructions{text-align:center;margin-bottom:1rem}.forgot-password-instructions p{color:#8be9fdb3;font-size:.875rem;margin:0}.forgot-password-button{width:100%;padding:1rem;background:linear-gradient(135deg,#3b8eea,#4fc1ff);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #3b8eea66;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.forgot-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #3b8eea99;background:linear-gradient(135deg,#4fc1ff,#3b8eea)}.forgot-password-button:active:not(:disabled){transform:translateY(0)}.forgot-password-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.forgot-password-button .button-icon{font-size:1.25rem}.forgot-password-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:forgot-password-spin .8s linear infinite}@keyframes forgot-password-spin{to{transform:rotate(360deg)}}.forgot-password-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(79,193,255,.2);text-align:center}.forgot-password-footer p{margin:0;color:#8be9fdcc;font-size:.875rem}.forgot-password-link{color:#00d9ff;text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.forgot-password-link:hover{color:#4fc1ff;text-shadow:0 0 10px rgba(0,217,255,.5)}.forgot-password-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#00d9ff,#4fc1ff);transform:scaleX(0);transition:transform .3s ease}.forgot-password-link:hover:after{transform:scaleX(1)}@media(max-width:768px){.forgot-password-container{padding:1rem}.forgot-password-card{padding:2rem 1.5rem}.forgot-password-logo{font-size:2.5rem}.forgot-password-tagline{font-size:1.1rem}.forgot-password-subtitle{font-size:.875rem}.forgot-password-form{gap:1.25rem}}@media(max-width:480px){.forgot-password-card{padding:1.5rem 1rem}.forgot-password-logo{font-size:2rem;letter-spacing:4px}}.reset-password-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.reset-password-glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none;animation:reset-password-float 20s infinite ease-in-out}.reset-password-glow-orb-1{width:400px;height:400px;background:radial-gradient(circle,#4FC1FF 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.reset-password-glow-orb-2{width:500px;height:500px;background:radial-gradient(circle,#FFB86C 0%,transparent 70%);bottom:-250px;right:-250px;animation-delay:5s}@keyframes reset-password-float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.reset-password-card{background:#1a1f3ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,193,255,.2);border-radius:16px;padding:3rem;max-width:480px;width:100%;box-shadow:0 8px 32px #00d9ff1a,0 0 80px #4fc1ff0d;position:relative;z-index:1}.reset-password-header{text-align:center;margin-bottom:2.5rem}.reset-password-logo{font-family:Courier New,monospace;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#00d9ff,#ffb86c,#ff79c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:6px;text-shadow:0 0 30px rgba(0,217,255,.3)}.reset-password-tagline{font-size:1.25rem;color:#ffb86c;margin:.5rem 0;font-weight:600}.reset-password-subtitle{color:#8be9fd;margin:.5rem 0 0;font-size:.95rem}.reset-password-form{display:flex;flex-direction:column;gap:1.5rem}.reset-password-form .form-group{display:flex;flex-direction:column}.reset-password-form .form-group label{color:#8be9fd;font-size:.875rem;margin-bottom:.5rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.reset-password-form .form-group input{width:100%;padding:.875rem 1rem;background:#0a0e2799;border:1px solid rgba(79,193,255,.3);border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reset-password-form .form-group input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff33;background:#0a0e27cc}.reset-password-form .form-group input:disabled{opacity:.5;cursor:not-allowed}.reset-password-form .form-group input::placeholder{color:#8be9fd66}.input-hint{color:#8be9fd80;font-size:.75rem;margin-top:.375rem}.reset-password-form .error-message{background:#ff44441a;border:1px solid rgba(255,68,68,.4);border-radius:8px;padding:1rem;color:#f88;font-size:.875rem;display:flex;align-items:center;gap:.75rem;animation:reset-password-shake .4s ease}.reset-password-form .error-icon{font-size:1.25rem;flex-shrink:0}@keyframes reset-password-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-state{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.error-state-icon{display:inline-flex;font-size:2.5rem;margin-bottom:1rem}.error-state p{color:#f88;margin:0;font-size:.95rem;line-height:1.6}.success-message{background:#50fa7b1a;border:1px solid rgba(80,250,123,.4);border-radius:8px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.success-message .success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#50fa7b,#00d9ff);border-radius:50%;font-size:1.5rem;color:#fff;margin-bottom:1rem}.success-message p{color:#50fa7b;margin:0;font-size:.95rem;line-height:1.6}.reset-password-button{width:100%;padding:1rem;background:linear-gradient(135deg,#3b8eea,#4fc1ff);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #3b8eea66;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.reset-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #3b8eea99;background:linear-gradient(135deg,#4fc1ff,#3b8eea)}.reset-password-button:active:not(:disabled){transform:translateY(0)}.reset-password-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-password-button .button-icon{font-size:1.25rem}.reset-password-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:reset-password-spin .8s linear infinite}@keyframes reset-password-spin{to{transform:rotate(360deg)}}.reset-password-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(79,193,255,.2);text-align:center}.reset-password-footer p{margin:0;color:#8be9fdcc;font-size:.875rem}.reset-password-link{color:#00d9ff;text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.reset-password-link:hover{color:#4fc1ff;text-shadow:0 0 10px rgba(0,217,255,.5)}.reset-password-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#00d9ff,#4fc1ff);transform:scaleX(0);transition:transform .3s ease}.reset-password-link:hover:after{transform:scaleX(1)}@media(max-width:768px){.reset-password-container{padding:1rem}.reset-password-card{padding:2rem 1.5rem}.reset-password-logo{font-size:2.5rem}.reset-password-tagline{font-size:1.1rem}.reset-password-subtitle{font-size:.875rem}.reset-password-form{gap:1.25rem}}@media(max-width:480px){.reset-password-card{padding:1.5rem 1rem}.reset-password-logo{font-size:2rem;letter-spacing:4px}}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.terminal-with-panes{display:flex;flex-direction:column;height:100%;width:100%}.split-controls{display:flex;gap:.5rem;padding:.5rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);align-items:center}.split-button{padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.split-button:hover{background:#0dbc791a;border-color:#0dbc794d;transform:translateY(-1px)}.split-button:active{transform:translateY(0)}.record-button{background:#ff44441a;border-color:#ff44444d}.record-button:hover{background:#f443;border-color:#ff444480}.stop-button{background:#0dbc791a;border-color:#0dbc794d}.stop-button:hover{background:#0dbc7933;border-color:#0dbc7980}.recording-active{animation:recordingPulse 2s ease-in-out infinite}@keyframes recordingPulse{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 20px #f449}}.recording-indicator{color:#f44;font-size:.75rem;font-weight:600;letter-spacing:.5px;animation:recordingBlink 1.5s ease-in-out infinite}@keyframes recordingBlink{0%,to{opacity:1}50%{opacity:.3}}.pane-count{margin-left:auto;color:#ffffff80;font-size:.75rem;font-weight:500}.terminal-panes{flex:1;display:grid;gap:8px;padding:8px;overflow:hidden}.terminal-panes.layout-single{grid-template-columns:1fr;grid-template-rows:1fr}.terminal-pane{position:relative;background:#0f0f0f;border:2px solid transparent;border-radius:4px;overflow:hidden;transition:border-color .2s ease;display:flex;flex-direction:column}.terminal-pane:hover{border-color:#ffffff1a}.terminal-pane.active{border-color:#0dbc7980;box-shadow:0 0 0 1px #0dbc7933}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;background:#00000080;border-bottom:1px solid rgba(255,255,255,.05)}.pane-id{font-size:.7rem;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.close-pane-button{background:none;border:none;color:#fff6;font-size:.9rem;cursor:pointer;padding:.1rem .3rem;border-radius:2px;transition:all .2s ease}.close-pane-button:hover{background:#f443;color:#f44}.terminal-pane .terminal-container{flex:1;overflow:hidden}@media(max-width:768px){.split-controls{flex-wrap:wrap;padding:.4rem .8rem}.split-button{font-size:.7rem;padding:.3rem .6rem}.terminal-panes.layout-horizontal,.terminal-panes.layout-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}.terminal-panes{gap:4px;padding:4px}}.terminal-pane{animation:paneSlideIn .2s ease-out}@keyframes paneSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.search-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00000080;border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .2s ease-out}.search-input{flex:1;padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.85rem;font-family:inherit;outline:none;transition:all .2s ease}.search-input:focus{background:#ffffff14;border-color:#0dbc7980;box-shadow:0 0 0 2px #0dbc791a}.search-input::placeholder{color:#fff6}.search-nav-button,.search-close-button{padding:.4rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:32px}.search-nav-button:hover,.search-close-button:hover{background:#ffffff1a;border-color:#fff3}.search-nav-button:active,.search-close-button:active{transform:scale(.95)}.search-close-button{color:#fff9}.search-close-button:hover{background:#f443;border-color:#ff44444d;color:#f44}.device-card{background:#1e1e1e99;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardFadeIn .5s cubic-bezier(.4,0,.2,1) backwards}.device-card:nth-child(1){animation-delay:.05s}.device-card:nth-child(2){animation-delay:.1s}.device-card:nth-child(3){animation-delay:.15s}.device-card:nth-child(4){animation-delay:.2s}.device-card:nth-child(5){animation-delay:.25s}.device-card:nth-child(6){animation-delay:.3s}.device-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(13,188,121,.05),transparent);opacity:0;transition:opacity .3s ease}.device-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000004d}.device-card.online:hover{border-color:#0dbc7980;box-shadow:0 20px 60px #0dbc7933}.device-card.online:hover:before{opacity:1}.device-card.offline{opacity:.6}.device-card.offline:hover{border-color:#8888884d;box-shadow:0 20px 60px #0003}.device-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bookmark-button{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;padding:0}.bookmark-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffd7004d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.bookmark-button:hover{background:#ffffff1a;border-color:#ffd7004d;transform:scale(1.1) rotate(-5deg)}.bookmark-button:hover:before{width:100%;height:100%}.bookmark-button:active{transform:scale(.95) rotate(-5deg)}.bookmark-button.active{background:#ffd70026;border-color:#ffd70066;box-shadow:0 0 20px #ffd7004d;animation:starGlow 2s ease-in-out infinite}.bookmark-button.active:hover{background:#ffd70040;border-color:#ffd70099;box-shadow:0 0 30px #ffd70080;transform:scale(1.15) rotate(0)}@keyframes starGlow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70080,0 0 40px #ffd70033}}.device-card.bookmarked{border-color:#ffd7004d;background:#1e1e1eb3}.device-card.bookmarked:after{content:"⭐";position:absolute;top:-8px;left:-8px;font-size:2rem;opacity:.1;pointer-events:none;animation:floatStar 3s ease-in-out infinite}@keyframes floatStar{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.device-card.bookmarked:hover{border-color:#ffd70080;box-shadow:0 20px 60px #ffd70026}.device-card.bookmarked:hover:after{opacity:.2}.device-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;border-radius:50%;position:relative}.status-indicator.online{background:#0dbc79;box-shadow:0 0 8px #0dbc7999;animation:pulse 2s ease-in-out infinite}.status-indicator.offline{background:#666}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.status-text{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-text{color:#888}.device-card.online .status-text{color:#0dbc79}.device-card-body{text-align:center;margin:1.5rem 0}.device-icon{font-size:3rem;margin-bottom:.75rem;filter:grayscale(.3);transition:filter .3s ease}.device-card:hover .device-icon{filter:grayscale(0)}.device-name{font-size:1.25rem;font-weight:600;color:#fff;margin:0;word-break:break-word}.device-card-footer{display:flex;justify-content:space-around;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.device-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.9rem;font-weight:600;color:#fff}.device-card-action{text-align:center;font-size:.8rem;color:#888;padding:.5rem;border-radius:8px;background:#ffffff05;transition:all .3s ease}.device-card.online:hover .device-card-action{color:#0dbc79;background:#0dbc791a}@media(max-width:768px){.device-card{padding:1rem}.device-icon{font-size:2.5rem}.device-name{font-size:1.1rem}}.device-grid-container{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.device-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.device-grid-title h2{margin:0;font-size:2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#fff,#0dbc79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.device-count{margin:.5rem 0 0;font-size:.9rem;color:#888}.device-grid-actions{display:flex;gap:1rem;align-items:center}.device-grid-search{flex:0 0 auto;min-width:300px}.search-input{width:100%;padding:.75rem 1rem;background:#1e1e1e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#0dbc7980;box-shadow:0 0 0 3px #0dbc791a}.search-input::placeholder{color:#666}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.device-grid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#0dbc79;border-radius:50%;animation:spin 1s linear infinite}.device-grid-loading p{color:#888;font-size:.9rem}.device-grid-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;background:#ff44440d;border:1px solid rgba(255,68,68,.2);border-radius:16px;padding:2rem}.device-grid-error h3{margin:0;color:#f44;font-size:1.25rem}.device-grid-error p{margin:0;color:#888;font-size:.9rem}.retry-button{margin-top:1rem;padding:.75rem 1.5rem;background:#0dbc791a;border:1px solid rgba(13,188,121,.3);border-radius:8px;color:#0dbc79;font-weight:600;cursor:pointer;transition:all .3s ease}.device-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;text-align:center}.empty-icon{font-size:4rem;opacity:.5;filter:grayscale(.5)}.device-grid-empty h3{margin:0;color:#fff;font-size:1.5rem}.device-grid-empty p{margin:0;color:#888;font-size:1rem}.empty-help{max-width:600px;margin-top:1rem}.empty-help code{display:block;padding:1rem 1.5rem;background:#1e1e1e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#0dbc79;font-size:.85rem;line-height:1.6;word-break:break-all;white-space:pre-wrap}@media(max-width:1024px){.device-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.device-grid-container{padding:1rem}.device-grid-header{flex-direction:column;align-items:stretch;gap:1rem}.device-grid-title h2{font-size:1.5rem}.device-grid-search{min-width:unset}.device-grid{grid-template-columns:1fr;gap:1rem}.empty-help code{font-size:.75rem;padding:.75rem 1rem}}.manual-connect-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#0dbc79,#0a9960);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.manual-connect-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0dbc794d}.manual-connect-button:active{transform:translateY(0)}.manual-connect-form{margin-bottom:2rem;padding:2rem;background:#1e1e1e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.manual-connect-form form{display:flex;gap:1rem;align-items:flex-end}.manual-input-group{flex:1}.manual-input-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:#ccc}.manual-device-input{width:100%;padding:.875rem 1rem;background:#141414cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;font-family:Fira Code,Courier New,monospace;transition:all .2s}.manual-device-input:focus{outline:none;border-color:#0dbc79;box-shadow:0 0 0 3px #0dbc791a}.manual-device-input::placeholder{color:#666}.manual-connect-submit{padding:.875rem 2rem;background:linear-gradient(135deg,#0dbc79,#0a9960);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.manual-connect-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0dbc794d}.manual-connect-submit:active:not(:disabled){transform:translateY(0)}.manual-connect-submit:disabled{opacity:.5;cursor:not-allowed}.theme-selector-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-in-out}.theme-selector-modal{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:1200px;width:90%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 80px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.theme-selector-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#fff,#0dbc79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-button{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#888;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ff44441a;border-color:#ff44444d;color:#f44}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:2rem;overflow-y:auto}.theme-card{background:#28282899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.theme-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(13,188,121,.05),transparent);opacity:0;transition:opacity .3s ease}.theme-card:hover{transform:translateY(-4px);border-color:#0dbc7966;box-shadow:0 12px 40px #0000004d}.theme-card:hover:before{opacity:1}.theme-card.active{border-color:#0dbc79;box-shadow:0 12px 40px #0dbc794d}.theme-card.active:before{opacity:1}.theme-preview{border-radius:8px;padding:.75rem;font-family:Monaco,Courier New,monospace;font-size:.75rem;line-height:1.5;margin-bottom:.75rem;min-height:80px;border:1px solid rgba(255,255,255,.05)}.preview-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-info{margin-bottom:.75rem;background:#141414cc;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.theme-name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.35rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.theme-description{font-size:.85rem;color:#aaa;text-shadow:0 1px 2px rgba(0,0,0,.5)}.theme-palette{display:flex;gap:.5rem;margin-bottom:.5rem}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease;cursor:pointer}.color-swatch:hover{transform:scale(1.2)}.active-indicator{text-align:center;padding:.5rem;background:#0dbc791a;border-radius:6px;color:#0dbc79;font-size:.85rem;font-weight:600;margin-top:.5rem}.theme-select-button{width:100%;padding:.75rem 1rem;margin-top:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.theme-select-button:hover{background:#ffffff1a;border-color:#0dbc794d;transform:translateY(-1px)}.theme-select-button.selected{background:#0dbc7933;border-color:#0dbc79;color:#0dbc79}.theme-selector-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.apply-theme-button{padding:1rem 3rem;background:linear-gradient(135deg,#0dbc79,#0a9960);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0dbc794d}.apply-theme-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0dbc7966}.apply-theme-button:active{transform:translateY(0)}@media(max-width:1024px){.theme-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media(max-width:768px){.theme-selector-modal{width:95%;max-height:90vh}.theme-selector-header{padding:1rem 1.5rem}.theme-selector-header h2{font-size:1.25rem}.theme-grid{grid-template-columns:1fr;padding:1rem}.theme-preview{font-size:.7rem}}.session-manager-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.session-manager-modal{background:linear-gradient(135deg,#1e1e28f2,#14141ef2);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.session-manager-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.session-manager-header h2{margin:0;font-size:24px;font-weight:600;color:#fff}.close-button{background:none;border:none;font-size:28px;color:#fff9;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#fff}.session-manager-loading{padding:60px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.session-manager-error{padding:24px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;margin:16px}.session-manager-error p{color:#ef4444;margin:0 0 16px}.session-manager-content{flex:1;overflow-y:auto;padding:24px}.sessions-empty{padding:60px 24px;text-align:center;color:#fff9}.sessions-empty .empty-icon{font-size:64px;margin-bottom:16px}.sessions-empty h3{margin:0 0 8px;font-size:20px;color:#fff}.sessions-empty p{margin:0;font-size:14px}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .2s ease}.session-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.session-card.idle{border-color:#fbbf244d}.session-info{flex:1}.session-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.session-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.idle-badge{background:#fbbf2433;color:#fbbf24;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px}.session-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.session-detail{display:flex;gap:8px;font-size:14px}.session-detail .label{color:#ffffff80;font-weight:500}.session-detail .value{color:#ffffffe6}.session-detail .value.tier-free{color:#9ca3af}.session-detail .value.tier-pro{color:#3b82f6;font-weight:600}.session-detail .value.tier-enterprise{color:#a855f7;font-weight:600}.session-actions{flex-shrink:0}.kill-button{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.kill-button:hover{background:#dc262633;border-color:#dc262680}.kill-button:active{transform:scale(.95)}.confirm-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.confirm-message{margin:0;font-size:14px;color:#fffc;font-weight:500}.confirm-button{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.confirm-button.danger{background:#dc2626e6;border-color:#dc2626;color:#fff}.confirm-button.danger:hover{background:#dc2626}.confirm-button.cancel{background:#ffffff0d;border-color:#fff3;color:#fffc}.confirm-button.cancel:hover{background:#ffffff1a}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.session-manager-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#0003}.session-count{margin:0;font-size:14px;color:#fff9}.session-count .idle-count{color:#fbbf24;font-weight:500}.footer-buttons{display:flex;gap:12px;align-items:center}.refresh-button,.retry-button{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-button:hover,.retry-button:hover{background:#3b82f633;border-color:#3b82f680}.cleanup-button{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cleanup-button:hover{background:#fbbf2433;border-color:#fbbf2480}.cleanup-button:disabled{opacity:.5;cursor:not-allowed}.cleanup-button:active:not(:disabled){transform:scale(.95)}.spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.session-manager-modal{max-width:95%;max-height:90vh}.session-card{flex-direction:column;align-items:flex-start}.session-actions,.kill-button,.confirm-button,.confirm-actions{width:100%}.session-details{grid-template-columns:1fr}}.recordings-modal{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.recordings-container{background:#141414f2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000080;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.recordings-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.recordings-header h2{margin:0;font-size:1.8rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#fff,#0dbc79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recordings-subtitle{margin:.5rem 0 0;font-size:.9rem;color:#fff9}.quota-text{color:#0dbc79;font-weight:600}.close-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;color:#fff9;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#f443;border-color:#ff44444d;color:#f44;transform:scale(1.1)}.recordings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#fff9}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#0dbc79;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.recordings-error{padding:3rem;text-align:center;color:#fffc}.error-message{color:#f44;margin:1rem 0}.recordings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#fff9}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.3}.recordings-empty h3{margin:0 0 .5rem;font-size:1.5rem;color:#fff}.recordings-empty p{margin:.5rem 0;color:#fff9}.empty-help{margin-top:1.5rem!important;padding:1rem 1.5rem;background:#0dbc791a;border:1px solid rgba(13,188,121,.2);border-radius:8px;color:#0dbc79;font-size:.9rem}.recordings-list{flex:1;overflow-y:auto;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;align-content:start}.recording-card{background:#1e1e1e99;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardFadeIn .5s cubic-bezier(.4,0,.2,1) backwards}.recording-card:nth-child(1){animation-delay:.05s}.recording-card:nth-child(2){animation-delay:.1s}.recording-card:nth-child(3){animation-delay:.15s}.recording-card:nth-child(4){animation-delay:.2s}.recording-card:nth-child(5){animation-delay:.25s}.recording-card:nth-child(6){animation-delay:.3s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.recording-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0dbc7933;border-color:#0dbc794d}.recording-header{display:flex;gap:1rem;margin-bottom:1rem}.recording-icon{font-size:2.5rem;filter:grayscale(.3);transition:filter .3s ease}.recording-card:hover .recording-icon{filter:grayscale(0)}.recording-info{flex:1}.recording-title{margin:0;font-size:1.1rem;font-weight:600;color:#fff;line-height:1.4}.recording-date{margin:.3rem 0 0;font-size:.8rem;color:#ffffff80}.recording-stats{display:flex;gap:1.5rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.recording-stat{display:flex;flex-direction:column;gap:.3rem}.stat-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.95rem;font-weight:600;color:#fff}.recording-actions{display:flex;gap:.75rem}.play-button,.delete-button{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.play-button{background:#0dbc791a;border-color:#0dbc794d;color:#0dbc79}.play-button:hover{background:#0dbc7933;border-color:#0dbc7980;transform:translateY(-2px);box-shadow:0 5px 15px #0dbc794d}.delete-button{background:#ff44441a;border-color:#ff44444d;color:#f44}.delete-button:hover{background:#f443;border-color:#ff444480;transform:translateY(-2px)}@media(max-width:768px){.recordings-container{width:95%;max-height:90vh}.recordings-header{padding:1.5rem}.recordings-list{grid-template-columns:1fr;padding:1rem;gap:1rem}.recording-card{padding:1.25rem}}div.ap-wrapper{outline:none;height:100%;display:flex;justify-content:center}div.ap-wrapper .title-bar{display:none;top:-78px;transition:top .15s linear;position:absolute;left:0;right:0;box-sizing:content-box;font-size:20px;line-height:1em;padding:15px;font-family:sans-serif;color:#fff;background-color:#000c}div.ap-wrapper .title-bar img{vertical-align:middle;height:48px;margin-right:16px}div.ap-wrapper .title-bar a{color:#fff;text-decoration:underline}div.ap-wrapper .title-bar a:hover{text-decoration:none}div.ap-wrapper:fullscreen{background-color:#000;width:100%;align-items:center}div.ap-wrapper:fullscreen .title-bar{display:initial}div.ap-wrapper:fullscreen.hud .title-bar{top:0}div.ap-wrapper div.ap-player{text-align:left;display:inline-block;padding:0;position:relative;box-sizing:content-box;overflow:hidden;max-width:100%;border-radius:4px;font-size:15px;background-color:var(--term-color-background)}.ap-player{--term-color-foreground: #ffffff;--term-color-background: #000000;--term-color-0: var(--term-color-foreground);--term-color-1: var(--term-color-foreground);--term-color-2: var(--term-color-foreground);--term-color-3: var(--term-color-foreground);--term-color-4: var(--term-color-foreground);--term-color-5: var(--term-color-foreground);--term-color-6: var(--term-color-foreground);--term-color-7: var(--term-color-foreground);--term-color-8: var(--term-color-0);--term-color-9: var(--term-color-1);--term-color-10: var(--term-color-2);--term-color-11: var(--term-color-3);--term-color-12: var(--term-color-4);--term-color-13: var(--term-color-5);--term-color-14: var(--term-color-6);--term-color-15: var(--term-color-7)}.ap-player .fg-0{--fg: var(--term-color-0)}.ap-player .bg-0{--bg: var(--term-color-0)}.ap-player .fg-1{--fg: var(--term-color-1)}.ap-player .bg-1{--bg: var(--term-color-1)}.ap-player .fg-2{--fg: var(--term-color-2)}.ap-player .bg-2{--bg: var(--term-color-2)}.ap-player .fg-3{--fg: var(--term-color-3)}.ap-player .bg-3{--bg: var(--term-color-3)}.ap-player .fg-4{--fg: var(--term-color-4)}.ap-player .bg-4{--bg: var(--term-color-4)}.ap-player .fg-5{--fg: var(--term-color-5)}.ap-player .bg-5{--bg: var(--term-color-5)}.ap-player .fg-6{--fg: var(--term-color-6)}.ap-player .bg-6{--bg: var(--term-color-6)}.ap-player .fg-7{--fg: var(--term-color-7)}.ap-player .bg-7{--bg: var(--term-color-7)}.ap-player .fg-8{--fg: var(--term-color-8)}.ap-player .bg-8{--bg: var(--term-color-8)}.ap-player .fg-9{--fg: var(--term-color-9)}.ap-player .bg-9{--bg: var(--term-color-9)}.ap-player .fg-10{--fg: var(--term-color-10)}.ap-player .bg-10{--bg: var(--term-color-10)}.ap-player .fg-11{--fg: var(--term-color-11)}.ap-player .bg-11{--bg: var(--term-color-11)}.ap-player .fg-12{--fg: var(--term-color-12)}.ap-player .bg-12{--bg: var(--term-color-12)}.ap-player .fg-13{--fg: var(--term-color-13)}.ap-player .bg-13{--bg: var(--term-color-13)}.ap-player .fg-14{--fg: var(--term-color-14)}.ap-player .bg-14{--bg: var(--term-color-14)}.ap-player .fg-15{--fg: var(--term-color-15)}.ap-player .bg-15{--bg: var(--term-color-15)}.ap-player .fg-8,.ap-player .fg-9,.ap-player .fg-10,.ap-player .fg-11,.ap-player .fg-12,.ap-player .fg-13,.ap-player .fg-14,.ap-player .fg-15{font-weight:700}pre.ap-terminal{box-sizing:content-box;overflow:hidden;padding:0;margin:0;display:block;white-space:pre;word-wrap:normal;word-break:normal;border-radius:0;border-style:solid;cursor:text;border-width:.75em;color:var(--term-color-foreground);background-color:var(--term-color-background);border-color:var(--term-color-background);outline:none;line-height:var(--term-line-height);font-family:Consolas,Menlo,Bitstream Vera Sans Mono,monospace,Powerline Symbols;font-variant-ligatures:none}pre.ap-terminal .ap-line{letter-spacing:normal;overflow:hidden}pre.ap-terminal .ap-line span{padding:0;display:inline-block;height:100%}pre.ap-terminal .ap-line{display:block;width:100%;height:var(--term-line-height);position:relative}pre.ap-terminal .ap-line span{position:absolute;left:calc(100% * var(--offset) / var(--term-cols));color:var(--fg);background-color:var(--bg)}pre.ap-terminal .ap-line .ap-inverse{color:var(--bg);background-color:var(--fg)}pre.ap-terminal .ap-line .cp-2580{border-top:calc(.5 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2581{border-bottom:calc(.125 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2582{border-bottom:calc(.25 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2583{border-bottom:calc(.375 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2584{border-bottom:calc(.5 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2585{border-bottom:calc(.625 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2586{border-bottom:calc(.75 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2587{border-bottom:calc(.875 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2588{background-color:var(--fg)}pre.ap-terminal .ap-line .cp-2589{border-left:.875ch solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-258a{border-left:.75ch solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-258b{border-left:.625ch solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-258c{border-left:.5ch solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-258d{border-left:.375ch solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-258e{border-left:.25ch solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-258f{border-left:.125ch solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2590{border-right:.5ch solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2591{background-color:color-mix(in srgb,var(--fg) 25%,var(--bg))}pre.ap-terminal .ap-line .cp-2592{background-color:color-mix(in srgb,var(--fg) 50%,var(--bg))}pre.ap-terminal .ap-line .cp-2593{background-color:color-mix(in srgb,var(--fg) 75%,var(--bg))}pre.ap-terminal .ap-line .cp-2594{border-top:calc(.125 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2595{border-right:.125ch solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2596{border-right:.5ch solid var(--bg);border-top:calc(.5 * var(--term-line-height)) solid var(--bg);background-color:var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2597{border-left:.5ch solid var(--bg);border-top:calc(.5 * var(--term-line-height)) solid var(--bg);background-color:var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2598{border-right:.5ch solid var(--bg);border-bottom:calc(.5 * var(--term-line-height)) solid var(--bg);background-color:var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-2599{border-left:.5ch solid var(--fg);border-bottom:calc(.5 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-259a{box-sizing:border-box}pre.ap-terminal .ap-line .cp-259a:before,pre.ap-terminal .ap-line .cp-259a:after{content:"";position:absolute;width:.5ch;height:calc(.5 * var(--term-line-height));background-color:var(--fg)}pre.ap-terminal .ap-line .cp-259a:before{top:0;left:0}pre.ap-terminal .ap-line .cp-259a:after{bottom:0;right:0}pre.ap-terminal .ap-line .cp-259b{border-left:.5ch solid var(--fg);border-top:calc(.5 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-259c{border-right:.5ch solid var(--fg);border-top:calc(.5 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-259d{border-left:.5ch solid var(--bg);border-bottom:calc(.5 * var(--term-line-height)) solid var(--bg);background-color:var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-259e{box-sizing:border-box}pre.ap-terminal .ap-line .cp-259e:before,pre.ap-terminal .ap-line .cp-259e:after{content:"";position:absolute;width:.5ch;height:calc(.5 * var(--term-line-height));background-color:var(--fg)}pre.ap-terminal .ap-line .cp-259e:before{top:0;right:0}pre.ap-terminal .ap-line .cp-259e:after{bottom:0;left:0}pre.ap-terminal .ap-line .cp-259f{border-right:.5ch solid var(--fg);border-bottom:calc(.5 * var(--term-line-height)) solid var(--fg);box-sizing:border-box}pre.ap-terminal .ap-line .cp-e0b0{border-left:1ch solid var(--fg);border-top:calc(.5 * var(--term-line-height)) solid transparent;border-bottom:calc(.5 * var(--term-line-height)) solid transparent;box-sizing:border-box}pre.ap-terminal .ap-line .cp-e0b2{border-right:1ch solid var(--fg);border-top:calc(.5 * var(--term-line-height)) solid transparent;border-bottom:calc(.5 * var(--term-line-height)) solid transparent;box-sizing:border-box}pre.ap-terminal.ap-cursor-on .ap-line .ap-cursor{color:var(--bg);background-color:var(--fg);border-radius:.05em}pre.ap-terminal.ap-cursor-on .ap-line .ap-cursor.ap-inverse{color:var(--fg);background-color:var(--bg)}pre.ap-terminal:not(.ap-blink) .ap-line .ap-blink{color:transparent;border-color:transparent}pre.ap-terminal .ap-bright{font-weight:700}pre.ap-terminal .ap-faint{opacity:.5}pre.ap-terminal .ap-underline{text-decoration:underline}pre.ap-terminal .ap-italic{font-style:italic}pre.ap-terminal .ap-strikethrough{text-decoration:line-through}.ap-line span{--fg: var(--term-color-foreground);--bg: var(--term-color-background)}div.ap-player div.ap-control-bar{width:100%;height:32px;display:flex;justify-content:space-between;align-items:stretch;color:var(--term-color-foreground);box-sizing:content-box;line-height:1;position:absolute;bottom:0;left:0;opacity:0;transition:opacity .15s linear;-webkit-user-select:none;user-select:none;border-top:2px solid color-mix(in oklab,var(--term-color-background) 80%,var(--term-color-foreground));z-index:30}div.ap-player div.ap-control-bar *{box-sizing:inherit}div.ap-control-bar svg.ap-icon path{fill:var(--term-color-foreground)}div.ap-control-bar span.ap-button{display:flex;flex:0 0 auto;cursor:pointer}div.ap-control-bar span.ap-playback-button{width:12px;height:12px;padding:10px;margin:0 0 0 2px}div.ap-control-bar span.ap-playback-button svg{height:12px;width:12px}div.ap-control-bar span.ap-timer{display:flex;flex:0 0 auto;min-width:50px;margin:0 10px;height:100%;text-align:center;font-size:13px;line-height:100%;cursor:default}div.ap-control-bar span.ap-timer span{font-family:Consolas,Menlo,Bitstream Vera Sans Mono,monospace;font-size:inherit;font-weight:600;margin:auto}div.ap-control-bar span.ap-timer .ap-time-remaining,div.ap-control-bar span.ap-timer:hover .ap-time-elapsed{display:none}div.ap-control-bar span.ap-timer:hover .ap-time-remaining{display:flex}div.ap-control-bar .ap-progressbar{display:block;flex:1 1 auto;height:100%;padding:0 10px}div.ap-control-bar .ap-progressbar .ap-bar{display:block;position:relative;cursor:default;height:100%;font-size:0}div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter{display:block;position:absolute;top:15px;left:0;right:0;height:3px}div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-empty{background-color:color-mix(in oklab,var(--term-color-foreground) 20%,var(--term-color-background))}div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-full{width:100%;transform-origin:left center;background-color:var(--term-color-foreground);border-radius:3px}div.ap-control-bar.ap-seekable .ap-progressbar .ap-bar{cursor:pointer}div.ap-control-bar .ap-fullscreen-button{width:14px;height:14px;padding:9px;margin:0 2px 0 4px}div.ap-control-bar .ap-fullscreen-button svg{width:14px;height:14px}div.ap-control-bar .ap-fullscreen-button svg.ap-icon-fullscreen-on{display:inline}div.ap-control-bar .ap-fullscreen-button svg.ap-icon-fullscreen-off{display:none}div.ap-control-bar .ap-fullscreen-button .ap-tooltip{right:5px;left:initial;transform:none}div.ap-control-bar .ap-kbd-button{height:14px;padding:9px;margin:0 0 0 4px}div.ap-control-bar .ap-kbd-button svg{width:26px;height:14px}div.ap-control-bar .ap-kbd-button .ap-tooltip{right:5px;left:initial;transform:none}div.ap-control-bar .ap-speaker-button{width:19px;padding:6px 9px;margin:0 0 0 4px;position:relative}div.ap-control-bar .ap-speaker-button svg{width:19px}div.ap-control-bar .ap-speaker-button .ap-tooltip{left:-50%;transform:none}div.ap-wrapper.ap-hud .ap-control-bar{opacity:1}div.ap-wrapper:fullscreen .ap-fullscreen-button svg.ap-icon-fullscreen-on{display:none}div.ap-wrapper:fullscreen .ap-fullscreen-button svg.ap-icon-fullscreen-off{display:inline}span.ap-progressbar span.ap-marker-container{display:block;top:0;bottom:0;width:21px;position:absolute;margin-left:-10px}span.ap-marker-container span.ap-marker{display:block;inset:13px 7px 12px;background-color:color-mix(in oklab,var(--term-color-foreground) 33%,var(--term-color-background));position:absolute;transition:top .1s,bottom .1s,left .1s,right .1s,background-color .1s;border-radius:50%}span.ap-marker-container span.ap-marker.ap-marker-past{background-color:var(--term-color-foreground)}span.ap-marker-container span.ap-marker:hover,span.ap-marker-container:hover span.ap-marker{background-color:var(--term-color-foreground);inset:11px 5px 10px}.ap-tooltip-container span.ap-tooltip{visibility:hidden;background-color:var(--term-color-foreground);color:var(--term-color-background);font-family:Consolas,Menlo,Bitstream Vera Sans Mono,monospace;font-weight:700;text-align:center;padding:0 .5em;border-radius:4px;position:absolute;z-index:1;white-space:nowrap;font-size:13px;line-height:2em;bottom:100%;left:50%;transform:translate(-50%)}.ap-tooltip-container:hover span.ap-tooltip{visibility:visible}.ap-player .ap-overlay{z-index:10;background-repeat:no-repeat;background-position:center;position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.ap-player .ap-overlay-start{cursor:pointer}.ap-player .ap-overlay-start .ap-play-button{font-size:0px;position:absolute;inset:0;text-align:center;color:#fff;height:80px;max-height:66%;margin:auto}.ap-player .ap-overlay-start .ap-play-button div{height:100%}.ap-player .ap-overlay-start .ap-play-button div span{height:100%;display:block}.ap-player .ap-overlay-start .ap-play-button div span svg{height:100%;display:inline-block}.ap-player .ap-overlay-start .ap-play-button svg{filter:drop-shadow(0px 0px 5px rgba(0,0,0,.4))}.ap-player .ap-overlay-loading .ap-loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:10px solid;border-color:rgba(255,255,255,.3) rgba(255,255,255,.5) rgba(255,255,255,.7) #ffffff;border-color:color-mix(in srgb,var(--term-color-foreground) 30%,var(--term-color-background)) color-mix(in srgb,var(--term-color-foreground) 50%,var(--term-color-background)) color-mix(in srgb,var(--term-color-foreground) 70%,var(--term-color-background)) color-mix(in srgb,var(--term-color-foreground) 100%,var(--term-color-background));box-sizing:border-box;animation:ap-loader-rotation 1s linear infinite}.ap-player .ap-overlay-info{background-color:var(--term-color-background)}.ap-player .ap-overlay-info span{font-family:Consolas,Menlo,Bitstream Vera Sans Mono,monospace,Powerline Symbols;font-variant-ligatures:none;font-size:2em;color:var(--term-color-foreground)}.ap-player .ap-overlay-info span .ap-line{letter-spacing:normal;overflow:hidden}.ap-player .ap-overlay-info span .ap-line span{padding:0;display:inline-block;height:100%}.ap-player .ap-overlay-help{background-color:#000c;container-type:inline-size}.ap-player .ap-overlay-help>div{font-family:Consolas,Menlo,Bitstream Vera Sans Mono,monospace,Powerline Symbols;font-variant-ligatures:none;max-width:85%;max-height:85%;font-size:18px;color:var(--term-color-foreground);box-sizing:border-box;margin-bottom:32px}.ap-player .ap-overlay-help>div .ap-line{letter-spacing:normal;overflow:hidden}.ap-player .ap-overlay-help>div .ap-line span{padding:0;display:inline-block;height:100%}.ap-player .ap-overlay-help>div div{padding:min(4cqw,40px);font-size:min(1.9cqw,18px);background-color:var(--term-color-background);border:1px solid color-mix(in oklab,var(--term-color-background) 90%,var(--term-color-foreground));border-radius:6px}.ap-player .ap-overlay-help>div div p{font-weight:700;margin:0 0 2em}.ap-player .ap-overlay-help>div div ul{list-style:none;padding:0}.ap-player .ap-overlay-help>div div ul li{margin:0 0 .75em}.ap-player .ap-overlay-help>div div kbd{color:var(--term-color-background);background-color:var(--term-color-foreground);padding:.2em .5em;border-radius:.2em;font-family:inherit;font-size:.85em;border:none;margin:0}.ap-player .ap-overlay-error span{font-size:8em}.ap-player .slide-enter-active{transition:opacity .2s}.ap-player .slide-enter-active.ap-was-playing{transition:top .2s ease-out,opacity .2s}.ap-player .slide-exit-active{transition:top .2s ease-in,opacity .2s}.ap-player .slide-enter{top:-50%;opacity:0}.ap-player .slide-enter-to{top:0%}.ap-player .slide-enter,.ap-player .slide-enter-to,.ap-player .slide-exit,.ap-player .slide-exit-to{bottom:auto;height:100%}.ap-player .slide-exit{top:0%}.ap-player .slide-exit-to{top:-50%;opacity:0}@keyframes ap-loader-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ap-terminal .fg-16{--fg: #000000}.ap-terminal .bg-16{--bg: #000000}.ap-terminal .fg-17{--fg: #00005f}.ap-terminal .bg-17{--bg: #00005f}.ap-terminal .fg-18{--fg: #000087}.ap-terminal .bg-18{--bg: #000087}.ap-terminal .fg-19{--fg: #0000af}.ap-terminal .bg-19{--bg: #0000af}.ap-terminal .fg-20{--fg: #0000d7}.ap-terminal .bg-20{--bg: #0000d7}.ap-terminal .fg-21{--fg: #0000ff}.ap-terminal .bg-21{--bg: #0000ff}.ap-terminal .fg-22{--fg: #005f00}.ap-terminal .bg-22{--bg: #005f00}.ap-terminal .fg-23{--fg: #005f5f}.ap-terminal .bg-23{--bg: #005f5f}.ap-terminal .fg-24{--fg: #005f87}.ap-terminal .bg-24{--bg: #005f87}.ap-terminal .fg-25{--fg: #005faf}.ap-terminal .bg-25{--bg: #005faf}.ap-terminal .fg-26{--fg: #005fd7}.ap-terminal .bg-26{--bg: #005fd7}.ap-terminal .fg-27{--fg: #005fff}.ap-terminal .bg-27{--bg: #005fff}.ap-terminal .fg-28{--fg: #008700}.ap-terminal .bg-28{--bg: #008700}.ap-terminal .fg-29{--fg: #00875f}.ap-terminal .bg-29{--bg: #00875f}.ap-terminal .fg-30{--fg: #008787}.ap-terminal .bg-30{--bg: #008787}.ap-terminal .fg-31{--fg: #0087af}.ap-terminal .bg-31{--bg: #0087af}.ap-terminal .fg-32{--fg: #0087d7}.ap-terminal .bg-32{--bg: #0087d7}.ap-terminal .fg-33{--fg: #0087ff}.ap-terminal .bg-33{--bg: #0087ff}.ap-terminal .fg-34{--fg: #00af00}.ap-terminal .bg-34{--bg: #00af00}.ap-terminal .fg-35{--fg: #00af5f}.ap-terminal .bg-35{--bg: #00af5f}.ap-terminal .fg-36{--fg: #00af87}.ap-terminal .bg-36{--bg: #00af87}.ap-terminal .fg-37{--fg: #00afaf}.ap-terminal .bg-37{--bg: #00afaf}.ap-terminal .fg-38{--fg: #00afd7}.ap-terminal .bg-38{--bg: #00afd7}.ap-terminal .fg-39{--fg: #00afff}.ap-terminal .bg-39{--bg: #00afff}.ap-terminal .fg-40{--fg: #00d700}.ap-terminal .bg-40{--bg: #00d700}.ap-terminal .fg-41{--fg: #00d75f}.ap-terminal .bg-41{--bg: #00d75f}.ap-terminal .fg-42{--fg: #00d787}.ap-terminal .bg-42{--bg: #00d787}.ap-terminal .fg-43{--fg: #00d7af}.ap-terminal .bg-43{--bg: #00d7af}.ap-terminal .fg-44{--fg: #00d7d7}.ap-terminal .bg-44{--bg: #00d7d7}.ap-terminal .fg-45{--fg: #00d7ff}.ap-terminal .bg-45{--bg: #00d7ff}.ap-terminal .fg-46{--fg: #00ff00}.ap-terminal .bg-46{--bg: #00ff00}.ap-terminal .fg-47{--fg: #00ff5f}.ap-terminal .bg-47{--bg: #00ff5f}.ap-terminal .fg-48{--fg: #00ff87}.ap-terminal .bg-48{--bg: #00ff87}.ap-terminal .fg-49{--fg: #00ffaf}.ap-terminal .bg-49{--bg: #00ffaf}.ap-terminal .fg-50{--fg: #00ffd7}.ap-terminal .bg-50{--bg: #00ffd7}.ap-terminal .fg-51{--fg: #00ffff}.ap-terminal .bg-51{--bg: #00ffff}.ap-terminal .fg-52{--fg: #5f0000}.ap-terminal .bg-52{--bg: #5f0000}.ap-terminal .fg-53{--fg: #5f005f}.ap-terminal .bg-53{--bg: #5f005f}.ap-terminal .fg-54{--fg: #5f0087}.ap-terminal .bg-54{--bg: #5f0087}.ap-terminal .fg-55{--fg: #5f00af}.ap-terminal .bg-55{--bg: #5f00af}.ap-terminal .fg-56{--fg: #5f00d7}.ap-terminal .bg-56{--bg: #5f00d7}.ap-terminal .fg-57{--fg: #5f00ff}.ap-terminal .bg-57{--bg: #5f00ff}.ap-terminal .fg-58{--fg: #5f5f00}.ap-terminal .bg-58{--bg: #5f5f00}.ap-terminal .fg-59{--fg: #5f5f5f}.ap-terminal .bg-59{--bg: #5f5f5f}.ap-terminal .fg-60{--fg: #5f5f87}.ap-terminal .bg-60{--bg: #5f5f87}.ap-terminal .fg-61{--fg: #5f5faf}.ap-terminal .bg-61{--bg: #5f5faf}.ap-terminal .fg-62{--fg: #5f5fd7}.ap-terminal .bg-62{--bg: #5f5fd7}.ap-terminal .fg-63{--fg: #5f5fff}.ap-terminal .bg-63{--bg: #5f5fff}.ap-terminal .fg-64{--fg: #5f8700}.ap-terminal .bg-64{--bg: #5f8700}.ap-terminal .fg-65{--fg: #5f875f}.ap-terminal .bg-65{--bg: #5f875f}.ap-terminal .fg-66{--fg: #5f8787}.ap-terminal .bg-66{--bg: #5f8787}.ap-terminal .fg-67{--fg: #5f87af}.ap-terminal .bg-67{--bg: #5f87af}.ap-terminal .fg-68{--fg: #5f87d7}.ap-terminal .bg-68{--bg: #5f87d7}.ap-terminal .fg-69{--fg: #5f87ff}.ap-terminal .bg-69{--bg: #5f87ff}.ap-terminal .fg-70{--fg: #5faf00}.ap-terminal .bg-70{--bg: #5faf00}.ap-terminal .fg-71{--fg: #5faf5f}.ap-terminal .bg-71{--bg: #5faf5f}.ap-terminal .fg-72{--fg: #5faf87}.ap-terminal .bg-72{--bg: #5faf87}.ap-terminal .fg-73{--fg: #5fafaf}.ap-terminal .bg-73{--bg: #5fafaf}.ap-terminal .fg-74{--fg: #5fafd7}.ap-terminal .bg-74{--bg: #5fafd7}.ap-terminal .fg-75{--fg: #5fafff}.ap-terminal .bg-75{--bg: #5fafff}.ap-terminal .fg-76{--fg: #5fd700}.ap-terminal .bg-76{--bg: #5fd700}.ap-terminal .fg-77{--fg: #5fd75f}.ap-terminal .bg-77{--bg: #5fd75f}.ap-terminal .fg-78{--fg: #5fd787}.ap-terminal .bg-78{--bg: #5fd787}.ap-terminal .fg-79{--fg: #5fd7af}.ap-terminal .bg-79{--bg: #5fd7af}.ap-terminal .fg-80{--fg: #5fd7d7}.ap-terminal .bg-80{--bg: #5fd7d7}.ap-terminal .fg-81{--fg: #5fd7ff}.ap-terminal .bg-81{--bg: #5fd7ff}.ap-terminal .fg-82{--fg: #5fff00}.ap-terminal .bg-82{--bg: #5fff00}.ap-terminal .fg-83{--fg: #5fff5f}.ap-terminal .bg-83{--bg: #5fff5f}.ap-terminal .fg-84{--fg: #5fff87}.ap-terminal .bg-84{--bg: #5fff87}.ap-terminal .fg-85{--fg: #5fffaf}.ap-terminal .bg-85{--bg: #5fffaf}.ap-terminal .fg-86{--fg: #5fffd7}.ap-terminal .bg-86{--bg: #5fffd7}.ap-terminal .fg-87{--fg: #5fffff}.ap-terminal .bg-87{--bg: #5fffff}.ap-terminal .fg-88{--fg: #870000}.ap-terminal .bg-88{--bg: #870000}.ap-terminal .fg-89{--fg: #87005f}.ap-terminal .bg-89{--bg: #87005f}.ap-terminal .fg-90{--fg: #870087}.ap-terminal .bg-90{--bg: #870087}.ap-terminal .fg-91{--fg: #8700af}.ap-terminal .bg-91{--bg: #8700af}.ap-terminal .fg-92{--fg: #8700d7}.ap-terminal .bg-92{--bg: #8700d7}.ap-terminal .fg-93{--fg: #8700ff}.ap-terminal .bg-93{--bg: #8700ff}.ap-terminal .fg-94{--fg: #875f00}.ap-terminal .bg-94{--bg: #875f00}.ap-terminal .fg-95{--fg: #875f5f}.ap-terminal .bg-95{--bg: #875f5f}.ap-terminal .fg-96{--fg: #875f87}.ap-terminal .bg-96{--bg: #875f87}.ap-terminal .fg-97{--fg: #875faf}.ap-terminal .bg-97{--bg: #875faf}.ap-terminal .fg-98{--fg: #875fd7}.ap-terminal .bg-98{--bg: #875fd7}.ap-terminal .fg-99{--fg: #875fff}.ap-terminal .bg-99{--bg: #875fff}.ap-terminal .fg-100{--fg: #878700}.ap-terminal .bg-100{--bg: #878700}.ap-terminal .fg-101{--fg: #87875f}.ap-terminal .bg-101{--bg: #87875f}.ap-terminal .fg-102{--fg: #878787}.ap-terminal .bg-102{--bg: #878787}.ap-terminal .fg-103{--fg: #8787af}.ap-terminal .bg-103{--bg: #8787af}.ap-terminal .fg-104{--fg: #8787d7}.ap-terminal .bg-104{--bg: #8787d7}.ap-terminal .fg-105{--fg: #8787ff}.ap-terminal .bg-105{--bg: #8787ff}.ap-terminal .fg-106{--fg: #87af00}.ap-terminal .bg-106{--bg: #87af00}.ap-terminal .fg-107{--fg: #87af5f}.ap-terminal .bg-107{--bg: #87af5f}.ap-terminal .fg-108{--fg: #87af87}.ap-terminal .bg-108{--bg: #87af87}.ap-terminal .fg-109{--fg: #87afaf}.ap-terminal .bg-109{--bg: #87afaf}.ap-terminal .fg-110{--fg: #87afd7}.ap-terminal .bg-110{--bg: #87afd7}.ap-terminal .fg-111{--fg: #87afff}.ap-terminal .bg-111{--bg: #87afff}.ap-terminal .fg-112{--fg: #87d700}.ap-terminal .bg-112{--bg: #87d700}.ap-terminal .fg-113{--fg: #87d75f}.ap-terminal .bg-113{--bg: #87d75f}.ap-terminal .fg-114{--fg: #87d787}.ap-terminal .bg-114{--bg: #87d787}.ap-terminal .fg-115{--fg: #87d7af}.ap-terminal .bg-115{--bg: #87d7af}.ap-terminal .fg-116{--fg: #87d7d7}.ap-terminal .bg-116{--bg: #87d7d7}.ap-terminal .fg-117{--fg: #87d7ff}.ap-terminal .bg-117{--bg: #87d7ff}.ap-terminal .fg-118{--fg: #87ff00}.ap-terminal .bg-118{--bg: #87ff00}.ap-terminal .fg-119{--fg: #87ff5f}.ap-terminal .bg-119{--bg: #87ff5f}.ap-terminal .fg-120{--fg: #87ff87}.ap-terminal .bg-120{--bg: #87ff87}.ap-terminal .fg-121{--fg: #87ffaf}.ap-terminal .bg-121{--bg: #87ffaf}.ap-terminal .fg-122{--fg: #87ffd7}.ap-terminal .bg-122{--bg: #87ffd7}.ap-terminal .fg-123{--fg: #87ffff}.ap-terminal .bg-123{--bg: #87ffff}.ap-terminal .fg-124{--fg: #af0000}.ap-terminal .bg-124{--bg: #af0000}.ap-terminal .fg-125{--fg: #af005f}.ap-terminal .bg-125{--bg: #af005f}.ap-terminal .fg-126{--fg: #af0087}.ap-terminal .bg-126{--bg: #af0087}.ap-terminal .fg-127{--fg: #af00af}.ap-terminal .bg-127{--bg: #af00af}.ap-terminal .fg-128{--fg: #af00d7}.ap-terminal .bg-128{--bg: #af00d7}.ap-terminal .fg-129{--fg: #af00ff}.ap-terminal .bg-129{--bg: #af00ff}.ap-terminal .fg-130{--fg: #af5f00}.ap-terminal .bg-130{--bg: #af5f00}.ap-terminal .fg-131{--fg: #af5f5f}.ap-terminal .bg-131{--bg: #af5f5f}.ap-terminal .fg-132{--fg: #af5f87}.ap-terminal .bg-132{--bg: #af5f87}.ap-terminal .fg-133{--fg: #af5faf}.ap-terminal .bg-133{--bg: #af5faf}.ap-terminal .fg-134{--fg: #af5fd7}.ap-terminal .bg-134{--bg: #af5fd7}.ap-terminal .fg-135{--fg: #af5fff}.ap-terminal .bg-135{--bg: #af5fff}.ap-terminal .fg-136{--fg: #af8700}.ap-terminal .bg-136{--bg: #af8700}.ap-terminal .fg-137{--fg: #af875f}.ap-terminal .bg-137{--bg: #af875f}.ap-terminal .fg-138{--fg: #af8787}.ap-terminal .bg-138{--bg: #af8787}.ap-terminal .fg-139{--fg: #af87af}.ap-terminal .bg-139{--bg: #af87af}.ap-terminal .fg-140{--fg: #af87d7}.ap-terminal .bg-140{--bg: #af87d7}.ap-terminal .fg-141{--fg: #af87ff}.ap-terminal .bg-141{--bg: #af87ff}.ap-terminal .fg-142{--fg: #afaf00}.ap-terminal .bg-142{--bg: #afaf00}.ap-terminal .fg-143{--fg: #afaf5f}.ap-terminal .bg-143{--bg: #afaf5f}.ap-terminal .fg-144{--fg: #afaf87}.ap-terminal .bg-144{--bg: #afaf87}.ap-terminal .fg-145{--fg: #afafaf}.ap-terminal .bg-145{--bg: #afafaf}.ap-terminal .fg-146{--fg: #afafd7}.ap-terminal .bg-146{--bg: #afafd7}.ap-terminal .fg-147{--fg: #afafff}.ap-terminal .bg-147{--bg: #afafff}.ap-terminal .fg-148{--fg: #afd700}.ap-terminal .bg-148{--bg: #afd700}.ap-terminal .fg-149{--fg: #afd75f}.ap-terminal .bg-149{--bg: #afd75f}.ap-terminal .fg-150{--fg: #afd787}.ap-terminal .bg-150{--bg: #afd787}.ap-terminal .fg-151{--fg: #afd7af}.ap-terminal .bg-151{--bg: #afd7af}.ap-terminal .fg-152{--fg: #afd7d7}.ap-terminal .bg-152{--bg: #afd7d7}.ap-terminal .fg-153{--fg: #afd7ff}.ap-terminal .bg-153{--bg: #afd7ff}.ap-terminal .fg-154{--fg: #afff00}.ap-terminal .bg-154{--bg: #afff00}.ap-terminal .fg-155{--fg: #afff5f}.ap-terminal .bg-155{--bg: #afff5f}.ap-terminal .fg-156{--fg: #afff87}.ap-terminal .bg-156{--bg: #afff87}.ap-terminal .fg-157{--fg: #afffaf}.ap-terminal .bg-157{--bg: #afffaf}.ap-terminal .fg-158{--fg: #afffd7}.ap-terminal .bg-158{--bg: #afffd7}.ap-terminal .fg-159{--fg: #afffff}.ap-terminal .bg-159{--bg: #afffff}.ap-terminal .fg-160{--fg: #d70000}.ap-terminal .bg-160{--bg: #d70000}.ap-terminal .fg-161{--fg: #d7005f}.ap-terminal .bg-161{--bg: #d7005f}.ap-terminal .fg-162{--fg: #d70087}.ap-terminal .bg-162{--bg: #d70087}.ap-terminal .fg-163{--fg: #d700af}.ap-terminal .bg-163{--bg: #d700af}.ap-terminal .fg-164{--fg: #d700d7}.ap-terminal .bg-164{--bg: #d700d7}.ap-terminal .fg-165{--fg: #d700ff}.ap-terminal .bg-165{--bg: #d700ff}.ap-terminal .fg-166{--fg: #d75f00}.ap-terminal .bg-166{--bg: #d75f00}.ap-terminal .fg-167{--fg: #d75f5f}.ap-terminal .bg-167{--bg: #d75f5f}.ap-terminal .fg-168{--fg: #d75f87}.ap-terminal .bg-168{--bg: #d75f87}.ap-terminal .fg-169{--fg: #d75faf}.ap-terminal .bg-169{--bg: #d75faf}.ap-terminal .fg-170{--fg: #d75fd7}.ap-terminal .bg-170{--bg: #d75fd7}.ap-terminal .fg-171{--fg: #d75fff}.ap-terminal .bg-171{--bg: #d75fff}.ap-terminal .fg-172{--fg: #d78700}.ap-terminal .bg-172{--bg: #d78700}.ap-terminal .fg-173{--fg: #d7875f}.ap-terminal .bg-173{--bg: #d7875f}.ap-terminal .fg-174{--fg: #d78787}.ap-terminal .bg-174{--bg: #d78787}.ap-terminal .fg-175{--fg: #d787af}.ap-terminal .bg-175{--bg: #d787af}.ap-terminal .fg-176{--fg: #d787d7}.ap-terminal .bg-176{--bg: #d787d7}.ap-terminal .fg-177{--fg: #d787ff}.ap-terminal .bg-177{--bg: #d787ff}.ap-terminal .fg-178{--fg: #d7af00}.ap-terminal .bg-178{--bg: #d7af00}.ap-terminal .fg-179{--fg: #d7af5f}.ap-terminal .bg-179{--bg: #d7af5f}.ap-terminal .fg-180{--fg: #d7af87}.ap-terminal .bg-180{--bg: #d7af87}.ap-terminal .fg-181{--fg: #d7afaf}.ap-terminal .bg-181{--bg: #d7afaf}.ap-terminal .fg-182{--fg: #d7afd7}.ap-terminal .bg-182{--bg: #d7afd7}.ap-terminal .fg-183{--fg: #d7afff}.ap-terminal .bg-183{--bg: #d7afff}.ap-terminal .fg-184{--fg: #d7d700}.ap-terminal .bg-184{--bg: #d7d700}.ap-terminal .fg-185{--fg: #d7d75f}.ap-terminal .bg-185{--bg: #d7d75f}.ap-terminal .fg-186{--fg: #d7d787}.ap-terminal .bg-186{--bg: #d7d787}.ap-terminal .fg-187{--fg: #d7d7af}.ap-terminal .bg-187{--bg: #d7d7af}.ap-terminal .fg-188{--fg: #d7d7d7}.ap-terminal .bg-188{--bg: #d7d7d7}.ap-terminal .fg-189{--fg: #d7d7ff}.ap-terminal .bg-189{--bg: #d7d7ff}.ap-terminal .fg-190{--fg: #d7ff00}.ap-terminal .bg-190{--bg: #d7ff00}.ap-terminal .fg-191{--fg: #d7ff5f}.ap-terminal .bg-191{--bg: #d7ff5f}.ap-terminal .fg-192{--fg: #d7ff87}.ap-terminal .bg-192{--bg: #d7ff87}.ap-terminal .fg-193{--fg: #d7ffaf}.ap-terminal .bg-193{--bg: #d7ffaf}.ap-terminal .fg-194{--fg: #d7ffd7}.ap-terminal .bg-194{--bg: #d7ffd7}.ap-terminal .fg-195{--fg: #d7ffff}.ap-terminal .bg-195{--bg: #d7ffff}.ap-terminal .fg-196{--fg: #ff0000}.ap-terminal .bg-196{--bg: #ff0000}.ap-terminal .fg-197{--fg: #ff005f}.ap-terminal .bg-197{--bg: #ff005f}.ap-terminal .fg-198{--fg: #ff0087}.ap-terminal .bg-198{--bg: #ff0087}.ap-terminal .fg-199{--fg: #ff00af}.ap-terminal .bg-199{--bg: #ff00af}.ap-terminal .fg-200{--fg: #ff00d7}.ap-terminal .bg-200{--bg: #ff00d7}.ap-terminal .fg-201{--fg: #ff00ff}.ap-terminal .bg-201{--bg: #ff00ff}.ap-terminal .fg-202{--fg: #ff5f00}.ap-terminal .bg-202{--bg: #ff5f00}.ap-terminal .fg-203{--fg: #ff5f5f}.ap-terminal .bg-203{--bg: #ff5f5f}.ap-terminal .fg-204{--fg: #ff5f87}.ap-terminal .bg-204{--bg: #ff5f87}.ap-terminal .fg-205{--fg: #ff5faf}.ap-terminal .bg-205{--bg: #ff5faf}.ap-terminal .fg-206{--fg: #ff5fd7}.ap-terminal .bg-206{--bg: #ff5fd7}.ap-terminal .fg-207{--fg: #ff5fff}.ap-terminal .bg-207{--bg: #ff5fff}.ap-terminal .fg-208{--fg: #ff8700}.ap-terminal .bg-208{--bg: #ff8700}.ap-terminal .fg-209{--fg: #ff875f}.ap-terminal .bg-209{--bg: #ff875f}.ap-terminal .fg-210{--fg: #ff8787}.ap-terminal .bg-210{--bg: #ff8787}.ap-terminal .fg-211{--fg: #ff87af}.ap-terminal .bg-211{--bg: #ff87af}.ap-terminal .fg-212{--fg: #ff87d7}.ap-terminal .bg-212{--bg: #ff87d7}.ap-terminal .fg-213{--fg: #ff87ff}.ap-terminal .bg-213{--bg: #ff87ff}.ap-terminal .fg-214{--fg: #ffaf00}.ap-terminal .bg-214{--bg: #ffaf00}.ap-terminal .fg-215{--fg: #ffaf5f}.ap-terminal .bg-215{--bg: #ffaf5f}.ap-terminal .fg-216{--fg: #ffaf87}.ap-terminal .bg-216{--bg: #ffaf87}.ap-terminal .fg-217{--fg: #ffafaf}.ap-terminal .bg-217{--bg: #ffafaf}.ap-terminal .fg-218{--fg: #ffafd7}.ap-terminal .bg-218{--bg: #ffafd7}.ap-terminal .fg-219{--fg: #ffafff}.ap-terminal .bg-219{--bg: #ffafff}.ap-terminal .fg-220{--fg: #ffd700}.ap-terminal .bg-220{--bg: #ffd700}.ap-terminal .fg-221{--fg: #ffd75f}.ap-terminal .bg-221{--bg: #ffd75f}.ap-terminal .fg-222{--fg: #ffd787}.ap-terminal .bg-222{--bg: #ffd787}.ap-terminal .fg-223{--fg: #ffd7af}.ap-terminal .bg-223{--bg: #ffd7af}.ap-terminal .fg-224{--fg: #ffd7d7}.ap-terminal .bg-224{--bg: #ffd7d7}.ap-terminal .fg-225{--fg: #ffd7ff}.ap-terminal .bg-225{--bg: #ffd7ff}.ap-terminal .fg-226{--fg: #ffff00}.ap-terminal .bg-226{--bg: #ffff00}.ap-terminal .fg-227{--fg: #ffff5f}.ap-terminal .bg-227{--bg: #ffff5f}.ap-terminal .fg-228{--fg: #ffff87}.ap-terminal .bg-228{--bg: #ffff87}.ap-terminal .fg-229{--fg: #ffffaf}.ap-terminal .bg-229{--bg: #ffffaf}.ap-terminal .fg-230{--fg: #ffffd7}.ap-terminal .bg-230{--bg: #ffffd7}.ap-terminal .fg-231{--fg: #ffffff}.ap-terminal .bg-231{--bg: #ffffff}.ap-terminal .fg-232{--fg: #080808}.ap-terminal .bg-232{--bg: #080808}.ap-terminal .fg-233{--fg: #121212}.ap-terminal .bg-233{--bg: #121212}.ap-terminal .fg-234{--fg: #1c1c1c}.ap-terminal .bg-234{--bg: #1c1c1c}.ap-terminal .fg-235{--fg: #262626}.ap-terminal .bg-235{--bg: #262626}.ap-terminal .fg-236{--fg: #303030}.ap-terminal .bg-236{--bg: #303030}.ap-terminal .fg-237{--fg: #3a3a3a}.ap-terminal .bg-237{--bg: #3a3a3a}.ap-terminal .fg-238{--fg: #444444}.ap-terminal .bg-238{--bg: #444444}.ap-terminal .fg-239{--fg: #4e4e4e}.ap-terminal .bg-239{--bg: #4e4e4e}.ap-terminal .fg-240{--fg: #585858}.ap-terminal .bg-240{--bg: #585858}.ap-terminal .fg-241{--fg: #626262}.ap-terminal .bg-241{--bg: #626262}.ap-terminal .fg-242{--fg: #6c6c6c}.ap-terminal .bg-242{--bg: #6c6c6c}.ap-terminal .fg-243{--fg: #767676}.ap-terminal .bg-243{--bg: #767676}.ap-terminal .fg-244{--fg: #808080}.ap-terminal .bg-244{--bg: #808080}.ap-terminal .fg-245{--fg: #8a8a8a}.ap-terminal .bg-245{--bg: #8a8a8a}.ap-terminal .fg-246{--fg: #949494}.ap-terminal .bg-246{--bg: #949494}.ap-terminal .fg-247{--fg: #9e9e9e}.ap-terminal .bg-247{--bg: #9e9e9e}.ap-terminal .fg-248{--fg: #a8a8a8}.ap-terminal .bg-248{--bg: #a8a8a8}.ap-terminal .fg-249{--fg: #b2b2b2}.ap-terminal .bg-249{--bg: #b2b2b2}.ap-terminal .fg-250{--fg: #bcbcbc}.ap-terminal .bg-250{--bg: #bcbcbc}.ap-terminal .fg-251{--fg: #c6c6c6}.ap-terminal .bg-251{--bg: #c6c6c6}.ap-terminal .fg-252{--fg: #d0d0d0}.ap-terminal .bg-252{--bg: #d0d0d0}.ap-terminal .fg-253{--fg: #dadada}.ap-terminal .bg-253{--bg: #dadada}.ap-terminal .fg-254{--fg: #e4e4e4}.ap-terminal .bg-254{--bg: #e4e4e4}.ap-terminal .fg-255{--fg: #eeeeee}.ap-terminal .bg-255{--bg: #eeeeee}.asciinema-player-theme-asciinema{--term-color-foreground: #cccccc;--term-color-background: #121314;--term-color-0: hsl(0, 0%, 0%);--term-color-1: hsl(343, 70%, 55%);--term-color-2: hsl(103, 70%, 44%);--term-color-3: hsl(43, 70%, 55%);--term-color-4: hsl(193, 70%, 49.5%);--term-color-5: hsl(283, 70%, 60.5%);--term-color-6: hsl(163, 70%, 60.5%);--term-color-7: hsl(0, 0%, 85%);--term-color-8: hsl(0, 0%, 30%);--term-color-9: hsl(343, 70%, 55%);--term-color-10: hsl(103, 70%, 44%);--term-color-11: hsl(43, 70%, 55%);--term-color-12: hsl(193, 70%, 49.5%);--term-color-13: hsl(283, 70%, 60.5%);--term-color-14: hsl(163, 70%, 60.5%);--term-color-15: hsl(0, 0%, 100%)}.asciinema-player-theme-dracula{--term-color-foreground: #f8f8f2;--term-color-background: #282a36;--term-color-0: #21222c;--term-color-1: #ff5555;--term-color-2: #50fa7b;--term-color-3: #f1fa8c;--term-color-4: #bd93f9;--term-color-5: #ff79c6;--term-color-6: #8be9fd;--term-color-7: #f8f8f2;--term-color-8: #6272a4;--term-color-9: #ff6e6e;--term-color-10: #69ff94;--term-color-11: #ffffa5;--term-color-12: #d6acff;--term-color-13: #ff92df;--term-color-14: #a4ffff;--term-color-15: #ffffff}.asciinema-player-theme-monokai{--term-color-foreground: #f8f8f2;--term-color-background: #272822;--term-color-0: #272822;--term-color-1: #f92672;--term-color-2: #a6e22e;--term-color-3: #f4bf75;--term-color-4: #66d9ef;--term-color-5: #ae81ff;--term-color-6: #a1efe4;--term-color-7: #f8f8f2;--term-color-8: #75715e;--term-color-15: #f9f8f5}.asciinema-player-theme-nord{--term-color-foreground: #eceff4;--term-color-background: #2e3440;--term-color-0: #3b4252;--term-color-1: #bf616a;--term-color-2: #a3be8c;--term-color-3: #ebcb8b;--term-color-4: #81a1c1;--term-color-5: #b48ead;--term-color-6: #88c0d0;--term-color-7: #eceff4}.asciinema-player-theme-seti{--term-color-foreground: #cacecd;--term-color-background: #111213;--term-color-0: #323232;--term-color-1: #c22832;--term-color-2: #8ec43d;--term-color-3: #e0c64f;--term-color-4: #43a5d5;--term-color-5: #8b57b5;--term-color-6: #8ec43d;--term-color-7: #eeeeee;--term-color-15: #ffffff}.asciinema-player-theme-solarized-dark{--term-color-foreground: #839496;--term-color-background: #002b36;--term-color-0: #073642;--term-color-1: #dc322f;--term-color-2: #859900;--term-color-3: #b58900;--term-color-4: #268bd2;--term-color-5: #d33682;--term-color-6: #2aa198;--term-color-7: #eee8d5;--term-color-8: #002b36;--term-color-9: #cb4b16;--term-color-10: #586e75;--term-color-11: #657b83;--term-color-12: #839496;--term-color-13: #6c71c4;--term-color-14: #93a1a1;--term-color-15: #fdf6e3}.asciinema-player-theme-solarized-light{--term-color-foreground: #657b83;--term-color-background: #fdf6e3;--term-color-0: #073642;--term-color-1: #dc322f;--term-color-2: #859900;--term-color-3: #b58900;--term-color-4: #268bd2;--term-color-5: #d33682;--term-color-6: #2aa198;--term-color-7: #eee8d5;--term-color-8: #002b36;--term-color-9: #cb4b16;--term-color-10: #586e75;--term-color-11: #657c83;--term-color-12: #839496;--term-color-13: #6c71c4;--term-color-14: #93a1a1;--term-color-15: #fdf6e3}.asciinema-player-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-fill{fill:var(--term-color-1)}.asciinema-player-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-stroke{stroke:var(--term-color-1)}.asciinema-player-theme-tango{--term-color-foreground: #cccccc;--term-color-background: #121314;--term-color-0: #000000;--term-color-1: #cc0000;--term-color-2: #4e9a06;--term-color-3: #c4a000;--term-color-4: #3465a4;--term-color-5: #75507b;--term-color-6: #06989a;--term-color-7: #d3d7cf;--term-color-8: #555753;--term-color-9: #ef2929;--term-color-10: #8ae234;--term-color-11: #fce94f;--term-color-12: #729fcf;--term-color-13: #ad7fa8;--term-color-14: #34e2e2;--term-color-15: #eeeeec}.asciinema-player-theme-gruvbox-dark{--term-color-foreground: #fbf1c7;--term-color-background: #282828;--term-color-0: #282828;--term-color-1: #cc241d;--term-color-2: #98971a;--term-color-3: #d79921;--term-color-4: #458588;--term-color-5: #b16286;--term-color-6: #689d6a;--term-color-7: #a89984;--term-color-8: #7c6f65;--term-color-9: #fb4934;--term-color-10: #b8bb26;--term-color-11: #fabd2f;--term-color-12: #83a598;--term-color-13: #d3869b;--term-color-14: #8ec07c;--term-color-15: #fbf1c7}.player-modal{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.player-container{background:#0f0f0ffa;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #000000b3;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.player-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.player-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.player-subtitle{margin:.5rem 0 0;font-size:.85rem;color:#ffffff80}.player-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;background:#00000080}.asciinema-player-container{width:100%;max-width:100%;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #00000080}.asciinema-player-container .asciinema-terminal{border-radius:8px}.player-footer{padding:1rem 2rem;border-top:1px solid rgba(255,255,255,.1);background:#0000004d}.player-help{margin:0;font-size:.85rem;color:#ffffff80;text-align:center}.player-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#fff9}.player-error{padding:3rem;text-align:center;color:#f44}.player-error p{font-size:1.1rem;margin-bottom:1.5rem}.retry-button{padding:.8rem 1.5rem;background:#0dbc791a;border:1px solid rgba(13,188,121,.3);border-radius:8px;color:#0dbc79;font-size:.9rem;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#0dbc7933;border-color:#0dbc7980;transform:translateY(-2px)}@media(max-width:768px){.player-container{width:98%;max-height:95vh}.player-header{padding:1rem 1.5rem}.player-wrapper{padding:1rem}.player-footer{padding:.75rem 1rem}.player-help{font-size:.75rem}}.console-container{height:calc(100vh - 60px);background:#0f0f0f;display:flex;flex-direction:column;position:relative}.grid-view{flex:1;overflow-y:auto;position:relative;animation:fadeIn .3s ease-in-out}.grid-view-header{padding:1rem 2rem;display:flex;justify-content:flex-end;align-items:center;background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1)}.manage-sessions-button{padding:.75rem 1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.manage-sessions-button:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.manage-sessions-button .button-icon{font-size:1.25rem}.manage-sessions-button .button-text{font-weight:600}.terminal-view{flex:1;display:flex;flex-direction:column;animation:fadeIn .3s ease-in-out}.connect-screen{display:flex;align-items:center;justify-content:center;padding:2rem;flex:1}.connect-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:2rem;max-width:500px;width:100%}.connect-card h2{color:#0dbc79;margin:0 0 1.5rem;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#888;font-size:.875rem;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#0dbc79}.form-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#ff44441a;border:1px solid #ff4444;border-radius:6px;padding:1rem;color:#f88;margin-bottom:1rem;white-space:pre-line;font-size:.875rem}.connect-button{width:100%;padding:.75rem;background:#0dbc79;color:#000;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.connect-button:hover:not(:disabled){background:#0ea86c;transform:translateY(-1px)}.connect-button:disabled{opacity:.5;cursor:not-allowed}.help-text{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #333;color:#888;font-size:.875rem}.help-text p{margin:.5rem 0}.help-text strong{color:#0dbc79}.help-text ol{margin:.5rem 0;padding-left:1.5rem}.help-text li{margin:.5rem 0}.help-text code{background:#2a2a2a;padding:.25rem .5rem;border-radius:3px;font-family:Monaco,Courier New,monospace;font-size:.8rem;color:#0dbc79;word-break:break-all}.help-text small{color:#666}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1)}.terminal-breadcrumb{display:flex;align-items:center;gap:.75rem}.back-button{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;cursor:pointer;font-size:.875rem;transition:all .3s ease;font-weight:500}.back-button:hover{background:#ffffff1a;border-color:#0dbc794d;color:#0dbc79;transform:translate(-4px)}.breadcrumb-separator{color:#444;font-size:1rem}.terminal-device{color:#fff;font-family:Monaco,Courier New,monospace;font-size:1rem;font-weight:600}.terminal-actions{display:flex;align-items:center;gap:1rem}.theme-button{width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;font-size:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-button:hover{background:#0dbc791a;border-color:#0dbc794d;transform:scale(1.05)}.terminal-status{display:flex;align-items:center;gap:.5rem}.connection-indicator{color:#0dbc79;font-size:.875rem;font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.terminal-wrapper{flex:1;padding:1rem;overflow:hidden;animation:terminalFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes terminalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.connection-error-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:1rem;max-width:600px;background:#ff44441a;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,68,68,.3);border-radius:12px;padding:1.25rem 1.5rem;z-index:1000;animation:slideUp .3s ease-out;box-shadow:0 10px 40px #f443}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-icon{font-size:1.5rem;line-height:1}.error-content{flex:1}.error-content strong{display:block;color:#f88;font-size:.95rem;margin-bottom:.5rem}.error-content p{margin:0;color:#faa;font-size:.85rem;line-height:1.5;white-space:pre-line}.connection-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:2000;animation:fadeIn .2s ease-in-out}.connection-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#0dbc79;border-radius:50%;animation:spin 1s linear infinite}.connection-overlay p{color:#fff;font-size:1rem;font-weight:500}@media(max-width:768px){.connect-screen{padding:1rem}.connect-card{padding:1.5rem}.terminal-header{padding:1rem;flex-direction:column;gap:1rem;align-items:flex-start}.terminal-breadcrumb{flex-direction:column;align-items:flex-start;gap:.5rem}.breadcrumb-separator{display:none}.back-button{width:100%}.terminal-status{width:100%;justify-content:flex-start}.help-text code{font-size:.7rem}.connection-error-banner{left:1rem;right:1rem;transform:none;max-width:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.analytics-container{padding:2rem;max-width:1400px;margin:0 auto;background:#0f0f0f;min-height:calc(100vh - 60px)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-header h2{font-size:2rem;color:#0dbc79;margin:0}.refresh-button{padding:.5rem 1rem;background:#2a2a2a;color:#0dbc79;border:1px solid #0dbc79;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.refresh-button:hover{background:#0dbc791a}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#0dbc79;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-state h3{color:#f44;margin-bottom:.5rem}.error-state p{color:#888;margin-bottom:1rem}.retry-button{padding:.5rem 1.5rem;background:#0dbc79;color:#000;border:none;border-radius:6px;cursor:pointer;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:#0dbc79}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#888;font-weight:500}.stat-meta{font-size:.75rem;color:#666;margin-top:.25rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1.5rem}.chart-card h3{color:#fff;font-size:1.125rem;margin:0 0 1.5rem}.chart-wrapper{height:300px;position:relative}.table-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.table-card h3{color:#fff;font-size:1.125rem;margin:0 0 1rem}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background:#2a2a2a}.data-table th{padding:.75rem 1rem;text-align:left;color:#0dbc79;font-weight:600;border-bottom:2px solid #0dbc79}.data-table td{padding:.75rem 1rem;color:#ccc;border-bottom:1px solid #333}.data-table tbody tr:hover{background:#2a2a2a}.data-table code{background:#2a2a2a;padding:.25rem .5rem;border-radius:3px;font-family:Monaco,Courier New,monospace;font-size:.8rem;color:#0dbc79}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.success,.status-badge.active{background:#0dbc7933;color:#0dbc79}.status-badge.failed,.status-badge.revoked{background:#f443;color:#f44}.status-badge.expired{background:#fa03;color:#fa0}@media(max-width:768px){.analytics-container{padding:1rem}.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid,.charts-grid{grid-template-columns:1fr}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.5rem}}.dashboard-container{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding:2rem;animation:fadeIn .3s ease-in-out}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-content h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#00d9ff,#8be9fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-content p{color:#6b7280;margin:0}.tier-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tier-badge.free{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.tier-badge.pro{background:linear-gradient(135deg,#3b8eea33,#4fc1ff33);color:#60a5fa;border:1px solid rgba(59,142,234,.3)}.tier-badge.enterprise{background:linear-gradient(135deg,#a855f733,#ec489933);color:#c084fc;border:1px solid rgba(168,85,247,.3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#1e1e3299;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #0000004d}.stat-card.online{border-left:3px solid #10B981}.stat-card.sessions{border-left:3px solid #3B82F6}.stat-card.hours{border-left:3px solid #F59E0B}.stat-card.total{border-left:3px solid #8B5CF6}.stat-icon{font-size:2rem}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.stat-label{color:#9ca3af;font-size:.875rem;font-weight:500}.stat-sublabel{color:#6b7280;font-size:.75rem}.stat-progress{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px;transition:width .5s ease}.progress-bar.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar.critical{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-card.hours.warning{border-left-color:#ef4444}.quota-warning-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quota-warning-banner.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.quota-warning-banner.critical{background:#ef444426;border:1px solid rgba(239,68,68,.4)}.quota-warning-banner.exceeded{background:#ef444433;border:1px solid rgba(239,68,68,.5)}.quota-warning-banner .warning-icon{font-size:1.5rem}.quota-warning-banner .warning-content{flex:1}.quota-warning-banner .warning-content strong{color:#fff;display:block;margin-bottom:.25rem}.quota-warning-banner.warning .warning-content strong{color:#fbbf24}.quota-warning-banner.critical .warning-content strong,.quota-warning-banner.exceeded .warning-content strong{color:#f87171}.quota-warning-banner .warning-content p{color:#9ca3af;margin:0;font-size:.875rem}.upgrade-btn-small{padding:.5rem 1rem;background:linear-gradient(135deg,#3b8eea,#4fc1ff);border:none;border-radius:6px;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.upgrade-btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b8eea66}.quick-actions{margin-bottom:2rem}.quick-actions h2{color:#fff;font-size:1.25rem;margin:0 0 1rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#1e1e3266;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .3s ease}.action-card:hover{background:#3b8eea1a;border-color:#3b8eea4d;transform:translateY(-2px)}.action-icon{font-size:2rem}.action-label{color:#9ca3af;font-size:.875rem;font-weight:500}.action-card:hover .action-label{color:#fff}.recent-section{background:#1e1e3266;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{color:#fff;font-size:1.125rem;margin:0}.view-all-btn{background:transparent;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;padding:.5rem;transition:color .2s}.view-all-btn:hover{color:#60a5fa}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.online{background:#10b981;box-shadow:0 0 10px #10b981}.activity-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.activity-title{color:#fff;font-weight:500}.activity-meta{color:#6b7280;font-size:.8rem}.activity-action{display:flex;align-items:center}.connect-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#3b8eea,#4fc1ff);border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.connect-btn:hover{transform:scale(1.05)}.offline-badge{padding:.5rem 1rem;background:#4b556333;border-radius:6px;color:#6b7280;font-size:.8rem}.empty-state{text-align:center;padding:2rem;color:#6b7280}.empty-state code{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:#0000004d;border-radius:8px;color:#10b981;font-family:Monaco,monospace;font-size:.85rem}.upgrade-banner{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#3b8eea1a,#8b5cf61a);border:1px solid rgba(59,142,234,.2);border-radius:16px}.upgrade-content h3{color:#fff;font-size:1.125rem;margin:0 0 .25rem}.upgrade-content p{color:#9ca3af;font-size:.875rem;margin:0}.upgrade-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b8eea,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #3b8eea66}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.dashboard-loading p{color:#9ca3af}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:2rem}.actions-grid{grid-template-columns:repeat(2,1fr)}.upgrade-banner{flex-direction:column;gap:1rem;text-align:center}}@media(max-width:480px){.stats-grid,.actions-grid{grid-template-columns:1fr}}.devices-container{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding:2rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.devices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left{display:flex;align-items:baseline;gap:1rem}.devices-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00d9ff,#8be9fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.device-count{color:#6b7280;font-size:1rem}.last-updated{color:#4b5563;font-size:.75rem;font-style:italic}.header-actions{display:flex;gap:1rem}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-refresh:hover:not(:disabled){background:#10b98133;border-color:#10b98180}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.btn-refresh.refreshing{animation:spin 1s linear infinite}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b8eea,#4fc1ff);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b8eea66}.btn-secondary{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.btn-ghost{padding:.5rem 1rem;background:transparent;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;transition:color .2s}.btn-ghost:hover{color:#ef4444}.btn-disabled{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#4b5563;font-weight:500;cursor:not-allowed}.devices-filters{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.5rem;background:#1e1e3280;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{color:#6b7280;font-size:.875rem}.filter-group select{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer}.filter-group select:focus{outline:none;border-color:#3b8eea}.devices-error{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:2rem;color:#fca5a5}.devices-error button{background:transparent;border:none;color:#fca5a5;cursor:pointer;text-decoration:underline}.devices-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#3b8eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.devices-loading p{color:#9ca3af}.devices-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.devices-empty h3{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.devices-empty p{color:#6b7280;margin:0 0 1rem}.devices-empty code{display:inline-block;padding:.75rem 1.5rem;background:#0000004d;border-radius:8px;color:#10b981;font-family:Monaco,Courier New,monospace;font-size:.9rem}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.device-card{background:#1e1e3299;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.device-card:hover{transform:translateY(-4px);border-color:#3b8eea4d;box-shadow:0 10px 40px #0000004d}.device-card.online{border-left:3px solid #10B981}.device-card.offline{border-left:3px solid #4B5563;opacity:.8}.device-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.device-status{display:flex;align-items:center;gap:.75rem}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.online{background:#10b981;box-shadow:0 0 10px #10b981;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-dot.offline{background:#4b5563}.device-icon{font-size:1.5rem}.menu-btn{background:transparent;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.menu-btn:hover{background:#ffffff1a}.device-info{margin-bottom:1rem}.device-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.device-id{display:block;color:#6b7280;font-size:.75rem;font-family:Monaco,monospace;margin-bottom:.5rem}.device-meta{display:flex;flex-wrap:wrap;gap:.5rem}.device-meta span{padding:.25rem .5rem;background:#ffffff0d;border-radius:4px;color:#9ca3af;font-size:.75rem}.device-stats{display:flex;gap:1.5rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{color:#fff;font-size:1rem;font-weight:600}.stat-label{color:#6b7280;font-size:.75rem}.device-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.25rem .75rem;background:#3b8eea1a;border:1px solid rgba(59,142,234,.2);border-radius:20px;color:#60a5fa;font-size:.75rem}.device-actions{display:flex;gap:.75rem}.device-actions .btn-primary{flex:1}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal{background:linear-gradient(135deg,#1a1f3a,#0a0e27);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;width:100%;max-width:400px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal h2{color:#fff;font-size:1.25rem;margin:0 0 1.5rem}.modal .form-group{margin-bottom:1.5rem}.modal .form-group label{display:block;color:#9ca3af;font-size:.875rem;margin-bottom:.5rem}.modal .form-group input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem}.modal .form-group input:focus{outline:none;border-color:#3b8eea}.color-picker{display:flex;gap:.75rem}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 10px currentColor}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}@media(max-width:768px){.devices-container{padding:1rem}.devices-header{flex-direction:column;gap:1rem;align-items:flex-start}.devices-filters{flex-direction:column;gap:1rem}.devices-grid{grid-template-columns:1fr}.device-stats{flex-wrap:wrap}}.app{display:flex;flex-direction:column;min-height:100vh;background-color:#0f0f0f;color:#d4d4d4}.app-footer{padding:1rem 2rem;background-color:#1e1e1e;border-top:1px solid #333;text-align:center;font-size:.85rem;color:#888}.app-footer p{margin:0}.app-footer a{color:#0dbc79;text-decoration:none;transition:color .2s}.app-footer a:hover{color:#0ea86c;text-decoration:underline}