:root{--bg: #050508;--bg-card: rgba(12, 8, 10, .85);--bg-elevated: rgba(20, 10, 14, .9);--border: rgba(232, 0, 28, .25);--border-bright: rgba(232, 0, 28, .55);--text: #f0f0f5;--text-muted: #8a8090;--red: #e8001c;--red-bright: #ff1a3d;--red-dim: rgba(232, 0, 28, .15);--red-glow: 0 0 20px rgba(232, 0, 28, .5), 0 0 60px rgba(232, 0, 28, .2);--success: #00e676;--warning: #ffab00;--danger: #ff1744;--info: #ff4081;--radius: 4px;--font-display: "Orbitron", sans-serif;--font-hero: "Bebas Neue", "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--mono: "JetBrains Mono", monospace;--card-bg: linear-gradient(155deg, rgba(18, 10, 14, .92) 0%, rgba(8, 5, 10, .78) 100%);--card-border: rgba(232, 0, 28, .22);--card-border-hover: rgba(255, 40, 70, .55);--card-glow: 0 8px 32px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .03) inset;--card-glow-hover: 0 12px 40px rgba(232, 0, 28, .12), 0 0 24px rgba(232, 0, 28, .08);--card-radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;font-size:16px;letter-spacing:.02em}#root{min-height:100vh}a{color:inherit;text-decoration:none}.page-shell{position:relative;min-height:100vh;background:#050508;overflow-x:hidden}.cyber-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.cyber-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.85}.cyber-grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(rgba(232,0,28,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(232,0,28,.04) 1px,transparent 1px);background-size:48px 48px;animation:grid-drift 28s linear infinite;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,black 20%,transparent 72%);mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,black 20%,transparent 72%)}.cyber-aurora{position:absolute;border-radius:50%;filter:blur(80px);animation:aurora-pulse 6s ease-in-out infinite}.cyber-aurora--center{width:min(60vw,520px);height:min(40vw,360px);top:18%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(232,0,28,.22) 0%,transparent 70%)}.cyber-aurora--left{width:280px;height:400px;left:-80px;top:30%;background:radial-gradient(circle,rgba(232,0,28,.12) 0%,transparent 70%);animation-delay:-2s}.cyber-aurora--right{width:280px;height:400px;right:-80px;top:25%;background:radial-gradient(circle,rgba(232,0,28,.12) 0%,transparent 70%);animation-delay:-4s}.cyber-beams{position:absolute;top:0;right:0;bottom:0;left:0}.cyber-beam{position:absolute;top:-120px;width:1px;height:100px;background:linear-gradient(180deg,transparent,rgba(255,40,70,.7),transparent);opacity:0;animation:beam-fall 5s linear infinite;animation-delay:calc(var(--i) * .7s);left:calc(8% + var(--i) * 11%)}.cyber-scene--dashboard .cyber-beam{opacity:.5;animation-duration:7s}.cyber-scene--auth .cyber-beam{display:none}.cyber-hud .hud-corner{position:absolute;width:clamp(48px,8vw,72px);height:clamp(48px,8vw,72px);border-color:#e8001c73;border-style:solid;animation:hud-flicker 4s ease-in-out infinite}.hud-tl{top:1.25rem;left:1.25rem;border-width:2px 0 0 2px}.hud-tr{top:1.25rem;right:1.25rem;border-width:2px 2px 0 0;animation-delay:-1s}.hud-bl{bottom:1.25rem;left:1.25rem;border-width:0 0 2px 2px;animation-delay:-2s}.hud-br{bottom:1.25rem;right:1.25rem;border-width:0 2px 2px 0;animation-delay:-3s}.hud-rail{position:absolute;top:15%;bottom:15%;width:2px;background:linear-gradient(180deg,transparent,rgba(232,0,28,.5) 20%,rgba(232,0,28,.15) 50%,rgba(232,0,28,.5) 80%,transparent);animation:rail-pulse 3s ease-in-out infinite}.hud-rail-left{left:clamp(1rem,4vw,2.5rem)}.hud-rail-right{right:clamp(1rem,4vw,2.5rem);animation-delay:-1.5s}.cyber-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);opacity:.35}.cyber-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cyber-scene--dashboard .shell-vignette,.page-shell--dashboard .shell-vignette{background:none}.cyber-scene--dashboard .cyber-canvas{opacity:.45}.cyber-scene--dashboard .cyber-aurora--center{opacity:.5}.cyber-scene--dashboard .cyber-hud .hud-corner{opacity:.35;width:40px;height:40px}.cyber-scene--dashboard .hud-rail{display:none}.cyber-scene--auth .cyber-canvas{opacity:.3}.cyber-scene--auth .cyber-aurora--left,.cyber-scene--auth .cyber-aurora--right{display:none}.cyber-scene--auth .cyber-hud .hud-corner{opacity:.25;width:32px;height:32px}@keyframes grid-drift{0%{transform:translate(0) rotate(0)}to{transform:translate(48px,48px) rotate(0)}}@keyframes aurora-pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}.cyber-aurora--left,.cyber-aurora--right{animation-name:aurora-side}@keyframes aurora-side{0%,to{opacity:.4}50%{opacity:.85}}@keyframes beam-fall{0%{transform:translateY(-100px);opacity:0}10%{opacity:.8}90%{opacity:.4}to{transform:translateY(calc(100vh + 120px));opacity:0}}@keyframes hud-flicker{0%,to{border-color:#e8001c59;box-shadow:none}50%{border-color:#ff2846bf;box-shadow:0 0 12px #e8001c4d}}@keyframes rail-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.cyber-grid,.cyber-aurora,.cyber-beam,.hud-corner,.hud-rail{animation:none!important}.cyber-canvas{display:none}}.shell-content{position:relative;z-index:3;min-height:100vh;margin:0 auto;padding:1rem clamp(1rem,4vw,2rem) 2.5rem}.page-shell--landing .shell-content{max-width:920px}.page-shell--dashboard .shell-content{width:100%;max-width:none;padding:.75rem clamp(.85rem,2vw,1.75rem) 1.75rem}.page-shell--auth .shell-content{max-width:960px;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem clamp(1rem,4vw,2rem)}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,480px);gap:clamp(1.5rem,4vw,2.5rem);width:100%;align-items:center}@media(max-width:820px){.auth-shell{grid-template-columns:1fr;max-width:560px;margin:0 auto}.auth-aside{text-align:center}.auth-aside-brand{justify-content:center}}.auth-aside-brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-size:.82rem;letter-spacing:.14em;color:var(--text);margin-bottom:1.5rem}.auth-aside-title{font-family:var(--font-hero);font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:.04em;margin:0 0 .75rem;color:#fff}.auth-aside-desc{margin:0 0 1.5rem;color:#ffffff94;font-size:1rem;line-height:1.6;max-width:36ch}.auth-aside-back{font-size:.85rem;color:var(--text-muted);transition:color .2s}.auth-aside-back:hover{color:var(--red-bright)}.auth-card{width:100%;min-width:0;padding:2.25rem 2rem 2rem;border:1px solid rgba(232,0,28,.3);border-radius:var(--card-radius);background:var(--card-bg);box-shadow:var(--card-glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,60,80,.55),transparent);opacity:.7;pointer-events:none}.auth-card{position:relative}.auth-page input{padding:.8rem 1rem;font-size:1.02rem;margin-bottom:1.15rem}.auth-page label{font-size:.68rem;margin-bottom:.45rem}.auth-brand{font-family:var(--font-display);font-size:.75rem;letter-spacing:.2em;color:var(--red-bright);margin-bottom:.75rem}.auth-card h1{margin:0 0 .35rem;font-family:var(--font-hero);font-size:clamp(1.85rem,4vw,2.25rem);letter-spacing:.03em}.auth-sub{color:var(--text-muted);margin:0 0 1.5rem;font-size:.95rem}.auth-submit{width:100%;margin-top:.75rem;padding:.95rem 1.5rem}.auth-switch{text-align:center;margin:1.25rem 0 0;font-size:.88rem;color:var(--text-muted)}.auth-switch a{color:var(--red-bright)}@media(max-width:520px){.hud-rail{display:none}.cyber-hud .hud-corner{width:36px;height:36px}}.page-content{position:relative;z-index:1;width:100%}.landing-content{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 3rem);padding-bottom:1rem}.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.5rem 0 2.5rem}.brand{display:flex;align-items:center;gap:.6rem;color:var(--text);justify-self:start}.hex-logo{color:var(--red);filter:drop-shadow(0 0 8px rgba(232,0,28,.9))}.brand-text{font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.14em;color:var(--text)}.nav-links{display:flex;gap:clamp(.75rem,2vw,1.35rem);flex-wrap:wrap;justify-self:center}.nav-links a{font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.08em;color:#ffffffe0;transition:color .2s;position:relative;padding-bottom:4px}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);box-shadow:0 0 8px #e8001ccc}.nav-spacer{width:140px}@media(max-width:820px){.nav-spacer{display:none}}.btn-launch{justify-self:end;font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:.5rem 1rem;border:1px solid rgba(232,0,28,.7);background:#00000059;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-launch:hover{border-color:var(--red-bright);box-shadow:0 0 16px #e8001c59}.btn-launch .arrow{margin-left:.2rem;color:var(--red-bright)}.hero{text-align:center;padding:.5rem 0 2.5rem}.hero-badge{position:relative;display:inline-block;padding:.45rem 1.5rem;margin-bottom:1.75rem}.badge-text{font-family:var(--font-display);font-size:.62rem;letter-spacing:.28em;color:var(--red-bright)}.badge-corner{position:absolute;width:14px;height:14px;border-color:#e8001cbf;border-style:solid}.badge-corner-tl{top:0;left:0;border-width:1px 0 0 1px}.badge-corner-tr{top:0;right:0;border-width:1px 1px 0 0}.badge-corner-bl{bottom:0;left:0;border-width:0 0 1px 1px}.badge-corner-br{bottom:0;right:0;border-width:0 1px 1px 0}.hero-title{font-family:var(--font-hero);font-size:clamp(3rem,9vw,5.5rem);font-weight:400;letter-spacing:.04em;line-height:.95;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.05rem}.hero-title span{display:block;color:#fff}.hero-title .accent{color:var(--red);text-shadow:0 0 20px rgba(232,0,28,.9),0 0 60px rgba(232,0,28,.45),0 0 100px rgba(232,0,28,.2);animation:accent-glow 3s ease-in-out infinite}@keyframes accent-glow{0%,to{text-shadow:0 0 20px rgba(232,0,28,.7),0 0 50px rgba(232,0,28,.3)}50%{text-shadow:0 0 30px rgba(232,0,28,1),0 0 80px rgba(232,0,28,.55),0 0 120px rgba(232,0,28,.25)}}.hero-sub{max-width:560px;margin:0 auto 2rem;color:#ffffffb8;font-size:1rem;line-height:1.65;font-weight:500}.hero-actions{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}.btn-icon{opacity:.95}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.1em;border:none;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary-glow{background:linear-gradient(180deg,#ff1a35,#c8001a);color:#fff;box-shadow:0 0 20px #e8001c8c,0 4px 24px #e8001c59;border:1px solid rgba(255,80,100,.5);padding:.85rem 1.6rem}.btn-primary-glow:hover:not(:disabled){background:linear-gradient(180deg,#ff3350,#e8001c);box-shadow:0 0 28px #e8001cbf,0 4px 32px #e8001c73;transform:translateY(-1px)}.btn-outline-red{background:#00000073;color:#fff;border:1px solid rgba(232,0,28,.55);padding:.85rem 1.4rem}.btn-outline-red:hover{border-color:var(--red-bright);box-shadow:inset 0 0 24px #e8001c1f}.prompt{font-family:var(--mono);opacity:.9}.card,.step-card,.plan-card,.stat-card,.feature-card,.bot-card,.template-card{position:relative;border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.card:before,.step-card:before,.plan-card:before,.stat-card:before,.feature-card:before,.bot-card:before,.template-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,60,80,.55),transparent);opacity:.7;pointer-events:none}.card:hover,.step-card:hover,.plan-card:hover,.stat-card:hover,.feature-card:hover,.bot-card:hover,.template-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-glow-hover);transform:translateY(-2px)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2.5rem}@media(max-width:800px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}}.feature-card{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem 1rem 1.25rem;overflow:hidden}.feature-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(232,0,28,.4),transparent);opacity:0;transition:opacity .3s}.feature-card:hover:after{opacity:1}.feature-icon-wrap{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#e8001c1a;border:1px solid rgba(232,0,28,.28);box-shadow:0 0 16px #e8001c1f}.feature-icon{width:22px;height:22px;color:var(--red-bright);filter:drop-shadow(0 0 8px rgba(232,0,28,.8))}.feature-body strong{display:block;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#fff;margin-bottom:.35rem}.feature-body p{margin:0;font-size:.8rem;color:#ffffff94;line-height:1.45}.landing-footer{text-align:center;padding:2rem 0 .5rem;color:#ffffff73;font-size:.82rem}.footer-note{margin-top:.35rem;font-size:.75rem;color:#ffffff4d}.section-block{margin-bottom:2.5rem;padding-top:.5rem}.section-title{font-family:var(--font-hero);font-size:1.75rem;letter-spacing:.06em;text-align:center;margin:0 0 .5rem;color:#fff}.section-desc{text-align:center;color:#ffffff8c;font-size:.95rem;max-width:520px;margin:0 auto 1.5rem;line-height:1.5}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:760px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.steps-grid{grid-template-columns:1fr}}.step-card{padding:1.15rem 1rem 1.25rem;overflow:hidden}.step-card:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--red-bright),transparent 80%);opacity:.6;border-radius:var(--card-radius) 0 0 var(--card-radius)}.step-num{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.2rem .45rem;font-family:var(--font-display);font-size:.62rem;font-weight:700;color:var(--red-bright);letter-spacing:.12em;background:#e8001c1f;border:1px solid rgba(232,0,28,.3);border-radius:4px;margin-bottom:.5rem}.step-card h3{font-family:var(--font-body);font-size:.95rem;font-weight:700;margin:0 0 .4rem;color:#fff}.step-card p{margin:0;font-size:.8rem;color:#ffffff94;line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:760px){.pricing-grid{grid-template-columns:1fr}}.plan-card{padding:1.5rem 1.15rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:stretch}.plan-badge{position:absolute;top:.85rem;right:.85rem;padding:.2rem .55rem;font-family:var(--font-display);font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#ff1a35,#c8001a);border-radius:3px;box-shadow:0 0 12px #e8001c80}.plan-card.highlight{border-color:#e8001c8c;box-shadow:var(--card-glow),0 0 40px #e8001c26,inset 0 0 60px #e8001c0a;transform:scale(1.02)}.plan-card.highlight:hover{transform:scale(1.02) translateY(-2px)}.plan-card h3{font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;color:var(--red-bright);margin:0 0 .65rem;text-transform:uppercase}.plan-price{font-family:var(--font-hero);font-size:1.85rem;letter-spacing:.04em;margin:0 0 .4rem;color:#fff;line-height:1}.plan-detail{font-size:.82rem;color:#ffffff85;margin:0 0 1.15rem;padding-bottom:1rem;border-bottom:1px solid rgba(232,0,28,.12)}.plan-card ul{list-style:none;padding:0;margin:0;text-align:left;flex:1}.plan-card li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#ffffffad;padding:.45rem 0}.plan-card li+li{border-top:1px solid rgba(232,0,28,.08)}.plan-card li:before{content:"";width:6px;height:6px;flex-shrink:0;background:var(--red);box-shadow:0 0 6px #e8001ccc;transform:rotate(45deg)}.dashboard-content{width:100%}.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;padding-bottom:.75rem;border-bottom:1px solid rgba(232,0,28,.12)}.dash-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.1em;margin:0}.dash-sub{margin:.25rem 0 0;color:var(--text-muted);font-size:.95rem}.dash-tabs{display:flex;gap:0;border:1px solid var(--border)}.dash-tab{background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-muted);padding:.55rem 1rem;font-family:var(--font-display);font-size:.68rem;letter-spacing:.1em;cursor:pointer;transition:all .15s}.dash-tab:last-child{border-right:none}.dash-tab.active{background:var(--red-dim);color:var(--red-bright);box-shadow:inset 0 -2px 0 var(--red)}.dash-tab:hover:not(.active){color:var(--text);background:#e8001c0d}.grid{display:grid;gap:1.25rem}.grid-2{grid-template-columns:1fr 1fr}.grid-2.dash-create{grid-template-columns:minmax(300px,380px) 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.grid-2.dash-create{grid-template-columns:1fr}}@media(max-width:800px){.grid-2{grid-template-columns:1fr}}.card{padding:1.35rem 1.25rem}.card h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:.92rem;letter-spacing:.12em;color:var(--red-bright)}.card h3{margin:0 0 .5rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.1em;color:var(--text-muted)}.card-desc{margin:0 0 1.25rem;color:var(--text-muted);font-size:.92rem;line-height:1.5}.card.selected,.bot-card.selected{border-color:#e8001ca6;box-shadow:var(--card-glow-hover),inset 0 0 40px #e8001c0d;transform:none}.card.selected:after,.bot-card.selected:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--red-bright);box-shadow:0 0 12px var(--red);border-radius:var(--card-radius) 0 0 var(--card-radius)}.bot-card{cursor:pointer;padding:1rem 1.15rem}.bot-card:after{display:none}.bot-card.selected:after{display:block}label{display:block;font-family:var(--font-display);font-size:.65rem;letter-spacing:.1em;margin-bottom:.35rem;color:var(--text-muted);white-space:normal;word-break:normal}input,select{width:100%;padding:.65rem .85rem;border:1px solid var(--border);background:#00000080;color:var(--text);font-family:var(--font-body);font-size:1rem;margin-bottom:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:none;border-color:var(--red);box-shadow:0 0 12px #e8001c33}.btn-success{background:#00e67626;color:var(--success);border:1px solid rgba(0,230,118,.4)}.btn-success:hover:not(:disabled){background:#00e67640;box-shadow:0 0 12px #00e6764d}.btn-danger{background:#ff174426;color:var(--danger);border:1px solid rgba(255,23,68,.4)}.btn-danger:hover:not(:disabled){background:#ff174440}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--border-bright);color:var(--text)}.btn-sm{padding:.45rem .75rem;font-size:.65rem}.bot-list{display:grid;gap:.75rem}.bot-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bot-name{font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.05em}.bot-meta{font-size:.82rem;color:var(--text-muted);margin-top:.35rem;font-family:var(--mono)}.error-text{color:var(--danger)!important}.status{display:inline-block;padding:.2rem .6rem;font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.1em;border:1px solid;border-radius:3px;background:#00000059}.status-stopped{border-color:var(--border);color:var(--text-muted)}.status-installing,.status-starting{border-color:#ff408180;color:var(--info)}.status-running{border-color:#00e67680;color:var(--success)}.status-crashed,.status-error{border-color:#ff174480;color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem}.template-card{cursor:pointer;padding:1rem 1.15rem}.template-card.selected{border-color:#e8001ca6}.template-card h3{color:var(--text);font-size:.85rem;letter-spacing:.08em}.template-card p{color:var(--text-muted);font-size:.88rem;margin:0;line-height:1.45}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.tag{font-family:var(--font-display);font-size:.58rem;letter-spacing:.08em;padding:.2rem .55rem;border:1px solid rgba(232,0,28,.3);background:#e8001c14;color:var(--red-bright);border-radius:3px}.validation-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.validation-item{padding:.55rem .75rem;font-size:.85rem;border-left:2px solid;background:#0000004d}.validation-item.error{border-color:var(--danger)}.validation-item.warning{border-color:var(--warning)}.validation-item.info{border-color:var(--info)}.valid-ok{color:var(--success);margin-bottom:.75rem}.valid-err{color:var(--danger);margin-bottom:.75rem}.deps-info{margin-top:.75rem;font-size:.82rem;color:var(--text-muted);font-family:var(--mono)}.logs{background:#000000b3;border:1px solid var(--border);padding:1rem;font-family:var(--mono);font-size:.75rem;line-height:1.6;max-height:320px;overflow-y:auto}.dash-workspace{display:flex;flex-direction:column;gap:1rem}.upload-form{max-width:none;width:100%}.dash-top{grid-template-columns:minmax(280px,360px) 1fr;gap:1.25rem;align-items:start}@media(max-width:900px){.dash-top{grid-template-columns:1fr}}.panel-detail-empty{display:flex;flex-direction:column;justify-content:center;min-height:220px}.sidebar-nav a.admin-link{margin-top:.35rem;border-top:1px solid rgba(232,0,28,.12);padding-top:.75rem;color:#ffb4bed9}.sidebar-nav a.admin-link.active,.sidebar-nav a.admin-link:hover{color:#fff}.log-terminal{border:1px solid rgba(232,0,28,.28);border-radius:10px;overflow:hidden;background:#040306eb;box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0a}.log-terminal--admin{border-color:#ff647859;box-shadow:0 12px 40px #e8001c14,inset 0 0 60px #e8001c08}.term-full{width:100%}.term-chrome{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.65rem .85rem;background:linear-gradient(180deg,#180c10f2,#0a0608f2);border-bottom:1px solid rgba(232,0,28,.18)}.term-dots{display:flex;gap:.35rem}.term-dot{width:10px;height:10px;border-radius:50%}.term-dot-red{background:#ff5f57;box-shadow:0 0 8px #ff5f5780}.term-dot-yellow{background:#febc2e;box-shadow:0 0 8px #febc2e66}.term-dot-green{background:#28c840;box-shadow:0 0 8px #28c84066}.term-chrome-title{font-family:var(--font-display);font-size:.68rem;letter-spacing:.12em;color:#ffffffe0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.term-chrome-title small{margin-left:.65rem;color:var(--text-muted);font-size:.58rem;letter-spacing:.08em}.term-prompt{color:var(--red-bright);margin-right:.35rem}.term-chrome-actions{display:flex;align-items:center;gap:.5rem}.term-live{font-family:var(--font-display);font-size:.58rem;letter-spacing:.14em;padding:.2rem .5rem;border:1px solid rgba(255,255,255,.15);color:#ffffff73;border-radius:3px}.term-live.is-on{color:var(--success);border-color:#00e67673;background:#00e67614;box-shadow:0 0 12px #00e67633;animation:term-live-pulse 2s ease-in-out infinite}@keyframes term-live-pulse{0%,to{opacity:.85}50%{opacity:1}}.term-clear-btn{background:transparent;border:1px solid rgba(232,0,28,.25);color:#ffffffa6;font-family:var(--font-display);font-size:.58rem;letter-spacing:.1em;padding:.25rem .55rem;cursor:pointer;border-radius:3px;transition:all .2s}.term-clear-btn:hover{border-color:var(--red-bright);color:#fff}.term-body{min-height:280px;max-height:420px;overflow-y:auto;padding:.85rem 1rem 1rem;font-family:var(--mono);font-size:.78rem;line-height:1.55;background:linear-gradient(rgba(232,0,28,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(232,0,28,.02) 1px,transparent 1px),#0000008c;background-size:24px 24px,24px 24px,100%}.log-terminal--admin .term-body{min-height:420px;max-height:min(62vh,640px)}.term-empty{color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.term-cursor{display:inline-block;width:8px;height:14px;background:var(--red-bright);animation:term-blink 1s step-end infinite}@keyframes term-blink{50%{opacity:0}}.term-line{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin-bottom:.15rem;word-break:break-word}.term-time{color:#ffffff52;flex-shrink:0}.term-prefix{color:#ff6478bf;flex-shrink:0}.term-msg{color:#f0f0f5e6}.term-stdout .term-msg{color:#e6ebf5eb}.term-stderr .term-msg{color:#ff6b7a}.term-system .term-msg{color:#ff80ab}.term-info .term-msg{color:#90caf9}.term-warn .term-msg{color:#ffcc80}.term-error .term-msg{color:#ff5252}.term-success .term-msg{color:#69f0ae}.term-muted .term-msg{color:var(--text-muted)}.log-line{margin-bottom:.1rem}.log-stderr{color:#ff5252}.log-system{color:var(--info)}.log-time{color:var(--text-muted);margin-right:.5rem}.muted{color:var(--text-muted)}.empty{text-align:center;padding:3.5rem 1.5rem}.empty:before{opacity:.9}.empty h2{color:var(--text);font-family:var(--font-display);letter-spacing:.1em;font-size:1rem}.empty p{color:var(--text-muted);max-width:360px;margin:.5rem auto 0;line-height:1.5}.alert{padding:.85rem 1rem;margin-bottom:1rem;font-size:.9rem;border:1px solid}.alert-error{background:#ff17441a;border-color:#ff174466;color:#ff8a80}.file-input{border:1px dashed var(--border-bright);padding:2rem;text-align:center;cursor:pointer;margin-bottom:1rem;display:block;color:var(--text-muted);font-family:var(--font-display);font-size:.75rem;letter-spacing:.08em;transition:all .2s}.file-input:hover{border-color:var(--red);color:var(--red-bright);box-shadow:inset 0 0 30px #e8001c0d}.file-input input{display:none}.panel-detail h2{color:var(--text);font-size:1.05rem;font-family:var(--font-display);letter-spacing:.08em;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(232,0,28,.12)}.detail-panel{margin-top:1rem;padding:1rem;border-radius:6px;background:#00000040;border:1px solid rgba(232,0,28,.1)}.detail-panel h3{font-family:var(--font-display);font-size:.68rem;letter-spacing:.12em;color:var(--red-bright);margin:0 0 .65rem}.upload-form{max-width:560px}@media(max-width:820px){.navbar{grid-template-columns:1fr auto;grid-template-areas:"brand launch" "nav nav"}.brand{grid-area:brand}.btn-launch{grid-area:launch}.nav-links{grid-area:nav;justify-self:center;padding-top:.5rem}}@media(max-width:560px){.nav-links{display:none}}.auth-loading{min-height:100vh;display:grid;place-items:center;gap:1rem;background:#0c080a;color:var(--text-muted)}.auth-spinner{width:28px;height:28px;border:2px solid rgba(232,0,28,.2);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-shell{display:grid;grid-template-columns:220px 1fr;gap:0;width:100%;min-height:calc(100vh - 1.5rem);border:1px solid rgba(232,0,28,.25);background:#060408c7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;overflow:hidden;box-shadow:0 0 60px #e8001c14,inset 0 1px #ffffff0a}@media(max-width:860px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{min-height:auto!important;border-right:none!important;border-bottom:1px solid rgba(232,0,28,.15)}.sidebar-nav{flex-direction:row!important;flex-wrap:wrap}}.admin-sidebar{display:flex;flex-direction:column;gap:1.25rem;padding:1rem .85rem;border-right:1px solid rgba(232,0,28,.15);background:#00000073;min-height:calc(100vh - 2rem)}.sidebar-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem;flex:1}.sidebar-nav a{padding:.55rem .75rem;font-size:.85rem;font-weight:600;color:#ffffffa6;border-left:2px solid transparent}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:#e8001c14;border-left-color:var(--red)}.sidebar-user{border-top:1px solid rgba(232,0,28,.15);padding-top:1rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--red-dim);border:1px solid var(--red);display:grid;place-items:center;font-weight:700;color:var(--red-bright);margin-bottom:.5rem}.user-info strong{display:block}.user-info span{font-size:.72rem;color:var(--red-bright)}.user-info small{font-size:.68rem;color:var(--text-muted);word-break:break-all}.logout-btn{width:100%;margin-top:.75rem}.admin-main{min-width:0;overflow:auto;width:100%}.admin-content{padding:1.25rem clamp(1rem,2vw,2rem) 2rem;min-width:0;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1rem}.stat-card{padding:1rem 1.1rem;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:-20px;right:-20px;width:64px;height:64px;background:radial-gradient(circle,rgba(232,0,28,.15) 0%,transparent 70%);pointer-events:none}.stat-card span{display:block;font-family:var(--font-display);font-size:.62rem;font-weight:600;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.35rem}.stat-card strong{font-family:var(--font-hero);font-size:2rem;line-height:1;letter-spacing:.02em}.stat-card.online{border-color:#00e67640}.stat-card.online:before{background:linear-gradient(90deg,transparent,rgba(0,230,118,.45),transparent)}.stat-card.online strong{color:var(--success)}.stat-card.error{border-color:#ff174440}.stat-card.error:before{background:linear-gradient(90deg,transparent,rgba(255,23,68,.45),transparent)}.stat-card.error strong{color:var(--danger)}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.create-layout{display:grid;grid-template-columns:minmax(340px,440px) 1fr;gap:1.5rem;align-items:start}@media(max-width:960px){.create-layout{grid-template-columns:1fr}}.create-form-card{padding:1.5rem}.create-form-card form{display:flex;flex-direction:column}.template-vars{margin:.75rem 0;padding:1rem;border:1px solid rgba(232,0,28,.15);border-radius:6px;background:#00000040}.template-vars h3{font-family:var(--font-display);font-size:.65rem;letter-spacing:.1em;color:var(--red-bright);margin:0 0 .75rem;text-transform:uppercase}.var-field{margin-bottom:.75rem}.var-field label{font-size:.62rem;margin-bottom:.25rem}.var-desc{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:.35rem;line-height:1.4}.var-field input{margin-bottom:0}.template-grid-right h3{font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;color:var(--text-muted);margin:0 0 .75rem;text-transform:uppercase}.template-vars-summary{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid rgba(232,0,28,.1)}.var-chip{font-family:var(--mono);font-size:.55rem;padding:.15rem .4rem;border:1px solid rgba(232,0,28,.2);background:#e8001c0f;color:var(--text-muted);border-radius:3px}.env-panel{margin-top:.75rem}.env-grid{display:grid;gap:.35rem}.env-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .65rem;background:#0000004d;border:1px solid rgba(232,0,28,.08);border-radius:4px;font-family:var(--mono);font-size:.72rem}.env-key{color:var(--red-bright);font-weight:600}.env-val{color:var(--text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;padding:.65rem .85rem;font-family:var(--font-display);font-size:.6rem;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid rgba(232,0,28,.15);white-space:nowrap}.admin-table td{padding:.55rem .85rem;border-bottom:1px solid rgba(232,0,28,.06);vertical-align:middle}.admin-table tbody tr:hover{background:#e8001c08}.admin-table .text-muted{color:var(--text-muted)}.admin-table .text-mono{font-family:var(--mono);font-size:.75rem;color:var(--text-muted)}.table-actions{display:flex;gap:.35rem;white-space:nowrap}.tag-admin{border-color:#e8001c80;background:#e8001c26;color:var(--red-bright)}.tag-user{border-color:#00e6764d;background:#00e67614;color:var(--success)}.sidebar-section-label{font-family:var(--font-display);font-size:.55rem;letter-spacing:.14em;color:#ffffff4d;text-transform:uppercase;padding:.75rem .75rem .35rem;border-top:1px solid rgba(232,0,28,.1);margin-top:.5rem}.sidebar-section-label:first-child{border-top:none;margin-top:0;padding-top:0}.admin-table .tags{margin:0}textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--border);background:#00000080;color:var(--text);font-family:var(--font-body);font-size:.9rem;resize:vertical;transition:border-color .2s,box-shadow .2s}.email-body{font-size:.85rem;line-height:1.6;color:var(--text);word-break:break-word}.email-body a{color:var(--red-bright);text-decoration:underline}.email-body blockquote{border-left:2px solid var(--red);padding-left:.75rem;margin:.5rem 0;color:var(--text-muted)}.email-body img{max-width:100%;height:auto}textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 12px #e8001c33}.filter-bar{display:flex;gap:.4rem;margin-bottom:.75rem}.filter-btn{font-family:var(--font-display);font-size:.62rem;letter-spacing:.08em;padding:.35rem .75rem;border:1px solid rgba(232,0,28,.25);background:transparent;color:var(--text-muted);cursor:pointer;border-radius:3px;transition:all .15s;text-transform:uppercase}.filter-btn.active{border-color:var(--red);color:var(--text);background:#e8001c1f;box-shadow:0 0 12px #e8001c26}.filter-btn:hover{border-color:var(--red-bright);color:var(--text)}.template-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.template-card-header h3{margin:0;font-size:.85rem}.runtime-badge{font-family:var(--mono);font-size:.5rem;letter-spacing:.06em;padding:.15rem .45rem;border-radius:3px;white-space:nowrap;flex-shrink:0}.runtime-badge.node{background:#00e6761a;border:1px solid rgba(0,230,118,.35);color:#00e676}.runtime-badge.python{background:#ffab001a;border:1px solid rgba(255,171,0,.35);color:#ffab00}.runtime-selector{margin:1rem 0}.runtime-selector label{display:block;font-family:var(--font-display);font-size:.6rem;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.4rem}.runtime-toggle{display:flex;gap:.5rem}.runtime-opt{flex:1;padding:.55rem .5rem;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border-radius:3px;transition:all .15s}.runtime-opt.active{border-color:var(--accent);color:var(--accent);background:#00ffff0f}.runtime-opt:hover:not(.active){border-color:var(--text-muted);color:var(--text)}.runtime-opt:first-child.active{border-color:#3ea63e;color:#3ea63e;background:#3ea63e14}.runtime-opt:last-child.active{border-color:#ffab00;color:#ffab00;background:#ffab0014}.empty-filter{color:var(--text-muted);font-size:.85rem;text-align:center;padding:2rem 0}.btn-warning{font-family:var(--font-display);font-size:.6rem;letter-spacing:.08em;padding:.45rem .85rem;border:1px solid rgba(255,171,0,.45);background:transparent;color:#ffab00;cursor:pointer;border-radius:3px;transition:all .15s;text-transform:uppercase}.btn-warning:hover{background:#ffab001f;box-shadow:0 0 16px #ffab0033}.alert-warning{background:#ffab0014;border:1px solid rgba(255,171,0,.35);color:#ffab00;padding:.65rem .85rem;border-radius:4px;font-size:.82rem;margin-top:.65rem;font-family:var(--mono)}.var-editor{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.var-edit-field{display:flex;flex-direction:column;gap:.15rem}.var-edit-field label{font-family:var(--mono);font-size:.72rem;color:var(--text);letter-spacing:.04em}.var-edit-field input{background:#00000059;border:1px solid rgba(232,0,28,.2);color:var(--text);padding:.45rem .6rem;border-radius:3px;font-family:var(--mono);font-size:.78rem}.var-edit-field input:focus{outline:none;border-color:var(--red);box-shadow:0 0 12px #e8001c33}.var-editor-actions{display:flex;gap:.5rem;margin-top:.75rem}
