:root{--background-rgb:0,0,0;--foreground-rgb:245,245,245;--secondary-text-rgb:190,190,190;--border-rgb:35,35,35;--accent-color:#e0ad8e;--accent-color-rgb:224,173,142;--accent-hover:rgb(241,165,114);--gradient-color-1:#f3b28a;--gradient-color-2:#fa705e;--accent-secondary-rgb:160,147,245;--card-bg-rgb:20,20,20;--font-space-grotesk:"Space Grotesk",sans-serif;--font-open-sans:"Open Sans",sans-serif;--header-height:75px}html{scrollbar-width:thin;scrollbar-color:var(--accent-color) rgba(0,0,0,0)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:rgb(var(--border-rgb));border-radius:10px;border:3px solid rgb(var(--background-rgb));-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{color:rgb(var(--foreground-rgb));background:rgb(var(--background-rgb));font-family:var(--font-open-sans);line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-space-grotesk);font-weight:700;text-wrap:balance}.container{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:768px){.container{padding-left:1rem;padding-right:1rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.25rem 0;background-color:rgba(14,8,6,.75);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border-bottom:1px solid rgb(var(--border-rgb));transition:background-color .3s ease,border-color .3s ease}.navbar>.container{justify-content:space-between}.logo-text,.navbar>.container{display:flex;align-items:center}.logo-text{gap:.75rem;font-family:var(--font-space-grotesk);font-size:1.8rem;font-weight:700;transition:color .3s ease;z-index:1001;text-decoration:none}.logo-text>span{background:rgb(var(--foreground-rgb));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.logo-text img{flex-shrink:0}.product-nav{display:flex;align-items:center;gap:1.5rem}.text-nav-link{font-family:var(--font-space-grotesk);font-size:.95rem;font-weight:500;color:rgb(var(--foreground-rgb));text-decoration:none;padding:.5rem .75rem;transition:all .3s cubic-bezier(.25,.8,.25,1);background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer;opacity:.8}.text-nav-link:hover{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05);opacity:1;transform:translateY(-1px);border-color:rgba(var(--accent-color-rgb),.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.text-nav-link.logout-btn{opacity:.6;font-size:.9rem}.text-nav-link.logout-btn:hover{color:#ff4d4d;background:rgba(255,77,77,.05);border-color:rgba(255,77,77,.1)}.auth-nav-divider{width:1px;height:24px;background-color:hsla(0,0%,100%,.15);margin:0 .25rem}.app-selector{position:relative}.app-selector-trigger{display:flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:rgb(var(--foreground-rgb));padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:var(--font-space-grotesk);font-size:.95rem;font-weight:500;transition:all .3s ease}.app-selector-trigger:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.app-selector-trigger i{font-size:.8rem;transition:transform .3s ease}.app-selector-trigger .rotate{transform:rotate(180deg)}.app-selector-dropdown{position:absolute;top:calc(100% + 14px);right:0;width:600px;max-width:90vw;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;opacity:0;visibility:hidden;z-index:1002;box-shadow:0 4px 30px rgba(0,0,0,.3);overflow:hidden}.app-selector-dropdown:before{content:"";position:absolute;inset:0;background:rgba(20,25,30,.4);-webkit-backdrop-filter:blur(28px) saturate(180%)!important;backdrop-filter:blur(28px) saturate(180%)!important;z-index:-1}.app-selector-dropdown.show{opacity:1;visibility:visible}.app-selector:before{bottom:0;left:18px;width:35px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.app-selector:after,.app-selector:before{content:"";position:absolute;height:1px;z-index:1;pointer-events:none}.app-selector:after{background:linear-gradient(90deg,rgba(0,0,0,0),rgba(255,255,255,.2588235294),rgba(0,0,0,0));width:45px;top:0;right:12px}.app-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);background-color:rgba(0,0,0,.168627451);border:1px solid hsla(0,0%,100%,.0784313725)}.app-item:hover{background-color:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.05);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.app-item:hover .app-title{color:var(--hover-color)}.app-item:hover .app-icon{transform:scale(1.05);box-shadow:0 0 15px var(--hover-color-alpha,rgba(255,255,255,.2))}.app-item .app-icon{width:42px;height:42px;min-width:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.2)}.app-item .app-icon i{color:#fff;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.app-item .app-info{display:flex;flex-direction:column;overflow:hidden;gap:.25rem}.app-item .app-info .app-title{font-family:var(--font-space-grotesk);font-size:.95rem;font-weight:700;color:#fff;transition:color .2s ease;line-height:1.2}.app-item .app-info .app-desc{font-size:.8rem;color:hsla(0,0%,100%,.5);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.app-item .app-info .app-url{font-size:.75rem;color:hsla(0,0%,100%,.3);font-weight:500;margin-top:4px;display:flex;align-items:center;gap:4px;transition:color .2s ease;font-family:var(--font-space-grotesk);letter-spacing:.02em}.app-item:hover .app-url{color:var(--hover-color);opacity:.8}.menu-toggle{display:none;background:none;border:none;color:rgb(var(--foreground-rgb));font-size:1.5rem;cursor:pointer;z-index:1001;padding:.5rem;transition:color .3s,transform .3s}.menu-toggle:hover{color:var(--accent-color)}@keyframes fadeInUpMobileNav{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.navbar{background-color:rgba(0,0,0,0);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:rgba(0,0,0,0)}.menu-toggle{display:block}.product-nav{position:fixed;top:0;right:0;width:100vw;height:100dvh;background-color:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:1000;padding:6rem 2rem 2rem}.product-nav.is-open{transform:translateX(0)}.auth-nav-divider{width:100%;height:1px;margin:1rem 0}.text-nav-link{font-size:1.5rem;font-weight:600;width:100%;text-align:left;padding:.5rem 0}.app-selector{width:100%}.app-selector-trigger{width:100%;justify-content:space-between;padding:1rem;font-size:1.2rem;background:hsla(0,0%,100%,.05);border:none}.app-selector-dropdown{position:static;width:100%;background-color:rgba(54,43,39,.3);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:none;padding:1rem 0;opacity:1;visibility:visible;transform:none;display:none}.app-selector-dropdown.show{display:grid;grid-template-columns:1fr;animation:none}.app-item{padding:1rem}.app-item .app-info .app-desc{white-space:normal}}.HomePage{display:flex;flex-direction:column}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.HomePage .panel{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:calc(var(--header-height) + 2rem) 0 2rem;position:relative;overflow:hidden}.HomePage .heroPanel{text-align:center}@media(max-width:600px){.HomePage .heroPanel{position:relative}.HomePage .heroPanel:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 25% 35%,rgba(255,140,66,.28) 0,rgba(255,140,66,0) 60%),radial-gradient(circle at 75% 65%,rgba(255,200,120,.22) 0,rgba(255,200,120,0) 55%),radial-gradient(circle at 50% 25%,rgba(255,255,255,.08) 0,rgba(255,255,255,0) 50%);filter:blur(50px);transform:translateZ(0);z-index:0}}.HomePage .heroPanel-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.HomePage .heroPanel-content{position:relative;z-index:2}.HomePage .heroPanel-content p{max-width:650px;margin:0 auto}.HomePage .heroPanel .tagline{font-weight:600;font-family:var(--font-open-sans);margin-bottom:1rem;display:block;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0;background:linear-gradient(180deg,rgb(var(--foreground-rgb)) 20%,var(--gradient-color-1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.HomePage h1{font-size:clamp(3rem,6vw,5rem);line-height:1.1;color:rgb(var(--foreground-rgb));max-width:900px;margin:0 auto 1.5rem;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .3s forwards;opacity:0}.HomePage p{font-size:1.125rem;color:rgb(var(--secondary-text-rgb));animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .5s forwards;opacity:0}.HomePage .productPanel{border-top:1px solid rgb(var(--border-rgb))}.HomePage .productPanel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:radial-gradient(circle at 20% 50%,rgba(var(--product-theme-color-rgb),.1),transparent 50%);opacity:0;transform:scale(.9);transition:opacity 1s ease-out,transform 1s ease-out}.HomePage .productPanel:nth-child(2n):before{background:radial-gradient(circle at 80% 50%,rgba(var(--product-theme-color-rgb),.1),transparent 50%)}.HomePage .productPanel.is-visible:before{opacity:1;transform:scale(1);animation:pulse-glow 8s ease-in-out 1s infinite}.HomePage .productPanel.is-visible .productMockup{-webkit-mask-position:0 0;mask-position:0 0}.HomePage .productPanel.is-visible .featureList,.HomePage .productPanel.is-visible .productContent .tagline,.HomePage .productPanel.is-visible .productContent h2,.HomePage .productPanel.is-visible .productContent>p{animation-play-state:running}.HomePage .productPanel>div{width:100%;display:grid;grid-template-columns:repeat(12,1fr);align-items:center;gap:2rem}.HomePage .productVisual{grid-column:span 12}.HomePage .productContent{grid-column:span 12;--stagger-delay:100ms}@media(min-width:768px){.HomePage .productContent,.HomePage .productVisual{grid-column:span 6}.HomePage .productPanel .right{order:1}.HomePage .productContent.right~.productVisual .productMockup{-webkit-mask-image:linear-gradient(270deg,black 50%,transparent);mask-image:linear-gradient(270deg,black 50%,transparent);-webkit-mask-position:-100% 0;mask-position:-100% 0}}.HomePage .productContent .featureList,.HomePage .productContent .tagline,.HomePage .productContent h2,.HomePage .productContent>p{opacity:0;animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-play-state:paused}.HomePage .productContent .tagline{color:var(--product-theme-color);font-weight:600;font-family:var(--font-open-sans);margin-bottom:1rem;animation-delay:calc(var(--stagger-delay)*4)}.HomePage .productContent h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;margin-bottom:1rem;animation-delay:calc(var(--stagger-delay)*5)}.HomePage .productContent>p{font-size:1rem;color:rgb(var(--secondary-text-rgb));max-width:50ch;margin-bottom:1.5rem;padding-bottom:0;border-bottom:none;animation-delay:calc(var(--stagger-delay)*6)}.HomePage .productContent .productLinks{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(var(--product-theme-color-rgb),.2);animation-delay:calc(var(--stagger-delay)*6.5);opacity:0;animation-name:fadeInUp;animation-fill-mode:forwards;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.HomePage .productContent .productLink{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:rgba(0,0,0,0);border:none;border-radius:0;color:var(--product-theme-color);font-weight:600;font-size:.9rem;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;letter-spacing:.02em}.HomePage .productContent .productLink:hover{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);transform:translateX(4px);box-shadow:none;opacity:.8}.HomePage .productContent .productLink i{font-size:1rem;opacity:1}.HomePage .featureList{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));animation-delay:calc(var(--stagger-delay)*7)}.HomePage .feature{display:flex;gap:1rem;align-items:flex-start}.HomePage .feature i{color:var(--product-theme-color);font-size:1.25rem;margin-top:.25rem;min-width:24px;text-align:center}.HomePage .feature h3{font-size:1.1rem;margin-bottom:.25rem;color:rgb(var(--foreground-rgb))}.HomePage .feature p{font-size:.9rem;color:rgb(var(--secondary-text-rgb))}.HomePage .productMockup{width:100%;height:clamp(250px,50vh,450px);background-image:var(--product-screenshot-url);background-color:var(--product-theme-color);background-size:cover;background-position:0 0;background-repeat:no-repeat;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,black 50%,transparent);mask-image:linear-gradient(90deg,black 50%,transparent);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;transition:transform .5s cubic-bezier(.16,1,.3,1),-webkit-mask-position 1s cubic-bezier(.16,1,.3,1) .2s;transition:transform .5s cubic-bezier(.16,1,.3,1),mask-position 1s cubic-bezier(.16,1,.3,1) .2s;transition:transform .5s cubic-bezier(.16,1,.3,1),mask-position 1s cubic-bezier(.16,1,.3,1) .2s,-webkit-mask-position 1s cubic-bezier(.16,1,.3,1) .2s}.HomePage .productMockup:hover{transform:scale(1.03)}.HomePage .productMockup:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0)),linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.4));z-index:1;pointer-events:none}.HomePage .productMockup .mockupIcon{position:relative;z-index:2;font-size:5rem;color:#fff;opacity:.8;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.HomePage .productMockup .comingSoonBadge{position:absolute;top:1.5rem;right:1.5rem;background-color:rgba(0,0,0,.5);color:#fff;padding:.5rem 1rem;border-radius:99px;font-size:.8rem;font-weight:600;text-transform:uppercase;z-index:2}.zenloq-showcase-container{width:100%;overflow:hidden;border-radius:8px;aspect-ratio:960/600}.zenloq-showcase-container .zenloq-showcase-content{width:960px;height:600px;transform-origin:top left}.zenstork-showcase-container{width:100%;overflow:hidden;border-radius:8px;aspect-ratio:720/440}.zenstork-showcase-container .zenstork-showcase-content{width:720px;height:440px;transform-origin:top left}.zentrail-showcase-container{width:100%;overflow:hidden;border-radius:var(--radius-md);aspect-ratio:900/424}.zentrail-showcase-container .zentrail-showcase-content{width:900px;height:424px;transform-origin:top left}.zenhoot-showcase-container{width:100%;overflow:hidden;border-radius:var(--radius-md);aspect-ratio:850/550}.zenhoot-showcase-container .zenhoot-showcase-content{width:850px;height:550px;transform-origin:top left}.zenstatus-showcase-container{width:100%;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:700/450}.zenstatus-showcase-container .zenstatus-showcase-content{width:700px;height:450px;transform-origin:top left}.dokploy-showcase-container{width:100%;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:800/720}.dokploy-showcase-container .dokploy-showcase-content{width:800px;height:720px;transform-origin:top left}.productVisual{align-items:flex-start}.hero,.productVisual{display:flex;justify-content:center}.hero{min-height:100vh;min-height:100dvh;flex-direction:column;align-items:center;position:relative;overflow:hidden;padding:calc(var(--header-height) + 2rem) 1.5rem 6rem}.hero__glow-container{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#1a0f0a,#2d1915 30%,#1a0e0a 60%,#231512)}.hero__glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 30% 40%,rgba(255,126,95,.08) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 70% 55%,rgba(243,85,136,.05) 0,transparent 60%);animation:gentlePulse 8s ease-in-out infinite alternate}.hero__container{width:100%;max-width:900px;margin:0 auto;position:relative;z-index:1}.hero__content{text-align:center;display:flex;flex-direction:column;align-items:center}.hero__flagship-pill{display:inline-flex;align-items:center;gap:.75rem;padding:.35rem .5rem .35rem 1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:99px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:2.5rem;cursor:pointer;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(-20px);animation:fadeDown 1s cubic-bezier(.16,1,.3,1) .2s forwards;animation-play-state:paused}.hero--loaded .hero__flagship-pill{animation-play-state:running}.hero__flagship-pill:hover{background:hsla(0,0%,100%,.08);border-color:rgba(255,126,95,.4);padding-right:.75rem;gap:1rem;transform:translateY(-1px);box-shadow:0 8px 30px rgba(255,126,95,.15)}.hero__flagship-pill:hover .hero__flagship-badge{background:rgba(255,126,95,.25);color:#ffbca0}.hero__flagship-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#feb47b;background:rgba(254,180,123,.15);padding:.2rem .6rem;border-radius:99px;transition:all .4s ease}.hero__flagship-divider{width:1px;height:12px;background:hsla(0,0%,100%,.15)}.hero__flagship-text{font-size:.85rem;color:hsla(0,0%,100%,.85);font-weight:400;letter-spacing:.01em}.hero__title{font-size:clamp(4rem,11vw,8rem);font-weight:800;line-height:.95;letter-spacing:-.05em;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.hero__title-line{display:block;opacity:0;transform:translateY(40px);animation:textFadeIn 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-play-state:paused}.hero--loaded .hero__title-line{animation-play-state:running}.hero__title-line:first-child{animation-delay:.3s}.hero__title-line:nth-child(2){animation-delay:.5s}.hero__title-highlight{background:linear-gradient(90deg,#b8860b,#d4a84b 15%,#ffd700 30%,#fff8dc 50%,#ffd700 70%,#d4a84b 85%,#b8860b);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shimmer 8s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 40px rgba(255,200,50,.5)) drop-shadow(0 0 80px rgba(255,165,0,.25));padding-bottom:.1em;position:relative}.hero__typewriter-container{display:inline-flex;align-items:center;position:relative;height:1.1em;min-width:1ch;vertical-align:bottom}.hero__typewriter-text{position:relative;z-index:1;transition:color .3s ease;line-height:1}.hero__typewriter-text--deleting{animation:rapidFade .1s ease forwards}.hero__typewriter-cursor{display:inline-block;width:3px;height:1em;margin-left:4px;border-radius:2px;background-color:#fff!important;box-shadow:0 0 10px hsla(0,0%,100%,.8);animation:cursorBlink 1s step-end infinite}.hero__slogan-container{margin-bottom:3.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(30px);animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .8s forwards;animation-play-state:paused}.hero--loaded .hero__slogan-container{animation-play-state:running}.hero__subtitle{font-size:clamp(1.5rem,4vw,2rem);font-weight:600;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero__philosophy{font-size:1.1rem;color:hsla(0,0%,100%,.8);font-weight:400;line-height:1.5;margin:0}.hero__actions{display:flex;align-items:center;gap:2.5rem;opacity:0;transform:translateY(30px);animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .9s forwards;animation-play-state:paused}.hero--loaded .hero__actions{animation-play-state:running}@media(max-width:480px){.hero__actions{flex-direction:column;gap:1.5rem}}.hero__cta--primary{position:relative;padding:1rem 3rem;border-radius:6px;background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#1a0f0a;font-family:var(--font-space-grotesk);font-weight:700;font-size:1.1rem;letter-spacing:.02em;border:none;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(255,126,95,.4)}.hero__cta--primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,126,95,.5);filter:brightness(1.1)}.hero__cta--primary:hover .hero__cta-shine{animation:none;transform:translateX(250%) skewX(-15deg);transition:transform .8s ease}.hero__cta--primary:active{transform:translateY(-1px) scale(.98)}.hero__cta-shine{position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-250%) skewX(-15deg);pointer-events:none;animation:autoShimmer 4s 2s infinite}.hero__scroll{position:absolute;bottom:2.5rem;left:0;right:0;width:fit-content;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;animation:fadeIn 1s ease 1.2s forwards;animation-play-state:paused}.hero--loaded .hero__scroll{animation-play-state:running}@media(max-width:600px){.hero__scroll{display:none}}.hero__scroll-text{font-size:.7rem;font-family:var(--font-space-grotesk);text-transform:uppercase;letter-spacing:.15em;color:hsla(0,0%,100%,.5);font-weight:100}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes autoShimmer{0%{transform:translateX(-250%) skewX(-15deg)}25%{transform:translateX(250%) skewX(-15deg)}to{transform:translateX(250%) skewX(-15deg)}}@keyframes gentlePulse{0%{opacity:1}to{opacity:.85}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1) translateY(0)}50%{opacity:1;transform:scaleY(1.15) translateY(3px)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes rapidFade{0%{opacity:1;filter:blur(0)}to{opacity:.7;filter:blur(2px)}}.NotFoundPage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;min-height:calc(100vh - 200px);animation:fadeIn .8s cubic-bezier(.25,.46,.45,.94) forwards}.NotFoundPage .icon{font-size:5rem;color:var(--accent-color);margin-bottom:2rem}.NotFoundPage .title{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2;margin-bottom:1rem}.NotFoundPage .description{font-size:1.125rem;color:rgb(var(--secondary-text-rgb));max-width:450px;margin-bottom:2.5rem}.NotFoundPage .button{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:background-color .3s ease,transform .2s ease}.NotFoundPage .button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.footer{padding:1rem 0;background-color:rgba(0,0,0,0);border-top:1px solid rgb(var(--border-rgb));color:rgb(var(--secondary-text-rgb));text-align:center;font-size:.9rem;position:relative;z-index:60;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-copyright{flex-shrink:0;opacity:.6}.footer-nav{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-grow:1}.footer-nav button{background:none;border:none;color:rgb(var(--secondary-text-rgb));cursor:pointer;font-size:.9rem;font-family:inherit;transition:color .3s ease;padding:.25rem .5rem;border-radius:4px}.footer-nav button:hover{color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.1)}.pane-container{position:fixed;inset:0;z-index:100;pointer-events:none}.pane-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.pane-content{margin:0 auto;max-width:1150px;position:absolute;bottom:0;left:0;right:0;max-height:85vh;background:radial-gradient(ellipse at top,rgba(var(--accent-color-rgb),.08),transparent 60%),rgb(var(--card-bg-rgb));border-top:1px solid rgb(var(--border-rgb));border-radius:28px 28px 0 0;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.07),0 0 50px rgba(0,0,0,.5);transform:translateY(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.pane-container.open{pointer-events:auto}.pane-container.open .pane-backdrop{opacity:1}.pane-container.open .pane-content{transform:translateY(0)}.pane-container.open .contact-form .form-actions,.pane-container.open .contact-form .form-group,.pane-container.open .pane-body>h3,.pane-container.open .pane-body>p{animation:fadeInUpPane .6s cubic-bezier(.16,1,.3,1) both}.pane-container.open .pane-body>h3:first-of-type{animation-delay:.1s}.pane-container.open .pane-body>p:first-of-type{animation-delay:.15s}.pane-container.open .pane-body>h3:nth-of-type(2){animation-delay:.2s}.pane-container.open .pane-body>p:nth-of-type(2){animation-delay:.25s}.pane-container.open .pane-body>.contact-intro{animation-delay:.1s}.pane-container.open .contact-form .form-group:first-child,.pane-container.open .contact-form .form-group:nth-child(2){animation-delay:.2s}.pane-container.open .contact-form .form-group:nth-child(3){animation-delay:.3s}.pane-container.open .contact-form .form-actions{animation-delay:.4s}@keyframes fadeInUpPane{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;border-bottom:1px solid rgb(var(--border-rgb));flex-shrink:0}.pane-header h2{font-size:1.75rem;background:linear-gradient(180deg,rgb(var(--foreground-rgb)) 20%,var(--gradient-color-1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.pane-close-btn{background:hsla(0,0%,100%,.1);border:1px solid rgba(0,0,0,0);color:rgb(var(--foreground-rgb));width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pane-close-btn:hover{background:var(--accent-hover);border-color:hsla(0,0%,100%,.2);transform:rotate(90deg) scale(1.1)}.pane-body{padding:1.5rem 2.5rem 2.5rem;overflow-y:auto;color:rgb(var(--secondary-text-rgb));line-height:1.7}.pane-body .form-actions,.pane-body .form-group,.pane-body>h3,.pane-body>p{opacity:0}.pane-body h3{color:var(--accent-color);font-size:1.5rem;margin-top:1rem;margin-bottom:1rem}.pane-body p{margin-bottom:1.5rem}.contact-intro{max-width:75ch;margin:0 auto 4rem 0}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.contact-form{grid-template-columns:1fr}}.form-group{gap:.75rem}.full-width{grid-column:1/-1}.form-group label{font-size:.9rem}.form-input,.form-textarea{background-color:rgba(var(--background-rgb),.5);border:1px solid rgb(var(--border-rgb));border-radius:8px;padding:.85rem 1rem;color:rgb(var(--foreground-rgb));font-family:inherit;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.2)}.form-textarea{resize:vertical;min-height:120px}.form-actions{display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(90deg,var(--gradient-color-1),var(--gradient-color-2));color:#fff;padding:.85rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;width:100%;background-size:200% auto}.submit-button:hover:not(:disabled){background-position:100%;transform:translateY(-2px);box-shadow:0 10px 20px rgba(var(--accent-color-rgb),.2)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff}.form-message{padding:.75rem 1rem;border-radius:8px;text-align:center;font-weight:600;margin-bottom:0}.form-message.success{background-color:rgba(var(--accent-secondary-rgb),.2);color:rgba(var(--accent-secondary-rgb),1)}.form-message.error{background-color:rgba(229,77,77,.2);color:#e54d4d}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.auth-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 0 0,rgba(var(--gradient-color-1-rgb,243,178,138),.05) 0,transparent 50%),radial-gradient(circle at 100% 100%,rgba(var(--gradient-color-2-rgb,250,112,94),.05) 0,transparent 50%),linear-gradient(135deg,rgba(var(--background-rgb),1) 0,rgb(15,12,10) 100%)}.auth-brand{position:absolute;top:2rem;left:2rem}.auth-brand .brand-logo{font-family:var(--font-space-grotesk);font-size:1.5rem;font-weight:700;color:rgb(var(--foreground-rgb));text-decoration:none}.auth-page{width:100%;max-width:420px}.auth-card{background:linear-gradient(180deg,rgba(var(--foreground-rgb),.05) 0,rgba(var(--foreground-rgb),.02) 100%);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 40px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.05);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--gradient-color-1) 50%,transparent 100%);opacity:.3}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.75rem;font-weight:600;color:rgb(var(--foreground-rgb));margin-bottom:.5rem}.auth-header p{color:rgb(var(--secondary-text-rgb));font-size:.95rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group input{padding:.75rem 1rem;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.5);border-radius:var(--radius-md,8px);color:rgb(var(--foreground-rgb));font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:rgba(var(--secondary-text-rgb),.6)}.form-group input:focus{outline:none;border-color:var(--gradient-color-1);box-shadow:0 0 0 3px rgba(var(--gradient-color-1-rgb,255,140,66),.15)}.forgot-link{font-size:.875rem;color:var(--gradient-color-1);text-decoration:none;align-self:flex-end;margin-top:-.5rem}.forgot-link:hover{text-decoration:underline}.auth-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--gradient-color-1) 0,var(--gradient-color-2,#ff6b35) 100%);border:none;border-radius:var(--radius-md,8px);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center;text-decoration:none;display:inline-block}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px rgba(var(--gradient-color-1-rgb,255,140,66),.4)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md,8px);color:#ef4444}.auth-error,.auth-success{padding:.75rem 1rem;font-size:.875rem}.auth-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md,8px);color:#10b981;line-height:1.5}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:rgb(var(--secondary-text-rgb));font-size:.875rem}.auth-footer a{color:var(--gradient-color-1);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.verify-feedback{display:flex;flex-direction:column;align-items:center;text-align:center;animation:auth-fade-in .6s ease-out}.verify-feedback .status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative}.verify-feedback .status-icon.success{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2);animation:icon-pop-success .5s cubic-bezier(.175,.885,.32,1.275) forwards}.verify-feedback .status-icon.error{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2);animation:icon-pop-error .5s cubic-bezier(.175,.885,.32,1.275) forwards}.verify-feedback .status-icon.loading{background:rgba(var(--foreground-rgb),.05);color:var(--gradient-color-1);border:1px solid rgba(var(--border-rgb),.5)}.verify-feedback .status-icon svg{width:32px;height:32px}.verify-feedback h1{font-size:2rem;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.verify-feedback p{color:rgb(var(--secondary-text-rgb));font-size:1.05rem;max-width:300px;margin:0 auto}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-pop-success{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes icon-pop-error{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.spinner{width:40px;height:40px;border:3px solid rgba(var(--foreground-rgb),.1);border-top-color:var(--gradient-color-1);border-radius:50%;animation:spin 1s linear infinite}.dashboard-shell{display:flex;height:100vh;overflow:hidden;background:rgb(var(--background-rgb))}.dashboard-sidebar{width:260px;flex-shrink:0;background:rgba(var(--foreground-rgb),.02);border-right:1px solid rgba(var(--foreground-rgb),.06);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}@media(max-width:900px){.dashboard-sidebar{display:none}}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.05)}.sidebar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-weight:700;font-size:1rem;letter-spacing:.02em}.sidebar-brand img{border-radius:6px}.sidebar-nav{flex:1 1;padding:1rem 0;overflow-y:auto}.nav-section{padding:0 .75rem;margin-bottom:1.5rem}.nav-section-label{gap:.5rem;padding:.5rem .75rem;margin-bottom:.25rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gradient-color-1)}.nav-item,.nav-section-label{display:flex;align-items:center}.nav-item{gap:.75rem;padding:.7rem .9rem;border-radius:10px;font-size:.875rem;font-weight:500;color:rgba(var(--foreground-rgb),.6);text-decoration:none;transition:background .15s,color .15s;margin-bottom:2px}.nav-item:hover{background:rgba(var(--foreground-rgb),.04);color:#fff}.nav-item.active{background:linear-gradient(135deg,rgba(243,178,138,.12),rgba(250,112,94,.08));color:var(--gradient-color-1);font-weight:600}.nav-item svg{flex-shrink:0}.nav-item .live-dot{width:6px;height:6px;background:#4caf50;border-radius:50%;margin-left:auto;box-shadow:0 0 10px rgba(76,175,80,.6);animation:livePulse 2s infinite}.sidebar-footer{padding:1rem;border-top:1px solid rgba(var(--foreground-rgb),.05)}.user-badge{gap:.75rem;padding:.75rem;margin-bottom:.75rem;background:rgba(var(--foreground-rgb),.03);border-radius:10px}.user-avatar,.user-badge{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.user-details{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.user-details .user-name{font-weight:600;font-size:.8rem;color:#fff}.user-details .user-email,.user-details .user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details .user-email{font-size:.7rem;color:rgba(var(--foreground-rgb),.4)}.sidebar-footer .logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;color:#ff6b6b;background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.12);cursor:pointer;transition:background .15s}.sidebar-footer .logout-btn:hover{background:rgba(255,107,107,.12)}.dashboard-content{flex:1 1;margin-left:260px;display:flex;flex-direction:column;height:100vh;overflow-y:auto;background:radial-gradient(ellipse 80% 60% at 10% 10%,rgba(243,178,138,.15) 0,transparent 50%),radial-gradient(ellipse 100% 80% at 90% 90%,rgba(250,112,94,.12) 0,transparent 50%),radial-gradient(ellipse 60% 50% at 50% 50%,rgba(160,147,245,.08) 0,transparent 60%),rgb(var(--background-rgb))}@media(max-width:900px){.dashboard-content{margin-left:0}}.dashboard-mobile-header{display:none}@media(max-width:900px){.dashboard-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.06)}}.mobile-brand{gap:.5rem;color:#fff;font-weight:700;font-size:.9rem}.mobile-brand,.mobile-nav-btn{display:flex;align-items:center;text-decoration:none}.mobile-nav-btn{justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(var(--foreground-rgb),.05);color:rgba(var(--foreground-rgb),.7)}.dashboard-page{flex:1 1;position:relative;overflow-y:auto}.dashboard-main{position:relative;z-index:1;padding:2rem 2.5rem;width:100%;max-width:100%!important}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.dashboard-header .user-info h1{font-size:2rem;font-weight:700;color:#fff;margin:0}.dashboard-header .user-info p{font-size:.9rem;color:rgba(var(--foreground-rgb),.5);margin-top:.25rem}.dashboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s;border:1px solid rgba(0,0,0,0);text-decoration:none}.dashboard-btn.primary{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#000}.dashboard-btn.primary:hover{opacity:.9}.dashboard-btn.secondary{background:rgba(var(--foreground-rgb),.08);border-color:rgba(var(--foreground-rgb),.1);color:#fff}.dashboard-btn.secondary:hover{background:rgba(var(--foreground-rgb),.12)}.dashboard-btn.outline{background:rgba(0,0,0,0);border-color:rgba(var(--foreground-rgb),.15);color:rgba(var(--foreground-rgb),.8)}.dashboard-btn.outline:hover{border-color:var(--gradient-color-1);color:var(--gradient-color-1)}.dashboard-btn.danger{color:#ff6b6b;background:rgba(255,107,107,.08);border-color:rgba(255,107,107,.15)}.dashboard-btn.danger:hover{background:rgba(255,107,107,.15)}.dashboard-btn svg{width:16px;height:16px;flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}.dashboard-card:hover{background:rgba(var(--foreground-rgb),.05);border-color:rgba(var(--foreground-rgb),.12);box-shadow:0 8px 24px rgba(0,0,0,.15)}.dashboard-card .card-header{display:flex;align-items:center;gap:.75rem}.dashboard-card .icon-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));display:flex;align-items:center;justify-content:center;color:#fff}.dashboard-card .icon-box svg{width:20px;height:20px}.dashboard-card h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.dashboard-card .card-content{flex:1 1}.dashboard-card .card-content p{font-size:.875rem;color:rgba(var(--foreground-rgb),.5);line-height:1.5;margin:0}.dashboard-card .card-footer{margin-top:auto}.data-list{display:flex;flex-direction:column;gap:.5rem}.data-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:rgba(var(--foreground-rgb),.04);border-radius:8px;font-size:.8rem}.data-item .name{font-weight:600;color:#fff}.data-item .status{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#4caf50}.data-item .status.expired{color:#f44336}.data-item .info{color:rgba(var(--foreground-rgb),.4)}.admin-area{margin-bottom:2.5rem;padding:1.5rem;background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--foreground-rgb),.05);border-radius:20px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1100px){.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.admin-grid{grid-template-columns:1fr}}.admin-card{padding:1.25rem}.section-title{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;color:var(--gradient-color-1)}.section-title h2{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0;color:inherit}.payloads-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(var(--foreground-rgb),.05)}.payloads-section .payloads-grid{display:flex;gap:.75rem;flex-wrap:wrap}.compact-banner{background:linear-gradient(90deg,rgba(250,112,94,.12),rgba(250,112,94,.04));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(250,112,94,.25);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;gap:1rem;box-shadow:0 4px 20px rgba(0,0,0,.2)}@media(max-width:600px){.compact-banner{flex-direction:column;align-items:flex-start}}.compact-banner .banner-info{display:flex;align-items:center;gap:.75rem;color:var(--gradient-color-2);font-size:.875rem}.compact-banner .banner-info p{margin:0;color:rgba(var(--foreground-rgb),.9)}.dashboard-loading{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:rgba(var(--foreground-rgb),.5);font-size:.9rem;min-height:200px}.dashboard-loading .spinner{animation:spin 1s linear infinite;color:var(--gradient-color-1);width:32px;height:32px}.page-header{margin-bottom:2rem}.page-header .back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:rgba(var(--foreground-rgb),.5);text-decoration:none;margin-bottom:1rem;transition:color .15s}.page-header .back-link:hover{color:var(--gradient-color-1)}.page-header h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem}.page-header .dashboard-subtitle{font-size:.9rem;color:rgba(var(--foreground-rgb),.5);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--foreground-rgb),.06);border-radius:16px}.empty-state i,.empty-state svg{font-size:2.5rem;color:rgba(var(--foreground-rgb),.2);margin-bottom:1.5rem}.empty-state h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.empty-state p{font-size:.9rem;color:rgba(var(--foreground-rgb),.5);margin:0 0 1.5rem;max-width:300px}.empty-state .btn,.empty-state .dashboard-btn{min-width:180px}.licenses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media(max-width:500px){.licenses-grid{grid-template-columns:1fr}}.license-card-full{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.license-card-full:hover{border-color:rgba(var(--foreground-rgb),.12);box-shadow:0 8px 24px rgba(0,0,0,.15)}.license-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.05)}.license-product-name{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.license-product-name h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.license-status{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.25rem .6rem;border-radius:4px}.license-status.status-active{background:rgba(76,175,80,.15);color:#4caf50}.license-status.status-expired,.license-status.status-revoked{background:rgba(244,67,54,.15);color:#f44336}.license-status.status-pending{background:rgba(255,193,7,.15);color:#ffc107}.license-tier-badge{font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;background:linear-gradient(135deg,rgba(243,178,138,.15),rgba(250,112,94,.1));color:var(--gradient-color-1);border:1px solid rgba(243,178,138,.2)}.license-card-body{padding:1.5rem}.license-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.license-info-item{display:flex;flex-direction:column;gap:.25rem}.license-info-item .label{font-size:.75rem;font-weight:500;color:rgba(var(--foreground-rgb),.4);text-transform:uppercase;letter-spacing:.03em}.license-info-item .value{font-size:.9rem;font-weight:500;color:#fff;display:flex;align-items:center;gap:.4rem}.license-info-item .value i,.license-info-item .value svg{font-size:.8rem;color:rgba(var(--foreground-rgb),.5)}.license-info-item .value.active,.license-info-item .value.active i,.license-info-item .value.active svg{color:#4caf50}.license-info-item .value.expiring-soon,.license-info-item .value.expiring-soon i,.license-info-item .value.expiring-soon svg{color:#ffc107}.license-info-item .value .perpetual{color:#4caf50}.license-devices{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(var(--foreground-rgb),.05)}.license-devices h4{font-size:.85rem;font-weight:600;color:rgba(var(--foreground-rgb),.7);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.license-devices h4 i,.license-devices h4 svg{color:rgba(var(--foreground-rgb),.4)}.device-list{display:flex;flex-direction:column;gap:.5rem}.device-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(var(--foreground-rgb),.03);border-radius:8px;gap:1rem}@media(max-width:500px){.device-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.device-info{display:flex;align-items:center;gap:.6rem}.device-info i,.device-info svg{font-size:1rem;color:rgba(var(--foreground-rgb),.5)}.device-info .device-name{font-size:.85rem;font-weight:500;color:#fff}.device-last-seen{font-size:.75rem;color:rgba(var(--foreground-rgb),.4)}.btn{justify-content:center;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;text-decoration:none;transition:all .2s}.btn.btn-primary{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#000}@media(max-width:900px){.dashboard-main{padding:1.5rem}.page-header h1{font-size:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:2rem}.dashboard-header .user-info h1{font-size:1.75rem}}@media(max-width:600px){.dashboard-main{padding:1.25rem 1rem}.page-header h1{font-size:1.35rem}.dashboard-header .user-info h1{font-size:1.5rem}.license-card-header{flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.license-card-body{padding:1.25rem}.license-info-grid{grid-template-columns:repeat(2,1fr)}.empty-state{padding:3rem 1.5rem}}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.admin-header h1{margin-bottom:.25rem}.admin-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);padding:.5rem 1rem;flex:1 1;min-width:200px}.search-box input{border:none;background:rgba(0,0,0,0);outline:none;flex:1 1;color:rgb(var(--foreground-rgb));font-size:.875rem}.search-box input::placeholder{color:rgb(var(--secondary-text-rgb))}.search-box svg{color:rgb(var(--secondary-text-rgb))}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group svg{color:rgb(var(--secondary-text-rgb))}.filter-group select{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);padding:.5rem 1rem;color:rgb(var(--foreground-rgb));font-size:.875rem;cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--gradient-color-1)}.admin-table-container{background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-lg,12px);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:1rem;text-align:left;border-bottom:1px solid rgba(var(--border-rgb),.1)}.admin-table th{background:rgba(var(--foreground-rgb),.03);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--secondary-text-rgb))}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:rgba(var(--foreground-rgb),.02)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr.revoked{opacity:.5}.key-info,.product-info,.user-info{display:flex;align-items:center;gap:.75rem}.key-info strong,.product-info strong,.user-info strong{display:block;color:rgb(var(--foreground-rgb))}.key-info .product-id,.key-info .user-email,.product-info .product-id,.product-info .user-email,.user-info .product-id,.user-info .user-email{display:block;font-size:.75rem;color:rgb(var(--secondary-text-rgb))}.product-icon,.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--gradient-color-1) 0,var(--gradient-color-2,#ff6b35) 100%);border-radius:var(--radius-md,8px);display:flex;align-items:center;justify-content:center;color:#fff}.tier-badges{display:flex;flex-wrap:wrap;gap:.5rem}.tier-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-sm,4px);font-size:.75rem}.tier-badge.synced{border-color:rgba(76,175,80,.3);background:rgba(76,175,80,.1)}.tier-badge .tier-price{color:rgb(var(--secondary-text-rgb));margin-left:.25rem}.tier-badge .sync-icon{color:#4caf50}.tier-badge .sync-btn{background:none;border:none;padding:0;cursor:pointer;color:rgb(var(--secondary-text-rgb));display:flex;align-items:center}.tier-badge .sync-btn:hover{color:var(--gradient-color-1)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.active{background:rgba(76,175,80,.15);color:#4caf50}.status-badge.trial{background:rgba(33,150,243,.15);color:#2196f3}.status-badge.expired,.status-badge.inactive{background:rgba(158,158,158,.15);color:#9e9e9e}.status-badge.suspended{background:rgba(255,152,0,.15);color:#ff9800}.status-badge.cancelled,.status-badge.revoked{background:rgba(244,67,54,.15);color:#f44336}.license-count{font-weight:600;color:rgb(var(--foreground-rgb))}.action-buttons{display:flex;gap:.5rem}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-sm,4px);color:rgb(var(--secondary-text-rgb));cursor:pointer;transition:all .15s;text-decoration:none}.btn-icon:hover{background:rgba(var(--foreground-rgb),.1);color:rgb(var(--foreground-rgb))}.btn-icon.danger:hover{background:rgba(244,67,54,.1);color:#f44336;border-color:rgba(244,67,54,.3)}.btn-icon.warning:hover{background:rgba(255,152,0,.1);color:#ff9800;border-color:rgba(255,152,0,.3)}.btn-icon.success:hover{background:rgba(76,175,80,.1);color:#4caf50;border-color:rgba(76,175,80,.3)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md,8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;border:none}.btn.btn-primary{background:linear-gradient(135deg,var(--gradient-color-1) 0,var(--gradient-color-2,#ff6b35) 100%);color:#fff}.btn.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.btn-secondary{background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.3);color:rgb(var(--foreground-rgb))}.btn.btn-secondary:hover{background:rgba(var(--foreground-rgb),.1)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:rgb(var(--background-rgb));border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-lg,16px);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(var(--border-rgb),.2);background:rgba(var(--foreground-rgb),.02)}.modal-header,.modal-header h2{display:flex;align-items:center}.modal-header h2{font-size:1.25rem;font-weight:600;gap:.75rem;color:rgb(var(--foreground-rgb))}.modal-header button{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:rgb(var(--secondary-text-rgb));cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-header button:hover{background:rgba(var(--foreground-rgb),.1);color:rgb(var(--foreground-rgb))}.modal-body{padding:1.5rem;overflow-y:auto;flex:1 1}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(var(--border-rgb),.2);background:rgba(var(--foreground-rgb),.02)}.card-header{justify-content:space-between;margin-bottom:1.5rem}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:640px){.form-row{flex-direction:column;gap:1.5rem;margin-bottom:0}.form-row .form-group{margin-bottom:1.5rem}}.form-group:last-child{margin-bottom:0}.form-group label{font-weight:600;color:rgb(var(--foreground-rgb));letter-spacing:.01em}.form-group .input-prefix{position:relative;display:flex;align-items:center}.form-group .input-prefix span{position:absolute;left:1rem;color:rgb(var(--secondary-text-rgb));font-weight:500;pointer-events:none}.form-group .input-prefix input{padding-left:2rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);color:rgb(var(--foreground-rgb));font-size:.95rem;transition:all .2s;font-family:inherit}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:rgba(var(--border-rgb),.5);background:rgba(var(--foreground-rgb),.04)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gradient-color-1);background:rgba(var(--foreground-rgb),.05);box-shadow:0 0 0 4px rgba(var(--gradient-color-1-rgb,255,140,66),.1)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:rgba(var(--secondary-text-rgb),.6)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(150,150,150,0.5)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:2.5rem}.form-group select option{background-color:rgb(var(--background-rgb));color:rgb(var(--foreground-rgb));padding:.5rem}.form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.form-group small{display:block;margin-top:.5rem;font-size:.8rem;color:rgb(var(--secondary-text-rgb));line-height:1.4}.alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md,8px);margin-bottom:1rem;font-size:.875rem}.alert.alert-warning{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3);color:#ff9800}.new-key-display{display:flex;align-items:center;gap:.75rem;background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);padding:.75rem 1rem}.new-key-display code{flex:1 1;font-size:.875rem;word-break:break-all;color:var(--gradient-color-1)}.key-preview,.new-key-display code{font-family:var(--font-space-grotesk)}.key-preview{color:rgb(var(--secondary-text-rgb));background:rgba(var(--foreground-rgb),.05);padding:.25rem .5rem;border-radius:var(--radius-sm,4px)}.all-products,.key-preview,.product-badge{font-size:.8rem}.all-products{color:rgb(var(--secondary-text-rgb));font-style:italic}.never,.rate-limit{font-size:.8rem;color:rgb(var(--secondary-text-rgb))}.never{font-style:italic}.date{font-size:.8rem;color:rgb(var(--secondary-text-rgb))}.perpetual{font-size:.8rem;color:#4caf50;font-weight:500}.device-count{font-size:.875rem}.device-count small{display:block;font-size:.7rem;color:rgb(var(--secondary-text-rgb))}.tier-name{display:block;font-weight:500}.license-type{display:block;font-size:.75rem;color:rgb(var(--secondary-text-rgb));text-transform:capitalize}.admin-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-top:1rem}.pagination-info{font-size:.875rem;color:rgb(var(--secondary-text-rgb))}.game-score-display,.pagination-buttons{display:flex;gap:.5rem}.game-score-display{position:absolute;bottom:2rem;right:2rem;top:auto;align-items:center;padding:.4rem .6rem;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;z-index:100;animation:scoreSlideIn .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.03);overflow:hidden}@keyframes scoreSlideIn{0%{opacity:0;transform:translateX(30px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.game-score-display.reward-ready{border-color:rgba(var(--gradient-color-1-rgb,255,140,66),.5);animation:scoreSlideIn .4s cubic-bezier(.16,1,.3,1),pulseGlow 2s ease-in-out infinite}.game-score-display.reward-ready .score-glow{opacity:1}.game-score-display.reward-ready .score-value{color:var(--gradient-color-1,#ff8c42)}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 20px rgba(var(--gradient-color-1-rgb,255,140,66),.1)}50%{box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 30px rgba(var(--gradient-color-1-rgb,255,140,66),.25)}}.game-score-display .score-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(var(--gradient-color-1-rgb,255,140,66),.1) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.game-score-display .score-icon{color:var(--gradient-color-1,#ff8c42);opacity:.8;flex-shrink:0}.game-score-display .score-content{display:flex;flex-direction:column;gap:.125rem}.game-score-display .score-value{font-size:1rem;font-weight:600;color:#fff;font-family:var(--font-space-grotesk);line-height:1;transition:color .3s ease}.game-score-display .score-label{font-size:.65rem;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;opacity:0;width:0;overflow:hidden;transition:all .3s ease}.game-score-display:hover .score-label{opacity:1;width:auto;margin-left:.5rem}.game-score-display .score-badge{position:relative;background:linear-gradient(135deg,var(--gradient-color-1,#ff8c42) 0,var(--gradient-color-2,#ff6b35) 100%);border-radius:6px;padding:.375rem .625rem;margin-left:.25rem}.game-score-display .score-badge span{font-size:.75rem;font-weight:700;color:#fff;font-family:var(--font-space-grotesk);white-space:nowrap}.coupon-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.coupon-modal{position:relative;width:100%;max-width:400px;background:linear-gradient(165deg,rgba(35,30,25,.98),rgba(20,15,10,.99));border:1px solid rgba(var(--gradient-color-1-rgb,255,140,66),.25);border-radius:20px;padding:2.5rem;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.03) inset,0 0 80px rgba(var(--gradient-color-1-rgb,255,140,66),.08)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.coupon-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:.625rem;color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s ease}.coupon-modal-close:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15);color:#fff}.coupon-modal-content{text-align:center}.coupon-modal-content .coupon-celebration{font-size:3.5rem;margin-bottom:1.25rem;animation:celebrateBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes celebrateBounce{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.coupon-modal-content h2{font-size:1.625rem;font-weight:600;color:#fff;margin-bottom:.375rem;font-family:var(--font-space-grotesk)}.coupon-modal-content>p{color:hsla(0,0%,100%,.55);margin-bottom:1.75rem;font-size:.95rem}.coupon-discount-badge{display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--gradient-color-1,#ff8c42) 0,var(--gradient-color-2,#ff6b35) 100%);border-radius:16px;padding:1.25rem 2.5rem;margin-bottom:1.75rem;box-shadow:0 8px 32px rgba(var(--gradient-color-1-rgb,255,140,66),.35),0 0 0 1px hsla(0,0%,100%,.1) inset}.coupon-discount-badge .discount-value{font-size:3rem;font-weight:800;color:#fff;line-height:1;font-family:var(--font-space-grotesk);text-shadow:0 2px 4px rgba(0,0,0,.2)}.coupon-discount-badge .discount-label{font-size:.8rem;font-weight:600;color:hsla(0,0%,100%,.85);text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem}.coupon-code-box{display:flex;align-items:center;justify-content:center;gap:.75rem;background:hsla(0,0%,100%,.04);border:1px dashed rgba(var(--gradient-color-1-rgb,255,140,66),.35);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.coupon-code-box code{font-size:1.25rem;font-weight:600;color:var(--gradient-color-1,#ff8c42);font-family:var(--font-space-grotesk);letter-spacing:.08em}.coupon-code-box .copy-button{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:.5rem;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .2s ease}.coupon-code-box .copy-button:hover{background:hsla(0,0%,100%,.12);color:#fff}.coupon-expiry{color:hsla(0,0%,100%,.45);font-size:.85rem;margin-bottom:1.75rem}.coupon-shop-button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.5rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:#fff;font-weight:500;font-size:.95rem;text-decoration:none;transition:all .2s ease}.coupon-shop-button:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}@keyframes zenloq-fade-in-out{0%,to{opacity:0;transform:translateY(10px)}8%,92%{opacity:1;transform:translateY(0)}}@keyframes chat-message-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-connection-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes node-slide-in{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-processing{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-dot-anim{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}@keyframes inspector-slide-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.zenloq-interactive-wrapper{--font-sans:var(--font-sans-zenloq),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-mono:var(--font-mono-zenloq),"Fira Code","Courier New",monospace;--animation-duration:12s;--animation-delay:0.5s;--radius:0.5rem;--background:rgb(10,11,20);--foreground:rgb(226,232,240);--muted-foreground:rgb(148,163,184);--primary:rgb(47,117,158);--primary-rgb:47,117,158;--primary-contrast:rgb(51,142,194);--primary-foreground:rgb(255,255,255);--card-background:rgb(17,18,28);--card-border:rgb(33,34,48);--card-border-hover:rgb(53,54,74);--secondary-background:rgb(27,28,43);--secondary-border:rgb(44,45,62);--input-background:rgb(10,11,20);--input-border:rgb(44,45,62);--input-focus-border:var(--primary);--input-focus-shadow:rgba(99,196,241,0.3);--shadow-sm:0 4px 6px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.05);--shadow-lg:0 20px 25px rgba(0,0,0,0.15),0 10px 10px rgba(0,0,0,0.08);--node-trigger:#6366f1;--node-ai:#8b5cf6;--node-logic:#f59e0b;--node-escalate:#ec4899;--node-safety:#10b981}.zenloq-interactive-wrapper *{box-sizing:border-box;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans)}.zenloq-interactive-wrapper{width:100%;height:100%}.zenloq-interactive-wrapper .app-container{width:100%;height:100%;display:flex;background-color:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.zenloq-interactive-wrapper .animation-driver{animation:container-fade-in .8s ease forwards}@keyframes container-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.zenloq-interactive-wrapper .mock-sidebar{width:200px;flex-shrink:0;background-color:var(--card-background);border-right:1px solid var(--card-border);padding:1.25rem 1rem;display:flex;flex-direction:column;justify-content:space-between}.zenloq-interactive-wrapper .mock-sidebar__brand{display:flex;align-items:center;gap:.625rem;padding-left:.375rem;margin-bottom:2rem}.zenloq-interactive-wrapper .mock-sidebar__logo-bg{width:32px;height:32px;border-radius:.375rem;background:linear-gradient(135deg,var(--primary),var(--primary-contrast));display:grid;place-items:center}.zenloq-interactive-wrapper .mock-sidebar__brand-title{font-size:1.125rem;font-weight:600;color:var(--foreground)}.zenloq-interactive-wrapper .mock-sidebar__nav ul{list-style:none;display:flex;flex-direction:column;gap:.125rem}.zenloq-interactive-wrapper .mock-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .5rem;border-radius:var(--radius);color:var(--muted-foreground);font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer}.zenloq-interactive-wrapper .mock-nav-item:hover{background:var(--secondary-background);color:var(--foreground)}.zenloq-interactive-wrapper .mock-nav-item--active{background:rgba(var(--primary-rgb),.15);color:var(--primary-contrast);font-weight:600}.zenloq-interactive-wrapper .mock-sidebar__footer{border-top:1px solid var(--card-border);padding-top:1rem;margin-top:1rem}.zenloq-interactive-wrapper .app-main-content{flex-grow:1;display:flex;flex-direction:column;height:100%;background-color:var(--background);position:relative}.zenloq-interactive-wrapper .flow-editor-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;border-bottom:1px solid var(--card-border);background-color:var(--card-background);flex-shrink:0}.zenloq-interactive-wrapper .flow-editor-header__left{display:flex;align-items:center;gap:.75rem}.zenloq-interactive-wrapper .flow-editor-header__left h2{font-size:1rem;font-weight:600;color:var(--foreground)}.zenloq-interactive-wrapper .flow-badge{font-size:.6875rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px}.zenloq-interactive-wrapper .flow-badge--draft{background-color:rgba(var(--primary-rgb),.2);color:var(--primary-contrast)}.zenloq-interactive-wrapper .flow-editor-header__actions{display:flex;gap:.5rem}.zenloq-interactive-wrapper .button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-weight:500;border-radius:var(--radius);transition:all .2s ease;border:1px solid rgba(0,0,0,0);cursor:pointer}.zenloq-interactive-wrapper .button--sm{padding:.375rem .75rem;font-size:.75rem}.zenloq-interactive-wrapper .button--primary{background:linear-gradient(135deg,var(--primary),var(--primary-contrast));color:var(--primary-foreground);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.zenloq-interactive-wrapper .button--secondary{background-color:var(--secondary-background);color:var(--foreground);border-color:var(--secondary-border)}.zenloq-interactive-wrapper .flow-canvas{flex-grow:1;position:relative;background-image:radial-gradient(circle,var(--card-border) 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.zenloq-interactive-wrapper .flow-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.zenloq-interactive-wrapper .flow-connection{fill:none;stroke:var(--primary);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;opacity:.6}.zenloq-interactive-wrapper .flow-connection--animated{animation:flow-connection-draw .8s ease forwards;animation-delay:.5s}.zenloq-interactive-wrapper .flow-connection--delay-1{animation-delay:1s}.zenloq-interactive-wrapper .flow-connection--delay-2{animation-delay:1.5s}.zenloq-interactive-wrapper .flow-connection--delay-3{animation-delay:2s}.zenloq-interactive-wrapper .flow-node{position:absolute;display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;background-color:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius);min-width:100px;box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:0;cursor:default;max-width:160px}.zenloq-interactive-wrapper .flow-node--animate-in{animation:node-slide-in .6s ease forwards;animation-delay:.3s}.zenloq-interactive-wrapper .flow-node--delay-1{animation-delay:.6s}.zenloq-interactive-wrapper .flow-node--delay-2{animation-delay:.9s}.zenloq-interactive-wrapper .flow-node--delay-3{animation-delay:1.2s}.zenloq-interactive-wrapper .flow-node--delay-4{animation-delay:1.5s}.zenloq-interactive-wrapper .flow-node__icon{width:28px;height:28px;border-radius:.375rem;display:grid;place-items:center;flex-shrink:0}.zenloq-interactive-wrapper .flow-node--trigger .flow-node__icon{background-color:rgba(99,102,241,.2);color:var(--node-trigger)}.zenloq-interactive-wrapper .flow-node--ai .flow-node__icon{background-color:rgba(139,92,246,.2);color:var(--node-ai)}.zenloq-interactive-wrapper .flow-node--logic .flow-node__icon{background-color:rgba(245,158,11,.2);color:var(--node-logic)}.zenloq-interactive-wrapper .flow-node--escalate .flow-node__icon{background-color:rgba(236,72,153,.2);color:var(--node-escalate)}.zenloq-interactive-wrapper .flow-node--safety .flow-node__icon{background-color:rgba(16,185,129,.2);color:var(--node-safety)}.zenloq-interactive-wrapper .flow-node__content{display:flex;flex-direction:column}.zenloq-interactive-wrapper .flow-node__type{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:.125rem}.zenloq-interactive-wrapper .flow-node__label{font-size:.8125rem;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zenloq-interactive-wrapper .flow-node__port{position:absolute;width:10px;height:10px;background-color:var(--card-border);border:2px solid var(--background);border-radius:50%}.zenloq-interactive-wrapper .flow-node__port--input{left:-5px;top:50%;transform:translateY(-50%)}.zenloq-interactive-wrapper .flow-node__port--output{right:-5px;top:50%;transform:translateY(-50%)}.zenloq-interactive-wrapper .flow-node__badge{position:absolute;top:-8px;right:-8px;font-size:.5625rem;font-weight:600;padding:.1875rem .375rem;border-radius:9999px;display:flex;align-items:center;gap:.25rem}.zenloq-interactive-wrapper .flow-node__badge--processing{background-color:rgba(139,92,246,.9);color:#fff;animation:pulse-processing 1.5s ease-in-out infinite}.zenloq-interactive-wrapper .flow-node__badge--safe{background-color:rgba(16,185,129,.9);color:#fff}.zenloq-interactive-wrapper .pulse-dot{width:5px;height:5px;background-color:#fff;border-radius:50%;animation:pulse-dot-anim 1s ease-in-out infinite}.zenloq-interactive-wrapper .flow-node--selected{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.2),0 0 0 2px rgba(var(--primary-rgb),.3)}.zenloq-interactive-wrapper .node-inspector{position:absolute;right:.75rem;top:.75rem;width:200px;background-color:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;animation:inspector-slide-in .6s ease forwards;animation-delay:1.5s;z-index:10}.zenloq-interactive-wrapper .node-inspector__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--card-border);color:var(--node-ai)}.zenloq-interactive-wrapper .node-inspector__header h3{font-size:.875rem;font-weight:600;color:var(--foreground)}.zenloq-interactive-wrapper .node-inspector__body{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.875rem}.zenloq-interactive-wrapper .inspector-field{display:flex;flex-direction:column;gap:.375rem}.zenloq-interactive-wrapper .inspector-field label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.zenloq-interactive-wrapper .inspector-field--row{flex-direction:row;justify-content:space-between;align-items:center}.zenloq-interactive-wrapper .inspector-select{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:var(--secondary-background);border:1px solid var(--secondary-border);border-radius:var(--radius);font-size:.8125rem;color:var(--foreground)}.zenloq-interactive-wrapper .inspector-select .chevron-down{transform:rotate(90deg);color:var(--muted-foreground)}.zenloq-interactive-wrapper .inspector-textarea{padding:.5rem .75rem;background-color:var(--secondary-background);border:1px solid var(--secondary-border);border-radius:var(--radius);font-size:.75rem;color:var(--muted-foreground);line-height:1.5;max-height:60px;overflow:hidden;text-overflow:ellipsis}.zenloq-interactive-wrapper .inspector-tag-list{display:flex;flex-wrap:wrap;gap:.375rem}.zenloq-interactive-wrapper .inspector-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:rgba(var(--primary-rgb),.15);border-radius:var(--radius);font-size:.6875rem;font-weight:500;color:var(--primary-contrast)}.zenloq-interactive-wrapper .inspector-toggle{display:flex;align-items:center;gap:.5rem}.zenloq-interactive-wrapper .inspector-toggle span{font-size:.75rem;color:var(--muted-foreground)}.zenloq-interactive-wrapper .inspector-toggle--on span{color:var(--node-safety)}.zenloq-interactive-wrapper .inspector-toggle__track{width:32px;height:18px;background-color:var(--secondary-background);border-radius:9999px;position:relative;transition:background-color .2s ease}.inspector-toggle--on .zenloq-interactive-wrapper .inspector-toggle__track{background-color:rgba(16,185,129,.3)}.zenloq-interactive-wrapper .inspector-toggle__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background-color:var(--muted-foreground);border-radius:50%;transition:all .2s ease}.inspector-toggle--on .zenloq-interactive-wrapper .inspector-toggle__thumb{left:16px;background-color:var(--node-safety)}.zenloq-interactive-wrapper .collab-chat{position:absolute;bottom:1.5rem;left:1.5rem;width:260px;display:flex;flex-direction:column;gap:.625rem;z-index:20;pointer-events:none}.zenloq-interactive-wrapper .collab-message{display:flex;align-items:flex-end;gap:.625rem;opacity:0}.zenloq-interactive-wrapper .collab-message--system{align-self:center;margin-bottom:.25rem;animation:chat-message-in .5s ease 2s forwards}.zenloq-interactive-wrapper .collab-message--system span{font-size:.625rem;color:var(--muted-foreground);background:rgba(0,0,0,.4);padding:.25rem .75rem;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zenloq-interactive-wrapper .collab-message--user.scene-1{animation:chat-message-in .5s ease 2.8s forwards}.zenloq-interactive-wrapper .collab-message--user.scene-2{animation:chat-message-in .5s ease 4.2s forwards}.zenloq-interactive-wrapper .collab-avatar{width:24px;height:24px;border-radius:50%;color:#fff;font-size:.625rem;font-weight:700;display:grid;place-items:center;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1)}.zenloq-interactive-wrapper .collab-bubble{background:rgba(15,23,42,.65);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08);color:var(--foreground);font-size:.75rem;padding:.5rem .75rem;border-radius:.75rem;border-bottom-left-radius:.125rem;box-shadow:0 4px 6px rgba(0,0,0,.1);line-height:1.4;max-width:200px}.zenstork-interactive-wrapper{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-dark:#0f1218;--bg-panel:#161b22;--bg-sidebar:#0d1117;--border-color:#262c36;--accent-color:#3b82f6;--accent-glow:rgba(59,130,246,0.5);--text-main:#e6edf3;--text-muted:#7d8590;--text-dim:#484f58;--success:#238636;--danger:#da3633;--window-shadow:0 12px 48px rgba(0,0,0,0.6),0 4px 16px rgba(0,0,0,0.4);width:100%;height:100%;background-color:var(--bg-dark);font-family:var(--font-sans);color:var(--text-main);overflow:hidden;display:flex;flex-direction:column;position:relative;border-radius:8px;border:1px solid #30363d;font-size:11px}.zenstork-interactive-wrapper *{box-sizing:border-box}.zenstork-interactive-wrapper ::-webkit-scrollbar{width:6px;height:6px}.zenstork-interactive-wrapper ::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.zenstork-interactive-wrapper ::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.zenstork-interactive-wrapper ::-webkit-scrollbar-thumb:hover{background:#484f58}.zenstork-interactive-wrapper .title-bar{height:28px;background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:11px;-webkit-user-select:none;user-select:none}.zenstork-interactive-wrapper .title-bar .app-brand{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-main)}.zenstork-interactive-wrapper .title-bar .app-brand .logo-icon{color:var(--accent-color)}.zenstork-interactive-wrapper .title-bar .window-controls{display:flex;gap:10px;color:var(--text-muted)}.zenstork-interactive-wrapper .title-bar .window-controls .control{cursor:pointer;opacity:.7}.zenstork-interactive-wrapper .title-bar .window-controls .control:hover{opacity:1;color:var(--text-main)}.zenstork-interactive-wrapper .app-layout{display:flex;flex:1 1;overflow:hidden}.zenstork-interactive-wrapper .sidebar{width:160px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:10px 0;flex-shrink:0}.zenstork-interactive-wrapper .sidebar .section-title{padding:0 12px 6px;font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.zenstork-interactive-wrapper .sidebar .section-title:first-child{margin-top:0}.zenstork-interactive-wrapper .sidebar .nav-list{display:flex;flex-direction:column;gap:1px;margin-bottom:12px;padding:0 6px}.zenstork-interactive-wrapper .sidebar .nav-list .nav-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;color:var(--text-muted);transition:all .2s ease;height:26px}.zenstork-interactive-wrapper .sidebar .nav-list .nav-item:hover{background-color:hsla(0,0%,100%,.03);color:var(--text-main)}.zenstork-interactive-wrapper .sidebar .nav-list .nav-item.active{background-color:rgba(59,130,246,.15);color:#60a5fa;font-weight:500}.zenstork-interactive-wrapper .sidebar .nav-list .nav-item.active .icon{color:#60a5fa}.zenstork-interactive-wrapper .sidebar .nav-list .nav-item .icon{opacity:.8;transform:scale(.85)}.zenstork-interactive-wrapper .sidebar .nav-list .nav-item .label{flex:1 1}.zenstork-interactive-wrapper .sidebar .account-list{display:flex;flex-direction:column;gap:1px;padding:0 6px}.zenstork-interactive-wrapper .sidebar .account-list .account-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;color:var(--text-muted);height:26px}.zenstork-interactive-wrapper .sidebar .account-list .account-item:hover{background-color:hsla(0,0%,100%,.03);color:var(--text-main)}.zenstork-interactive-wrapper .sidebar .account-list .account-item .account-avatar{width:16px;height:16px;border-radius:50%;background-color:#21262d;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--text-main);overflow:hidden}.zenstork-interactive-wrapper .sidebar .account-list .account-item .account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.zenstork-interactive-wrapper .email-list-pane{flex:1 1;display:flex;flex-direction:column;background-color:var(--bg-panel);min-width:0}.zenstork-interactive-wrapper .email-list-pane .toolbar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border-color)}.zenstork-interactive-wrapper .email-list-pane .toolbar .primary-actions{display:flex;align-items:center;gap:8px}.zenstork-interactive-wrapper .email-list-pane .toolbar .btn-new{background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}.zenstork-interactive-wrapper .email-list-pane .toolbar .btn-new:hover{background-color:#2563eb}.zenstork-interactive-wrapper .email-list-pane .toolbar .search-bar{position:relative;color:var(--text-muted)}.zenstork-interactive-wrapper .email-list-pane .toolbar .search-bar input{background:rgba(0,0,0,0);border:none;color:var(--text-main);padding-left:20px;font-size:11px;outline:none;width:140px}.zenstork-interactive-wrapper .email-list-pane .toolbar .search-bar input::placeholder{color:var(--text-muted)}.zenstork-interactive-wrapper .email-list-pane .toolbar .search-bar svg{position:absolute;left:0;top:50%;transform:translateY(-50%) scale(.8)}.zenstork-interactive-wrapper .email-list-pane .toolbar .secondary-actions{display:flex;align-items:center;gap:2px}.zenstork-interactive-wrapper .email-list-pane .toolbar .secondary-actions .icon-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:4px;cursor:pointer}.zenstork-interactive-wrapper .email-list-pane .toolbar .secondary-actions .icon-btn:hover{background-color:hsla(0,0%,100%,.05);color:var(--text-main)}.zenstork-interactive-wrapper .email-list-pane .toolbar .secondary-actions .icon-btn svg{transform:scale(.85)}.zenstork-interactive-wrapper .email-list-pane .email-scroll-area{flex:1 1;overflow-y:auto}.zenstork-interactive-wrapper .email-list-pane .email-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .1s}.zenstork-interactive-wrapper .email-list-pane .email-item:hover{background-color:hsla(0,0%,100%,.02)}.zenstork-interactive-wrapper .email-list-pane .email-item.selected{background-color:rgba(59,130,246,.08);border-left:2px solid var(--accent-color);padding-left:10px}.zenstork-interactive-wrapper .email-list-pane .email-item .avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0;margin-top:2px}.zenstork-interactive-wrapper .email-list-pane .email-item .content{flex:1 1;min-width:0}.zenstork-interactive-wrapper .email-list-pane .email-item .content .header{display:flex;justify-content:space-between;margin-bottom:2px;align-items:center}.zenstork-interactive-wrapper .email-list-pane .email-item .content .header .sender{font-weight:600;font-size:11px;color:var(--text-main)}.zenstork-interactive-wrapper .email-list-pane .email-item .content .header .date{font-size:9px;color:var(--text-muted)}.zenstork-interactive-wrapper .email-list-pane .email-item .content .subject{font-size:11px;font-weight:500;color:var(--text-main);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zenstork-interactive-wrapper .email-list-pane .email-item .content .snippet{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zenstork-interactive-wrapper .floating-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;height:380px;background-color:var(--bg-panel);border-radius:6px;border:1px solid #30363d;box-shadow:var(--window-shadow);display:flex;flex-direction:column;z-index:100;font-size:11px;animation:window-pop .3s cubic-bezier(.16,1,.3,1)}.zenstork-interactive-wrapper .floating-window .window-header{height:32px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 10px;cursor:grab;background:#1e2530;border-radius:6px 6px 0 0}.zenstork-interactive-wrapper .floating-window .window-header .window-title{font-size:11px;font-weight:600;color:var(--text-main)}.zenstork-interactive-wrapper .floating-window .window-header .window-actions{display:flex;gap:6px;color:var(--text-muted)}.zenstork-interactive-wrapper .floating-window .window-header .window-actions div{cursor:pointer}.zenstork-interactive-wrapper .floating-window .window-header .window-actions div:hover{color:var(--text-main)}.zenstork-interactive-wrapper .floating-window .window-header .window-actions div svg{transform:scale(.85)}.zenstork-interactive-wrapper .floating-window .window-body{flex:1 1;display:flex;flex-direction:column;padding:10px 14px;overflow-y:auto}.zenstork-interactive-wrapper .floating-window .window-body .field-row{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid hsla(0,0%,100%,.05);font-size:11px;min-height:28px}.zenstork-interactive-wrapper .floating-window .window-body .field-row label{width:50px;color:var(--text-muted);font-weight:500}.zenstork-interactive-wrapper .floating-window .window-body .field-row .value{flex:1 1;color:var(--text-main);display:flex;align-items:center;gap:6px;overflow:hidden}.zenstork-interactive-wrapper .floating-window .window-body .field-row .tag{background:hsla(0,0%,100%,.1);padding:1px 6px;border-radius:3px;font-size:10px;white-space:nowrap}.zenstork-interactive-wrapper .floating-window .window-body .field-row .btn-small{font-size:10px;background:hsla(0,0%,100%,.08);padding:2px 6px;border-radius:3px;cursor:pointer;color:var(--text-main);margin-left:6px;white-space:nowrap}.zenstork-interactive-wrapper .floating-window .window-body .editor-toolbar{display:flex;gap:8px;padding:8px 0 6px;border-bottom:1px solid hsla(0,0%,100%,.05);margin-bottom:8px;color:var(--text-muted)}.zenstork-interactive-wrapper .floating-window .window-body .editor-toolbar .tool-icon{cursor:pointer}.zenstork-interactive-wrapper .floating-window .window-body .editor-toolbar .tool-icon:hover{color:var(--text-main)}.zenstork-interactive-wrapper .floating-window .window-body .editor-toolbar .tool-icon{transform:scale(.85)}.zenstork-interactive-wrapper .floating-window .window-body .email-content{flex:1 1;font-size:12px;line-height:1.4;color:var(--text-main)}.zenstork-interactive-wrapper .floating-window .window-body .email-content .quoted-text{margin-top:12px;padding-left:10px;border-left:2px solid var(--border-color);color:var(--text-muted);font-size:10px}.zenstork-interactive-wrapper .floating-window .window-body .email-content .spelling-error{-webkit-text-decoration:underline wavy #f44;text-decoration:underline wavy #f44;text-decoration-skip-ink:none}@keyframes window-pop{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.zentrail-interactive-wrapper{--font-sans:var(--font-sans-zentrail),"Inter",-apple-system,"system-ui",sans-serif;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--animation-duration:12s;--animation-delay:1s;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-full:9999px;--transition:220ms cubic-bezier(0.4,0,0.2,1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.2),0 4px 6px -2px rgba(0,0,0,0.1);--theme-bg:#0a0a0b;--theme-surface:#151518;--theme-surface-hover:#202025;--theme-border:#2a2a2f;--theme-border-hover:#3a3a42;--theme-text-primary:#f8f9fa;--theme-text-secondary:#b8bcc8;--theme-text-tertiary:#8b8d98;--theme-accent:rgb(243,164,46);--theme-accent-hover:rgb(228,167,75);--theme-accent-text:#0a0a0b;--theme-success:#10b981;--theme-success-light:rgba(16,185,129,0.1);--theme-danger:#ef4444;--theme-danger-light:rgba(239,68,68,0.1);--theme-warning:#ed6250ff}.zentrail-interactive-wrapper *{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}.zentrail-interactive-wrapper .showcase-frame{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;background-color:var(--theme-bg);padding:2rem;border-radius:var(--radius-md);width:100%;max-width:900px;overflow:hidden;border:1px solid var(--theme-border)}.zentrail-interactive-wrapper .animation-driver{animation:zentrail-master-fade var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes zentrail-master-fade{0%,to{opacity:0}8%,92%{opacity:1}}.zentrail-interactive-wrapper .showcase-column{display:flex;flex-direction:column;gap:1rem;min-width:0}.zentrail-interactive-wrapper .showcase-column-header{display:flex;align-items:center;gap:.75rem;color:var(--theme-text-secondary);font-size:.9rem;font-weight:500}.zentrail-interactive-wrapper .showcase-column-header .icon{width:20px;height:20px;color:var(--theme-accent)}.zentrail-interactive-wrapper .showcase-column-header span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zentrail-interactive-wrapper .flow-arrow{opacity:0;animation:zentrail-flow-arrow var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zentrail-interactive-wrapper .flow-arrow svg{width:48px;height:48px;color:var(--theme-border-hover);stroke-dasharray:50;stroke-dashoffset:50}.zentrail-interactive-wrapper .upload-card{background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:1rem;position:relative;height:320px;overflow:hidden}.zentrail-interactive-wrapper .upload-state{position:absolute;inset:0;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;opacity:0;visibility:hidden}.zentrail-interactive-wrapper .upload-card-animation-driver .state-dropzone{animation:zentrail-state-dropzone var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zentrail-interactive-wrapper .upload-card-animation-driver .state-loading{animation:zentrail-state-loading var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zentrail-interactive-wrapper .upload-card-animation-driver .state-review{animation:zentrail-state-review var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zentrail-interactive-wrapper .drop-zone{border:2px dashed var(--theme-border);border-radius:var(--radius-sm);color:var(--theme-text-tertiary);text-align:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.zentrail-interactive-wrapper .drop-zone .icon{width:32px;height:32px}.zentrail-interactive-wrapper .loading-text{font-weight:500;color:var(--theme-text-secondary)}.zentrail-interactive-wrapper .progress-bar-bg{width:80%;height:6px;background-color:var(--theme-bg);border-radius:var(--radius-full);overflow:hidden}.zentrail-interactive-wrapper .progress-bar-fg{height:100%;width:0;background-color:var(--theme-accent);border-radius:var(--radius-full);animation:zentrail-fill-progress var(--animation-duration) infinite var(--animation-delay) ease-out}.zentrail-interactive-wrapper .review-form{width:100%;height:100%;display:flex;flex-direction:column;gap:.75rem}.zentrail-interactive-wrapper .review-field{display:flex;flex-direction:column;gap:.25rem}.zentrail-interactive-wrapper .review-field label{font-size:.75rem;font-weight:500;color:var(--theme-text-tertiary)}.zentrail-interactive-wrapper .review-field .value{background-color:var(--theme-bg);border:1px solid var(--theme-border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.9rem;color:var(--theme-text-primary)}.zentrail-interactive-wrapper .review-total{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--theme-border);display:flex;justify-content:space-between;align-items:baseline;font-weight:600;color:var(--theme-text-primary)}.zentrail-interactive-wrapper .review-total span:last-child{font-family:var(--font-mono);font-size:1.25rem;color:var(--theme-accent)}.zentrail-interactive-wrapper .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,0);cursor:pointer;transition:all var(--transition);white-space:nowrap}.zentrail-interactive-wrapper .btn .icon{width:16px;height:16px}.zentrail-interactive-wrapper .btn-primary{background-color:var(--theme-accent);color:var(--theme-accent-text);border-color:var(--theme-accent)}.zentrail-interactive-wrapper .btn-primary:hover{background-color:var(--theme-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.zentrail-interactive-wrapper .btn-success{background-color:var(--theme-success-light);color:var(--theme-success);border-color:var(--theme-success)}.zentrail-interactive-wrapper .btn-success:hover{background-color:var(--theme-success);color:var(--theme-accent-text)}.zentrail-interactive-wrapper .btn-danger{background-color:var(--theme-danger-light);color:var(--theme-danger);border-color:var(--theme-danger)}.zentrail-interactive-wrapper .btn-danger:hover{background-color:var(--theme-danger);color:var(--theme-accent-text)}.zentrail-interactive-wrapper .pending-item{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem;background-color:var(--theme-surface);border:1px solid var(--theme-border);border-left:4px solid var(--theme-warning);border-radius:var(--radius-sm);opacity:0;animation:zentrail-pending-item var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zentrail-interactive-wrapper .pending-item-info{display:flex;align-items:center;gap:1rem}.zentrail-interactive-wrapper .pending-item-amount{font-size:1.2rem;font-weight:700;font-family:var(--font-mono);color:var(--theme-text-primary)}.zentrail-interactive-wrapper .pending-item-details{display:flex;flex-direction:column}.zentrail-interactive-wrapper .pending-item-description{font-weight:500;color:var(--theme-text-primary)}.zentrail-interactive-wrapper .pending-item-meta{font-size:.8rem;color:var(--theme-text-secondary)}.zentrail-interactive-wrapper .pending-item-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}@keyframes zentrail-state-dropzone{0%,8%{opacity:1;visibility:visible}29%,to{opacity:0;visibility:hidden}}@keyframes zentrail-state-loading{0%,29%{opacity:0;visibility:hidden}29.1%,45.8%{opacity:1;visibility:visible}45.9%,to{opacity:0;visibility:hidden}}@keyframes zentrail-state-review{0%,45.8%{opacity:0;visibility:hidden}45.9%,to{opacity:1;visibility:visible}}@keyframes zentrail-fill-progress{0%,29%{width:0}45.8%{width:100%}to{width:100%}}@keyframes zentrail-flow-arrow{0%,45.8%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}60%{stroke-dashoffset:0}to{opacity:1;stroke-dashoffset:0;transform:scale(1)}}@keyframes zentrail-pending-item{0%,50%{opacity:0;transform:translateY(10px)}58.3%,to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.zentrail-interactive-wrapper .showcase-frame{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.zentrail-interactive-wrapper .flow-arrow svg{transform:rotate(90deg)}}.zentrail-interactive-wrapper .stats-row{display:flex;gap:.5rem;margin-bottom:.75rem}.zentrail-interactive-wrapper .stat-card{flex:1 1;background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-sm);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.25rem}.zentrail-interactive-wrapper .stat-card.accent{border-color:var(--theme-accent);background:linear-gradient(135deg,rgba(243,164,46,.08),transparent)}.zentrail-interactive-wrapper .stat-card .stat-icon{color:var(--theme-text-tertiary)}.zentrail-interactive-wrapper .stat-card.accent .stat-icon{color:var(--theme-accent)}.zentrail-interactive-wrapper .stat-card .stat-value{font-size:1rem;font-weight:700;font-family:var(--font-mono);color:var(--theme-text-primary)}.zentrail-interactive-wrapper .stat-card.accent .stat-value{color:var(--theme-accent)}.zentrail-interactive-wrapper .stat-card .stat-label{font-size:.65rem;color:var(--theme-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.zentrail-interactive-wrapper .phase-receipt{animation:zentrail-phase-receipt var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zentrail-interactive-wrapper .phase-dashboard{position:absolute;inset:0;display:flex;flex-direction:column;padding:2rem;background-color:var(--theme-bg);opacity:0;visibility:hidden;animation:zentrail-phase-dashboard var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zentrail-interactive-wrapper .phase-dashboard .dashboard-header{display:flex;align-items:center;gap:.75rem;color:var(--theme-text-secondary);font-size:1rem;font-weight:600;margin-bottom:1.25rem}.zentrail-interactive-wrapper .phase-dashboard .dashboard-header .icon{width:22px;height:22px;color:var(--theme-accent)}.zentrail-interactive-wrapper .phase-dashboard .dashboard-stats{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem;margin-bottom:1.5rem}.zentrail-interactive-wrapper .phase-dashboard .stat-wallet{grid-column:1/-1;background:linear-gradient(135deg,rgba(243,164,46,.15),rgba(243,164,46,.05));border:1px solid rgba(243,164,46,.3);border-radius:var(--radius-md);padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.zentrail-interactive-wrapper .phase-dashboard .stat-small{background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.zentrail-interactive-wrapper .phase-dashboard .dashboard-stat-label{font-size:.75rem;font-weight:600;color:var(--theme-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.zentrail-interactive-wrapper .phase-dashboard .dashboard-stat-value{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);color:var(--theme-text-primary)}.zentrail-interactive-wrapper .phase-dashboard .dashboard-stat-sub{font-size:.75rem;color:var(--theme-success);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.zentrail-interactive-wrapper .phase-dashboard .pending-list{flex:1 1;display:flex;flex-direction:column;gap:.75rem}.zentrail-interactive-wrapper .phase-dashboard .pending-list-header{font-size:.8rem;font-weight:600;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--theme-border)}.zentrail-interactive-wrapper .phase-dashboard .pending-list-header .badge{background-color:rgba(237,98,80,.15);color:var(--theme-warning);padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.7rem}@keyframes zentrail-phase-receipt{0%,50%{opacity:1;visibility:visible}55%,95%{opacity:0;visibility:hidden}to{opacity:0;visibility:hidden}}@keyframes zentrail-phase-dashboard{0%,50%{opacity:0;visibility:hidden}55%,95%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.zenhoot-interactive-wrapper{--font-sans:var(--font-sans-zenhoot),"Inter",-apple-system,sans-serif;--primary:#FFE810;--primary-foreground:#1a1a1a;--bg-base:#000000;--bg-surface:#131212;--bg-subtle:#0e0d0d85;--bg-hover:#282828;--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--text-tertiary:#535353;--border:#282828;--border-subtle:#181818;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-full:9999px;--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.12);--transition-base:all 0.25s cubic-bezier(0.4,0,0.2,1);--browser-height:215px;--player-height:88px;--animation-duration:12s;--animation-delay:1s}.zenhoot-interactive-wrapper *{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}.zenhoot-interactive-wrapper .showcase-container{display:grid;width:100%;max-width:850px;height:550px;overflow:hidden;grid-template-columns:240px 1fr;grid-template-rows:1fr var(--player-height);grid-template-areas:"sidebar main" "sidebar player";background-color:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md)}.zenhoot-interactive-wrapper .sidebar{grid-area:sidebar;display:flex;flex-direction:column;padding:.75rem;gap:1rem;background-color:var(--bg-subtle);border-right:1px solid var(--border)}.zenhoot-interactive-wrapper .sidebar__logo{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);padding:.5rem .25rem}.zenhoot-interactive-wrapper .sidebar__logo-icon{width:32px;height:32px;color:var(--primary)}.zenhoot-interactive-wrapper .sidebar__nav{display:flex;flex-direction:column;gap:2px}.zenhoot-interactive-wrapper .sidebar__nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-xs);color:var(--text-secondary);font-weight:500;transition:var(--transition-base);font-size:14px}.zenhoot-interactive-wrapper .sidebar__nav-item .icon{width:16px;height:16px}.zenhoot-interactive-wrapper .sidebar__nav-item--active{background-color:var(--primary);color:var(--primary-foreground)}.zenhoot-interactive-wrapper .sidebar__playlists{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.zenhoot-interactive-wrapper .sidebar__section-title{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;padding:.75rem .75rem .25rem}.zenhoot-interactive-wrapper .main-view{grid-area:main;display:flex;flex-direction:column;overflow:hidden;position:relative}.zenhoot-interactive-wrapper .library-browser{display:grid;grid-template-columns:1fr 1fr 1fr;flex-shrink:0;border-bottom:1px solid var(--border);overflow:hidden;animation:zenhoot-collapse-browser var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenhoot-interactive-wrapper .browser-pane{display:flex;flex-direction:column;border-right:1px solid var(--border)}.zenhoot-interactive-wrapper .browser-pane:last-child{border-right:none}.zenhoot-interactive-wrapper .browser-pane__header{padding:.5rem .75rem;font-size:.7rem;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.zenhoot-interactive-wrapper .browser-pane__list{list-style:none;overflow-y:auto;flex-grow:1}.zenhoot-interactive-wrapper .browser-pane__item{padding:.25rem .5rem;font-size:.875rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:2px;color:var(--text-secondary)}.zenhoot-interactive-wrapper .artist-pane-item-eminem{animation:zenhoot-click-artist var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenhoot-interactive-wrapper .artist-album-browser{padding:1.5rem 2rem;border-bottom:1px solid var(--border);background-color:var(--bg-surface);flex-shrink:0;opacity:0;overflow:hidden;animation:zenhoot-expand-artist-browser var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenhoot-interactive-wrapper .artist-album-browser__scroll-area{display:flex;gap:1.5rem;overflow-x:auto;scrollbar-width:none}.zenhoot-interactive-wrapper .artist-album-browser__scroll-area::-webkit-scrollbar{display:none}.zenhoot-interactive-wrapper .album-card{display:flex;flex-direction:column;gap:.75rem;width:130px;flex-shrink:0}.zenhoot-interactive-wrapper .album-card:hover .album-card__art{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.zenhoot-interactive-wrapper .album-card__art{width:130px;height:130px;border-radius:var(--radius-md);background-color:var(--bg-subtle);box-shadow:var(--shadow-md);transition:var(--transition-base);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);overflow:hidden}.zenhoot-interactive-wrapper .album-card__art .icon{width:48px;height:48px}.zenhoot-interactive-wrapper .album-card__name{font-size:.8rem;font-weight:500;color:var(--text-primary);line-height:1.3;text-align:center}.zenhoot-interactive-wrapper .track-list-container{flex-grow:1;overflow:hidden;position:relative}.zenhoot-interactive-wrapper .track-list-scroll-area{height:100%;overflow-y:auto}.zenhoot-interactive-wrapper .track-list-header,.zenhoot-interactive-wrapper .virtual-row{display:flex}.zenhoot-interactive-wrapper .track-list-header{height:28px;border-bottom:1px solid var(--border);position:sticky;top:0;background-color:var(--bg-base);z-index:2}.zenhoot-interactive-wrapper .track-list-header .track-list-col{padding:.6rem .75rem;font-weight:500;font-size:.75rem;color:var(--text-tertiary)}.zenhoot-interactive-wrapper .track-list-col{padding:.6rem .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.zenhoot-interactive-wrapper .track-list-col--play{width:45px;flex-shrink:0;justify-content:center}.zenhoot-interactive-wrapper .track-list-col--title{width:35%;color:var(--text-primary)}.zenhoot-interactive-wrapper .track-list-col--album,.zenhoot-interactive-wrapper .track-list-col--artist{width:25%}.zenhoot-interactive-wrapper .track-list-col--duration{width:80px;flex-shrink:0;justify-content:flex-end}.zenhoot-interactive-wrapper .virtual-row{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);height:39px}.zenhoot-interactive-wrapper .track-list-content{position:relative;height:100%}.zenhoot-interactive-wrapper .track-list-view{position:absolute;inset:0;pointer-events:none}.zenhoot-interactive-wrapper .track-list-view--all{animation:zenhoot-slide-out-all-tracks var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenhoot-interactive-wrapper .track-list-view--artist{opacity:0;animation:zenhoot-slide-in-artist-tracks var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenhoot-interactive-wrapper .player-bar{grid-area:player;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;padding:0 1rem;gap:1.5rem;background-color:var(--bg-surface);border-top:1px solid var(--border)}.zenhoot-interactive-wrapper .player-bar__track-info{display:flex;align-items:center;gap:.75rem;min-width:0}.zenhoot-interactive-wrapper .track-info__album-art{width:48px;height:48px;background-color:var(--bg-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.zenhoot-interactive-wrapper .track-info__album-art .icon{width:24px;height:24px}.zenhoot-interactive-wrapper .track-info__text{min-width:0}.zenhoot-interactive-wrapper .track-info__title{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zenhoot-interactive-wrapper .track-info__artist{font-size:.8rem;color:var(--text-secondary)}.zenhoot-interactive-wrapper .player-bar__controls{display:flex;flex-direction:column;align-items:center;gap:.25rem}.zenhoot-interactive-wrapper .controls__buttons{display:flex;align-items:center;gap:.75rem}.zenhoot-interactive-wrapper .player-button{background:none;border:none;color:var(--text-secondary);padding:.5rem;border-radius:var(--radius-full);cursor:pointer}.zenhoot-interactive-wrapper .player-button--primary{color:var(--text-primary);background-color:var(--bg-subtle);width:38px;height:38px;display:grid;place-items:center}.zenhoot-interactive-wrapper .controls__seeker{display:flex;align-items:center;gap:.5rem;width:100%}.zenhoot-interactive-wrapper .seeker__time{font-size:.75rem;color:var(--text-secondary);width:4ch;text-align:center}.zenhoot-interactive-wrapper .slider-wrapper{flex-grow:1;height:20px;display:flex;align-items:center}.zenhoot-interactive-wrapper .slider-inactive{width:100%;height:6px;background:var(--bg-subtle);border-radius:var(--radius-full)}.zenhoot-interactive-wrapper .player-bar__right-controls{display:flex;justify-content:flex-end}@keyframes zenhoot-click-artist{0%,24.9%{background-color:rgba(0,0,0,0);color:var(--text-secondary)}25%,35%{background-color:var(--primary);color:var(--primary-foreground)}35.1%,to{background-color:rgba(0,0,0,0);color:var(--text-secondary)}}@keyframes zenhoot-collapse-browser{0%,25%{height:var(--browser-height);opacity:1}35%,to{height:0;opacity:0}}@keyframes zenhoot-expand-artist-browser{0%,25%{height:0;opacity:0}35%,85%{height:210px;opacity:1}to{height:0;opacity:0}}@keyframes zenhoot-slide-out-all-tracks{0%,25%{transform:translateY(0);opacity:1}35%,to{transform:translateY(-20px);opacity:0}}@keyframes zenhoot-slide-in-artist-tracks{0%,25%{transform:translateY(20px);opacity:0}35%,85%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.zenstatus-interactive-wrapper{--font-sans:var(--font-sans-zenstatus),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:var(--font-mono-zenstatus),"Roboto Mono",monospace;--animation-duration:10s;--animation-delay:1s;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--transition-base:all 0.25s cubic-bezier(0.4,0,0.2,1);--shadow-lg:0 8px 32px rgba(0,0,0,0.25);--color-background-main:#0b101f;--color-surface:#18233a;--color-border:#2c3a58;--color-border-subtle:#1f2d45;--color-primary:#38bdf8;--color-negative:#f4707c;--color-status-up:#3fb950;--color-status-up-rgb:63,185,80;--color-status-up-glow:rgba(63,185,80,0.35);--color-status-pending:#d9a12e;--color-status-pending-rgb:217,161,46;--color-status-pending-glow:rgba(217,161,46,0.35);--color-text-primary:#e6edf3;--color-text-secondary:#909dab}.zenstatus-interactive-wrapper *{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}.zenstatus-interactive-wrapper .showcase-frame{background:var(--color-background-main);padding:2rem;border-radius:var(--radius-lg);width:100%;max-width:700px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);overflow:hidden}.zenstatus-interactive-wrapper .animation-driver{animation:zenstatus-master-fade var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes zenstatus-master-fade{0%,to{opacity:0}10%,90%{opacity:1}}.zenstatus-interactive-wrapper .nexus-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.zenstatus-interactive-wrapper .nexus-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.zenstatus-interactive-wrapper .nexus-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.zenstatus-interactive-wrapper .nexus-title .icon{width:24px;height:24px;color:var(--color-primary)}.zenstatus-interactive-wrapper .nexus-description{font-size:.9rem;color:var(--color-text-secondary);max-width:60ch}.zenstatus-interactive-wrapper .nexus-status-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;animation:zenstatus-badge-color-change var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenstatus-interactive-wrapper .nexus-status-badge .icon{width:20px;height:20px}.zenstatus-interactive-wrapper .status-text:before{content:"UP";animation:zenstatus-status-text-change var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenstatus-interactive-wrapper .condition-current-state:before{content:"Current: 850ms";animation:zenstatus-current-state-text-change var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenstatus-interactive-wrapper .status-icon .degraded,.zenstatus-interactive-wrapper .status-icon .up{display:none}.zenstatus-interactive-wrapper .conditions-title{font-size:1.1rem;font-weight:500;color:var(--color-text-secondary);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.zenstatus-interactive-wrapper .conditions-list{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:1rem}.zenstatus-interactive-wrapper .condition-item{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-left-width:4px;border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}.zenstatus-interactive-wrapper .condition-status-indicator{width:24px;height:24px;flex-shrink:0}.zenstatus-interactive-wrapper .condition-status-indicator .icon-fail,.zenstatus-interactive-wrapper .condition-status-indicator .icon-pass{display:none}.zenstatus-interactive-wrapper .condition-item.is-failing .condition-status-indicator .icon-fail,.zenstatus-interactive-wrapper .condition-item.is-passing .condition-status-indicator .icon-pass{display:block}.zenstatus-interactive-wrapper .condition-item.is-passing{border-left-color:var(--color-status-up);color:var(--color-status-up)}.zenstatus-interactive-wrapper .condition-item.is-failing.is-critical{border-left-color:var(--color-negative);color:var(--color-negative)}.zenstatus-interactive-wrapper .condition-item.is-failing:not(.is-critical){border-left-color:var(--color-status-pending);color:var(--color-status-pending)}.zenstatus-interactive-wrapper .condition-details{flex-grow:1}.zenstatus-interactive-wrapper .endpoint-name{font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.zenstatus-interactive-wrapper .endpoint-name .icon{width:16px;height:16px;opacity:.6}.zenstatus-interactive-wrapper .condition-current-state,.zenstatus-interactive-wrapper .condition-logic{font-size:.8rem;color:var(--color-text-secondary)}.zenstatus-interactive-wrapper .condition-current-state{font-family:var(--font-mono)}.zenstatus-interactive-wrapper .condition-criticality-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);margin-left:auto;background-color:rgba(var(--color-negative-rgb),.15);color:var(--color-negative);border:1px solid rgba(var(--color-negative-rgb),.3)}.zenstatus-interactive-wrapper .condition-item:not(.is-critical) .condition-criticality-badge{background-color:rgba(var(--color-status-pending-rgb),.15);color:var(--color-status-pending);border-color:rgba(var(--color-status-pending-rgb),.3)}.zenstatus-interactive-wrapper .condition-that-fails{animation:zenstatus-condition-state-change var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes zenstatus-badge-color-change{0%,40%{background-color:rgba(var(--color-status-up-rgb),.1);border-color:rgba(var(--color-status-up-rgb),.3);color:var(--color-status-up);box-shadow:0 0 10px -2px var(--color-status-up-glow)}50%,to{background-color:rgba(var(--color-status-pending-rgb),.1);border-color:rgba(var(--color-status-pending-rgb),.3);color:var(--color-status-pending);box-shadow:0 0 10px -2px var(--color-status-pending-glow)}}@keyframes zenstatus-status-text-change{0%,40%{content:"UP";opacity:1}45%{opacity:0}50%{content:"DEGRADED";opacity:0}55%,to{opacity:1}}@keyframes zenstatus-condition-state-change{0%,40%{border-left-color:var(--color-status-up);color:var(--color-status-up)}50%,to{border-left-color:var(--color-status-pending);color:var(--color-status-pending)}}@keyframes zenstatus-current-state-text-change{0%,40%{content:"Current: 850ms";opacity:1}45%{opacity:0}50%{content:"Current: 1250ms (FAILING)";opacity:0}55%,to{opacity:1}}.zenstatus-interactive-wrapper .animation-driver .nexus-status-badge .status-icon .up{animation:zenstatus-show-hide var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenstatus-interactive-wrapper .animation-driver .nexus-status-badge .status-icon .degraded{animation:zenstatus-hide-show var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenstatus-interactive-wrapper .condition-that-fails .condition-status-indicator .icon-pass{animation:zenstatus-show-hide var(--animation-duration) infinite var(--animation-delay) ease-in-out}.zenstatus-interactive-wrapper .condition-that-fails .condition-status-indicator .icon-fail{animation:zenstatus-hide-show var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes zenstatus-show-hide{0%,40%{display:block}40.1%,to{display:none}}@keyframes zenstatus-hide-show{0%,49.9%{display:none}50%,to{display:block}}.dokploy-interactive-wrapper{--font-sans:var(--font-sans-dokploy),"Inter",-apple-system,sans-serif;--font-mono:var(--font-mono-dokploy),"Roboto Mono",monospace;--animation-duration:14s;--animation-delay:1s;--space-xs:0.25rem;--space-sm:0.4rem;--space-md:0.6rem;--space-lg:0.8rem;--space-xl:1rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--bg-primary:#0a0b0f;--bg-secondary:#15171c;--bg-tertiary:#22252b;--border-color:#282b33;--border-color-light:#48505e;--text-primary:#f0f2f5;--text-secondary:#9fa4b4;--text-muted:#686d7b;--accent:#d4af37;--success:#34d399;--info:#5fa8ef;--success-bg:rgba(52,211,153,0.1);--info-bg:rgba(95,168,239,0.1)}.dokploy-interactive-wrapper *{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}.dokploy-interactive-wrapper .showcase-frame{background-color:var(--bg-primary);padding:1.25rem;border-radius:var(--radius-lg);width:100%;max-width:800px;border:1px solid var(--border-color);box-shadow:0 20px 40px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:var(--space-lg);overflow:hidden}.dokploy-interactive-wrapper .animation-driver{animation:dokploy-master-fade var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-master-fade{0%,to{opacity:0}7%,93%{opacity:1}}.dokploy-interactive-wrapper .icon{width:1.2em;height:1.2em;stroke-width:2}.dokploy-interactive-wrapper .page-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.dokploy-interactive-wrapper .page-title .icon{color:var(--accent)}.dokploy-interactive-wrapper .details-container{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);border-left:4px solid var(--accent);padding:var(--space-lg) var(--space-xl)}.dokploy-interactive-wrapper .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 var(--space-xl)}.dokploy-interactive-wrapper .detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-color)}.dokploy-interactive-wrapper .detail-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.dokploy-interactive-wrapper .detail-value{font-weight:500;color:var(--text-primary)}.dokploy-interactive-wrapper .status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.2rem .6rem;font-size:.8rem;font-weight:600;border-radius:4px;text-transform:uppercase}.dokploy-interactive-wrapper .status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background-color:currentColor}.dokploy-interactive-wrapper .status-badge.running{background-color:var(--info-bg);color:var(--info);border:1px solid rgba(95,168,239,.2);animation:dokploy-pulse-opacity 2s ease-in-out infinite}.dokploy-interactive-wrapper .job-progress-container{background-color:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.dokploy-interactive-wrapper .job-progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-xl);align-items:center}.dokploy-interactive-wrapper .job-progress-title{font-size:1.2rem;font-weight:600}.dokploy-interactive-wrapper .job-progress-bar-overall{height:8px;width:100%;background-color:var(--bg-primary);border-radius:4px;overflow:hidden;margin-bottom:var(--space-xl)}.dokploy-interactive-wrapper .job-progress-bar-fill{height:100%;width:0;background-color:var(--info);border-radius:4px;animation:dokploy-fill-overall var(--animation-duration) infinite var(--animation-delay) ease-in-out,dokploy-progress-stripes 1s linear infinite;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 0,transparent 50%,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 75%,transparent 0,transparent);background-size:40px 40px}.dokploy-interactive-wrapper .job-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.dokploy-interactive-wrapper .job-step{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .3s ease;opacity:.5}.dokploy-interactive-wrapper .job-step-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);color:var(--text-muted);border:2px solid var(--border-color-light);transition:all .3s ease}.dokploy-interactive-wrapper .job-step-icon .icon{width:16px;height:16px}.dokploy-interactive-wrapper .job-step-info{min-width:0}.dokploy-interactive-wrapper .job-step-title{font-weight:500;color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.dokploy-interactive-wrapper .job-step-status{font-size:.75rem;color:var(--text-muted)}.dokploy-interactive-wrapper .log-viewer-container{margin-top:var(--space-lg);background-color:#000;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;height:100px}.dokploy-interactive-wrapper .log-output{padding:var(--space-md);font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:#ccc;height:100%;overflow-y:auto}.dokploy-interactive-wrapper .log-line{opacity:0;animation:dokploy-log-fade-in var(--animation-duration) infinite var(--animation-delay) ease-in-out;white-space:pre}.dokploy-interactive-wrapper .log-line.l1{animation-name:dokploy-log-l1}.dokploy-interactive-wrapper .log-line.l2{animation-name:dokploy-log-l2}.dokploy-interactive-wrapper .log-line.l3{animation-name:dokploy-log-l3}.dokploy-interactive-wrapper .log-line.l4{animation-name:dokploy-log-l4}.dokploy-interactive-wrapper .log-line.l5{animation-name:dokploy-log-l5}.dokploy-interactive-wrapper .log-line.l6{animation-name:dokploy-log-l6}.dokploy-interactive-wrapper .log-line.l7{animation-name:dokploy-log-l7}.dokploy-interactive-wrapper .log-line.l8{animation-name:dokploy-log-l8}.dokploy-interactive-wrapper .animation-driver .job-step{animation:dokploy-step-status-change var(--animation-duration) infinite var(--animation-delay) ease-in-out}.dokploy-interactive-wrapper .animation-driver .s1{animation-name:dokploy-step-s1}.dokploy-interactive-wrapper .animation-driver .s2{animation-name:dokploy-step-s2}.dokploy-interactive-wrapper .animation-driver .s3{animation-name:dokploy-step-s3}.dokploy-interactive-wrapper .animation-driver .s4{animation-name:dokploy-step-s4}.dokploy-interactive-wrapper .animation-driver .s5{animation-name:dokploy-step-s5}@keyframes dokploy-fill-overall{0%,7%{width:0}14%{width:10%;background-color:var(--info)}21%{width:25%}35%{width:50%}64%{width:90%}71%{width:100%;background-color:var(--info)}78%{background-color:var(--success)}to{width:100%}}@keyframes s1{0%,6.9%{opacity:.5}7%{opacity:1;background-color:var(--bg-tertiary)}78%{background-color:var(--bg-tertiary)}78.1%,to{opacity:1}}.dokploy-interactive-wrapper .animation-driver .s1 .job-step-icon{animation:dokploy-icon-s1 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-icon-s1{0%,6.9%{color:var(--text-muted);background-color:var(--bg-tertiary);border-color:var(--border-color-light)}7%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78.1%,to{color:var(--success);background-color:var(--success-bg);border-color:var(--success)}}.dokploy-interactive-wrapper .animation-driver .s1 .job-step-status{animation:dokploy-text-s1 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-text-s1{0%,6.9%{content:"Pending"}7%{content:"In Progress..."}78%{content:"In Progress..."}78.1%,to{content:"Completed"}}@keyframes s2{0%,13.9%{opacity:.5}14%{opacity:1;background-color:var(--bg-tertiary)}78%{background-color:var(--bg-tertiary)}78.1%,to{opacity:1}}.dokploy-interactive-wrapper .animation-driver .s2 .job-step-icon{animation:dokploy-icon-s2 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-icon-s2{0%,13.9%{color:var(--text-muted);background-color:var(--bg-tertiary);border-color:var(--border-color-light)}14%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78.1%,to{color:var(--success);background-color:var(--success-bg);border-color:var(--success)}}.dokploy-interactive-wrapper .animation-driver .s2 .job-step-status{animation:dokploy-text-s2 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-text-s2{0%,13.9%{content:"Pending"}14%{content:"In Progress..."}78%{content:"In Progress..."}78.1%,to{content:"Completed"}}@keyframes s3{0%,20.9%{opacity:.5}21%{opacity:1;background-color:var(--bg-tertiary)}78%{background-color:var(--bg-tertiary)}78.1%,to{opacity:1}}.dokploy-interactive-wrapper .animation-driver .s3 .job-step-icon{animation:dokploy-icon-s3 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-icon-s3{0%,20.9%{color:var(--text-muted);background-color:var(--bg-tertiary);border-color:var(--border-color-light)}21%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78.1%,to{color:var(--success);background-color:var(--success-bg);border-color:var(--success)}}.dokploy-interactive-wrapper .animation-driver .s3 .job-step-status{animation:dokploy-text-s3 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-text-s3{0%,20.9%{content:"Pending"}21%{content:"In Progress..."}78%{content:"In Progress..."}78.1%,to{content:"Completed"}}@keyframes s4{0%,34.9%{opacity:.5}35%{opacity:1;background-color:var(--bg-tertiary)}78%{background-color:var(--bg-tertiary)}78.1%,to{opacity:1}}.dokploy-interactive-wrapper .animation-driver .s4 .job-step-icon{animation:dokploy-icon-s4 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-icon-s4{0%,34.9%{color:var(--text-muted);background-color:var(--bg-tertiary);border-color:var(--border-color-light)}35%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78.1%,to{color:var(--success);background-color:var(--success-bg);border-color:var(--success)}}.dokploy-interactive-wrapper .animation-driver .s4 .job-step-status{animation:dokploy-text-s4 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-text-s4{0%,34.9%{content:"Pending"}35%{content:"In Progress..."}78%{content:"In Progress..."}78.1%,to{content:"Completed"}}@keyframes s5{0%,63.9%{opacity:.5}64%{opacity:1;background-color:var(--bg-tertiary)}78%{background-color:var(--bg-tertiary)}78.1%,to{opacity:1}}.dokploy-interactive-wrapper .animation-driver .s5 .job-step-icon{animation:dokploy-icon-s5 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-icon-s5{0%,63.9%{color:var(--text-muted);background-color:var(--bg-tertiary);border-color:var(--border-color-light)}64%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78%{color:var(--info);background-color:var(--info-bg);border-color:var(--info)}78.1%,to{color:var(--success);background-color:var(--success-bg);border-color:var(--success)}}.dokploy-interactive-wrapper .animation-driver .s5 .job-step-status{animation:dokploy-text-s5 var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-text-s5{0%,63.9%{content:"Pending"}64%{content:"In Progress..."}78%{content:"In Progress..."}78.1%,to{content:"Completed"}}@keyframes dokploy-log-l1{0%,9.9%{opacity:0}10%,to{opacity:1}}@keyframes dokploy-log-l2{0%,16.9%{opacity:0}17%,to{opacity:1}}@keyframes dokploy-log-l3{0%,23.9%{opacity:0}24%,to{opacity:1}}@keyframes dokploy-log-l4{0%,37.9%{opacity:0}38%,to{opacity:1}}@keyframes dokploy-log-l5{0%,49.9%{opacity:0}50%,to{opacity:1}}@keyframes dokploy-log-l6{0%,63.9%{opacity:0}64%,to{opacity:1}}@keyframes dokploy-log-l7{0%,70.9%{opacity:0}71%,to{opacity:1}}@keyframes dokploy-log-l8{0%,81.9%{opacity:0}82%,to{opacity:1}}.dokploy-interactive-wrapper .job-progress-status-text{display:flex;align-items:center;gap:var(--space-xs);font-weight:500}.dokploy-interactive-wrapper .job-progress-status-text .spinner{animation:dokploy-spin 1.5s linear infinite}@keyframes dokploy-spin{to{transform:rotate(1turn)}}.dokploy-interactive-wrapper .job-progress-status-text{animation:dokploy-final-status-change var(--animation-duration) infinite var(--animation-delay) ease-in-out}.dokploy-interactive-wrapper .job-progress-status-text .final-icon-complete{display:none}.dokploy-interactive-wrapper .job-progress-status-text .final-text:before{content:"Job is Running..."}@keyframes dokploy-final-status-change{0%,77.9%{color:var(--info)}78%,to{color:var(--success)}}.dokploy-interactive-wrapper .animation-driver .job-progress-status-text .final-icon-running{animation:dokploy-show-hide-final-icon var(--animation-duration) infinite var(--animation-delay) ease-in-out}.dokploy-interactive-wrapper .animation-driver .job-progress-status-text .final-icon-complete{animation:dokploy-hide-show-final-icon var(--animation-duration) infinite var(--animation-delay) ease-in-out}.dokploy-interactive-wrapper .animation-driver .job-progress-status-text .final-text:before{animation:dokploy-final-text-change var(--animation-duration) infinite var(--animation-delay) ease-in-out}@keyframes dokploy-show-hide-final-icon{0%,77.9%{display:block}78%,to{display:none}}@keyframes dokploy-hide-show-final-icon{0%,77.9%{display:none}78%,to{display:block}}@keyframes dokploy-final-text-change{0%,77.9%{content:"Job is Running..."}78%,to{content:"Completed Successfully"}}@keyframes dokploy-pulse-opacity{0%,to{opacity:1}50%{opacity:.6}}@keyframes dokploy-progress-stripes{0%{background-position:40px 0}to{background-position:0 0}}.account-page{animation:fadeIn .4s ease-out;padding-bottom:4rem}.account-page h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,rgba(255,255,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.account-page .subtitle{color:rgb(var(--secondary-text-rgb));margin-bottom:2rem}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.account-card{background:rgba(var(--card-bg-rgb),.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--border-rgb),.5);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-color-rgb),.3),transparent)}.account-card:hover{border-color:rgba(var(--accent-color-rgb),.3);box-shadow:0 8px 32px rgba(0,0,0,.2);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.card-header .icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.1),rgba(var(--accent-secondary-rgb),.1));display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--accent-color-rgb),.2)}.card-header .icon-wrapper i{font-size:1.25rem;color:var(--accent-color)}.card-header h2{font-size:1.25rem;font-weight:600;color:rgb(var(--foreground-rgb));margin:0}.card-header p{font-size:.875rem;color:rgb(var(--secondary-text-rgb));margin:0}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:rgb(var(--secondary-text-rgb));transition:color .2s}.form-group:focus-within label{color:var(--accent-color)}.form-group .input-wrapper{position:relative;display:flex;align-items:center}.form-group .input-wrapper i{position:absolute;left:1rem;color:rgba(var(--secondary-text-rgb),.5);font-size:1rem;pointer-events:none;transition:color .2s}.form-group .input-wrapper input{width:100%;background:rgba(0,0,0,.2);border:1px solid rgba(var(--border-rgb),.5);border-radius:8px;padding:.75rem 1rem .75rem 2.75rem;color:rgb(var(--foreground-rgb));font-family:inherit;font-size:.95rem;transition:all .2s}.form-group .input-wrapper input::placeholder{color:rgba(var(--secondary-text-rgb),.3)}.form-group .input-wrapper input:focus{outline:none;border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05);box-shadow:0 0 0 4px rgba(var(--accent-color-rgb),.1)}.form-group .input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.form-group .input-wrapper:focus-within i{color:var(--accent-color)}.btn-primary{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;box-shadow:0 4px 12px rgba(var(--gradient-color-2-rgb,250,112,94),.25)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--gradient-color-2-rgb,250,112,94),.35);filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.profile-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px dashed rgba(var(--border-rgb),.5)}.profile-info .avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-info .info h3{font-size:1.1rem;margin-bottom:.25rem;color:rgb(var(--foreground-rgb))}.profile-info .info p{color:rgb(var(--secondary-text-rgb));font-size:.9rem;display:flex;align-items:center;gap:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.telemetry-header-actions{display:flex;align-items:center;gap:1rem}.telemetry-auto-refresh{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:rgba(var(--foreground-rgb),.4);font-weight:500}.live-dot-inline{width:6px;height:6px;background:#4caf50;border-radius:50%;box-shadow:0 0 8px rgba(76,175,80,.5);animation:livePulse 2s infinite}@keyframes livePulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}to{transform:scale(1);opacity:1}}.telemetry-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem}@media(max-width:600px){.telemetry-stats-grid{grid-template-columns:1fr}}.telemetry-stat-card{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease}.telemetry-stat-card:hover{background:rgba(var(--foreground-rgb),.05);border-color:rgba(var(--foreground-rgb),.12);transform:translateY(-2px)}.telemetry-stat-card .stat-header{display:flex;align-items:center;justify-content:space-between}.telemetry-stat-card .stat-title{font-size:.85rem;font-weight:500;color:rgba(var(--foreground-rgb),.5);text-transform:uppercase;letter-spacing:.04em}.telemetry-stat-card .stat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(243,178,138,.15),rgba(250,112,94,.1));border:1px solid rgba(243,178,138,.2);color:var(--gradient-color-1)}.telemetry-stat-card .stat-icon svg{width:20px;height:20px}.telemetry-stat-card .stat-value{font-size:2.25rem;font-weight:700;color:#fff;line-height:1.1}.telemetry-stat-card .stat-trend{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600}.telemetry-stat-card .stat-trend.positive{color:#4caf50}.telemetry-stat-card .stat-trend.negative{color:#f44336}.telemetry-stat-card .stat-trend svg{width:14px;height:14px}.telemetry-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:900px){.telemetry-charts-grid{grid-template-columns:1fr}}.telemetry-chart-card{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;overflow:hidden}.telemetry-chart-card .chart-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.06)}.telemetry-chart-card .chart-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0}.telemetry-chart-card .chart-body{padding:1.5rem;height:320px}.telemetry-keys-section{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;overflow:hidden;margin-bottom:2rem}.telemetry-keys-section .keys-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.06)}.telemetry-keys-section .keys-header .header-left{display:flex;align-items:center;gap:.75rem}.telemetry-keys-section .keys-header .header-left .icon-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));display:flex;align-items:center;justify-content:center;color:#fff}.telemetry-keys-section .keys-header .header-left .icon-box svg{width:20px;height:20px}.telemetry-keys-section .keys-header .header-left h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.telemetry-keys-section .keys-table{width:100%;border-collapse:collapse}.telemetry-keys-section .keys-table th{padding:.875rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--foreground-rgb),.4);background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.06)}.telemetry-keys-section .keys-table td{padding:1rem 1.25rem;font-size:.9rem;color:rgba(var(--foreground-rgb),.8);border-bottom:1px solid rgba(var(--foreground-rgb),.04)}.telemetry-keys-section .keys-table tbody tr{transition:background .15s ease}.telemetry-keys-section .keys-table tbody tr:hover{background:rgba(var(--foreground-rgb),.04)}.telemetry-keys-section .keys-table tbody tr:last-child td{border-bottom:none}.telemetry-keys-section .keys-table .key-name{font-weight:600;color:#fff}.telemetry-keys-section .keys-table .key-prefix{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem;color:rgba(var(--foreground-rgb),.6);background:rgba(var(--foreground-rgb),.05);padding:.25rem .5rem;border-radius:4px}.telemetry-keys-section .keys-table .key-date{font-size:.85rem;color:rgba(var(--foreground-rgb),.5)}.telemetry-keys-section .keys-table .key-actions{display:flex;gap:.5rem}.telemetry-keys-section .keys-empty{padding:3rem 1.5rem;text-align:center}.telemetry-keys-section .keys-empty p{color:rgba(var(--foreground-rgb),.5);font-size:.9rem;margin:0}.telemetry-events-section{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;overflow:hidden}.telemetry-events-section .events-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.06);flex-wrap:wrap}.telemetry-events-section .events-header .events-header-left{display:flex;align-items:center;gap:.75rem}.telemetry-events-section .events-header .events-header-left .icon-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(160,147,245,.15),rgba(160,147,245,.1));border:1px solid rgba(160,147,245,.2);display:flex;align-items:center;justify-content:center;color:#a093f5}.telemetry-events-section .events-header .events-header-left .icon-box svg{width:20px;height:20px}.telemetry-events-section .events-header .events-header-left h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.telemetry-events-section .events-header .events-header-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.telemetry-events-section .events-count-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;background:rgba(var(--foreground-rgb),.06);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:6px;color:rgba(var(--foreground-rgb),.5)}.telemetry-events-section .events-table-wrapper{overflow-x:auto}.telemetry-events-section .events-empty{padding:3rem 1.5rem;text-align:center}.telemetry-events-section .events-empty .events-empty-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.telemetry-events-section .events-empty .events-empty-content svg{color:rgba(var(--foreground-rgb),.15)}.telemetry-events-section .events-empty .events-empty-content p{color:rgba(var(--foreground-rgb),.4);font-size:.9rem;margin:0}.telemetry-events-section .events-table{width:100%;border-collapse:collapse}.telemetry-events-section .events-table th{padding:.875rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--foreground-rgb),.4);background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.06);position:sticky;top:0;z-index:2}.telemetry-events-section .events-table td{padding:1rem 1.25rem;font-size:.9rem;color:rgba(var(--foreground-rgb),.8);border-bottom:1px solid rgba(var(--foreground-rgb),.04)}.telemetry-events-section .events-table tbody tr{transition:background .15s ease}.telemetry-events-section .events-table tbody tr:hover{background:rgba(var(--foreground-rgb),.04)}.telemetry-events-section .events-table tbody tr:last-child td{border-bottom:none}.telemetry-events-section .events-table tbody tr.grouped-row{background:rgba(var(--gradient-color-1-rgb,255,140,66),.02)}.telemetry-events-section .events-table tbody tr.grouped-row:hover{background:rgba(var(--gradient-color-1-rgb,255,140,66),.05)}.telemetry-events-section .events-table .skeleton-row td{padding:.875rem 1.25rem}.telemetry-events-section .events-table .event-time{font-size:.85rem;color:rgba(var(--foreground-rgb),.5);white-space:nowrap}.telemetry-events-section .events-table .event-time-cell{display:flex;align-items:center;gap:.4rem}.telemetry-events-section .events-table .event-time-cell svg{color:rgba(var(--foreground-rgb),.3);flex-shrink:0}.telemetry-events-section .events-table .event-type{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.telemetry-events-section .events-table .event-type.error{background:rgba(244,67,54,.15);color:#f44336}.telemetry-events-section .events-table .event-type.usage{background:rgba(33,150,243,.15);color:#2196f3}.telemetry-events-section .events-table .event-type.performance{background:rgba(255,193,7,.15);color:#ffc107}.telemetry-events-section .events-table .event-type.lifecycle{background:rgba(76,175,80,.15);color:#4caf50}.telemetry-events-section .events-table .event-type.info{background:rgba(var(--foreground-rgb),.1);color:rgba(var(--foreground-rgb),.7)}.telemetry-events-section .events-table .event-name-cell{display:flex;align-items:center;gap:.5rem}.telemetry-events-section .events-table .event-name-cell .event-name{font-weight:600;color:#fff}.telemetry-events-section .events-table .event-name-cell .event-group-count{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .4rem;background:rgba(var(--gradient-color-1-rgb,255,140,66),.12);border:1px solid rgba(var(--gradient-color-1-rgb,255,140,66),.2);border-radius:4px;font-size:.7rem;font-weight:600;color:var(--gradient-color-1,#f3b28a);white-space:nowrap}.telemetry-events-section .events-table .event-app-id{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem;color:rgba(var(--foreground-rgb),.6)}.telemetry-events-section .events-table .event-version{font-size:.85rem;color:rgba(var(--foreground-rgb),.5)}.telemetry-search-box{display:flex;align-items:center;gap:.4rem;background:rgba(var(--foreground-rgb),.04);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:8px;padding:.35rem .6rem;min-width:160px;transition:border-color .2s}.telemetry-search-box:focus-within{border-color:var(--gradient-color-1)}.telemetry-search-box svg{color:rgba(var(--foreground-rgb),.35);flex-shrink:0}.telemetry-search-box input{border:none;background:rgba(0,0,0,0);outline:none;color:rgb(var(--foreground-rgb));font-size:.8rem;width:100%;min-width:0}.telemetry-search-box input::placeholder{color:rgba(var(--foreground-rgb),.3)}.telemetry-search-box .telemetry-search-clear{display:flex;align-items:center;justify-content:center;background:rgba(var(--foreground-rgb),.08);border:none;border-radius:4px;padding:.2rem;color:rgba(var(--foreground-rgb),.5);cursor:pointer;transition:all .15s}.telemetry-search-box .telemetry-search-clear:hover{background:rgba(var(--foreground-rgb),.12);color:rgb(var(--foreground-rgb))}.telemetry-filter-select{display:flex;align-items:center;gap:.35rem;background:rgba(var(--foreground-rgb),.04);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:8px;padding:.35rem .6rem;transition:border-color .2s}.telemetry-filter-select:focus-within{border-color:var(--gradient-color-1)}.telemetry-filter-select svg{color:rgba(var(--foreground-rgb),.35);flex-shrink:0}.telemetry-filter-select select{border:none;background:rgba(0,0,0,0);outline:none;color:rgb(var(--foreground-rgb));font-size:.8rem;cursor:pointer;appearance:none;padding-right:.5rem}.telemetry-filter-select select option{background:rgb(var(--background-rgb));color:rgb(var(--foreground-rgb))}.skeleton{background:linear-gradient(90deg,rgba(var(--foreground-rgb),.04) 25%,rgba(var(--foreground-rgb),.08) 50%,rgba(var(--foreground-rgb),.04) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton.skeleton-text{height:14px;width:80%}.skeleton.skeleton-text.short{width:50%}.skeleton.skeleton-badge{height:22px;width:60px;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.events-load-more{display:flex;justify-content:center;padding:1.25rem;border-top:1px solid rgba(var(--foreground-rgb),.04)}.events-load-more .events-load-more-loading{display:flex;align-items:center;gap:.5rem;color:rgba(var(--foreground-rgb),.4);font-size:.85rem}.events-load-more .events-load-more-loading .spinner{animation:spin 1s linear infinite;color:var(--gradient-color-1)}.events-end{text-align:center;padding:1rem;font-size:.8rem;color:rgba(var(--foreground-rgb),.25);border-top:1px solid rgba(var(--foreground-rgb),.04)}@keyframes spin{to{transform:rotate(1turn)}}.telemetry-key-created{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.2);border-radius:10px}.telemetry-key-created .key-value{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem;color:#4caf50;word-break:break-all}.telemetry-key-created .copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:rgba(76,175,80,.15);color:#4caf50;border:none;cursor:pointer;transition:all .15s ease}.telemetry-key-created .copy-btn:hover{background:rgba(76,175,80,.25);color:#fff}.telemetry-key-created .copy-btn svg{width:16px;height:16px}.telemetry-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .875rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.telemetry-action-btn.create{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#000}.telemetry-action-btn.create:hover{opacity:.9;transform:translateY(-1px)}.telemetry-action-btn.create:disabled{opacity:.5;cursor:not-allowed;transform:none}.telemetry-action-btn.revoke{background:rgba(0,0,0,0);color:#f44336;border:1px solid rgba(244,67,54,.2)}.telemetry-action-btn.revoke:hover{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.4)}.telemetry-action-btn.revoke:disabled{opacity:.5;cursor:not-allowed}.telemetry-action-btn svg{width:14px;height:14px}@media(max-width:768px){.telemetry-events-section .events-table,.telemetry-keys-section .keys-table{display:block;overflow-x:auto}.telemetry-stat-card{padding:1.25rem}.telemetry-stat-card .stat-value{font-size:1.75rem}}.telemetry-events-section .events-table tbody tr.clickable{cursor:pointer;transition:background .15s ease,border-color .15s ease}.telemetry-events-section .events-table tbody tr.clickable:hover{background:rgba(var(--foreground-rgb),.06)}.telemetry-events-section .events-table tbody tr.clickable:hover .payload-badge{background:rgba(var(--gradient-color-1-rgb,255,140,66),.2);border-color:rgba(var(--gradient-color-1-rgb,255,140,66),.4)}.telemetry-events-section .event-payload-cell{min-width:100px}.telemetry-events-section .payload-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:rgba(var(--foreground-rgb),.08);border:1px solid rgba(var(--foreground-rgb),.12);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--gradient-color-1,#f3b28a);cursor:pointer;transition:all .2s ease}.telemetry-events-section .payload-badge svg{width:13px;height:13px}.telemetry-events-section .no-payload{color:rgba(var(--foreground-rgb),.3);font-size:.85rem}.event-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:eventModalFadeIn .2s ease-out}@keyframes eventModalFadeIn{0%{opacity:0}to{opacity:1}}.event-modal{background:rgb(var(--background-rgb));border:1px solid rgba(var(--foreground-rgb),.12);border-radius:16px;width:100%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.6);animation:eventModalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes eventModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.event-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.08);background:rgba(var(--foreground-rgb),.02);flex-shrink:0}.event-modal-header .event-modal-title{display:flex;align-items:center;gap:.75rem}.event-modal-header .event-modal-title svg{color:var(--gradient-color-1)}.event-modal-header .event-modal-title h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.event-modal-header .event-modal-title .event-modal-group-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:rgba(var(--gradient-color-1-rgb,255,140,66),.12);border:1px solid rgba(var(--gradient-color-1-rgb,255,140,66),.2);border-radius:6px;font-size:.7rem;font-weight:600;color:var(--gradient-color-1,#f3b28a)}.event-modal-header .event-modal-actions{display:flex;align-items:center;gap:.5rem}.event-modal-header .event-modal-copy{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:rgba(var(--foreground-rgb),.06);border:1px solid rgba(var(--foreground-rgb),.1);border-radius:8px;color:rgba(var(--foreground-rgb),.8);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.event-modal-header .event-modal-copy:hover{background:rgba(var(--foreground-rgb),.1);color:#fff}.event-modal-header .event-modal-copy svg{width:14px;height:14px}.event-modal-header .event-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:8px;color:rgba(var(--foreground-rgb),.6);cursor:pointer;transition:all .2s ease}.event-modal-header .event-modal-close:hover{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.3);color:#f44336}.event-modal-meta{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.06);background:rgba(var(--foreground-rgb),.01);flex-shrink:0}.event-modal-meta .meta-item{display:flex;align-items:center;gap:.5rem}.event-modal-meta .meta-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--foreground-rgb),.4)}.event-modal-meta .meta-value{font-size:.85rem;color:rgba(var(--foreground-rgb),.9)}.event-modal-meta .meta-value.mono{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem}.event-modal-body{flex:1 1;overflow:hidden;padding:0}.json-viewer{height:100%;max-height:calc(85vh - 160px);overflow:auto;background:#0d0d0d;margin:0;padding:1.25rem}.json-viewer pre{margin:0;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:#e0e0e0}.json-viewer .json-key{color:#9cdcfe}.json-viewer .json-string{color:#ce9178}.json-viewer .json-number{color:#b5cea8}.json-viewer .json-boolean{color:#569cd6}.json-viewer .json-null{color:#569cd6;font-style:italic}@media(max-width:600px){.event-modal{max-height:90vh;border-radius:12px}.event-modal-header{padding:1rem}.event-modal-header .event-modal-title h3{font-size:1rem}.event-modal-meta{padding:.75rem 1rem;gap:.75rem}.json-viewer{padding:1rem}.json-viewer pre{font-size:.75rem}}@media(max-width:768px){.telemetry-events-section .events-header{flex-direction:column;align-items:flex-start}.telemetry-events-section .events-header .events-header-right{width:100%}}