: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:#f1a572;--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)#0000}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:rgb(var(--border-rgb));border:3px solid rgb(var(--background-rgb));border-radius:10px;transition:background-color .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}*{box-sizing:border-box;margin:0;padding: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);text-wrap:balance;font-weight:700}.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{z-index:50;-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);border-bottom:1px solid rgb(var(--border-rgb));background-color:#0e0806bf;padding:1.25rem 0;transition:background-color .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.navbar>.container{justify-content:space-between;align-items:center;display:flex}.logo-text{font-family:var(--font-space-grotesk);z-index:1001;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.logo-text>span{background:rgb(var(--foreground-rgb));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.logo-text img{flex-shrink:0}.product-nav{align-items:center;gap:1.5rem;display:flex}.text-nav-link{font-family:var(--font-space-grotesk);color:rgb(var(--foreground-rgb));cursor:pointer;opacity:.8;background:0 0;border:1px solid #0000;border-radius:8px;padding:.5rem .75rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.text-nav-link:hover{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05);opacity:1;border-color:rgba(var(--accent-color-rgb),.1);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.text-nav-link.logout-btn{opacity:.6;font-size:.9rem}.text-nav-link.logout-btn:hover{color:#ff4d4d;background:#ff4d4d0d;border-color:#ff4d4d1a}.auth-nav-divider{background-color:#ffffff26;width:1px;height:24px;margin:0 .25rem}.app-selector{position:relative}.app-selector-trigger{color:rgb(var(--foreground-rgb));cursor:pointer;font-family:var(--font-space-grotesk);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.app-selector-trigger:hover{background:#ffffff1a;border-color:#fff3}.app-selector-trigger i{font-size:.8rem;transition:transform .3s}.app-selector-trigger .rotate{transform:rotate(180deg)}.app-selector-dropdown{opacity:0;visibility:hidden;opacity:0;visibility:hidden;z-index:1002;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:repeat(2,1fr);gap:.5rem;width:600px;max-width:90vw;padding:1rem;display:grid;position:absolute;top:calc(100% + 14px);right:0;overflow:hidden;box-shadow:0 4px 30px #0000004d}.app-selector-dropdown:before{content:"";z-index:-1;background:#14191e66;position:absolute;inset:0;-webkit-backdrop-filter:blur(28px)saturate(180%)!important;backdrop-filter:blur(28px)saturate(180%)!important}.app-selector-dropdown.show{opacity:1;visibility:visible}.app-selector:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:35px;height:1px;position:absolute;bottom:0;left:18px}.app-selector:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff42,#0000);width:45px;height:1px;position:absolute;top:0;right:12px}.app-item{background-color:#0000002b;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex}.app-item:hover{background-color:#ffffff08;border-color:#ffffff0d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.app-item:hover .app-title{color:var(--hover-color)}.app-item:hover .app-icon{box-shadow:0 0 15px var(--hover-color-alpha,#fff3);transform:scale(1.05)}.app-item .app-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0003}.app-item .app-icon i{color:#fff;text-shadow:0 2px 4px #0003;font-size:1.1rem}.app-item .app-info{flex-direction:column;gap:.25rem;display:flex;overflow:hidden}.app-item .app-info .app-title{font-family:var(--font-space-grotesk);color:#fff;font-size:.95rem;font-weight:700;line-height:1.2;transition:color .2s}.app-item .app-info .app-desc{color:#ffffff80;-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.app-item .app-info .app-url{color:#ffffff4d;font-size:.75rem;font-weight:500;font-family:var(--font-space-grotesk);letter-spacing:.02em;align-items:center;gap:4px;margin-top:4px;transition:color .2s;display:flex}.app-item:hover .app-url{color:var(--hover-color);opacity:.8}.menu-toggle{color:rgb(var(--foreground-rgb));cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;font-size:1.5rem;transition:color .3s,transform .3s;display:none}.menu-toggle:hover{color:var(--accent-color)}@keyframes fadeInUpMobileNav{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom-color:#0000}.menu-toggle{display:block}.product-nav{-webkit-backdrop-filter:blur(15px)saturate(180%);backdrop-filter:blur(15px)saturate(180%);z-index:1000;background-color:#0a0a0af2;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;width:100vw;height:100dvh;padding:6rem 2rem 2rem;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;transform:translate(100%)}.product-nav.is-open{transform:translate(0)}.auth-nav-divider{width:100%;height:1px;margin:1rem 0}.text-nav-link{text-align:left;width:100%;padding:.5rem 0;font-size:1.5rem;font-weight:600}.app-selector{width:100%}.app-selector-trigger{background:#ffffff0d;border:none;justify-content:space-between;width:100%;padding:1rem;font-size:1.2rem}.app-selector-dropdown{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);width:100%;box-shadow:none;opacity:1;visibility:visible;background-color:#362b274d;border:1px solid #ffffff14;border-radius:12px;padding:1rem 0;display:none;position:static;transform:none}.app-selector-dropdown.show{grid-template-columns:1fr;animation:none;display:grid}.app-item{padding:1rem}.app-item .app-info .app-desc{white-space:normal}}.HomePage{flex-direction:column;display:flex}@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{min-height:100dvh;padding:calc(var(--header-height) + 2rem)0 2rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.HomePage .heroPanel{text-align:center}@media (max-width:600px){.HomePage .heroPanel{position:relative}.HomePage .heroPanel:before{content:"";pointer-events:none;filter:blur(50px);z-index:0;background:radial-gradient(circle at 25% 35%,#ff8c4247 0%,#ff8c4200 60%),radial-gradient(circle at 75% 65%,#ffc87838 0%,#ffc87800 55%),radial-gradient(circle at 50% 25%,#ffffff14 0%,#fff0 50%);position:absolute;inset:-20%;transform:translateZ(0)}}.HomePage .heroPanel-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.HomePage .heroPanel-content{z-index:2;position:relative}.HomePage .heroPanel-content p{max-width:650px;margin:0 auto}.HomePage .heroPanel .tagline{font-weight:600;font-family:var(--font-open-sans);opacity:0;background:linear-gradient(180deg,rgb(var(--foreground-rgb))20%,var(--gradient-color-1)100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;animation:1s cubic-bezier(.16,1,.3,1) .2s forwards fadeInUp;display:block}.HomePage h1{color:rgb(var(--foreground-rgb));opacity:0;max-width:900px;margin:0 auto 1.5rem;font-size:clamp(3rem,6vw,5rem);line-height:1.1;animation:1s cubic-bezier(.16,1,.3,1) .3s forwards fadeInUp}.HomePage p{color:rgb(var(--secondary-text-rgb));opacity:0;font-size:1.125rem;animation:1s cubic-bezier(.16,1,.3,1) .5s forwards fadeInUp}.HomePage .productPanel{border-top:1px solid rgb(var(--border-rgb))}.HomePage .productPanel:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 50%,rgba(var(--product-theme-color-rgb),.1),transparent 50%);opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;position:absolute;inset:0;transform:scale(.9)}.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;animation:8s ease-in-out 1s infinite pulse-glow;transform:scale(1)}.HomePage .productPanel.is-visible .productMockup{-webkit-mask-position:0 0;mask-position:0 0}.HomePage .productPanel.is-visible .productContent .tagline,.HomePage .productPanel.is-visible .productContent h2,.HomePage .productPanel.is-visible .productContent>p,.HomePage .productPanel.is-visible .featureList{animation-play-state:running}.HomePage .productPanel>div{grid-template-columns:repeat(12,1fr);align-items:center;gap:2rem;width:100%;display:grid}.HomePage .productVisual{grid-column:span 12}.HomePage .productContent{--stagger-delay:.1s;grid-column:span 12}@media (min-width:768px){.HomePage .productVisual,.HomePage .productContent{grid-column:span 6}.HomePage .productPanel .right{order:1}.HomePage .productContent.right~.productVisual .productMockup{-webkit-mask-image:linear-gradient(270deg,#000 50%,#0000 100%);mask-image:linear-gradient(270deg,#000 50%,#0000 100%);-webkit-mask-position:-100% 0;mask-position:-100% 0}}.HomePage .productContent .tagline,.HomePage .productContent h2,.HomePage .productContent>p,.HomePage .productContent .featureList{opacity:0;animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-play-state:paused;animation-fill-mode:forwards}.HomePage .productContent .tagline{color:var(--product-theme-color);font-weight:600;font-family:var(--font-open-sans);animation-delay:calc(var(--stagger-delay)*4);margin-bottom:1rem}.HomePage .productContent h2{animation-delay:calc(var(--stagger-delay)*5);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.HomePage .productContent>p{color:rgb(var(--secondary-text-rgb));max-width:50ch;animation-delay:calc(var(--stagger-delay)*6);border-bottom:none;margin-bottom:1.5rem;padding-bottom:0;font-size:1rem}.HomePage .productContent .productLinks{border-bottom:1px solid rgba(var(--product-theme-color-rgb),.2);animation-delay:calc(var(--stagger-delay)*6.5);opacity:0;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;display:flex}.HomePage .productContent .productLink{color:var(--product-theme-color);letter-spacing:.02em;background:0 0;border:none;border-radius:0;align-items:center;gap:.5rem;padding:0;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.HomePage .productContent .productLink:hover{box-shadow:none;opacity:.8;background:0 0;border-color:#0000;transform:translate(4px)}.HomePage .productContent .productLink i{opacity:1;font-size:1rem}.HomePage .featureList{animation-delay:calc(var(--stagger-delay)*7);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.HomePage .feature{align-items:flex-start;gap:1rem;display:flex}.HomePage .feature i{color:var(--product-theme-color);text-align:center;min-width:24px;margin-top:.25rem;font-size:1.25rem}.HomePage .feature h3{color:rgb(var(--foreground-rgb));margin-bottom:.25rem;font-size:1.1rem}.HomePage .feature p{color:rgb(var(--secondary-text-rgb));font-size:.9rem}.HomePage .productMockup{background-image:var(--product-screenshot-url);background-color:var(--product-theme-color);background-position:0 0;background-repeat:no-repeat;background-size:cover;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:clamp(250px,50vh,450px);transition:transform .5s cubic-bezier(.16,1,.3,1),-webkit-mask-position 1s cubic-bezier(.16,1,.3,1) .2s,mask-position 1s cubic-bezier(.16,1,.3,1) .2s;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 50%,#0000 100%);mask-image:linear-gradient(90deg,#000 50%,#0000 100%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:200% 100%;mask-size:200% 100%}.HomePage .productMockup:hover{transform:scale(1.03)}.HomePage .productMockup:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#fff0),linear-gradient(135deg,#0000001a,#0006);position:absolute;inset:0}.HomePage .productMockup .mockupIcon{z-index:2;color:#fff;opacity:.8;filter:drop-shadow(0 4px 10px #0003);font-size:5rem;position:relative}.HomePage .productMockup .comingSoonBadge{color:#fff;text-transform:uppercase;z-index:2;background-color:#00000080;border-radius:99px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;position:absolute;top:1.5rem;right:1.5rem}.zenloq-showcase-container{aspect-ratio:960/600;border-radius:8px;width:100%;overflow:hidden}.zenloq-showcase-container .zenloq-showcase-content{transform-origin:0 0;width:960px;height:600px}.zenstork-showcase-container{aspect-ratio:720/440;border-radius:8px;width:100%;overflow:hidden}.zenstork-showcase-container .zenstork-showcase-content{transform-origin:0 0;width:720px;height:440px}.zentrail-showcase-container{border-radius:var(--radius-md);aspect-ratio:900/424;width:100%;overflow:hidden}.zentrail-showcase-container .zentrail-showcase-content{transform-origin:0 0;width:900px;height:424px}.zenhoot-showcase-container{border-radius:var(--radius-md);aspect-ratio:850/550;width:100%;overflow:hidden}.zenhoot-showcase-container .zenhoot-showcase-content{transform-origin:0 0;width:850px;height:550px}.zenstatus-showcase-container{border-radius:var(--radius-lg);aspect-ratio:700/450;width:100%;overflow:hidden}.zenstatus-showcase-container .zenstatus-showcase-content{transform-origin:0 0;width:700px;height:450px}.dokploy-showcase-container{border-radius:var(--radius-lg);aspect-ratio:800/720;width:100%;overflow:hidden}.dokploy-showcase-container .dokploy-showcase-content{transform-origin:0 0;width:800px;height:720px}.productVisual{justify-content:center;align-items:flex-start;display:flex}.hero{min-height:100dvh;padding:calc(var(--header-height) + 2rem)1.5rem 6rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__glow-container{pointer-events:none;z-index:0;background:linear-gradient(135deg,#1a0f0a 0%,#2d1915 30%,#1a0e0a 60%,#231512 100%);position:absolute;inset:0}.hero__glow{background:radial-gradient(60% 50% at 30% 40%,#ff7e5f14 0%,#0000 60%),radial-gradient(50% 40% at 70% 55%,#f355880d 0%,#0000 60%);animation:8s ease-in-out infinite alternate gentlePulse;position:absolute;inset:0}.hero__container{z-index:1;width:100%;max-width:900px;margin:0 auto;position:relative}.hero__content{text-align:center;flex-direction:column;align-items:center;display:flex}.hero__flagship-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;opacity:0;background:#ffffff08;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.35rem .5rem .35rem 1rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);animation:1s cubic-bezier(.16,1,.3,1) .2s forwards paused fadeDown;display:inline-flex;transform:translateY(-20px)}.hero--loaded .hero__flagship-pill{animation-play-state:running}.hero__flagship-pill:hover{background:#ffffff14;border-color:#ff7e5f66;gap:1rem;padding-right:.75rem;transform:translateY(-1px);box-shadow:0 8px 30px #ff7e5f26}.hero__flagship-pill:hover .hero__flagship-badge{color:#ffbca0;background:#ff7e5f40}.hero__flagship-badge{text-transform:uppercase;letter-spacing:.1em;color:#feb47b;background:#feb47b26;border-radius:99px;padding:.2rem .6rem;font-size:.65rem;font-weight:700;transition:all .4s}.hero__flagship-divider{background:#ffffff26;width:1px;height:12px}.hero__flagship-text{color:#ffffffd9;letter-spacing:.01em;font-size:.85rem;font-weight:400}.hero__title{letter-spacing:-.05em;z-index:2;flex-direction:column;align-items:center;margin-bottom:2rem;font-size:clamp(4rem,11vw,8rem);font-weight:800;line-height:.95;display:flex;position:relative}.hero__title-line{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards paused textFadeIn;display:block;transform:translateY(40px)}.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 0%,#d4a84b 15%,gold 30%,#fff8dc 50%,gold 70%,#d4a84b 85%,#b8860b 100%) 0 0/400% 100%;-webkit-text-fill-color:#0000;filter:drop-shadow(0 0 40px #ffc83280)drop-shadow(0 0 80px #ffa50040);-webkit-background-clip:text;background-clip:text;padding-bottom:.1em;animation:8s ease-in-out infinite shimmer;display:inline-block;position:relative}.hero__typewriter-container{vertical-align:bottom;align-items:center;min-width:1ch;height:1.1em;display:inline-flex;position:relative}.hero__typewriter-text{z-index:1;line-height:1;transition:color .3s;position:relative}.hero__typewriter-text--deleting{animation:.1s forwards rapidFade}.hero__typewriter-cursor{border-radius:2px;width:3px;height:1em;margin-left:4px;animation:1s step-end infinite cursorBlink;display:inline-block;box-shadow:0 0 10px #fffc;background-color:#fff!important}.hero__slogan-container{opacity:0;flex-direction:column;align-items:center;gap:.5rem;max-width:600px;margin-bottom:3.5rem;margin-left:auto;margin-right:auto;animation:1s cubic-bezier(.16,1,.3,1) .8s forwards paused fadeUp;display:flex;transform:translateY(30px)}.hero--loaded .hero__slogan-container{animation-play-state:running}.hero__subtitle{color:#fff;letter-spacing:-.02em;text-shadow:0 4px 20px #00000080;margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;line-height:1.1}.hero__philosophy{color:#fffc;margin:0;font-size:1.1rem;font-weight:400;line-height:1.5}.hero__actions{opacity:0;align-items:center;gap:2.5rem;animation:1s cubic-bezier(.16,1,.3,1) .9s forwards paused fadeUp;display:flex;transform:translateY(30px)}.hero--loaded .hero__actions{animation-play-state:running}@media (max-width:480px){.hero__actions{flex-direction:column;gap:1.5rem}}.hero__cta--primary{color:#1a0f0a;font-family:var(--font-space-grotesk);letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#ff7e5f 0%,#feb47b 100%);border:none;border-radius:6px;padding:1rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #ff7e5f66}.hero__cta--primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 30px #ff7e5f80}.hero__cta--primary:hover .hero__cta-shine{transform:translate(100%)skew(-15deg)}.hero__cta--primary:active{transform:translateY(-1px)scale(.98)}.hero__cta-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:60%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-250%)skew(-15deg)}.hero__scroll{opacity:0;flex-direction:column;align-items:center;gap:.5rem;animation:1s 1.2s forwards paused fadeIn;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero--loaded .hero__scroll{animation-play-state:running}.hero__scroll-text{font-size:.7rem;font-family:var(--font-space-grotesk);text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;font-weight:100}.hero__scroll-line{background:linear-gradient(#ffffff80 0%,#0000 100%);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@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%}to{background-position:200%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes rapidFade{0%{opacity:1;filter:blur()}to{opacity:.7;filter:blur(2px)}}.NotFoundPage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem;animation:.8s cubic-bezier(.25,.46,.45,.94) forwards fadeIn;display:flex}.NotFoundPage .icon{color:var(--accent-color);margin-bottom:2rem;font-size:5rem}.NotFoundPage .title{margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2}.NotFoundPage .description{color:rgb(var(--secondary-text-rgb));max-width:450px;margin-bottom:2.5rem;font-size:1.125rem}.NotFoundPage .button{background-color:var(--accent-color);color:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .3s,transform .2s;display:inline-flex}.NotFoundPage .button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.footer{border-top:1px solid rgb(var(--border-rgb));color:rgb(var(--secondary-text-rgb));text-align:center;z-index:60;background-color:#0000;margin-top:auto;padding:1rem 0;font-size:.9rem;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-copyright{opacity:.6;flex-shrink:0}.footer-nav{flex-grow:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.footer-nav button{color:rgb(var(--secondary-text-rgb));cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-family:inherit;font-size:.9rem;transition:color .3s}.footer-nav button:hover{color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.1)}.pane-container{z-index:100;pointer-events:none;position:fixed;inset:0}.pane-backdrop{-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);opacity:0;background-color:#0000004d;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.pane-content{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;flex-direction:column;max-width:1150px;max-height:85vh;margin:0 auto;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:inset 0 1px #ffffff12,0 0 50px #00000080}.pane-container.open{pointer-events:auto}.pane-container.open .pane-backdrop{opacity:1}.pane-container.open .pane-content{transform:translateY(0)}.pane-container.open .pane-body>h3,.pane-container.open .pane-body>p,.pane-container.open .contact-form .form-group,.pane-container.open .contact-form .form-actions{animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUpPane}.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{border-bottom:1px solid rgb(var(--border-rgb));flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex}.pane-header h2{background:linear-gradient(180deg,rgb(var(--foreground-rgb))20%,var(--gradient-color-1)100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.pane-close-btn{color:rgb(var(--foreground-rgb));cursor:pointer;background:#ffffff1a;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .3s;display:flex}.pane-close-btn:hover{background:var(--accent-hover);border-color:#fff3;transform:rotate(90deg)scale(1.1)}.pane-body{color:rgb(var(--secondary-text-rgb));padding:1.5rem 2.5rem 2.5rem;line-height:1.7;overflow-y:auto}.pane-body>h3,.pane-body>p,.pane-body .form-group,.pane-body .form-actions{opacity:0}.pane-body h3{color:var(--accent-color);margin-top:1rem;margin-bottom:1rem;font-size:1.5rem}.pane-body p{margin-bottom:1.5rem}.contact-intro{max-width:75ch;margin:0 auto 4rem 0}.contact-form{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.contact-form{grid-template-columns:1fr}}.full-width{grid-column:1/-1}.form-input,.form-textarea{background-color:rgba(var(--background-rgb),.5);border:1px solid rgb(var(--border-rgb));color:rgb(var(--foreground-rgb));border-radius:8px;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-input:focus,.form-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.2);outline:none}.form-textarea{resize:vertical;min-height:120px}.form-actions{flex-direction:column;gap:1.5rem;margin-top:.5rem;display:flex}.submit-button{background:linear-gradient(90deg,var(--gradient-color-1),var(--gradient-color-2));color:#fff;cursor:pointer;background-size:200%;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.submit-button:hover:not(:disabled){box-shadow:0 10px 20px rgba(var(--accent-color-rgb),.2);background-position:100%;transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.form-message{text-align:center;border-radius:8px;margin-bottom:0;padding:.75rem 1rem;font-weight:600}.form-message.success{background-color:rgba(var(--accent-secondary-rgb),.2);color:rgba(var(--accent-secondary-rgb),1)}.form-message.error{color:#e54d4d;background-color:#e54d4d33}.auth-layout{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%,#0f0c0a 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-brand{position:absolute;top:2rem;left:2rem}.auth-brand .brand-logo{font-family:var(--font-space-grotesk);color:rgb(var(--foreground-rgb));font-size:1.5rem;font-weight:700;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);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff0d}.auth-card:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--gradient-color-1)50%,transparent 100%);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:rgb(var(--foreground-rgb));margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.auth-header p{color:rgb(var(--secondary-text-rgb));font-size:.95rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:rgb(var(--foreground-rgb));font-size:.875rem;font-weight:500}.form-group input{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));padding:.75rem 1rem;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{border-color:var(--gradient-color-1);box-shadow:0 0 0 3px rgba(var(--gradient-color-1-rgb,255,140,66),.15);outline:none}.forgot-link{color:var(--gradient-color-1);align-self:flex-end;margin-top:-.5rem;font-size:.875rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-button{background:linear-gradient(135deg,var(--gradient-color-1)0%,var(--gradient-color-2,#ff6b35)100%);border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;text-align:center;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.auth-button:hover:not(:disabled){box-shadow:0 4px 15px rgba(var(--gradient-color-1-rgb,255,140,66),.4);transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{border-radius:var(--radius-md,8px);color:#ef4444;background:#dc26261a;border:1px solid #dc26264d;padding:.75rem 1rem;font-size:.875rem}.auth-success{border-radius:var(--radius-md,8px);color:#10b981;background:#10b9811a;border:1px solid #10b9814d;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.auth-footer{text-align:center;margin-top:1.5rem}.auth-footer p{color:rgb(var(--secondary-text-rgb));font-size:.875rem}.auth-footer a{color:var(--gradient-color-1);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.verify-feedback{text-align:center;flex-direction:column;align-items:center;animation:.6s ease-out auth-fade-in;display:flex}.verify-feedback .status-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex;position:relative}.verify-feedback .status-icon.success{color:#10b981;background:#10b9811a;border:1px solid #10b98133;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards icon-pop-success}.verify-feedback .status-icon.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards icon-pop-error}.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{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2rem}.verify-feedback p{color:rgb(var(--secondary-text-rgb));max-width:300px;margin:0 auto;font-size:1.05rem}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-pop-success{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-pop-error{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.spinner{border:3px solid rgba(var(--foreground-rgb),.1);border-top-color:var(--gradient-color-1);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.dashboard-shell{background:rgb(var(--background-rgb));height:100vh;display:flex;overflow:hidden}.dashboard-sidebar{background:rgba(var(--foreground-rgb),.02);border-right:1px solid rgba(var(--foreground-rgb),.06);z-index:100;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}@media (max-width:900px){.dashboard-sidebar{display:none}}.sidebar-header{border-bottom:1px solid rgba(var(--foreground-rgb),.05);padding:1.25rem 1.5rem}.sidebar-brand{color:#fff;letter-spacing:.02em;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.sidebar-brand img{border-radius:6px}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-section{margin-bottom:1.5rem;padding:0 .75rem}.nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gradient-color-1);align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.7rem;font-weight:700;display:flex}.nav-item{color:rgba(var(--foreground-rgb),.6);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:2px;padding:.7rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:rgba(var(--foreground-rgb),.04);color:#fff}.nav-item.active{color:var(--gradient-color-1);background:linear-gradient(135deg,#f3b28a1f 0%,#fa705e14 100%);font-weight:600}.nav-item svg{flex-shrink:0}.sidebar-footer{border-top:1px solid rgba(var(--foreground-rgb),.05);padding:1rem}.user-badge{background:rgba(var(--foreground-rgb),.03);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.user-avatar{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.user-details{flex-direction:column;gap:.1rem;display:flex;overflow:hidden}.user-details .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.user-details .user-email{color:rgba(var(--foreground-rgb),.4);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.sidebar-footer .logout-btn{color:#ff6b6b;cursor:pointer;background:#ff6b6b0f;border:1px solid #ff6b6b1f;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.8rem;font-weight:600;transition:background .15s;display:flex}.sidebar-footer .logout-btn:hover{background:#ff6b6b1f}.dashboard-content{background:radial-gradient(ellipse 80% 60% at 10% 10%,#f3b28a26 0%,transparent 50%),radial-gradient(ellipse 100% 80% at 90% 90%,#fa705e1f 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 50% 50%,#a093f514 0%,transparent 60%),rgb(var(--background-rgb));flex-direction:column;flex:1;height:100vh;margin-left:260px;display:flex;overflow-y:auto}@media (max-width:900px){.dashboard-content{margin-left:0}}.dashboard-mobile-header{display:none}@media (max-width:900px){.dashboard-mobile-header{background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.06);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}}.mobile-brand{color:#fff;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav-btn{background:rgba(var(--foreground-rgb),.05);width:36px;height:36px;color:rgba(var(--foreground-rgb),.7);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:flex}.dashboard-page{flex:1;position:relative;overflow-y:auto}.dashboard-main{z-index:1;width:100%;padding:2rem 2.5rem;position:relative;max-width:100%!important}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.dashboard-header .user-info h1{color:#fff;margin:0;font-size:2rem;font-weight:700}.dashboard-header .user-info p{color:rgba(var(--foreground-rgb),.5);margin-top:.25rem;font-size:.9rem}.dashboard-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.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{border-color:rgba(var(--foreground-rgb),.15);color:rgba(var(--foreground-rgb),.8);background:0 0}.dashboard-btn.outline:hover{border-color:var(--gradient-color-1);color:var(--gradient-color-1)}.dashboard-btn.danger{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b26}.dashboard-btn.danger:hover{background:#ff6b6b26}.dashboard-btn svg{flex-shrink:0;width:16px;height:16px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@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;flex-direction:column;gap:1rem;padding:1.5rem;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.dashboard-card:hover{background:rgba(var(--foreground-rgb),.05);border-color:rgba(var(--foreground-rgb),.12);box-shadow:0 8px 24px #00000026}.dashboard-card .card-header{align-items:center;gap:.75rem;display:flex}.dashboard-card .icon-box{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dashboard-card .icon-box svg{width:20px;height:20px}.dashboard-card h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.dashboard-card .card-content{flex:1}.dashboard-card .card-content p{color:rgba(var(--foreground-rgb),.5);margin:0;font-size:.875rem;line-height:1.5}.dashboard-card .card-footer{margin-top:auto}.data-list{flex-direction:column;gap:.5rem;display:flex}.data-item{background:rgba(var(--foreground-rgb),.04);border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.8rem;display:flex}.data-item .name{color:#fff;font-weight:600}.data-item .status{text-transform:uppercase;color:#4caf50;font-size:.7rem;font-weight:700}.data-item .status.expired{color:#f44336}.data-item .info{color:rgba(var(--foreground-rgb),.4)}.admin-area{background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--foreground-rgb),.05);border-radius:20px;margin-bottom:2.5rem;padding:1.5rem}.admin-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@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{color:var(--gradient-color-1);align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.section-title h2{text-transform:uppercase;letter-spacing:.08em;color:inherit;margin:0;font-size:.85rem;font-weight:700}.payloads-section{border-top:1px solid rgba(var(--foreground-rgb),.05);margin-top:1.5rem;padding-top:1.5rem}.payloads-section .payloads-grid{flex-wrap:wrap;gap:.75rem;display:flex}.compact-banner{background:linear-gradient(90deg,#fa705e14 0%,#0000 100%);border:1px solid #fa705e33;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.875rem 1.25rem;display:flex}@media (max-width:600px){.compact-banner{flex-direction:column;align-items:flex-start}}.compact-banner .banner-info{color:var(--gradient-color-2);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.compact-banner .banner-info p{color:rgba(var(--foreground-rgb),.9);margin:0}.dashboard-loading{color:rgba(var(--foreground-rgb),.5);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:200px;font-size:.9rem;display:flex}.dashboard-loading .spinner{color:var(--gradient-color-1);width:32px;height:32px;animation:1s linear infinite spin}.page-header{margin-bottom:2rem}.page-header .back-link{color:rgba(var(--foreground-rgb),.5);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-flex}.page-header .back-link:hover{color:var(--gradient-color-1)}.page-header h1{color:#fff;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.page-header .dashboard-subtitle{color:rgba(var(--foreground-rgb),.5);margin:0;font-size:.9rem}.empty-state{text-align:center;background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--foreground-rgb),.06);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state i,.empty-state svg{color:rgba(var(--foreground-rgb),.2);margin-bottom:1.5rem;font-size:2.5rem}.empty-state h2{color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.empty-state p{color:rgba(var(--foreground-rgb),.5);max-width:300px;margin:0 0 1.5rem;font-size:.9rem}.empty-state .btn,.empty-state .dashboard-btn{min-width:180px}.licenses-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}@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;transition:border-color .2s,box-shadow .2s;overflow:hidden}.license-card-full:hover{border-color:rgba(var(--foreground-rgb),.12);box-shadow:0 8px 24px #00000026}.license-card-header{background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.05);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.license-product-name{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.license-product-name h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.license-status{text-transform:uppercase;border-radius:4px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.license-status.status-active{color:#4caf50;background:#4caf5026}.license-status.status-expired,.license-status.status-revoked{color:#f44336;background:#f4433626}.license-status.status-pending{color:#ffc107;background:#ffc10726}.license-tier-badge{color:var(--gradient-color-1);background:linear-gradient(135deg,#f3b28a26,#fa705e1a);border:1px solid #f3b28a33;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.license-card-body{padding:1.5rem}.license-info-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.license-info-item{flex-direction:column;gap:.25rem;display:flex}.license-info-item .label{color:rgba(var(--foreground-rgb),.4);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:500}.license-info-item .value{color:#fff;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;display:flex}.license-info-item .value i,.license-info-item .value svg{color:rgba(var(--foreground-rgb),.5);font-size:.8rem}.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{border-top:1px solid rgba(var(--foreground-rgb),.05);margin-top:1.5rem;padding-top:1.5rem}.license-devices h4{color:rgba(var(--foreground-rgb),.7);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.85rem;font-weight:600;display:flex}.license-devices h4 i,.license-devices h4 svg{color:rgba(var(--foreground-rgb),.4)}.device-list{flex-direction:column;gap:.5rem;display:flex}.device-item{background:rgba(var(--foreground-rgb),.03);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}@media (max-width:500px){.device-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.device-info{align-items:center;gap:.6rem;display:flex}.device-info i,.device-info svg{color:rgba(var(--foreground-rgb),.5);font-size:1rem}.device-info .device-name{color:#fff;font-size:.85rem;font-weight:500}.device-last-seen{color:rgba(var(--foreground-rgb),.4);font-size:.75rem}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn.btn-primary:hover{opacity:.9}@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{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.admin-header h1{margin-bottom:.25rem}.admin-filters{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.search-box{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.5rem 1rem;display:flex}.search-box input{color:rgb(var(--foreground-rgb));background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.search-box input::placeholder,.search-box svg{color:rgb(var(--secondary-text-rgb))}.filter-group{align-items:center;gap:.5rem;display:flex}.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);color:rgb(var(--foreground-rgb));cursor:pointer;padding:.5rem 1rem;font-size:.875rem}.filter-group select:focus{border-color:var(--gradient-color-1);outline:none}.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{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid rgba(var(--border-rgb),.1);padding:1rem}.admin-table th{background:rgba(var(--foreground-rgb),.03);text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--secondary-text-rgb));font-size:.75rem;font-weight:600}.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}.product-info,.user-info,.key-info{align-items:center;gap:.75rem;display:flex}.product-info strong,.user-info strong,.key-info strong{color:rgb(var(--foreground-rgb));display:block}.product-info .product-id,.product-info .user-email,.user-info .product-id,.user-info .user-email,.key-info .product-id,.key-info .user-email{color:rgb(var(--secondary-text-rgb));font-size:.75rem;display:block}.product-icon,.user-avatar{background:linear-gradient(135deg,var(--gradient-color-1)0%,var(--gradient-color-2,#ff6b35)100%);border-radius:var(--radius-md,8px);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tier-badges{flex-wrap:wrap;gap:.5rem;display:flex}.tier-badge{background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-sm,4px);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.tier-badge.synced{background:#4caf501a;border-color:#4caf504d}.tier-badge .tier-price{color:rgb(var(--secondary-text-rgb));margin-left:.25rem}.tier-badge .sync-icon{color:#4caf50}.tier-badge .sync-btn{cursor:pointer;color:rgb(var(--secondary-text-rgb));background:0 0;border:none;align-items:center;padding:0;display:flex}.tier-badge .sync-btn:hover{color:var(--gradient-color-1)}.status-badge{text-transform:capitalize;border-radius:100px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge.active{color:#4caf50;background:#4caf5026}.status-badge.trial{color:#2196f3;background:#2196f326}.status-badge.expired,.status-badge.inactive{color:#9e9e9e;background:#9e9e9e26}.status-badge.suspended{color:#ff9800;background:#ff980026}.status-badge.cancelled,.status-badge.revoked{color:#f44336;background:#f4433626}.license-count{color:rgb(var(--foreground-rgb));font-weight:600}.action-buttons{gap:.5rem;display:flex}.btn-icon{background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-sm,4px);width:32px;height:32px;color:rgb(var(--secondary-text-rgb));cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:flex}.btn-icon:hover{background:rgba(var(--foreground-rgb),.1);color:rgb(var(--foreground-rgb))}.btn-icon.danger:hover{color:#f44336;background:#f443361a;border-color:#f443364d}.btn-icon.warning:hover{color:#ff9800;background:#ff98001a;border-color:#ff98004d}.btn-icon.success:hover{color:#4caf50;background:#4caf501a;border-color:#4caf504d}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn{border-radius:var(--radius-md,8px);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.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{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@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);flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid rgba(var(--border-rgb),.2);background:rgba(var(--foreground-rgb),.02);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:rgb(var(--foreground-rgb));align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;display:flex}.modal-header button{color:rgb(var(--secondary-text-rgb));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.modal-header button:hover{background:rgba(var(--foreground-rgb),.1);color:rgb(var(--foreground-rgb))}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid rgba(var(--border-rgb),.2);background:rgba(var(--foreground-rgb),.02);justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex}.card-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.card-header h2{margin:0}.form-row{gap:1.5rem;margin-bottom:1.5rem;display:flex}@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{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{color:rgb(var(--foreground-rgb));letter-spacing:.01em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group .input-prefix{align-items:center;display:flex;position:relative}.form-group .input-prefix span{color:rgb(var(--secondary-text-rgb));pointer-events:none;font-weight:500;position:absolute;left:1rem}.form-group .input-prefix input{padding-left:2rem}.form-group input,.form-group select,.form-group textarea{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);width:100%;color:rgb(var(--foreground-rgb));padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.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{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);outline:none}.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-position:right 1rem center;background-repeat:no-repeat;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{resize:vertical;min-height:100px;line-height:1.5}.form-group small{color:rgb(var(--secondary-text-rgb));margin-top:.5rem;font-size:.8rem;line-height:1.4;display:block}.alert{border-radius:var(--radius-md,8px);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.alert.alert-warning{color:#ff9800;background:#ff98001a;border:1px solid #ff98004d}.new-key-display{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.new-key-display code{font-family:var(--font-space-grotesk);word-break:break-all;color:var(--gradient-color-1);flex:1;font-size:.875rem}.key-preview{font-family:var(--font-space-grotesk);color:rgb(var(--secondary-text-rgb));background:rgba(var(--foreground-rgb),.05);border-radius:var(--radius-sm,4px);padding:.25rem .5rem;font-size:.8rem}.product-badge,.all-products{font-size:.8rem}.all-products{color:rgb(var(--secondary-text-rgb));font-style:italic}.rate-limit{color:rgb(var(--secondary-text-rgb));font-size:.8rem}.never{color:rgb(var(--secondary-text-rgb));font-size:.8rem;font-style:italic}.date{color:rgb(var(--secondary-text-rgb));font-size:.8rem}.perpetual{color:#4caf50;font-size:.8rem;font-weight:500}.device-count{font-size:.875rem}.device-count small{color:rgb(var(--secondary-text-rgb));font-size:.7rem;display:block}.tier-name{font-weight:500;display:block}.license-type{color:rgb(var(--secondary-text-rgb));text-transform:capitalize;font-size:.75rem;display:block}.admin-pagination{justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem;display:flex}.pagination-info{color:rgb(var(--secondary-text-rgb));font-size:.875rem}.pagination-buttons{gap:.5rem;display:flex}.game-score-display{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0000004d;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .6rem;animation:.4s cubic-bezier(.16,1,.3,1) scoreSlideIn;display:flex;position:absolute;top:auto;bottom:2rem;right:2rem;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 0 0 1px #ffffff08}@keyframes scoreSlideIn{0%{opacity:0;transform:translate(30px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.game-score-display.reward-ready{border-color:rgba(var(--gradient-color-1-rgb,255,140,66),.5);animation:.4s cubic-bezier(.16,1,.3,1) scoreSlideIn,2s ease-in-out infinite pulseGlow}.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 #0000004d,0 0 20px rgba(var(--gradient-color-1-rgb,255,140,66),.1)}50%{box-shadow:0 4px 20px #0000004d,0 0 30px rgba(var(--gradient-color-1-rgb,255,140,66),.25)}}.game-score-display .score-glow{background:radial-gradient(ellipse at center,rgba(var(--gradient-color-1-rgb,255,140,66),.1)0%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.game-score-display .score-icon{color:var(--gradient-color-1,#ff8c42);opacity:.8;flex-shrink:0}.game-score-display .score-content{flex-direction:column;gap:.125rem;display:flex}.game-score-display .score-value{color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-space-grotesk);line-height:1;transition:color .3s}.game-score-display .score-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;opacity:0;width:0;font-size:.65rem;transition:all .3s;overflow:hidden}.game-score-display:hover .score-label{opacity:1;width:auto;margin-left:.5rem}.game-score-display .score-badge{background:linear-gradient(135deg,var(--gradient-color-1,#ff8c42)0%,var(--gradient-color-2,#ff6b35)100%);border-radius:6px;margin-left:.25rem;padding:.375rem .625rem;position:relative}.game-score-display .score-badge span{color:#fff;font-size:.75rem;font-weight:700;font-family:var(--font-space-grotesk);white-space:nowrap}.coupon-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.coupon-modal{border:1px solid rgba(var(--gradient-color-1-rgb,255,140,66),.25);width:100%;max-width:400px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff08 inset,0 0 80px rgba(var(--gradient-color-1-rgb,255,140,66),.08);background:linear-gradient(165deg,#231e19fa 0%,#140f0afc 100%);border-radius:20px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.coupon-modal-close{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:.625rem;transition:all .2s;position:absolute;top:1.25rem;right:1.25rem}.coupon-modal-close:hover{color:#fff;background:#ffffff1a;border-color:#ffffff26}.coupon-modal-content{text-align:center}.coupon-modal-content .coupon-celebration{margin-bottom:1.25rem;font-size:3.5rem;animation:.6s cubic-bezier(.68,-.55,.265,1.55) celebrateBounce}@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{color:#fff;font-size:1.625rem;font-weight:600;font-family:var(--font-space-grotesk);margin-bottom:.375rem}.coupon-modal-content>p{color:#ffffff8c;margin-bottom:1.75rem;font-size:.95rem}.coupon-discount-badge{background:linear-gradient(135deg,var(--gradient-color-1,#ff8c42)0%,var(--gradient-color-2,#ff6b35)100%);box-shadow:0 8px 32px rgba(var(--gradient-color-1-rgb,255,140,66),.35),0 0 0 1px #ffffff1a inset;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:1.75rem;padding:1.25rem 2.5rem;display:inline-flex}.coupon-discount-badge .discount-value{color:#fff;font-size:3rem;font-weight:800;line-height:1;font-family:var(--font-space-grotesk);text-shadow:0 2px 4px #0003}.coupon-discount-badge .discount-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem;font-size:.8rem;font-weight:600}.coupon-code-box{border:1px dashed rgba(var(--gradient-color-1-rgb,255,140,66),.35);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.coupon-code-box code{color:var(--gradient-color-1,#ff8c42);font-size:1.25rem;font-weight:600;font-family:var(--font-space-grotesk);letter-spacing:.08em}.coupon-code-box .copy-button{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem;transition:all .2s}.coupon-code-box .copy-button:hover{color:#fff;background:#ffffff1f}.coupon-expiry{color:#ffffff73;margin-bottom:1.75rem;font-size:.85rem}.coupon-shop-button{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:.625rem;width:100%;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.coupon-shop-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}@keyframes zenloq-fade-in-out{0%,to{opacity:0;transform:translateY(10px)}8%,92%{opacity:1;transform:translateY(0)}}@keyframes container-fade-in{0%{opacity:0;transform:translateY(10px)}to{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:100px}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{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}@keyframes inspector-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(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:.5s;--radius:.5rem;--background:#0a0b14;--foreground:#e2e8f0;--muted-foreground:#94a3b8;--primary:#2f759e;--primary-rgb:47,117,158;--primary-contrast:#338ec2;--primary-foreground:#fff;--card-background:#11121c;--card-border:#212230;--card-border-hover:#35364a;--secondary-background:#1b1c2b;--secondary-border:#2c2d3e;--input-background:#0a0b14;--input-border:#2c2d3e;--input-focus-border:var(--primary);--input-focus-shadow:#63c4f14d;--shadow-sm:0 4px 6px #00000014,0 1px 3px #0000000d;--shadow-lg:0 20px 25px #00000026,0 10px 10px #00000014;--node-trigger:#6366f1;--node-ai:#8b5cf6;--node-logic:#f59e0b;--node-escalate:#ec4899;--node-safety:#10b981}.zenloq-interactive-wrapper *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);margin:0;padding:0}.zenloq-interactive-wrapper{width:100%;height:100%}.zenloq-interactive-wrapper .app-container{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius);width:100%;height:100%;box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.zenloq-interactive-wrapper .animation-driver{animation:.8s forwards container-fade-in}.zenloq-interactive-wrapper .mock-sidebar{background-color:var(--card-background);border-right:1px solid var(--card-border);flex-direction:column;flex-shrink:0;justify-content:space-between;width:200px;padding:1.25rem 1rem;display:flex}.zenloq-interactive-wrapper .mock-sidebar__brand{align-items:center;gap:.625rem;margin-bottom:2rem;padding-left:.375rem;display:flex}.zenloq-interactive-wrapper .mock-sidebar__logo-bg{background:linear-gradient(135deg,var(--primary),var(--primary-contrast));border-radius:.375rem;place-items:center;width:32px;height:32px;display:grid}.zenloq-interactive-wrapper .mock-sidebar__brand-title{color:var(--foreground);font-size:1.125rem;font-weight:600}.zenloq-interactive-wrapper .mock-sidebar__nav ul{flex-direction:column;gap:.125rem;list-style:none;display:flex}.zenloq-interactive-wrapper .mock-nav-item{border-radius:var(--radius);color:var(--muted-foreground);cursor:pointer;align-items:center;gap:.75rem;padding:.625rem .5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.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);margin-top:1rem;padding-top:1rem}.zenloq-interactive-wrapper .app-main-content{background-color:var(--background);flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative}.zenloq-interactive-wrapper .flow-editor-header{border-bottom:1px solid var(--card-border);background-color:var(--card-background);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.zenloq-interactive-wrapper .flow-editor-header__left{align-items:center;gap:.75rem;display:flex}.zenloq-interactive-wrapper .flow-editor-header__left h2{color:var(--foreground);font-size:1rem;font-weight:600}.zenloq-interactive-wrapper .flow-badge{border-radius:9999px;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.zenloq-interactive-wrapper .flow-badge--draft{background-color:rgba(var(--primary-rgb),.2);color:var(--primary-contrast)}.zenloq-interactive-wrapper .flow-editor-header__actions{gap:.5rem;display:flex}.zenloq-interactive-wrapper .button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;font-weight:500;transition:all .2s;display:inline-flex}.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{background-image:radial-gradient(circle,var(--card-border)1px,transparent 1px);background-size:20px 20px;flex-grow:1;position:relative;overflow:hidden}.zenloq-interactive-wrapper .flow-connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.zenloq-interactive-wrapper .flow-connection{fill:none;stroke:var(--primary);stroke-width:2px;stroke-dasharray:100;stroke-dashoffset:100px;opacity:.6}.zenloq-interactive-wrapper .flow-connection--animated{animation:.8s .5s forwards flow-connection-draw}.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{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius);opacity:0;cursor:default;align-items:center;gap:.625rem;min-width:100px;max-width:160px;padding:.625rem .875rem;display:flex;position:absolute;box-shadow:0 4px 12px #0003}.zenloq-interactive-wrapper .flow-node--animate-in{animation:.6s .3s forwards node-slide-in}.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{border-radius:.375rem;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.zenloq-interactive-wrapper .flow-node--trigger .flow-node__icon{color:var(--node-trigger);background-color:#6366f133}.zenloq-interactive-wrapper .flow-node--ai .flow-node__icon{color:var(--node-ai);background-color:#8b5cf633}.zenloq-interactive-wrapper .flow-node--logic .flow-node__icon{color:var(--node-logic);background-color:#f59e0b33}.zenloq-interactive-wrapper .flow-node--escalate .flow-node__icon{color:var(--node-escalate);background-color:#ec489933}.zenloq-interactive-wrapper .flow-node--safety .flow-node__icon{color:var(--node-safety);background-color:#10b98133}.zenloq-interactive-wrapper .flow-node__content{flex-direction:column;display:flex}.zenloq-interactive-wrapper .flow-node__type{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:.125rem;font-size:.625rem;font-weight:500}.zenloq-interactive-wrapper .flow-node__label{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8125rem;font-weight:600;overflow:hidden}.zenloq-interactive-wrapper .flow-node__port{background-color:var(--card-border);border:2px solid var(--background);border-radius:50%;width:10px;height:10px;position:absolute}.zenloq-interactive-wrapper .flow-node__port--input{top:50%;left:-5px;transform:translateY(-50%)}.zenloq-interactive-wrapper .flow-node__port--output{top:50%;right:-5px;transform:translateY(-50%)}.zenloq-interactive-wrapper .flow-node__badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.1875rem .375rem;font-size:.5625rem;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.zenloq-interactive-wrapper .flow-node__badge--processing{color:#fff;background-color:#8b5cf6e6;animation:1.5s ease-in-out infinite pulse-processing}.zenloq-interactive-wrapper .flow-node__badge--safe{color:#fff;background-color:#10b981e6}.zenloq-interactive-wrapper .pulse-dot{background-color:#fff;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite pulse-dot-anim}.zenloq-interactive-wrapper .flow-node--selected{border-color:var(--primary);box-shadow:0 4px 12px #0003,0 0 0 2px rgba(var(--primary-rgb),.3)}.zenloq-interactive-wrapper .node-inspector{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius);width:200px;box-shadow:var(--shadow-lg);opacity:0;z-index:10;animation:.6s 1.5s forwards inspector-slide-in;position:absolute;top:.75rem;right:.75rem}.zenloq-interactive-wrapper .node-inspector__header{border-bottom:1px solid var(--card-border);color:var(--node-ai);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.zenloq-interactive-wrapper .node-inspector__header h3{color:var(--foreground);font-size:.875rem;font-weight:600}.zenloq-interactive-wrapper .node-inspector__body{flex-direction:column;gap:.875rem;padding:.875rem 1rem;display:flex}.zenloq-interactive-wrapper .inspector-field{flex-direction:column;gap:.375rem;display:flex}.zenloq-interactive-wrapper .inspector-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-size:.6875rem;font-weight:500}.zenloq-interactive-wrapper .inspector-field--row{flex-direction:row;justify-content:space-between;align-items:center}.zenloq-interactive-wrapper .inspector-select{background-color:var(--secondary-background);border:1px solid var(--secondary-border);border-radius:var(--radius);color:var(--foreground);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8125rem;display:flex}.zenloq-interactive-wrapper .inspector-select .chevron-down{color:var(--muted-foreground);transform:rotate(90deg)}.zenloq-interactive-wrapper .inspector-textarea{background-color:var(--secondary-background);border:1px solid var(--secondary-border);border-radius:var(--radius);color:var(--muted-foreground);text-overflow:ellipsis;max-height:60px;padding:.5rem .75rem;font-size:.75rem;line-height:1.5;overflow:hidden}.zenloq-interactive-wrapper .inspector-tag-list{flex-wrap:wrap;gap:.375rem;display:flex}.zenloq-interactive-wrapper .inspector-tag{background-color:rgba(var(--primary-rgb),.15);border-radius:var(--radius);color:var(--primary-contrast);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.zenloq-interactive-wrapper .inspector-toggle{align-items:center;gap:.5rem;display:flex}.zenloq-interactive-wrapper .inspector-toggle span{color:var(--muted-foreground);font-size:.75rem}.zenloq-interactive-wrapper .inspector-toggle--on span{color:var(--node-safety)}.zenloq-interactive-wrapper .inspector-toggle__track{background-color:var(--secondary-background);border-radius:9999px;width:32px;height:18px;transition:background-color .2s;position:relative}.inspector-toggle--on .zenloq-interactive-wrapper .inspector-toggle__track{background-color:#10b9814d}.zenloq-interactive-wrapper .inspector-toggle__thumb{background-color:var(--muted-foreground);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.inspector-toggle--on .zenloq-interactive-wrapper .inspector-toggle__thumb{background-color:var(--node-safety);left:16px}.zenloq-interactive-wrapper .collab-chat{z-index:20;pointer-events:none;flex-direction:column;gap:.625rem;width:260px;display:flex;position:absolute;bottom:1.5rem;left:1.5rem}.zenloq-interactive-wrapper .collab-message{opacity:0;align-items:flex-end;gap:.625rem;display:flex}.zenloq-interactive-wrapper .collab-message--system{align-self:center;margin-bottom:.25rem;animation:.5s 2s forwards chat-message-in}.zenloq-interactive-wrapper .collab-message--system span{color:var(--muted-foreground);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:9999px;padding:.25rem .75rem;font-size:.625rem}.zenloq-interactive-wrapper .collab-message--user.scene-1{animation:.5s 2.8s forwards chat-message-in}.zenloq-interactive-wrapper .collab-message--user.scene-2{animation:.5s 4.2s forwards chat-message-in}.zenloq-interactive-wrapper .collab-avatar{color:#fff;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.625rem;font-weight:700;display:grid;box-shadow:0 2px 4px #0003}.zenloq-interactive-wrapper .collab-bubble{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--foreground);background:#0f172aa6;border:1px solid #ffffff14;border-radius:.75rem .75rem .75rem .125rem;max-width:200px;padding:.5rem .75rem;font-size:.75rem;line-height:1.4;box-shadow:0 4px 6px #0000001a}.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:#3b82f680;--text-main:#e6edf3;--text-muted:#7d8590;--text-dim:#484f58;--success:#238636;--danger:#da3633;--window-shadow:0 12px 48px #0009,0 4px 16px #0006;background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-sans);color:var(--text-main);border:1px solid #30363d;border-radius:8px;flex-direction:column;font-size:11px;display:flex;position:relative;overflow:hidden}.zenstork-interactive-wrapper *{box-sizing:border-box}.zenstork-interactive-wrapper ::-webkit-scrollbar{width:6px;height:6px}.zenstork-interactive-wrapper ::-webkit-scrollbar-track{background: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{background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:28px;padding:0 10px;font-size:11px;display:flex}.zenstork-interactive-wrapper .title-bar .app-brand{color:var(--text-main);align-items:center;gap:6px;font-weight:600;display:flex}.zenstork-interactive-wrapper .title-bar .app-brand .logo-icon{color:var(--accent-color)}.zenstork-interactive-wrapper .title-bar .window-controls{color:var(--text-muted);gap:10px;display:flex}.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{flex:1;display:flex;overflow:hidden}.zenstork-interactive-wrapper .sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:160px;padding:10px 0;display:flex}.zenstork-interactive-wrapper .sidebar .section-title{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:8px;padding:0 12px 6px;font-size:9px;font-weight:700;display:flex}.zenstork-interactive-wrapper .sidebar .section-title:first-child{margin-top:0}.zenstork-interactive-wrapper .sidebar .nav-list{flex-direction:column;gap:1px;margin-bottom:12px;padding:0 6px;display:flex}.zenstork-interactive-wrapper .sidebar .nav-list .nav-item{cursor:pointer;color:var(--text-muted);border-radius:4px;align-items:center;gap:8px;height:26px;padding:4px 8px;font-size:11px;transition:all .2s;display:flex}.zenstork-interactive-wrapper .sidebar .nav-list .nav-item:hover{color:var(--text-main);background-color:#ffffff08}.zenstork-interactive-wrapper .sidebar .nav-list .nav-item.active{color:#60a5fa;background-color:#3b82f626;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}.zenstork-interactive-wrapper .sidebar .account-list{flex-direction:column;gap:1px;padding:0 6px;display:flex}.zenstork-interactive-wrapper .sidebar .account-list .account-item{cursor:pointer;color:var(--text-muted);border-radius:4px;align-items:center;gap:8px;height:26px;padding:4px 8px;font-size:11px;display:flex}.zenstork-interactive-wrapper .sidebar .account-list .account-item:hover{color:var(--text-main);background-color:#ffffff08}.zenstork-interactive-wrapper .sidebar .account-list .account-item .account-avatar{width:16px;height:16px;color:var(--text-main);background-color:#21262d;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;overflow:hidden}.zenstork-interactive-wrapper .sidebar .account-list .account-item .account-email{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.zenstork-interactive-wrapper .email-list-pane{background-color:var(--bg-panel);flex-direction:column;flex:1;min-width:0;display:flex}.zenstork-interactive-wrapper .email-list-pane .toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:40px;padding:0 12px;display:flex}.zenstork-interactive-wrapper .email-list-pane .toolbar .primary-actions{align-items:center;gap:8px;display:flex}.zenstork-interactive-wrapper .email-list-pane .toolbar .btn-new{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;box-shadow:0 1px 3px #0003}.zenstork-interactive-wrapper .email-list-pane .toolbar .btn-new:hover{background-color:#2563eb}.zenstork-interactive-wrapper .email-list-pane .toolbar .search-bar{color:var(--text-muted);position:relative}.zenstork-interactive-wrapper .email-list-pane .toolbar .search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:140px;padding-left:20px;font-size:11px}.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;top:50%;left:0;transform:translateY(-50%)scale(.8)}.zenstork-interactive-wrapper .email-list-pane .toolbar .secondary-actions{align-items:center;gap:2px;display:flex}.zenstork-interactive-wrapper .email-list-pane .toolbar .secondary-actions .icon-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;display:flex}.zenstork-interactive-wrapper .email-list-pane .toolbar .secondary-actions .icon-btn:hover{color:var(--text-main);background-color:#ffffff0d}.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;overflow-y:auto}.zenstork-interactive-wrapper .email-list-pane .email-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:flex-start;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.zenstork-interactive-wrapper .email-list-pane .email-item:hover{background-color:#ffffff05}.zenstork-interactive-wrapper .email-list-pane .email-item.selected{border-left:2px solid var(--accent-color);background-color:#3b82f614;padding-left:10px}.zenstork-interactive-wrapper .email-list-pane .email-item .avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:10px;font-weight:600;display:flex}.zenstork-interactive-wrapper .email-list-pane .email-item .content{flex:1;min-width:0}.zenstork-interactive-wrapper .email-list-pane .email-item .content .header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.zenstork-interactive-wrapper .email-list-pane .email-item .content .header .sender{color:var(--text-main);font-size:11px;font-weight:600}.zenstork-interactive-wrapper .email-list-pane .email-item .content .header .date{color:var(--text-muted);font-size:9px}.zenstork-interactive-wrapper .email-list-pane .email-item .content .subject{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;font-weight:500;overflow:hidden}.zenstork-interactive-wrapper .email-list-pane .email-item .content .snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.zenstork-interactive-wrapper .floating-window{background-color:var(--bg-panel);width:480px;height:380px;box-shadow:var(--window-shadow);z-index:100;border:1px solid #30363d;border-radius:6px;flex-direction:column;font-size:11px;animation:.3s cubic-bezier(.16,1,.3,1) window-pop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zenstork-interactive-wrapper .floating-window .window-header{border-bottom:1px solid var(--border-color);cursor:grab;background:#1e2530;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;height:32px;padding:0 10px;display:flex}.zenstork-interactive-wrapper .floating-window .window-header .window-title{color:var(--text-main);font-size:11px;font-weight:600}.zenstork-interactive-wrapper .floating-window .window-header .window-actions{color:var(--text-muted);gap:6px;display:flex}.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-direction:column;flex:1;padding:10px 14px;display:flex;overflow-y:auto}.zenstork-interactive-wrapper .floating-window .window-body .field-row{border-bottom:1px solid #ffffff0d;align-items:center;min-height:28px;padding:6px 0;font-size:11px;display:flex}.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{color:var(--text-main);flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.zenstork-interactive-wrapper .floating-window .window-body .field-row .tag{white-space:nowrap;background:#ffffff1a;border-radius:3px;padding:1px 6px;font-size:10px}.zenstork-interactive-wrapper .floating-window .window-body .field-row .btn-small{cursor:pointer;color:var(--text-main);white-space:nowrap;background:#ffffff14;border-radius:3px;margin-left:6px;padding:2px 6px;font-size:10px}.zenstork-interactive-wrapper .floating-window .window-body .editor-toolbar{color:var(--text-muted);border-bottom:1px solid #ffffff0d;gap:8px;margin-bottom:8px;padding:8px 0 6px;display:flex}.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{color:var(--text-main);flex:1;font-size:12px;line-height:1.4}.zenstork-interactive-wrapper .floating-window .window-body .email-content .quoted-text{border-left:2px solid var(--border-color);color:var(--text-muted);margin-top:12px;padding-left:10px;font-size:10px}.zenstork-interactive-wrapper .floating-window .window-body .email-content .spelling-error{text-decoration-skip-ink:none;-webkit-text-decoration:underline wavy #f44;text-decoration:underline wavy #f44}@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:.25rem;--radius-md:.375rem;--radius-full:9999px;--transition:.22s cubic-bezier(.4,0,.2,1);--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;--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:#f3a42e;--theme-accent-hover:#e4a74b;--theme-accent-text:#0a0a0b;--theme-success:#10b981;--theme-success-light:#10b9811a;--theme-danger:#ef4444;--theme-danger-light:#ef44441a;--theme-warning:#ed6250}.zentrail-interactive-wrapper *{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}.zentrail-interactive-wrapper .showcase-frame{background-color:var(--theme-bg);border-radius:var(--radius-md);border:1px solid var(--theme-border);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;width:100%;max-width:900px;padding:2rem;display:grid;overflow:hidden}.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{flex-direction:column;gap:1rem;min-width:0;display:flex}.zentrail-interactive-wrapper .showcase-column-header{color:var(--theme-text-secondary);align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex}.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;text-overflow:ellipsis;overflow:hidden}.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:50px}.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);height:320px;padding:1rem;position:relative;overflow:hidden}.zentrail-interactive-wrapper .upload-state{opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;inset:0}.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;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:100%;display:flex}.zentrail-interactive-wrapper .drop-zone .icon{width:32px;height:32px}.zentrail-interactive-wrapper .loading-text{color:var(--theme-text-secondary);font-weight:500}.zentrail-interactive-wrapper .progress-bar-bg{background-color:var(--theme-bg);border-radius:var(--radius-full);width:80%;height:6px;overflow:hidden}.zentrail-interactive-wrapper .progress-bar-fg{background-color:var(--theme-accent);border-radius:var(--radius-full);width:0%;height:100%;animation:zentrail-fill-progress var(--animation-duration)infinite var(--animation-delay)ease-out}.zentrail-interactive-wrapper .review-form{flex-direction:column;gap:.75rem;width:100%;height:100%;display:flex}.zentrail-interactive-wrapper .review-field{flex-direction:column;gap:.25rem;display:flex}.zentrail-interactive-wrapper .review-field label{color:var(--theme-text-tertiary);font-size:.75rem;font-weight:500}.zentrail-interactive-wrapper .review-field .value{background-color:var(--theme-bg);border:1px solid var(--theme-border);border-radius:var(--radius-sm);color:var(--theme-text-primary);padding:.5rem .75rem;font-size:.9rem}.zentrail-interactive-wrapper .review-total{border-top:1px solid var(--theme-border);color:var(--theme-text-primary);justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:.5rem;font-weight:600;display:flex}.zentrail-interactive-wrapper .review-total span:last-child{font-family:var(--font-mono);color:var(--theme-accent);font-size:1.25rem}.zentrail-interactive-wrapper .btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.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{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;flex-direction:column;gap:.75rem;padding:.75rem 1rem;display:flex}.zentrail-interactive-wrapper .pending-item-info{align-items:center;gap:1rem;display:flex}.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{flex-direction:column;display:flex}.zentrail-interactive-wrapper .pending-item-description{color:var(--theme-text-primary);font-weight:500}.zentrail-interactive-wrapper .pending-item-meta{color:var(--theme-text-secondary);font-size:.8rem}.zentrail-interactive-wrapper .pending-item-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}@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;gap:1.5rem;padding:1rem}.zentrail-interactive-wrapper .flow-arrow svg{transform:rotate(90deg)}}.zentrail-interactive-wrapper .stats-row{gap:.5rem;margin-bottom:.75rem;display:flex}.zentrail-interactive-wrapper .stat-card{background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-sm);flex-direction:column;flex:1;gap:.25rem;padding:.6rem .75rem;display:flex}.zentrail-interactive-wrapper .stat-card.accent{border-color:var(--theme-accent);background:linear-gradient(135deg,#f3a42e14 0%,#0000 100%)}.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{color:var(--theme-text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:.65rem}.zentrail-interactive-wrapper .phase-receipt{animation:zentrail-phase-receipt var(--animation-duration)infinite var(--animation-delay)ease-in-out}.zentrail-interactive-wrapper .phase-dashboard{background-color:var(--theme-bg);opacity:0;visibility:hidden;animation:zentrail-phase-dashboard var(--animation-duration)infinite var(--animation-delay)ease-in-out;flex-direction:column;padding:2rem;display:flex;position:absolute;inset:0}.zentrail-interactive-wrapper .phase-dashboard .dashboard-header{color:var(--theme-text-secondary);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1rem;font-weight:600;display:flex}.zentrail-interactive-wrapper .phase-dashboard .dashboard-header .icon{width:22px;height:22px;color:var(--theme-accent)}.zentrail-interactive-wrapper .phase-dashboard .dashboard-stats{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.zentrail-interactive-wrapper .phase-dashboard .stat-wallet{border-radius:var(--radius-md);background:linear-gradient(135deg,#f3a42e26 0%,#f3a42e0d 100%);border:1px solid #f3a42e4d;grid-column:1/-1;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.zentrail-interactive-wrapper .phase-dashboard .stat-small{background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;padding:1rem;display:flex}.zentrail-interactive-wrapper .phase-dashboard .dashboard-stat-label{color:var(--theme-text-tertiary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.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{color:var(--theme-success);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;display:flex}.zentrail-interactive-wrapper .phase-dashboard .pending-list{flex-direction:column;flex:1;gap:.75rem;display:flex}.zentrail-interactive-wrapper .phase-dashboard .pending-list-header{color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--theme-border);justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.zentrail-interactive-wrapper .phase-dashboard .pending-list-header .badge{color:var(--theme-warning);border-radius:var(--radius-full);background-color:#ed625026;padding:.2rem .5rem;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:#000;--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 #00000014;--shadow-lg:0 8px 32px #0000001f;--transition-base:all .25s cubic-bezier(.4,0,.2,1);--browser-height:215px;--player-height:88px;--animation-duration:12s;--animation-delay:1s}.zenhoot-interactive-wrapper *{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}.zenhoot-interactive-wrapper .showcase-container{grid-template-columns:240px 1fr;grid-template-rows:1fr var(--player-height);background-color:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-areas:"sidebar main""sidebar player";width:100%;max-width:850px;height:550px;display:grid;overflow:hidden}.zenhoot-interactive-wrapper .sidebar{background-color:var(--bg-subtle);border-right:1px solid var(--border);flex-direction:column;grid-area:sidebar;gap:1rem;padding:.75rem;display:flex}.zenhoot-interactive-wrapper .sidebar__logo{color:var(--text-primary);align-items:center;gap:.75rem;padding:.5rem .25rem;font-size:1.1rem;font-weight:600;display:flex}.zenhoot-interactive-wrapper .sidebar__logo-icon{width:32px;height:32px;color:var(--primary)}.zenhoot-interactive-wrapper .sidebar__nav{flex-direction:column;gap:2px;display:flex}.zenhoot-interactive-wrapper .sidebar__nav-item{border-radius:var(--radius-xs);color:var(--text-secondary);transition:var(--transition-base);align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:14px;font-weight:500;display:flex}.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-direction:column;flex-grow:1;display:flex;overflow-y:auto}.zenhoot-interactive-wrapper .sidebar__section-title{color:var(--text-tertiary);text-transform:uppercase;padding:.75rem .75rem .25rem;font-size:.7rem;font-weight:600}.zenhoot-interactive-wrapper .main-view{flex-direction:column;grid-area:main;display:flex;position:relative;overflow:hidden}.zenhoot-interactive-wrapper .library-browser{border-bottom:1px solid var(--border);animation:zenhoot-collapse-browser var(--animation-duration)infinite var(--animation-delay)ease-in-out;flex-shrink:0;grid-template-columns:1fr 1fr 1fr;display:grid;overflow:hidden}.zenhoot-interactive-wrapper .browser-pane{border-right:1px solid var(--border);flex-direction:column;display:flex}.zenhoot-interactive-wrapper .browser-pane:last-child{border-right:none}.zenhoot-interactive-wrapper .browser-pane__header{color:var(--text-tertiary);flex-shrink:0;padding:.5rem .75rem;font-size:.7rem;font-weight:600}.zenhoot-interactive-wrapper .browser-pane__list{flex-grow:1;list-style:none;overflow-y:auto}.zenhoot-interactive-wrapper .browser-pane__item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);border-radius:2px;padding:.25rem .5rem;font-size:.875rem;overflow:hidden}.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{border-bottom:1px solid var(--border);background-color:var(--bg-surface);opacity:0;animation:zenhoot-expand-artist-browser var(--animation-duration)infinite var(--animation-delay)ease-in-out;flex-shrink:0;padding:1.5rem 2rem;overflow:hidden}.zenhoot-interactive-wrapper .artist-album-browser__scroll-area{scrollbar-width:none;gap:1.5rem;display:flex;overflow-x:auto}.zenhoot-interactive-wrapper .artist-album-browser__scroll-area::-webkit-scrollbar{display:none}.zenhoot-interactive-wrapper .album-card{flex-direction:column;flex-shrink:0;gap:.75rem;width:130px;display:flex}.zenhoot-interactive-wrapper .album-card:hover .album-card__art{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.zenhoot-interactive-wrapper .album-card__art{border-radius:var(--radius-md);background-color:var(--bg-subtle);width:130px;height:130px;box-shadow:var(--shadow-md);transition:var(--transition-base);color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;overflow:hidden}.zenhoot-interactive-wrapper .album-card__art .icon{width:48px;height:48px}.zenhoot-interactive-wrapper .album-card__name{color:var(--text-primary);text-align:center;font-size:.8rem;font-weight:500;line-height:1.3}.zenhoot-interactive-wrapper .track-list-container{flex-grow:1;position:relative;overflow:hidden}.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{border-bottom:1px solid var(--border);background-color:var(--bg-base);z-index:2;height:28px;position:sticky;top:0}.zenhoot-interactive-wrapper .track-list-header .track-list-col{color:var(--text-tertiary);padding:.6rem .75rem;font-size:.75rem;font-weight:500}.zenhoot-interactive-wrapper .track-list-col{white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:.6rem .75rem;display:flex;overflow:hidden}.zenhoot-interactive-wrapper .track-list-col--play{flex-shrink:0;justify-content:center;width:45px}.zenhoot-interactive-wrapper .track-list-col--title{width:35%;color:var(--text-primary)}.zenhoot-interactive-wrapper .track-list-col--artist,.zenhoot-interactive-wrapper .track-list-col--album{width:25%}.zenhoot-interactive-wrapper .track-list-col--duration{flex-shrink:0;justify-content:flex-end;width:80px}.zenhoot-interactive-wrapper .virtual-row{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);height:39px}.zenhoot-interactive-wrapper .track-list-content{height:100%;position:relative}.zenhoot-interactive-wrapper .track-list-view{pointer-events:none;position:absolute;inset:0}.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{background-color:var(--bg-surface);border-top:1px solid var(--border);grid-area:player;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:1.5rem;padding:0 1rem;display:grid}.zenhoot-interactive-wrapper .player-bar__track-info{align-items:center;gap:.75rem;min-width:0;display:flex}.zenhoot-interactive-wrapper .track-info__album-art{background-color:var(--bg-subtle);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.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{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.zenhoot-interactive-wrapper .track-info__artist{color:var(--text-secondary);font-size:.8rem}.zenhoot-interactive-wrapper .player-bar__controls{flex-direction:column;align-items:center;gap:.25rem;display:flex}.zenhoot-interactive-wrapper .controls__buttons{align-items:center;gap:.75rem;display:flex}.zenhoot-interactive-wrapper .player-button{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;padding:.5rem}.zenhoot-interactive-wrapper .player-button--primary{color:var(--text-primary);background-color:var(--bg-subtle);place-items:center;width:38px;height:38px;display:grid}.zenhoot-interactive-wrapper .controls__seeker{align-items:center;gap:.5rem;width:100%;display:flex}.zenhoot-interactive-wrapper .seeker__time{color:var(--text-secondary);text-align:center;width:4ch;font-size:.75rem}.zenhoot-interactive-wrapper .slider-wrapper{flex-grow:1;align-items:center;height:20px;display:flex}.zenhoot-interactive-wrapper .slider-inactive{background:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:6px}.zenhoot-interactive-wrapper .player-bar__right-controls{justify-content:flex-end;display:flex}@keyframes zenhoot-click-artist{0%,24.9%{color:var(--text-secondary);background-color:#0000}25%,35%{background-color:var(--primary);color:var(--primary-foreground)}35.1%,to{color:var(--text-secondary);background-color:#0000}}@keyframes zenhoot-collapse-browser{0%,25%{height:var(--browser-height);opacity:1}35%,to{opacity:0;height:0}}@keyframes zenhoot-expand-artist-browser{0%,25%{opacity:0;height:0}35%,85%{opacity:1;height:210px}to{opacity:0;height:0}}@keyframes zenhoot-slide-out-all-tracks{0%,25%{opacity:1;transform:translateY(0)}35%,to{opacity:0;transform:translateY(-20px)}}@keyframes zenhoot-slide-in-artist-tracks{0%,25%{opacity:0;transform:translateY(20px)}35%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.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:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--transition-base:all .25s cubic-bezier(.4,0,.2,1);--shadow-lg:0 8px 32px #00000040;--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:#3fb95059;--color-status-pending:#d9a12e;--color-status-pending-rgb:217,161,46;--color-status-pending-glow:#d9a12e59;--color-text-primary:#e6edf3;--color-text-secondary:#909dab}.zenstatus-interactive-wrapper *{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}.zenstatus-interactive-wrapper .showcase-frame{background:var(--color-background-main);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:700px;box-shadow:var(--shadow-lg);gap:var(--spacing-xl);flex-direction:column;padding:2rem;display:flex;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{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.zenstatus-interactive-wrapper .nexus-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.zenstatus-interactive-wrapper .nexus-title{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-size:1.5rem;font-weight:600;display:flex}.zenstatus-interactive-wrapper .nexus-title .icon{width:24px;height:24px;color:var(--color-primary)}.zenstatus-interactive-wrapper .nexus-description{color:var(--color-text-secondary);max-width:60ch;font-size:.9rem}.zenstatus-interactive-wrapper .nexus-status-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);animation:zenstatus-badge-color-change var(--animation-duration)infinite var(--animation-delay)ease-in-out;font-weight:600;display:flex}.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 .up,.zenstatus-interactive-wrapper .status-icon .degraded{display:none}.zenstatus-interactive-wrapper .conditions-title{color:var(--color-text-secondary);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-size:1.1rem;font-weight:500}.zenstatus-interactive-wrapper .conditions-list{gap:var(--spacing-md);grid-template-columns:1fr;margin-top:1rem;display:grid}.zenstatus-interactive-wrapper .condition-item{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);align-items:center;gap:var(--spacing-md);border-left-width:4px;display:flex}.zenstatus-interactive-wrapper .condition-status-indicator{flex-shrink:0;width:24px;height:24px}.zenstatus-interactive-wrapper .condition-status-indicator .icon-pass,.zenstatus-interactive-wrapper .condition-status-indicator .icon-fail{display:none}.zenstatus-interactive-wrapper .condition-item.is-passing .condition-status-indicator .icon-pass,.zenstatus-interactive-wrapper .condition-item.is-failing .condition-status-indicator .icon-fail{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{color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.zenstatus-interactive-wrapper .endpoint-name .icon{opacity:.6;width:16px;height:16px}.zenstatus-interactive-wrapper .condition-logic,.zenstatus-interactive-wrapper .condition-current-state{color:var(--color-text-secondary);font-size:.8rem}.zenstatus-interactive-wrapper .condition-current-state{font-family:var(--font-mono)}.zenstatus-interactive-wrapper .condition-criticality-badge{border-radius:var(--radius-full);background-color:rgba(var(--color-negative-rgb),.15);color:var(--color-negative);border:1px solid rgba(var(--color-negative-rgb),.3);margin-left:auto;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-block}.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:.25rem;--space-sm:.4rem;--space-md:.6rem;--space-lg:.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:#34d3991a;--info-bg:#5fa8ef1a}.dokploy-interactive-wrapper *{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}.dokploy-interactive-wrapper .showcase-frame{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);gap:var(--space-lg);flex-direction:column;width:100%;max-width:800px;padding:1.25rem;display:flex;overflow:hidden;box-shadow:0 20px 40px #0006}.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{stroke-width:2px;width:1.2em;height:1.2em}.dokploy-interactive-wrapper .page-title{align-items:center;gap:var(--space-sm);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:700;display:flex}.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{gap:0 var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.dokploy-interactive-wrapper .detail-item{padding:var(--space-md)0;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.dokploy-interactive-wrapper .detail-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.dokploy-interactive-wrapper .detail-value{color:var(--text-primary);font-weight:500}.dokploy-interactive-wrapper .status-badge{align-items:center;gap:var(--space-xs);text-transform:uppercase;border-radius:4px;padding:.2rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.dokploy-interactive-wrapper .status-badge:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px}.dokploy-interactive-wrapper .status-badge.running{background-color:var(--info-bg);color:var(--info);border:1px solid #5fa8ef33;animation:2s ease-in-out infinite dokploy-pulse-opacity}.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{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.dokploy-interactive-wrapper .job-progress-title{font-size:1.2rem;font-weight:600}.dokploy-interactive-wrapper .job-progress-bar-overall{background-color:var(--bg-primary);width:100%;height:8px;margin-bottom:var(--space-xl);border-radius:4px;overflow:hidden}.dokploy-interactive-wrapper .job-progress-bar-fill{background-color:var(--info);width:0;height:100%;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,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:40px 40px;border-radius:4px}.dokploy-interactive-wrapper .job-steps-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.dokploy-interactive-wrapper .job-step{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);opacity:.5;transition:all .3s;display:flex}.dokploy-interactive-wrapper .job-step-icon{background-color:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);border:2px solid var(--border-color-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.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{color:var(--text-secondary);white-space:nowrap;font-size:.8rem;font-weight:500}.dokploy-interactive-wrapper .job-step-status{color:var(--text-muted);font-size:.75rem}.dokploy-interactive-wrapper .log-viewer-container{margin-top:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#000;height:100px;overflow:hidden}.dokploy-interactive-wrapper .log-output{padding:var(--space-md);font-family:var(--font-mono);color:#ccc;height:100%;font-size:.8rem;line-height:1.6;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%{background-color:var(--info);width:10%}21%{width:25%}35%{width:50%}64%{width:90%}71%{background-color:var(--info);width:100%}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{align-items:center;gap:var(--space-xs);font-weight:500;display:flex}.dokploy-interactive-wrapper .job-progress-status-text .spinner{animation:1.5s linear infinite dokploy-spin}@keyframes dokploy-spin{to{transform:rotate(360deg)}}.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{padding-bottom:4rem;animation:.4s ease-out fadeIn}.account-page h1{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem}.account-page .subtitle{color:rgb(var(--secondary-text-rgb));margin-bottom:2rem}.account-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.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;position:relative;overflow:hidden}.account-card:before{content:"";background:linear-gradient(90deg,transparent,rgba(var(--accent-color-rgb),.3),transparent);height:1px;position:absolute;top:0;left:0;right:0}.account-card:hover{border-color:rgba(var(--accent-color-rgb),.3);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.card-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.card-header .icon-wrapper{background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.1),rgba(var(--accent-secondary-rgb),.1));border:1px solid rgba(var(--accent-color-rgb),.2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-header .icon-wrapper i{color:var(--accent-color);font-size:1.25rem}.card-header h2{color:rgb(var(--foreground-rgb));margin:0;font-size:1.25rem;font-weight:600}.card-header p{color:rgb(var(--secondary-text-rgb));margin:0;font-size:.875rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:rgb(var(--secondary-text-rgb));margin-bottom:.5rem;font-size:.875rem;font-weight:500;transition:color .2s;display:block}.form-group:focus-within label{color:var(--accent-color)}.form-group .input-wrapper{align-items:center;display:flex;position:relative}.form-group .input-wrapper i{color:rgba(var(--secondary-text-rgb),.5);pointer-events:none;font-size:1rem;transition:color .2s;position:absolute;left:1rem}.form-group .input-wrapper input{border:1px solid rgba(var(--border-rgb),.5);width:100%;color:rgb(var(--foreground-rgb));background:#0003;border-radius:8px;padding:.75rem 1rem .75rem 2.75rem;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{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05);box-shadow:0 0 0 4px rgba(var(--accent-color-rgb),.1);outline:none}.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;cursor:pointer;width:100%;box-shadow:0 4px 12px rgba(var(--gradient-color-2-rgb,250,112,94),.25);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px rgba(var(--gradient-color-2-rgb,250,112,94),.35);filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.profile-info{border:1px dashed rgba(var(--border-rgb),.5);background:#ffffff08;border-radius:12px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex}.profile-info .avatar{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#fff;text-shadow:0 2px 4px #0003;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;font-weight:700;display:flex}.profile-info .info h3{color:rgb(var(--foreground-rgb));margin-bottom:.25rem;font-size:1.1rem}.profile-info .info p{color:rgb(var(--secondary-text-rgb));align-items:center;gap:.5rem;font-size:.9rem;display:flex}