:root{--background-rgb:0,0,0;--foreground-rgb:245,245,245;--secondary-text-rgb:190,190,190;--border-rgb:35,35,35;--accent-color:#e0ad8e;--accent-color-rgb:224,173,142;--accent-hover:rgb(241,165,114);--gradient-color-1:#f3b28a;--gradient-color-2:#fa705e;--accent-secondary-rgb:160,147,245;--card-bg-rgb:20,20,20;--font-space-grotesk:"Space Grotesk",sans-serif;--font-open-sans:"Open Sans",sans-serif;--header-height:75px}html{scrollbar-width:thin;scrollbar-color:var(--accent-color) rgba(0,0,0,0)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:rgb(var(--border-rgb));border-radius:10px;border:3px solid rgb(var(--background-rgb));-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{color:rgb(var(--foreground-rgb));background:rgb(var(--background-rgb));font-family:var(--font-open-sans);line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-space-grotesk);font-weight:700;text-wrap:balance}.container{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:768px){.container{padding-left:1rem;padding-right:1rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.25rem 0;background-color:rgba(14,8,6,.75);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border-bottom:1px solid rgb(var(--border-rgb));transition:background-color .3s ease,border-color .3s ease}.navbar>.container{justify-content:space-between}.logo-text,.navbar>.container{display:flex;align-items:center}.logo-text{gap:.75rem;font-family:var(--font-space-grotesk);font-size:1.8rem;font-weight:700;transition:color .3s ease;z-index:1001;text-decoration:none}.logo-text>span{background:rgb(var(--foreground-rgb));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.logo-text img{flex-shrink:0}.product-nav{display:flex;align-items:center;gap:1.5rem}.text-nav-link{font-family:var(--font-space-grotesk);font-size:.95rem;font-weight:500;color:rgb(var(--foreground-rgb));text-decoration:none;padding:.5rem .75rem;transition:all .3s cubic-bezier(.25,.8,.25,1);background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer;opacity:.8}.text-nav-link:hover{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05);opacity:1;transform:translateY(-1px);border-color:rgba(var(--accent-color-rgb),.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.text-nav-link.logout-btn{opacity:.6;font-size:.9rem}.text-nav-link.logout-btn:hover{color:#ff4d4d;background:rgba(255,77,77,.05);border-color:rgba(255,77,77,.1)}.auth-nav-divider{width:1px;height:24px;background-color:hsla(0,0%,100%,.15);margin:0 .25rem}.app-selector{position:relative}.app-selector-trigger{display:flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:rgb(var(--foreground-rgb));padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:var(--font-space-grotesk);font-size:.95rem;font-weight:500;transition:all .3s ease}.app-selector-trigger:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.app-selector-trigger i{font-size:.8rem;transition:transform .3s ease}.app-selector-trigger .rotate{transform:rotate(180deg)}.app-selector-dropdown{position:absolute;top:calc(100% + 14px);right:0;width:600px;max-width:90vw;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;opacity:0;visibility:hidden;z-index:1002;box-shadow:0 4px 30px rgba(0,0,0,.3);overflow:hidden}.app-selector-dropdown:before{content:"";position:absolute;inset:0;background:rgba(20,25,30,.4);-webkit-backdrop-filter:blur(28px) saturate(180%)!important;backdrop-filter:blur(28px) saturate(180%)!important;z-index:-1}.app-selector-dropdown.show{opacity:1;visibility:visible}.app-selector:before{bottom:0;left:18px;width:35px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.app-selector:after,.app-selector:before{content:"";position:absolute;height:1px;z-index:1;pointer-events:none}.app-selector:after{background:linear-gradient(90deg,rgba(0,0,0,0),rgba(255,255,255,.2588235294),rgba(0,0,0,0));width:45px;top:0;right:12px}.app-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);background-color:rgba(0,0,0,.168627451);border:1px solid hsla(0,0%,100%,.0784313725)}.app-item:hover{background-color:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.05);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.app-item:hover .app-title{color:var(--hover-color)}.app-item:hover .app-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--hover-color))}.app-item .app-icon{width:36px;height:36px;min-width:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);transition:all .3s ease;box-shadow:none}.app-item .app-icon i{font-size:1.3rem;text-shadow:none}.app-item .app-icon .app-icon-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.app-item .app-info{display:flex;flex-direction:column;overflow:hidden;gap:.25rem}.app-item .app-info .app-title{font-family:var(--font-space-grotesk);font-size:.95rem;font-weight:700;color:#fff;transition:color .2s ease;line-height:1.2}.app-item .app-info .app-desc{font-size:.8rem;color:hsla(0,0%,100%,.5);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.app-item .app-info .app-url{font-size:.75rem;color:hsla(0,0%,100%,.3);font-weight:500;margin-top:4px;display:flex;align-items:center;gap:4px;transition:color .2s ease;font-family:var(--font-space-grotesk);letter-spacing:.02em}.app-item:hover .app-url{color:var(--hover-color);opacity:.8}.menu-toggle{display:none;background:none;border:none;color:rgb(var(--foreground-rgb));font-size:1.5rem;cursor:pointer;z-index:1001;padding:.5rem;transition:color .3s,transform .3s}.menu-toggle:hover{color:var(--accent-color)}@keyframes fadeInUpMobileNav{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.navbar{background-color:rgba(0,0,0,0);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:rgba(0,0,0,0)}.menu-toggle{display:block}.product-nav{position:fixed;top:0;right:0;width:100vw;height:100dvh;background-color:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:1000;padding:6rem 2rem 2rem}.product-nav.is-open{transform:translateX(0)}.auth-nav-divider{width:100%;height:1px;margin:1rem 0}.text-nav-link{font-size:1.5rem;font-weight:600;width:100%;text-align:left;padding:.5rem 0}.app-selector{width:100%}.app-selector-trigger{width:100%;justify-content:space-between;padding:1rem;font-size:1.2rem;background:hsla(0,0%,100%,.05);border:none}.app-selector-dropdown{position:static;width:100%;background-color:rgba(54,43,39,.3);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:none;padding:1rem 0;opacity:1;visibility:visible;transform:none;display:none}.app-selector-dropdown.show{display:grid;grid-template-columns:1fr;animation:none}.app-item{padding:1rem}.app-item .app-info .app-desc{white-space:normal}}.HomePage{display:flex;flex-direction:column}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.HomePage .panel{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:calc(var(--header-height) + 2rem) 0 2rem;position:relative;overflow:hidden}.HomePage .heroPanel{text-align:center}@media(max-width:600px){.HomePage .heroPanel{position:relative}.HomePage .heroPanel:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 25% 35%,rgba(255,140,66,.28) 0,rgba(255,140,66,0) 60%),radial-gradient(circle at 75% 65%,rgba(255,200,120,.22) 0,rgba(255,200,120,0) 55%),radial-gradient(circle at 50% 25%,rgba(255,255,255,.08) 0,rgba(255,255,255,0) 50%);filter:blur(50px);transform:translateZ(0);z-index:0}}.HomePage .heroPanel-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.HomePage .heroPanel-content{position:relative;z-index:2}.HomePage .heroPanel-content p{max-width:650px;margin:0 auto}.HomePage .heroPanel .tagline{font-weight:600;font-family:var(--font-open-sans);margin-bottom:1rem;display:block;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0;background:linear-gradient(180deg,rgb(var(--foreground-rgb)) 20%,var(--gradient-color-1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.HomePage h1{font-size:clamp(3rem,6vw,5rem);line-height:1.1;color:rgb(var(--foreground-rgb));max-width:900px;margin:0 auto 1.5rem;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .3s forwards;opacity:0}.HomePage p{font-size:1.125rem;color:rgb(var(--secondary-text-rgb));animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .5s forwards;opacity:0}.HomePage .productPanel{overflow:visible;border-top:1px solid hsla(0,0%,100%,.07);justify-content:flex-start;align-items:stretch;min-height:auto;padding-top:calc(var(--header-height) + 3.5rem);padding-bottom:4.5rem;position:relative;background:radial-gradient(ellipse 50% 40% at 20% 50%,rgba(var(--product-theme-color-rgb),.05) 0,transparent 70%),radial-gradient(ellipse 40% 30% at 85% 70%,rgba(var(--product-theme-color-rgb),.02) 0,transparent 70%),linear-gradient(180deg,rgba(10,13,20,.99) 0,rgba(10,13,20,.97) 50%,rgba(10,13,20,.99) 100%)}.HomePage .productPanel.is-reversed{background:radial-gradient(ellipse 50% 40% at 80% 50%,rgba(var(--product-theme-color-rgb),.05) 0,transparent 70%),radial-gradient(ellipse 40% 30% at 15% 70%,rgba(var(--product-theme-color-rgb),.02) 0,transparent 70%),linear-gradient(180deg,rgba(10,13,20,.99) 0,rgba(10,13,20,.97) 50%,rgba(10,13,20,.99) 100%)}.HomePage .productPanel:before{content:"";position:absolute;inset:-40px 0;z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 50%,rgba(var(--product-theme-color-rgb),.07),transparent 65%);opacity:0;transform:scale(.95);transition:opacity 1s ease-out,transform 1s ease-out}.HomePage .productPanel.is-reversed:before{background:radial-gradient(circle at 70% 50%,rgba(var(--product-theme-color-rgb),.07),transparent 65%)}.HomePage .productPanel.is-visible:before{opacity:1;transform:scale(1);animation:pulse-glow 8s ease-in-out 1s infinite}.HomePage .productPanel.is-visible .productMockup{-webkit-mask-position:0 0;mask-position:0 0}.HomePage .productPanel.is-visible .featureList,.HomePage .productPanel.is-visible .productContent .tagline,.HomePage .productPanel.is-visible .productContent h2,.HomePage .productPanel.is-visible .productContent>p{animation-play-state:running}.HomePage .productPanel>div{width:100%;display:grid;grid-template-columns:1fr;align-items:center;gap:2.5rem;position:relative;z-index:2}.HomePage .productVisual{min-width:0;width:100%}.HomePage .productContent{--stagger-delay:100ms}@media(min-width:1024px){.HomePage .productPanel>div{grid-template-columns:400px 1fr;gap:3.5rem;align-items:center}.HomePage .productContent{order:1;position:relative;top:0;max-height:none;overflow:visible;padding-right:0}.HomePage .productVisual{order:2;width:100%;min-width:0}.HomePage .productPanel.is-reversed>div{grid-template-columns:1fr 400px}.HomePage .productPanel.is-reversed .productContent{order:2;padding-left:0}.HomePage .productPanel.is-reversed .productVisual{order:1}.HomePage .zt-demo-btn.play{background:var(--zt-accent);color:#fff;box-shadow:0 2px 8px rgba(243,164,46,.35)}.HomePage .zt-demo-btn.play:hover{background:var(--zt-accent-hover)}.HomePage .zt-demo-btn.play.paused{background:var(--zt-surface-hover);color:var(--zt-text-secondary);box-shadow:none}.HomePage .zt-demo-btn.play.paused:hover{color:var(--zt-primary)}}.HomePage .productContent .featureList,.HomePage .productContent .tagline,.HomePage .productContent h2,.HomePage .productContent>p{opacity:0;animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-play-state:paused}.HomePage .productContent .tagline{color:var(--product-theme-color);font-weight:600;font-family:var(--font-open-sans);margin-bottom:1rem;animation-delay:calc(var(--stagger-delay)*4)}.HomePage .productContent .productTitle,.HomePage .productContent h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15;margin-bottom:1rem;animation-delay:calc(var(--stagger-delay)*5);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.HomePage .productContent .productTitle .productTitleIconImg,.HomePage .productContent h2 .productTitleIconImg{width:2.4rem;height:2.4rem;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(var(--product-theme-color-rgb),.45));flex-shrink:0}.HomePage .productContent .productTitle .productTitleIcon,.HomePage .productContent h2 .productTitleIcon{font-size:2.2rem;color:var(--product-theme-color);filter:drop-shadow(0 2px 6px rgba(var(--product-theme-color-rgb),.35));flex-shrink:0}.HomePage .productContent .productTitle .productTitleText,.HomePage .productContent h2 .productTitleText{color:rgb(var(--foreground-rgb))}.HomePage .productContent .productTitle .productComingSoonBadge,.HomePage .productContent h2 .productComingSoonBadge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.3rem .75rem;background:linear-gradient(135deg,rgba(var(--product-theme-color-rgb),.22),rgba(var(--product-theme-color-rgb),.08));border:1px solid rgba(var(--product-theme-color-rgb),.35);color:var(--product-theme-color);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;vertical-align:middle;font-family:var(--font-open-sans);white-space:nowrap}@media(max-width:600px){.HomePage .productContent .productTitle .productComingSoonBadge,.HomePage .productContent h2 .productComingSoonBadge{display:block;margin-left:0;margin-top:.6rem;width:fit-content}}.HomePage .productContent>p{font-size:1rem;color:rgb(var(--secondary-text-rgb));max-width:50ch;margin-bottom:1.5rem;padding-bottom:0;border-bottom:none;animation-delay:calc(var(--stagger-delay)*6)}.HomePage .productContent .productLinks{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(var(--product-theme-color-rgb),.2);animation-delay:calc(var(--stagger-delay)*6.5);opacity:0;animation-name:fadeInUp;animation-fill-mode:forwards;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.HomePage .productContent .productLink{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:rgba(0,0,0,0);border:none;border-radius:0;color:var(--product-theme-color);font-weight:600;font-size:.9rem;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;letter-spacing:.02em}.HomePage .productContent .productLink:hover{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);transform:translateX(4px);box-shadow:none;opacity:.8}.HomePage .productContent .productLink i{font-size:1rem;opacity:1}.HomePage .featureList{display:grid;gap:1.25rem;grid-template-columns:1fr;animation-delay:calc(var(--stagger-delay)*7)}.HomePage .feature{display:flex;gap:1rem;align-items:flex-start;padding:.75rem;border-radius:12px;border:1px solid rgba(0,0,0,0);transition:all .25s ease}.HomePage .feature:hover{background:rgba(var(--product-theme-color-rgb),.06);border-color:rgba(var(--product-theme-color-rgb),.15);transform:translateX(3px)}.HomePage .feature i{color:var(--product-theme-color);font-size:1.25rem;margin-top:.25rem;min-width:24px;text-align:center;filter:drop-shadow(0 2px 5px rgba(var(--product-theme-color-rgb),.3))}.HomePage .feature h3{font-size:1.1rem;margin-bottom:.25rem;color:rgb(var(--foreground-rgb))}.HomePage .feature p{font-size:.9rem;color:rgb(var(--secondary-text-rgb))}.HomePage .productMockup{width:100%;height:clamp(300px,50vh,500px);background-image:var(--product-screenshot-url);background-color:var(--product-theme-color);background-size:cover;background-position:0 0;background-repeat:no-repeat;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid rgba(var(--product-theme-color-rgb),.3);box-shadow:0 20px 60px -15px rgba(0,0,0,.8),0 0 40px -10px rgba(var(--product-theme-color-rgb),.25);transition:transform .5s cubic-bezier(.16,1,.3,1)}.HomePage .productMockup:hover{transform:scale(1.02)}.HomePage .productMockup:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,0)),linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.4));z-index:1;pointer-events:none}.HomePage .productMockup .mockupIcon{position:relative;z-index:2;font-size:5rem;color:#fff;opacity:.8;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.HomePage .productMockup .comingSoonBadge{position:absolute;top:1.5rem;right:1.5rem;background-color:rgba(0,0,0,.5);color:#fff;padding:.5rem 1rem;border-radius:99px;font-size:.8rem;font-weight:600;text-transform:uppercase;z-index:2}.zenhoot-showcase-container,.zensailor-showcase-container,.zenstork-showcase-container,.zentrail-showcase-container,.znowflow-showcase-container,.znowpulse-showcase-container{width:100%;overflow:hidden;border-radius:14px;aspect-ratio:1400/900;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 60px -15px rgba(0,0,0,.8),0 0 25px -5px rgba(var(--product-theme-color-rgb),.12);background:rgba(10,13,20,.8);transition:border-color .4s ease,box-shadow .4s ease}.zenhoot-showcase-container:hover,.zensailor-showcase-container:hover,.zenstork-showcase-container:hover,.zentrail-showcase-container:hover,.znowflow-showcase-container:hover,.znowpulse-showcase-container:hover{border-color:rgba(var(--product-theme-color-rgb),.35);box-shadow:0 25px 70px -15px rgba(0,0,0,.9),0 0 35px 0 rgba(var(--product-theme-color-rgb),.2)}.zenhoot-showcase-content,.zensailor-showcase-content,.zenstork-showcase-content,.zentrail-showcase-content,.znowflow-showcase-content,.znowpulse-showcase-content{width:1400px;height:900px;transform-origin:top left}.productVisual{display:flex;align-items:flex-start;justify-content:center}.floating-cards-container{position:fixed;inset:0;pointer-events:none;z-index:30}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;background:rgba(18,20,34,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-color,var(--border));border-radius:12px;color:var(--fg,#f8f9fa);font-family:var(--font-open-sans,system-ui,sans-serif);font-size:13px;font-weight:600;cursor:pointer;pointer-events:auto;opacity:0;transform:translateY(20px) scale(.9);transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px rgba(0,0,0,.3);overflow:hidden}.floating-cards-container.visible .floating-card{opacity:1;transform:translateY(0) scale(1)}.floating-card--top-left{top:120px;left:24px}.floating-card--top-right{top:120px;right:24px}.floating-card--bottom-center{bottom:120px;left:50%;transform:translateX(-50%) translateY(20px) scale(.9)}.floating-cards-container.visible .floating-card--bottom-center{transform:translateX(-50%) translateY(0) scale(1)}.floating-card__glow{position:absolute;inset:0;background:radial-gradient(circle at top right,var(--card-color,var(--accent)),transparent 70%);opacity:.15;pointer-events:none}.floating-card__content{position:relative;display:flex;align-items:center;gap:10px}.floating-card__icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.floating-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.4)}.floating-cards-container.visible .floating-card--bottom-center:hover{transform:translateX(-50%) translateY(-2px) scale(1.02)}.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:calc(var(--header-height) + 2rem) 1.5rem 6rem}.hero__glow-container{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#1a0f0a,#2d1915 30%,#1a0e0a 60%,#231512)}.hero__glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 30% 40%,rgba(255,126,95,.08) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 70% 55%,rgba(243,85,136,.05) 0,transparent 60%);animation:gentlePulse 8s ease-in-out infinite alternate}.hero__container{width:100%;max-width:900px;margin:0 auto;position:relative;z-index:1}.hero__content{text-align:center;display:flex;flex-direction:column;align-items:center}.hero__flagship-pill{display:inline-flex;align-items:center;gap:.75rem;padding:.35rem .5rem .35rem 1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:99px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:2.5rem;cursor:pointer;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(-20px);animation:fadeDown 1s cubic-bezier(.16,1,.3,1) .2s forwards;animation-play-state:paused}.hero--loaded .hero__flagship-pill{animation-play-state:running}.hero__flagship-pill:hover{background:hsla(0,0%,100%,.08);border-color:rgba(255,126,95,.4);padding-right:.75rem;gap:1rem;transform:translateY(-1px);box-shadow:0 8px 30px rgba(255,126,95,.15)}.hero__flagship-pill:hover .hero__flagship-badge{background:rgba(255,126,95,.25);color:#ffbca0}.hero__flagship-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#feb47b;background:rgba(254,180,123,.15);padding:.2rem .6rem;border-radius:99px;transition:all .4s ease}.hero__flagship-divider{width:1px;height:12px;background:hsla(0,0%,100%,.15)}.hero__flagship-text{font-size:.85rem;color:hsla(0,0%,100%,.85);font-weight:400;letter-spacing:.01em}.hero__title{font-size:clamp(4rem,11vw,8rem);font-weight:800;line-height:.95;letter-spacing:-.05em;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.hero__title-line{display:block;opacity:0;transform:translateY(40px);animation:textFadeIn 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-play-state:paused}.hero--loaded .hero__title-line{animation-play-state:running}.hero__title-line:first-child{animation-delay:.3s}.hero__title-line:nth-child(2){animation-delay:.5s}.hero__title-highlight{background:linear-gradient(90deg,#b8860b,#d4a84b 15%,#ffd700 30%,#fff8dc 50%,#ffd700 70%,#d4a84b 85%,#b8860b);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shimmer 8s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 40px rgba(255,200,50,.5)) drop-shadow(0 0 80px rgba(255,165,0,.25));padding-bottom:.1em;position:relative}.hero__typewriter-container{display:inline-flex;align-items:center;position:relative;height:1.1em;min-width:1ch;vertical-align:bottom}.hero__typewriter-text{position:relative;z-index:1;transition:color .3s ease;line-height:1}.hero__typewriter-text--deleting{animation:rapidFade .1s ease forwards}.hero__typewriter-cursor{display:inline-block;width:3px;height:1em;margin-left:4px;border-radius:2px;background-color:#fff!important;box-shadow:0 0 10px hsla(0,0%,100%,.8);animation:cursorBlink 1s step-end infinite}.hero__slogan-container{margin-bottom:3.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(30px);animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .8s forwards;animation-play-state:paused}.hero--loaded .hero__slogan-container{animation-play-state:running}.hero__subtitle{font-size:clamp(1.5rem,4vw,2rem);font-weight:600;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero__philosophy{font-size:1.1rem;color:hsla(0,0%,100%,.8);font-weight:400;line-height:1.5;margin:0}.hero__actions{display:flex;align-items:center;gap:2.5rem;opacity:0;transform:translateY(30px);animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .9s forwards;animation-play-state:paused}.hero--loaded .hero__actions{animation-play-state:running}@media(max-width:480px){.hero__actions{flex-direction:column;gap:1.5rem}}.hero__cta--primary{position:relative;padding:1rem 3rem;border-radius:6px;background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#1a0f0a;font-family:var(--font-space-grotesk);font-weight:700;font-size:1.1rem;letter-spacing:.02em;border:none;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(255,126,95,.4)}.hero__cta--primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,126,95,.5);filter:brightness(1.1)}.hero__cta--primary:hover .hero__cta-shine{animation:none;transform:translateX(250%) skewX(-15deg);transition:transform .8s ease}.hero__cta--primary:active{transform:translateY(-1px) scale(.98)}.hero__cta-shine{position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-250%) skewX(-15deg);pointer-events:none;animation:autoShimmer 4s 2s infinite}.hero__scroll{position:absolute;bottom:2.5rem;left:0;right:0;width:fit-content;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;animation:fadeIn 1s ease 1.2s forwards;animation-play-state:paused}.hero--loaded .hero__scroll{animation-play-state:running}@media(max-width:600px){.hero__scroll{display:none}}.hero__scroll-text{font-size:.7rem;font-family:var(--font-space-grotesk);text-transform:uppercase;letter-spacing:.15em;color:hsla(0,0%,100%,.5);font-weight:100}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes autoShimmer{0%{transform:translateX(-250%) skewX(-15deg)}25%{transform:translateX(250%) skewX(-15deg)}to{transform:translateX(250%) skewX(-15deg)}}@keyframes gentlePulse{0%{opacity:1}to{opacity:.85}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1) translateY(0)}50%{opacity:1;transform:scaleY(1.15) translateY(3px)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes rapidFade{0%{opacity:1;filter:blur(0)}to{opacity:.7;filter:blur(2px)}}.NotFoundPage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;min-height:calc(100vh - 200px);animation:fadeIn .8s cubic-bezier(.25,.46,.45,.94) forwards}.NotFoundPage .icon{font-size:5rem;color:var(--accent-color);margin-bottom:2rem}.NotFoundPage .title{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2;margin-bottom:1rem}.NotFoundPage .description{font-size:1.125rem;color:rgb(var(--secondary-text-rgb));max-width:450px;margin-bottom:2.5rem}.NotFoundPage .button{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:background-color .3s ease,transform .2s ease}.NotFoundPage .button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.footer{padding:1rem 0;background-color:rgba(0,0,0,0);border-top:1px solid rgb(var(--border-rgb));color:rgb(var(--secondary-text-rgb));text-align:center;font-size:.9rem;position:relative;z-index:60;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-copyright{flex-shrink:0;opacity:.6}.footer-nav{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-grow:1}.footer-nav button{background:none;border:none;color:rgb(var(--secondary-text-rgb));cursor:pointer;font-size:.9rem;font-family:inherit;transition:color .3s ease;padding:.25rem .5rem;border-radius:4px}.footer-nav button:hover{color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.1)}.pane-container{position:fixed;inset:0;z-index:100;pointer-events:none}.pane-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.pane-content{margin:0 auto;max-width:1150px;position:absolute;bottom:0;left:0;right:0;max-height:85vh;background:radial-gradient(ellipse at top,rgba(var(--accent-color-rgb),.08),transparent 60%),rgb(var(--card-bg-rgb));border-top:1px solid rgb(var(--border-rgb));border-radius:28px 28px 0 0;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.07),0 0 50px rgba(0,0,0,.5);transform:translateY(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.pane-container.open{pointer-events:auto}.pane-container.open .pane-backdrop{opacity:1}.pane-container.open .pane-content{transform:translateY(0)}.pane-container.open .contact-form .form-actions,.pane-container.open .contact-form .form-group,.pane-container.open .pane-body>h3,.pane-container.open .pane-body>p{animation:fadeInUpPane .6s cubic-bezier(.16,1,.3,1) both}.pane-container.open .pane-body>h3:first-of-type{animation-delay:.1s}.pane-container.open .pane-body>p:first-of-type{animation-delay:.15s}.pane-container.open .pane-body>h3:nth-of-type(2){animation-delay:.2s}.pane-container.open .pane-body>p:nth-of-type(2){animation-delay:.25s}.pane-container.open .pane-body>.contact-intro{animation-delay:.1s}.pane-container.open .contact-form .form-group:first-child,.pane-container.open .contact-form .form-group:nth-child(2){animation-delay:.2s}.pane-container.open .contact-form .form-group:nth-child(3){animation-delay:.3s}.pane-container.open .contact-form .form-actions{animation-delay:.4s}@keyframes fadeInUpPane{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;border-bottom:1px solid rgb(var(--border-rgb));flex-shrink:0}.pane-header h2{font-size:1.75rem;background:linear-gradient(180deg,rgb(var(--foreground-rgb)) 20%,var(--gradient-color-1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.pane-close-btn{background:hsla(0,0%,100%,.1);border:1px solid rgba(0,0,0,0);color:rgb(var(--foreground-rgb));width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pane-close-btn:hover{background:var(--accent-hover);border-color:hsla(0,0%,100%,.2);transform:rotate(90deg) scale(1.1)}.pane-body{padding:1.5rem 2.5rem 2.5rem;overflow-y:auto;color:rgb(var(--secondary-text-rgb));line-height:1.7}.pane-body .form-actions,.pane-body .form-group,.pane-body>h3,.pane-body>p{opacity:0}.pane-body h3{color:var(--accent-color);font-size:1.5rem;margin-top:1rem;margin-bottom:1rem}.pane-body p{margin-bottom:1.5rem}.contact-intro{max-width:75ch;margin:0 auto 4rem 0}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.contact-form{grid-template-columns:1fr}}.form-group{gap:.75rem}.full-width{grid-column:1/-1}.form-group label{font-size:.9rem}.form-input,.form-textarea{background-color:rgba(var(--background-rgb),.5);border:1px solid rgb(var(--border-rgb));border-radius:8px;padding:.85rem 1rem;color:rgb(var(--foreground-rgb));font-family:inherit;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.2)}.form-textarea{resize:vertical;min-height:120px}.form-actions{display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(90deg,var(--gradient-color-1),var(--gradient-color-2));color:#fff;padding:.85rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;width:100%;background-size:200% auto}.submit-button:hover:not(:disabled){background-position:100%;transform:translateY(-2px);box-shadow:0 10px 20px rgba(var(--accent-color-rgb),.2)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff}.form-message{padding:.75rem 1rem;border-radius:8px;text-align:center;font-weight:600;margin-bottom:0}.form-message.success{background-color:rgba(var(--accent-secondary-rgb),.2);color:rgba(var(--accent-secondary-rgb),1)}.form-message.error{background-color:rgba(229,77,77,.2);color:#e54d4d}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.auth-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 0 0,rgba(var(--gradient-color-1-rgb,243,178,138),.05) 0,transparent 50%),radial-gradient(circle at 100% 100%,rgba(var(--gradient-color-2-rgb,250,112,94),.05) 0,transparent 50%),linear-gradient(135deg,rgba(var(--background-rgb),1) 0,rgb(15,12,10) 100%)}.auth-brand{position:absolute;top:2rem;left:2rem}.auth-brand .brand-logo{font-family:var(--font-space-grotesk);font-size:1.5rem;font-weight:700;color:rgb(var(--foreground-rgb));text-decoration:none}.auth-page{width:100%;max-width:420px}.auth-card{background:linear-gradient(180deg,rgba(var(--foreground-rgb),.05) 0,rgba(var(--foreground-rgb),.02) 100%);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 40px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.05);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--gradient-color-1) 50%,transparent 100%);opacity:.3}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.75rem;font-weight:600;color:rgb(var(--foreground-rgb));margin-bottom:.5rem}.auth-header p{color:rgb(var(--secondary-text-rgb));font-size:.95rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group input{padding:.75rem 1rem;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.5);border-radius:var(--radius-md,8px);color:rgb(var(--foreground-rgb));font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:rgba(var(--secondary-text-rgb),.6)}.form-group input:focus{outline:none;border-color:var(--gradient-color-1);box-shadow:0 0 0 3px rgba(var(--gradient-color-1-rgb,255,140,66),.15)}.forgot-link{font-size:.875rem;color:var(--gradient-color-1);text-decoration:none;align-self:flex-end;margin-top:-.5rem}.forgot-link:hover{text-decoration:underline}.auth-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--gradient-color-1) 0,var(--gradient-color-2,#ff6b35) 100%);border:none;border-radius:var(--radius-md,8px);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center;text-decoration:none;display:inline-block}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px rgba(var(--gradient-color-1-rgb,255,140,66),.4)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md,8px);color:#ef4444}.auth-error,.auth-success{padding:.75rem 1rem;font-size:.875rem}.auth-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md,8px);color:#10b981;line-height:1.5}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:rgb(var(--secondary-text-rgb));font-size:.875rem}.auth-footer a{color:var(--gradient-color-1);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.verify-feedback{display:flex;flex-direction:column;align-items:center;text-align:center;animation:auth-fade-in .6s ease-out}.verify-feedback .status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative}.verify-feedback .status-icon.success{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2);animation:icon-pop-success .5s cubic-bezier(.175,.885,.32,1.275) forwards}.verify-feedback .status-icon.error{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2);animation:icon-pop-error .5s cubic-bezier(.175,.885,.32,1.275) forwards}.verify-feedback .status-icon.loading{background:rgba(var(--foreground-rgb),.05);color:var(--gradient-color-1);border:1px solid rgba(var(--border-rgb),.5)}.verify-feedback .status-icon svg{width:32px;height:32px}.verify-feedback h1{font-size:2rem;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.verify-feedback p{color:rgb(var(--secondary-text-rgb));font-size:1.05rem;max-width:300px;margin:0 auto}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-pop-success{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes icon-pop-error{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.spinner{width:40px;height:40px;border:3px solid rgba(var(--foreground-rgb),.1);border-top-color:var(--gradient-color-1);border-radius:50%;animation:spin 1s linear infinite}.dashboard-shell{display:flex;height:100vh;overflow:hidden;background:rgb(var(--background-rgb))}.dashboard-sidebar{width:260px;flex-shrink:0;background:rgba(var(--foreground-rgb),.02);border-right:1px solid rgba(var(--foreground-rgb),.06);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}@media(max-width:900px){.dashboard-sidebar{display:none}}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.05)}.sidebar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-weight:700;font-size:1rem;letter-spacing:.02em}.sidebar-brand img{border-radius:6px}.sidebar-nav{flex:1 1;padding:1rem 0;overflow-y:auto}.nav-section{padding:0 .75rem;margin-bottom:1.5rem}.nav-section-label{gap:.5rem;padding:.5rem .75rem;margin-bottom:.25rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gradient-color-1)}.nav-item,.nav-section-label{display:flex;align-items:center}.nav-item{gap:.75rem;padding:.7rem .9rem;border-radius:10px;font-size:.875rem;font-weight:500;color:rgba(var(--foreground-rgb),.6);text-decoration:none;transition:background .15s,color .15s;margin-bottom:2px}.nav-item:hover{background:rgba(var(--foreground-rgb),.04);color:#fff}.nav-item.active{background:linear-gradient(135deg,rgba(243,178,138,.12),rgba(250,112,94,.08));color:var(--gradient-color-1);font-weight:600}.nav-item svg{flex-shrink:0}.nav-item .live-dot{width:6px;height:6px;background:#4caf50;border-radius:50%;margin-left:auto;box-shadow:0 0 10px rgba(76,175,80,.6);animation:livePulse 2s infinite}.sidebar-footer{padding:1rem;border-top:1px solid rgba(var(--foreground-rgb),.05)}.user-badge{gap:.75rem;padding:.75rem;margin-bottom:.75rem;background:rgba(var(--foreground-rgb),.03);border-radius:10px}.user-avatar,.user-badge{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.user-details{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.user-details .user-name{font-weight:600;font-size:.8rem;color:#fff}.user-details .user-email,.user-details .user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details .user-email{font-size:.7rem;color:rgba(var(--foreground-rgb),.4)}.sidebar-footer .logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;color:#ff6b6b;background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.12);cursor:pointer;transition:background .15s}.sidebar-footer .logout-btn:hover{background:rgba(255,107,107,.12)}.dashboard-content{flex:1 1;margin-left:260px;display:flex;flex-direction:column;height:100vh;overflow-y:auto;background:radial-gradient(ellipse 80% 60% at 10% 10%,rgba(243,178,138,.15) 0,transparent 50%),radial-gradient(ellipse 100% 80% at 90% 90%,rgba(250,112,94,.12) 0,transparent 50%),radial-gradient(ellipse 60% 50% at 50% 50%,rgba(160,147,245,.08) 0,transparent 60%),rgb(var(--background-rgb))}@media(max-width:900px){.dashboard-content{margin-left:0}}.dashboard-mobile-header{display:none}@media(max-width:900px){.dashboard-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.06)}}.mobile-brand{gap:.5rem;color:#fff;font-weight:700;font-size:.9rem}.mobile-brand,.mobile-nav-btn{display:flex;align-items:center;text-decoration:none}.mobile-nav-btn{justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(var(--foreground-rgb),.05);color:rgba(var(--foreground-rgb),.7)}.dashboard-page{flex:1 1;position:relative;overflow-y:auto}.dashboard-main{position:relative;z-index:1;padding:1.5rem 2rem;width:100%;max-width:100%!important}.overview-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem}.overview-topbar .topbar-left h1{font-size:1.4rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.overview-topbar .topbar-left .email-hint{font-size:.75rem;color:rgba(var(--foreground-rgb),.4)}.overview-topbar .topbar-actions{display:flex;gap:.5rem;align-items:center}.compact-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid rgba(var(--foreground-rgb),.12);background:rgba(var(--foreground-rgb),.04);color:rgba(var(--foreground-rgb),.8);text-decoration:none}.compact-btn svg{flex-shrink:0}.compact-btn:hover{background:rgba(var(--foreground-rgb),.08);border-color:rgba(var(--foreground-rgb),.2);color:#fff}.compact-btn.primary{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));border-color:rgba(0,0,0,0);color:#000}.compact-btn.primary:hover{opacity:.9}.compact-btn.secondary{background:rgba(var(--foreground-rgb),.06)}.compact-btn.warning{background:rgba(250,112,94,.1);border-color:rgba(250,112,94,.25);color:salmon}.compact-btn.warning:hover{background:rgba(250,112,94,.15)}.compact-btn.success{background:rgba(76,175,80,.1);border-color:rgba(76,175,80,.25);color:#4caf50}.compact-btn.full-width{width:100%;justify-content:center}.compact-btn.admin{background:rgba(var(--gradient-color-1),.08);border-color:rgba(var(--gradient-color-1),.2);color:var(--gradient-color-1)}.stats-strip{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.stat-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:rgba(var(--foreground-rgb),.04);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:20px;font-size:.75rem;color:rgba(var(--foreground-rgb),.7);text-decoration:none;transition:all .15s}.stat-pill svg{color:rgba(var(--foreground-rgb),.5)}.stat-pill .stat-value{font-weight:700;color:#fff}.stat-pill .stat-label{color:rgba(var(--foreground-rgb),.6)}.stat-pill:hover{background:rgba(var(--foreground-rgb),.06);border-color:rgba(var(--foreground-rgb),.12)}.stat-pill.highlight{background:rgba(76,175,80,.08);border-color:rgba(76,175,80,.2);color:#4caf50}.stat-pill.highlight svg{color:#4caf50}.stat-pill.admin{background:rgba(var(--gradient-color-1),.06);border-color:rgba(var(--gradient-color-1),.15)}.stat-pill.admin,.stat-pill.admin svg{color:var(--gradient-color-1)}.overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem}@media(max-width:900px){.overview-grid{grid-template-columns:1fr}}.overview-col{display:flex;flex-direction:column;gap:1rem}.overview-section{background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--foreground-rgb),.06);border-radius:12px;padding:1rem 1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.section-header h2{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:rgba(var(--foreground-rgb),.9);margin:0;text-transform:uppercase;letter-spacing:.03em}.section-header .see-all,.section-header h2 svg{color:var(--gradient-color-1)}.section-header .see-all{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;text-decoration:none;opacity:.8}.section-header .see-all:hover{opacity:1}.compact-list{display:flex;flex-direction:column;gap:.35rem}.compact-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:rgba(var(--foreground-rgb),.03);border-radius:8px;text-decoration:none;transition:background .15s;gap:.75rem}.compact-item:hover{background:rgba(var(--foreground-rgb),.06)}.compact-item.static{cursor:default}.compact-item.static:hover{background:rgba(var(--foreground-rgb),.03)}.item-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.item-name{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:.7rem;color:rgba(var(--foreground-rgb),.4)}.item-status{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;flex-shrink:0}.item-status.active{background:rgba(76,175,80,.12);color:#4caf50}.item-status.expired,.item-status.revoked{background:rgba(244,67,54,.12);color:#f44336}.item-status.pending{background:rgba(255,193,7,.12);color:#ffc107}.item-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;background:rgba(76,175,80,.12);color:#4caf50;flex-shrink:0}.compact-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;font-size:.8rem;color:rgba(var(--foreground-rgb),.5)}.compact-empty{padding:1rem;text-align:center}.compact-empty p{margin:0 0 .75rem}.compact-empty p,.compact-empty-text{font-size:.85rem;color:rgba(var(--foreground-rgb),.5)}.compact-empty-text{margin:0;padding:.5rem 0}.admin-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}.admin-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:rgba(var(--foreground-rgb),.04);border:1px solid rgba(var(--foreground-rgb),.1);border-radius:6px;font-size:.75rem;font-weight:500;color:rgba(var(--foreground-rgb),.8);text-decoration:none;transition:all .15s}.admin-chip svg,.admin-chip:hover{color:var(--gradient-color-1)}.admin-chip:hover{background:rgba(var(--gradient-color-1),.08);border-color:rgba(var(--gradient-color-1),.2)}.payloads-row{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(var(--foreground-rgb),.05)}.billing-content{display:flex;flex-direction:column;gap:.75rem}.billing-active{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(76,175,80,.06);border:1px solid rgba(76,175,80,.12);border-radius:8px}.billing-active .billing-icon{color:#4caf50}.billing-active .billing-info{display:flex;flex-direction:column;gap:.1rem}.billing-active .billing-title{font-size:.85rem;font-weight:600;color:#fff}.billing-active .billing-sub{font-size:.7rem;color:rgba(76,175,80,.8)}.billing-desc{font-size:.85rem;color:rgba(var(--foreground-rgb),.5);margin:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.dashboard-header .user-info h1{font-size:2rem;font-weight:700;color:#fff;margin:0}.dashboard-header .user-info p{font-size:.9rem;color:rgba(var(--foreground-rgb),.5);margin-top:.25rem}.dashboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s;border:1px solid rgba(0,0,0,0);text-decoration:none}.dashboard-btn.primary{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#000}.dashboard-btn.primary:hover{opacity:.9}.dashboard-btn.secondary{background:rgba(var(--foreground-rgb),.08);border-color:rgba(var(--foreground-rgb),.1);color:#fff}.dashboard-btn.secondary:hover{background:rgba(var(--foreground-rgb),.12)}.dashboard-btn.outline{background:rgba(0,0,0,0);border-color:rgba(var(--foreground-rgb),.15);color:rgba(var(--foreground-rgb),.8)}.dashboard-btn.outline:hover{border-color:var(--gradient-color-1);color:var(--gradient-color-1)}.dashboard-btn.danger{color:#ff6b6b;background:rgba(255,107,107,.08);border-color:rgba(255,107,107,.15)}.dashboard-btn.danger:hover{background:rgba(255,107,107,.15)}.dashboard-btn svg{width:16px;height:16px;flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}.dashboard-card:hover{background:rgba(var(--foreground-rgb),.05);border-color:rgba(var(--foreground-rgb),.12);box-shadow:0 8px 24px rgba(0,0,0,.15)}.dashboard-card .card-header{display:flex;align-items:center;gap:.75rem}.dashboard-card .icon-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));display:flex;align-items:center;justify-content:center;color:#fff}.dashboard-card .icon-box svg{width:20px;height:20px}.dashboard-card h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.dashboard-card .card-content{flex:1 1}.dashboard-card .card-content p{font-size:.875rem;color:rgba(var(--foreground-rgb),.5);line-height:1.5;margin:0}.dashboard-card .card-footer{margin-top:auto}.data-list{display:flex;flex-direction:column;gap:.5rem}.data-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:rgba(var(--foreground-rgb),.04);border-radius:8px;font-size:.8rem}.data-item .name{font-weight:600;color:#fff}.data-item .status{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#4caf50}.data-item .status.expired{color:#f44336}.data-item .info{color:rgba(var(--foreground-rgb),.4)}.admin-area{margin-bottom:2.5rem;padding:1.5rem;background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--foreground-rgb),.05);border-radius:20px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1100px){.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.admin-grid{grid-template-columns:1fr}}.admin-card{padding:1.25rem}.section-title{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;color:var(--gradient-color-1)}.section-title h2{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0;color:inherit}.payloads-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(var(--foreground-rgb),.05)}.payloads-section .payloads-grid{display:flex;gap:.75rem;flex-wrap:wrap}.compact-banner{background:linear-gradient(90deg,rgba(250,112,94,.12),rgba(250,112,94,.04));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(250,112,94,.25);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;gap:1rem;box-shadow:0 4px 20px rgba(0,0,0,.2)}@media(max-width:600px){.compact-banner{flex-direction:column;align-items:flex-start}}.compact-banner .banner-info{display:flex;align-items:center;gap:.75rem;color:var(--gradient-color-2);font-size:.875rem}.compact-banner .banner-info p{margin:0;color:rgba(var(--foreground-rgb),.9)}.dashboard-loading{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:rgba(var(--foreground-rgb),.5);font-size:.9rem;min-height:200px}.dashboard-loading .spinner{animation:spin 1s linear infinite;color:var(--gradient-color-1);width:32px;height:32px}.page-header{margin-bottom:2rem}.page-header .back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:rgba(var(--foreground-rgb),.5);text-decoration:none;margin-bottom:1rem;transition:color .15s}.page-header .back-link:hover{color:var(--gradient-color-1)}.page-header h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem}.page-header .dashboard-subtitle{font-size:.9rem;color:rgba(var(--foreground-rgb),.5);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--foreground-rgb),.06);border-radius:16px}.empty-state i,.empty-state svg{font-size:2.5rem;color:rgba(var(--foreground-rgb),.2);margin-bottom:1.5rem}.empty-state h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.empty-state p{font-size:.9rem;color:rgba(var(--foreground-rgb),.5);margin:0 0 1.5rem;max-width:300px}.empty-state .btn,.empty-state .dashboard-btn{min-width:180px}.licenses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media(max-width:500px){.licenses-grid{grid-template-columns:1fr}}.license-card-full{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.license-card-full:hover{border-color:rgba(var(--foreground-rgb),.12);box-shadow:0 8px 24px rgba(0,0,0,.15)}.license-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.05)}.license-product-name{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.license-product-name h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.license-status{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.25rem .6rem;border-radius:4px}.license-status.status-active{background:rgba(76,175,80,.15);color:#4caf50}.license-status.status-expired,.license-status.status-revoked{background:rgba(244,67,54,.15);color:#f44336}.license-status.status-pending{background:rgba(255,193,7,.15);color:#ffc107}.license-tier-badge{font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;background:linear-gradient(135deg,rgba(243,178,138,.15),rgba(250,112,94,.1));color:var(--gradient-color-1);border:1px solid rgba(243,178,138,.2)}.license-card-body{padding:1.5rem}.license-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.license-info-item{display:flex;flex-direction:column;gap:.25rem}.license-info-item .label{font-size:.75rem;font-weight:500;color:rgba(var(--foreground-rgb),.4);text-transform:uppercase;letter-spacing:.03em}.license-info-item .value{font-size:.9rem;font-weight:500;color:#fff;display:flex;align-items:center;gap:.4rem}.license-info-item .value i,.license-info-item .value svg{font-size:.8rem;color:rgba(var(--foreground-rgb),.5)}.license-info-item .value.active,.license-info-item .value.active i,.license-info-item .value.active svg{color:#4caf50}.license-info-item .value.expiring-soon,.license-info-item .value.expiring-soon i,.license-info-item .value.expiring-soon svg{color:#ffc107}.license-info-item .value .perpetual{color:#4caf50}.license-devices{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(var(--foreground-rgb),.05)}.license-devices h4{font-size:.85rem;font-weight:600;color:rgba(var(--foreground-rgb),.7);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.license-devices h4 i,.license-devices h4 svg{color:rgba(var(--foreground-rgb),.4)}.device-list{display:flex;flex-direction:column;gap:.5rem}.device-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(var(--foreground-rgb),.03);border-radius:8px;gap:1rem}@media(max-width:500px){.device-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.device-info{display:flex;align-items:center;gap:.6rem}.device-info i,.device-info svg{font-size:1rem;color:rgba(var(--foreground-rgb),.5)}.device-info .device-name{font-size:.85rem;font-weight:500;color:#fff}.device-last-seen{font-size:.75rem;color:rgba(var(--foreground-rgb),.4)}.btn{justify-content:center;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;text-decoration:none;transition:all .2s}.btn.btn-primary{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#000}@media(max-width:900px){.dashboard-main{padding:1.5rem}.page-header h1{font-size:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:2rem}.dashboard-header .user-info h1{font-size:1.75rem}}@media(max-width:600px){.dashboard-main{padding:1.25rem 1rem}.page-header h1{font-size:1.35rem}.dashboard-header .user-info h1{font-size:1.5rem}.license-card-header{flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.license-card-body{padding:1.25rem}.license-info-grid{grid-template-columns:repeat(2,1fr)}.empty-state{padding:3rem 1.5rem}}.cleanup-result{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:500;box-shadow:0 8px 32px rgba(0,0,0,.4);animation:cleanupResultSlideIn .3s cubic-bezier(.16,1,.3,1);z-index:100}@keyframes cleanupResultSlideIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cleanup-result.success{background:rgba(76,175,80,.15);border:1px solid rgba(76,175,80,.3);color:#4caf50}.cleanup-result.success svg:first-child{color:#4caf50}.cleanup-result.error{background:rgba(244,67,54,.15);border:1px solid rgba(244,67,54,.3);color:#ff6b6b}.cleanup-result.error svg:first-child{color:#f44336}.cleanup-result .cleanup-result-close{display:flex;align-items:center;justify-content:center;margin-left:.5rem;padding:.25rem;background:rgba(0,0,0,0);border:none;border-radius:4px;cursor:pointer;opacity:.6;transition:opacity .15s}.cleanup-result .cleanup-result-close:hover{opacity:1}.storage-dashboard{display:flex;flex-direction:column;gap:1.5rem;background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:20px;padding:1.5rem}.storage-dashboard-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:rgba(var(--foreground-rgb),.5)}.storage-dashboard-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid rgba(var(--foreground-rgb),.08)}.storage-dashboard-header .header-title{display:flex;align-items:center;gap:.875rem}.storage-dashboard-header .header-title svg{color:var(--gradient-color-1);flex-shrink:0}.storage-dashboard-header .header-title h2{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.storage-dashboard-header .header-title p{font-size:.85rem;color:rgba(var(--foreground-rgb),.5);margin:.25rem 0 0}.storage-dashboard-header .cleanup-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,rgba(244,67,54,.15),rgba(244,67,54,.08));border:1px solid rgba(244,67,54,.25);border-radius:10px;color:#ff6b6b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.storage-dashboard-header .cleanup-btn:hover:not(:disabled){background:rgba(244,67,54,.25);transform:translateY(-1px)}.storage-dashboard-header .cleanup-btn:disabled{opacity:.5;cursor:not-allowed}.storage-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:900px){.storage-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.storage-stats-grid{grid-template-columns:1fr}}.storage-stat-card{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.06);border-radius:12px;transition:all .2s ease}.storage-stat-card:hover{background:rgba(var(--foreground-rgb),.05);transform:translateY(-1px)}.storage-stat-card .stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.storage-stat-card .stat-icon.primary{background:linear-gradient(135deg,rgba(33,150,243,.15),rgba(33,150,243,.08));color:#2196f3}.storage-stat-card .stat-icon.success{background:linear-gradient(135deg,rgba(76,175,80,.15),rgba(76,175,80,.08));color:#4caf50}.storage-stat-card .stat-icon.accent{background:linear-gradient(135deg,rgba(255,152,0,.15),rgba(255,152,0,.08));color:#ff9800}.storage-stat-card .stat-icon.warning{background:linear-gradient(135deg,rgba(255,193,7,.15),rgba(255,193,7,.08));color:#ffc107}.storage-stat-card .stat-icon svg{width:16px;height:16px}.storage-stat-card .stat-info{display:flex;flex-direction:column;gap:.15rem}.storage-stat-card .stat-info .stat-value{font-size:1.15rem;font-weight:700;color:#fff;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.storage-stat-card .stat-info .stat-label{font-size:.7rem;color:rgba(var(--foreground-rgb),.5);text-transform:uppercase;letter-spacing:.03em}.storage-content{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:900px){.storage-content{grid-template-columns:1fr}}.storage-chart-card{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.06);border-radius:16px;overflow:hidden}.storage-chart-card .chart-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid rgba(var(--foreground-rgb),.05)}.storage-chart-card .chart-header .chart-title-group h3{font-size:.95rem;font-weight:600;color:rgb(var(--foreground-rgb));margin:0 0 .25rem}.storage-chart-card .chart-header .chart-title-group .chart-subtitle{font-size:.8rem;color:rgba(var(--foreground-rgb),.5)}.storage-chart-card .chart-header .graph-view-toggle{display:flex;align-items:center;background:rgba(var(--foreground-rgb),.04);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:8px;padding:3px;gap:3px}.storage-chart-card .chart-header .graph-view-toggle .toggle-btn{display:flex;align-items:center;gap:.35rem;padding:4px 10px;border-radius:6px;background:rgba(0,0,0,0);border:none;color:rgba(var(--foreground-rgb),.5);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.storage-chart-card .chart-header .graph-view-toggle .toggle-btn:hover{color:rgb(var(--foreground-rgb))}.storage-chart-card .chart-header .graph-view-toggle .toggle-btn.active{background:rgba(var(--foreground-rgb),.12);color:var(--gradient-color-1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.storage-chart-card .chart-body{padding:1rem 1.25rem 1.5rem;height:300px}.storage-chart-card .chart-body.pie-chart-body{display:flex;flex-direction:row;align-items:center;gap:1.5rem;height:250px}@media(max-width:600px){.storage-chart-card .chart-body.pie-chart-body{flex-direction:column;height:auto}}.storage-chart-card .pie-container{position:relative;flex:0 0 200px;height:200px;display:flex;align-items:center;justify-content:center}.storage-chart-card .donut-center-metric{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;width:90px}.storage-chart-card .donut-center-metric .metric-value{font-size:1.15rem;font-weight:700;color:rgb(var(--foreground-rgb));line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.storage-chart-card .donut-center-metric .metric-label{font-size:.68rem;color:rgba(var(--foreground-rgb),.55);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.storage-chart-card .distribution-bar-wrapper{flex:0 0 200px;height:200px;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.storage-chart-card .distribution-bar-wrapper .stacked-bar-track{display:flex;height:28px;width:100%;border-radius:10px;overflow:hidden;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--foreground-rgb),.08);padding:2px;gap:2px}.storage-chart-card .distribution-bar-wrapper .stacked-bar-track .stacked-segment{height:100%;border-radius:4px;transition:all .2s ease;cursor:pointer}.storage-chart-card .distribution-bar-wrapper .stacked-bar-track .stacked-segment.active,.storage-chart-card .distribution-bar-wrapper .stacked-bar-track .stacked-segment:hover{filter:brightness(1.25);transform:scaleY(1.12)}.storage-chart-card .distribution-bar-wrapper .stacked-bar-caption{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:rgba(var(--foreground-rgb),.5)}.storage-chart-card .distribution-bar-wrapper .stacked-bar-caption .caption-total{font-weight:600;color:rgb(var(--foreground-rgb))}.storage-chart-card .pie-legend{flex:1 1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:210px;padding-right:.5rem}.storage-chart-card .pie-legend::-webkit-scrollbar{width:4px}.storage-chart-card .pie-legend::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.storage-chart-card .pie-legend::-webkit-scrollbar-thumb{background:rgba(var(--foreground-rgb),.12);border-radius:2px}.storage-chart-card .pie-legend .legend-item{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .625rem;background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--foreground-rgb),.04);border-radius:8px;transition:all .2s ease;cursor:pointer}.storage-chart-card .pie-legend .legend-item.active,.storage-chart-card .pie-legend .legend-item:hover{background:rgba(var(--foreground-rgb),.06);border-color:rgba(var(--foreground-rgb),.12);transform:translateX(3px)}.storage-chart-card .pie-legend .legend-item .legend-item-top{display:flex;align-items:center;gap:.625rem}.storage-chart-card .pie-legend .legend-item .legend-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.storage-chart-card .pie-legend .legend-item .legend-name{flex:1 1;font-size:.85rem;font-weight:500;color:rgba(var(--foreground-rgb),.9);text-transform:capitalize}.storage-chart-card .pie-legend .legend-item .legend-value{font-size:.825rem;font-weight:700;color:rgb(var(--foreground-rgb));font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.storage-chart-card .pie-legend .legend-item .legend-percentage{font-size:.725rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;background:rgba(var(--foreground-rgb),.08);color:rgba(var(--foreground-rgb),.75);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.storage-chart-card .pie-legend .legend-item .legend-progress-track{width:100%;height:3px;background:rgba(var(--foreground-rgb),.06);border-radius:2px;overflow:hidden}.storage-chart-card .pie-legend .legend-item .legend-progress-track .legend-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.storage-chart-card .pie-legend .legend-item[data-color-index="0"] .legend-color,.storage-chart-card .pie-legend .legend-item[data-color-index="0"] .legend-progress-fill{background-color:#3b82f6}.storage-chart-card .pie-legend .legend-item[data-color-index="1"] .legend-color,.storage-chart-card .pie-legend .legend-item[data-color-index="1"] .legend-progress-fill{background-color:#10b981}.storage-chart-card .pie-legend .legend-item[data-color-index="2"] .legend-color,.storage-chart-card .pie-legend .legend-item[data-color-index="2"] .legend-progress-fill{background-color:#f59e0b}.storage-chart-card .pie-legend .legend-item[data-color-index="3"] .legend-color,.storage-chart-card .pie-legend .legend-item[data-color-index="3"] .legend-progress-fill{background-color:#8b5cf6}.storage-chart-card .pie-legend .legend-item[data-color-index="4"] .legend-color,.storage-chart-card .pie-legend .legend-item[data-color-index="4"] .legend-progress-fill{background-color:#ec4899}.storage-chart-card .pie-legend .legend-item[data-color-index="5"] .legend-color,.storage-chart-card .pie-legend .legend-item[data-color-index="5"] .legend-progress-fill{background-color:#06b6d4}.storage-chart-card .pie-legend .legend-item[data-color-index="6"] .legend-color,.storage-chart-card .pie-legend .legend-item[data-color-index="6"] .legend-progress-fill{background-color:#f97316}.storage-chart-card .stacked-segment[data-color-index="0"]{background-color:#3b82f6}.storage-chart-card .stacked-segment[data-color-index="1"]{background-color:#10b981}.storage-chart-card .stacked-segment[data-color-index="2"]{background-color:#f59e0b}.storage-chart-card .stacked-segment[data-color-index="3"]{background-color:#8b5cf6}.storage-chart-card .stacked-segment[data-color-index="4"]{background-color:#ec4899}.storage-chart-card .stacked-segment[data-color-index="5"]{background-color:#06b6d4}.storage-chart-card .stacked-segment[data-color-index="6"]{background-color:#f97316}.custom-pie-tooltip{background:#141414;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;padding:.75rem 1rem;box-shadow:0 12px 32px rgba(0,0,0,.5)}.custom-pie-tooltip .tooltip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.custom-pie-tooltip .tooltip-header .tooltip-dot{width:8px;height:8px;border-radius:50%}.custom-pie-tooltip .tooltip-header .tooltip-dot[data-color-index="0"]{background-color:#3b82f6}.custom-pie-tooltip .tooltip-header .tooltip-dot[data-color-index="1"]{background-color:#10b981}.custom-pie-tooltip .tooltip-header .tooltip-dot[data-color-index="2"]{background-color:#f59e0b}.custom-pie-tooltip .tooltip-header .tooltip-dot[data-color-index="3"]{background-color:#8b5cf6}.custom-pie-tooltip .tooltip-header .tooltip-dot[data-color-index="4"]{background-color:#ec4899}.custom-pie-tooltip .tooltip-header .tooltip-dot[data-color-index="5"]{background-color:#06b6d4}.custom-pie-tooltip .tooltip-header .tooltip-dot[data-color-index="6"]{background-color:#f97316}.custom-pie-tooltip .tooltip-header .tooltip-name{font-size:.85rem;font-weight:600;color:#fff;text-transform:capitalize}.custom-pie-tooltip .tooltip-body{display:flex;align-items:center;justify-content:space-between;gap:1rem}.custom-pie-tooltip .tooltip-body .tooltip-count{font-size:.9rem;font-weight:700;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.custom-pie-tooltip .tooltip-body .tooltip-percent{font-size:.775rem;font-weight:600;color:var(--gradient-color-1);background:rgba(243,178,138,.12);padding:.15rem .4rem;border-radius:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.custom-tooltip{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:.75rem 1rem;box-shadow:0 8px 24px rgba(0,0,0,.4)}.custom-tooltip .tooltip-label{font-size:.8rem;font-weight:600;color:#fff;text-transform:capitalize;margin:0 0 .375rem}.custom-tooltip .tooltip-value{font-size:.9rem;font-weight:700;color:var(--gradient-color-1);margin:0 0 .25rem}.custom-tooltip .tooltip-secondary{font-size:.75rem;color:hsla(0,0%,100%,.5);margin:0}.storage-footer{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:700px){.storage-footer{grid-template-columns:1fr}}.retention-card{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.06);border-radius:14px;padding:1.25rem}.retention-card h4{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#fff;margin:0 0 1rem}.retention-card h4 svg{color:var(--gradient-color-1)}.retention-card .retention-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}@media(max-width:400px){.retention-card .retention-list{grid-template-columns:1fr}}.retention-card .retention-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:rgba(var(--foreground-rgb),.04);border-radius:8px}.retention-card .retention-item .retention-type{font-size:.8rem;font-weight:500;text-transform:capitalize}.retention-card .retention-item .retention-type.error{color:#f44336}.retention-card .retention-item .retention-type.usage{color:#2196f3}.retention-card .retention-item .retention-type.performance{color:#ff9800}.retention-card .retention-item .retention-type.lifecycle{color:#4caf50}.retention-card .retention-item .retention-days{font-size:.75rem;color:rgba(var(--foreground-rgb),.5);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.limit-card{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.06);border-radius:14px;padding:1.25rem}.limit-card h4{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#fff;margin:0 0 1rem}.limit-card h4 svg{color:var(--gradient-color-1)}.limit-card .limit-control .limit-input-group{display:flex;align-items:center;gap:.75rem}.limit-card .limit-control .limit-input-group input{width:140px;padding:.625rem 1rem;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-size:1rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;outline:none;transition:all .2s ease}.limit-card .limit-control .limit-input-group input:focus{border-color:var(--gradient-color-1);background:rgba(0,0,0,.4)}.limit-card .limit-control .limit-input-group input::-webkit-inner-spin-button,.limit-card .limit-control .limit-input-group input::-webkit-outer-spin-button{opacity:1;background:rgba(0,0,0,0)}.limit-card .limit-control .limit-input-group .limit-unit{font-size:.85rem;color:rgba(var(--foreground-rgb),.5)}.limit-card .limit-control .limit-help{font-size:.75rem;color:rgba(var(--foreground-rgb),.4);margin:.75rem 0 0;line-height:1.4}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.admin-header h1{margin-bottom:.25rem}.admin-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);padding:.5rem 1rem;flex:1 1;min-width:200px}.search-box input{border:none;background:rgba(0,0,0,0);outline:none;flex:1 1;color:rgb(var(--foreground-rgb));font-size:.875rem}.search-box input::placeholder{color:rgb(var(--secondary-text-rgb))}.search-box svg{color:rgb(var(--secondary-text-rgb))}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group svg{color:rgb(var(--secondary-text-rgb))}.filter-group select{appearance:none;background:rgba(var(--foreground-rgb),.04);border:1px solid rgba(var(--border-rgb),.25);border-radius:var(--radius-md,8px);padding:.5rem 2rem .5rem .85rem;color:rgba(var(--foreground-rgb),.85);font-size:.85rem;font-weight:500;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center}.filter-group select:hover{border-color:rgba(var(--border-rgb),.5);background-color:rgba(var(--foreground-rgb),.06)}.filter-group select:focus{outline:none;border-color:var(--gradient-color-1);box-shadow:0 0 0 2px rgba(var(--gradient-color-1),.15)}.filter-group select option{background:#1e1e2e;color:hsla(0,0%,100%,.9);padding:.5rem}.admin-table-container{background:rgba(var(--foreground-rgb),.02);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-lg,12px);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:1rem;text-align:left;border-bottom:1px solid rgba(var(--border-rgb),.1)}.admin-table th{background:rgba(var(--foreground-rgb),.03);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--secondary-text-rgb))}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:rgba(var(--foreground-rgb),.02)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr.revoked{opacity:.5}.key-info,.product-info,.user-info{display:flex;align-items:center;gap:.75rem}.key-info strong,.product-info strong,.user-info strong{display:block;color:rgb(var(--foreground-rgb))}.key-info .product-id,.key-info .user-email,.product-info .product-id,.product-info .user-email,.user-info .product-id,.user-info .user-email{display:block;font-size:.75rem;color:rgb(var(--secondary-text-rgb))}.product-icon,.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--gradient-color-1) 0,var(--gradient-color-2,#ff6b35) 100%);border-radius:var(--radius-md,8px);display:flex;align-items:center;justify-content:center;color:#fff}.tier-badges{display:flex;flex-wrap:wrap;gap:.5rem}.tier-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-sm,4px);font-size:.75rem}.tier-badge.synced{border-color:rgba(76,175,80,.3);background:rgba(76,175,80,.1)}.tier-badge .tier-price{color:rgb(var(--secondary-text-rgb));margin-left:.25rem}.tier-badge .sync-icon{color:#4caf50}.tier-badge .sync-btn{background:none;border:none;padding:0;cursor:pointer;color:rgb(var(--secondary-text-rgb));display:flex;align-items:center}.tier-badge .sync-btn:hover{color:var(--gradient-color-1)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.active{background:rgba(76,175,80,.15);color:#4caf50}.status-badge.trial{background:rgba(33,150,243,.15);color:#2196f3}.status-badge.expired,.status-badge.inactive{background:rgba(158,158,158,.15);color:#9e9e9e}.status-badge.suspended{background:rgba(255,152,0,.15);color:#ff9800}.status-badge.cancelled,.status-badge.revoked{background:rgba(244,67,54,.15);color:#f44336}.license-count{font-weight:600;color:rgb(var(--foreground-rgb))}.action-buttons{display:flex;gap:.5rem}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-sm,4px);color:rgb(var(--secondary-text-rgb));cursor:pointer;transition:all .15s;text-decoration:none}.btn-icon:hover{background:rgba(var(--foreground-rgb),.1);color:rgb(var(--foreground-rgb))}.btn-icon.danger:hover{background:rgba(244,67,54,.1);color:#f44336;border-color:rgba(244,67,54,.3)}.btn-icon.warning:hover{background:rgba(255,152,0,.1);color:#ff9800;border-color:rgba(255,152,0,.3)}.btn-icon.success:hover{background:rgba(76,175,80,.1);color:#4caf50;border-color:rgba(76,175,80,.3)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md,8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;border:none}.btn.btn-primary{background:linear-gradient(135deg,var(--gradient-color-1) 0,var(--gradient-color-2,#ff6b35) 100%);color:#fff}.btn.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.btn-secondary{background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--border-rgb),.3);color:rgb(var(--foreground-rgb))}.btn.btn-secondary:hover{background:rgba(var(--foreground-rgb),.1)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:rgb(var(--background-rgb));border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-lg,16px);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(var(--border-rgb),.2);background:rgba(var(--foreground-rgb),.02)}.modal-header,.modal-header h2{display:flex;align-items:center}.modal-header h2{font-size:1.25rem;font-weight:600;gap:.75rem;color:rgb(var(--foreground-rgb))}.modal-header button{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:rgb(var(--secondary-text-rgb));cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-header button:hover{background:rgba(var(--foreground-rgb),.1);color:rgb(var(--foreground-rgb))}.modal-body{padding:1.5rem;overflow-y:auto;flex:1 1}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(var(--border-rgb),.2);background:rgba(var(--foreground-rgb),.02)}.card-header{justify-content:space-between;margin-bottom:1.5rem}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:640px){.form-row{flex-direction:column;gap:1.5rem;margin-bottom:0}.form-row .form-group{margin-bottom:1.5rem}}.form-group:last-child{margin-bottom:0}.form-group label{font-weight:600;color:rgb(var(--foreground-rgb));letter-spacing:.01em}.form-group .input-prefix{position:relative;display:flex;align-items:center}.form-group .input-prefix span{position:absolute;left:1rem;color:rgb(var(--secondary-text-rgb));font-weight:500;pointer-events:none}.form-group .input-prefix input{padding-left:2rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);color:rgb(var(--foreground-rgb));font-size:.95rem;transition:all .2s;font-family:inherit}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:rgba(var(--border-rgb),.5);background:rgba(var(--foreground-rgb),.04)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gradient-color-1);background:rgba(var(--foreground-rgb),.05);box-shadow:0 0 0 4px rgba(var(--gradient-color-1-rgb,255,140,66),.1)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:rgba(var(--secondary-text-rgb),.6)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(150,150,150,0.5)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:2.5rem}.form-group select option{background-color:rgb(var(--background-rgb));color:rgb(var(--foreground-rgb));padding:.5rem}.form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.form-group small{display:block;margin-top:.5rem;font-size:.8rem;color:rgb(var(--secondary-text-rgb));line-height:1.4}.alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md,8px);margin-bottom:1rem;font-size:.875rem}.alert.alert-warning{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3);color:#ff9800}.new-key-display{display:flex;align-items:center;gap:.75rem;background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);padding:.75rem 1rem}.new-key-display code{flex:1 1;font-size:.875rem;word-break:break-all;color:var(--gradient-color-1)}.key-preview,.new-key-display code{font-family:var(--font-space-grotesk)}.key-preview{color:rgb(var(--secondary-text-rgb));background:rgba(var(--foreground-rgb),.05);padding:.25rem .5rem;border-radius:var(--radius-sm,4px)}.all-products,.key-preview,.product-badge{font-size:.8rem}.all-products{color:rgb(var(--secondary-text-rgb));font-style:italic}.never,.rate-limit{font-size:.8rem;color:rgb(var(--secondary-text-rgb))}.never{font-style:italic}.date{font-size:.8rem;color:rgb(var(--secondary-text-rgb))}.features-chip-editor{display:flex;flex-direction:column;gap:.5rem}.features-chip-editor .features-chips{display:flex;flex-wrap:wrap;gap:.4rem;min-height:36px;padding:.5rem;background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px)}.features-chip-editor .features-chips:focus-within{border-color:var(--gradient-color-1);box-shadow:0 0 0 4px rgba(var(--gradient-color-1-rgb,255,140,66),.1)}.features-chip-editor .feature-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .5rem;background:linear-gradient(135deg,rgba(var(--gradient-color-1-rgb,255,140,66),.15),rgba(var(--gradient-color-2-rgb,250,112,94),.1));border:1px solid rgba(var(--gradient-color-1-rgb,255,140,66),.25);border-radius:6px;font-size:.8rem;font-weight:500;color:var(--gradient-color-1,#f3b28a);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.features-chip-editor .feature-chip button{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;padding:0;margin-left:.15rem;cursor:pointer;color:hsla(0,0%,100%,.5);border-radius:50%;transition:all .15s;flex-shrink:0}.features-chip-editor .feature-chip button:hover{color:#f44336;background:rgba(244,67,54,.15)}.features-chip-editor .feature-input-row input{width:100%;padding:.625rem .875rem;background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--radius-md,8px);color:rgb(var(--foreground-rgb));font-size:.875rem;transition:all .2s}.features-chip-editor .feature-input-row input:focus{outline:none;border-color:var(--gradient-color-1);box-shadow:0 0 0 4px rgba(var(--gradient-color-1-rgb,255,140,66),.1);background:rgba(var(--foreground-rgb),.04)}.features-chip-editor .feature-input-row input::placeholder{color:rgba(var(--secondary-text-rgb),.5)}.features-chip-editor .features-hint{font-size:.75rem;color:rgb(var(--secondary-text-rgb));line-height:1.4}.perpetual{font-size:.8rem;color:#4caf50;font-weight:500}.device-count{font-size:.875rem}.device-count small{display:block;font-size:.7rem;color:rgb(var(--secondary-text-rgb))}.tier-name{display:block;font-weight:500}.license-type{display:block;font-size:.75rem;color:rgb(var(--secondary-text-rgb));text-transform:capitalize}.admin-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-top:1rem}.pagination-info{font-size:.875rem;color:rgb(var(--secondary-text-rgb))}.game-score-display,.pagination-buttons{display:flex;gap:.5rem}.game-score-display{position:absolute;bottom:2rem;right:2rem;top:auto;align-items:center;padding:.4rem .6rem;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;z-index:100;animation:scoreSlideIn .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.03);overflow:hidden}@keyframes scoreSlideIn{0%{opacity:0;transform:translateX(30px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.game-score-display.reward-ready{border-color:rgba(var(--gradient-color-1-rgb,255,140,66),.5);animation:scoreSlideIn .4s cubic-bezier(.16,1,.3,1),pulseGlow 2s ease-in-out infinite}.game-score-display.reward-ready .score-glow{opacity:1}.game-score-display.reward-ready .score-value{color:var(--gradient-color-1,#ff8c42)}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 20px rgba(var(--gradient-color-1-rgb,255,140,66),.1)}50%{box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 30px rgba(var(--gradient-color-1-rgb,255,140,66),.25)}}.game-score-display .score-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(var(--gradient-color-1-rgb,255,140,66),.1) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.game-score-display .score-icon{color:var(--gradient-color-1,#ff8c42);opacity:.8;flex-shrink:0}.game-score-display .score-content{display:flex;flex-direction:column;gap:.125rem}.game-score-display .score-value{font-size:1rem;font-weight:600;color:#fff;font-family:var(--font-space-grotesk);line-height:1;transition:color .3s ease}.game-score-display .score-label{font-size:.65rem;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;opacity:0;width:0;overflow:hidden;transition:all .3s ease}.game-score-display:hover .score-label{opacity:1;width:auto;margin-left:.5rem}.game-score-display .score-badge{position:relative;background:linear-gradient(135deg,var(--gradient-color-1,#ff8c42) 0,var(--gradient-color-2,#ff6b35) 100%);border-radius:6px;padding:.375rem .625rem;margin-left:.25rem}.game-score-display .score-badge span{font-size:.75rem;font-weight:700;color:#fff;font-family:var(--font-space-grotesk);white-space:nowrap}.coupon-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.coupon-modal{position:relative;width:100%;max-width:400px;background:linear-gradient(165deg,rgba(35,30,25,.98),rgba(20,15,10,.99));border:1px solid rgba(var(--gradient-color-1-rgb,255,140,66),.25);border-radius:20px;padding:2.5rem;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.03) inset,0 0 80px rgba(var(--gradient-color-1-rgb,255,140,66),.08)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.coupon-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:.625rem;color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s ease}.coupon-modal-close:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15);color:#fff}.coupon-modal-content{text-align:center}.coupon-modal-content .coupon-celebration{font-size:3.5rem;margin-bottom:1.25rem;animation:celebrateBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes celebrateBounce{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.coupon-modal-content h2{font-size:1.625rem;font-weight:600;color:#fff;margin-bottom:.375rem;font-family:var(--font-space-grotesk)}.coupon-modal-content>p{color:hsla(0,0%,100%,.55);margin-bottom:1.75rem;font-size:.95rem}.coupon-discount-badge{display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--gradient-color-1,#ff8c42) 0,var(--gradient-color-2,#ff6b35) 100%);border-radius:16px;padding:1.25rem 2.5rem;margin-bottom:1.75rem;box-shadow:0 8px 32px rgba(var(--gradient-color-1-rgb,255,140,66),.35),0 0 0 1px hsla(0,0%,100%,.1) inset}.coupon-discount-badge .discount-value{font-size:3rem;font-weight:800;color:#fff;line-height:1;font-family:var(--font-space-grotesk);text-shadow:0 2px 4px rgba(0,0,0,.2)}.coupon-discount-badge .discount-label{font-size:.8rem;font-weight:600;color:hsla(0,0%,100%,.85);text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem}.coupon-code-box{display:flex;align-items:center;justify-content:center;gap:.75rem;background:hsla(0,0%,100%,.04);border:1px dashed rgba(var(--gradient-color-1-rgb,255,140,66),.35);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.coupon-code-box code{font-size:1.25rem;font-weight:600;color:var(--gradient-color-1,#ff8c42);font-family:var(--font-space-grotesk);letter-spacing:.08em}.coupon-code-box .copy-button{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:.5rem;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .2s ease}.coupon-code-box .copy-button:hover{background:hsla(0,0%,100%,.12);color:#fff}.coupon-expiry{color:hsla(0,0%,100%,.45);font-size:.85rem;margin-bottom:1.75rem}.coupon-shop-button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.5rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:#fff;font-weight:500;font-size:.95rem;text-decoration:none;transition:all .2s ease}.coupon-shop-button:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.zs-root{--zs-font:"Inter",system-ui,-apple-system,sans-serif;--zs-bg:#141a24;--zs-text:#e3edf7;--zs-text-light:#8ea5bf;--zs-pane-one:#1a2436;--zs-pane-two:#1c263a;--zs-border:rgba(45,58,80,0.44);--zs-hover:#25304d;--zs-accent:#56cfff;--zs-active-bg:#4591b9;--zs-active-border:#5ac0f8;--zs-btn:#4da9ff;--zs-btn-hover:#6bc1ff;--zs-modal:#1a2332;--zs-input-bg:#1d283f;--zs-input-border:#33415d;--zs-danger:#e77561;--zs-success:#47d4a5;--zs-shadow:rgba(10,15,30,0.6);--zs-radius:8px;--zs-transition:0.25s cubic-bezier(0.16,1,0.3,1);width:100%;height:100%;max-width:1400px;max-height:900px;background:var(--zs-bg);color:var(--zs-text);font-family:var(--zs-font);font-size:13px;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;border:1px solid var(--zs-border);box-shadow:0 20px 50px -10px rgba(0,0,0,.5);position:relative}.zs-root *,.zs-root :after,.zs-root :before{box-sizing:border-box}.zs-root button{cursor:pointer;border:none;background:none;color:inherit}.zs-root button,.zs-root input,.zs-root textarea{font-family:inherit}.zs-root ::-webkit-scrollbar{width:8px;height:8px}.zs-root ::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.zs-root ::-webkit-scrollbar-thumb{border:2px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:6px;background-color:rgba(0,0,0,0);-webkit-transition:background-color .2s;transition:background-color .2s}.zs-root:hover::-webkit-scrollbar-thumb{background-color:var(--zs-border)}.zs-root ::-webkit-scrollbar-thumb:hover{background-color:var(--zs-active-border)}.zs-root .zs-topbar{height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:var(--zs-bg);border-bottom:1px solid var(--zs-border);flex-shrink:0}.zs-root .zs-logo{display:flex;align-items:center;gap:10px;color:var(--zs-btn);font-weight:700;font-size:15px}.zs-root .zs-logo svg{width:22px;height:22px}.zs-root .zs-topbar-controls{display:flex;gap:8px;align-items:center;background:var(--zs-input-bg);border:1px solid var(--zs-border);border-top:none;border-radius:0 0 8px 8px;padding:3px 12px;height:30px}.zs-root .zs-topbar-btn{color:var(--zs-text-light);padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.zs-root .zs-topbar-btn:hover{background:var(--zs-hover);color:var(--zs-text)}.zs-root .zs-topbar-btn svg{width:16px;height:16px}.zs-root .zs-window-controls{display:flex;gap:14px;justify-self:end}.zs-root .zs-window-controls button{color:var(--zs-text-light);padding:4px;border-radius:4px;display:flex}.zs-root .zs-window-controls button:hover{background:var(--zs-hover);color:var(--zs-text)}.zs-root .zs-window-controls .zs-close:hover{background:var(--zs-danger);color:#fff}.zs-root .zs-window-controls svg{width:15px;height:15px}.zs-root .zs-main{flex:1 1;display:flex;min-height:0;overflow:hidden;position:relative}.zs-root .zs-pane-one{width:220px;flex-shrink:0;background:var(--zs-input-bg);padding:1rem .75rem;overflow-y:auto;border-right:1px solid var(--zs-border)}.zs-root .zs-sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--zs-text-light);padding:0 .5rem .5rem;margin-bottom:.4rem}.zs-root .zs-folder-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--zs-text);font-weight:500;font-size:13px;margin-bottom:4px;transition:background .15s;position:relative}.zs-root .zs-folder-item:hover{background:var(--zs-hover)}.zs-root .zs-folder-item.active{background:var(--zs-active-bg);color:#fff}.zs-root .zs-folder-item.active svg{color:#fff}.zs-root .zs-folder-item svg{width:17px;height:17px;color:var(--zs-text-light);flex-shrink:0}.zs-root .zs-badge{background:var(--zs-btn);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;margin-left:auto}.zs-root .zs-folder-item.active .zs-badge{background:#fff;color:var(--zs-active-bg)}.zs-root .zs-pane-two{width:320px;flex-shrink:0;background:var(--zs-bg);display:flex;flex-direction:column;border-right:1px solid var(--zs-border)}.zs-root .zs-search-bar{padding:12px 14px;border-bottom:1px solid var(--zs-border)}.zs-root .zs-search-wrap{position:relative}.zs-root .zs-search-wrap svg{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--zs-text-light);pointer-events:none}.zs-root .zs-search-input{width:100%;background:var(--zs-input-bg);border:1px solid var(--zs-input-border);border-radius:6px;padding:6px 10px 6px 30px;color:var(--zs-text);font-size:11px;outline:none;transition:border-color .2s}.zs-root .zs-search-input:focus{border-color:var(--zs-active-border)}.zs-root .zs-email-list{flex:1 1;overflow-y:auto;padding:6px}.zs-root .zs-email-item{padding:8px 10px;border-radius:6px;cursor:pointer;border:1px solid rgba(0,0,0,0);margin-bottom:4px;position:relative;transition:all .2s ease}.zs-root .zs-email-item:hover{background:#222e45;border-color:#394c6a}.zs-root .zs-email-item.selected{background:var(--zs-active-bg);border-color:var(--zs-active-border);color:#fff}.zs-root .zs-email-item.selected .zs-email-date,.zs-root .zs-email-item.selected .zs-email-sender,.zs-root .zs-email-item.selected .zs-email-snippet,.zs-root .zs-email-item.selected .zs-email-subject{color:#fff!important}.zs-root .zs-email-item.unread:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;pointer-events:none;background:radial-gradient(circle at 0 50%,rgba(90,192,248,.15) 0,rgba(90,192,248,.03) 18%,transparent 24%)}.zs-root .zs-email-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:2px}.zs-root .zs-email-sender{font-size:12px;font-weight:600;color:var(--zs-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zs-root .zs-email-item.unread .zs-email-sender{color:var(--zs-accent)}.zs-root .zs-email-date{font-size:10px;color:var(--zs-text-light);flex-shrink:0}.zs-root .zs-email-subject{font-size:11px;font-weight:500;color:var(--zs-text);margin-bottom:2px}.zs-root .zs-email-snippet,.zs-root .zs-email-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zs-root .zs-email-snippet{font-size:10px;color:var(--zs-text-light)}.zs-root .zs-pane-three{flex:1 1;background:var(--zs-bg);overflow-y:auto;position:relative;display:flex;flex-direction:column}.zs-root .zs-view-container{position:absolute;inset:0;transition:opacity .3s ease,transform .3s ease;display:flex;flex-direction:column}.zs-root .zs-view-container.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.zs-root .zs-dashboard{padding:1.5rem;flex:1 1;overflow-y:auto}.zs-root .zs-dashboard h1{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.zs-root .zs-dashboard p{color:var(--zs-text-light);margin-bottom:1.5rem;font-size:12px}.zs-root .zs-widgets{display:flex;gap:1rem;flex-wrap:wrap}.zs-root .zs-widget{background:var(--zs-pane-two);border:1px solid var(--zs-border);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;flex:1 1 160px;cursor:pointer;transition:transform .15s,box-shadow .35s,border-color .35s}.zs-root .zs-widget:hover{transform:translateY(-3px);border-color:var(--zs-active-border);box-shadow:0 6px 18px -6px var(--zs-shadow)}.zs-root .zs-widget-icon{width:36px;height:36px;border-radius:50%;background:rgba(90,192,248,.1);display:flex;align-items:center;justify-content:center;color:var(--zs-active-border);flex-shrink:0}.zs-root .zs-widget-icon svg{width:20px;height:20px}.zs-root .zs-widget-val{font-size:1.6rem;font-weight:600;line-height:1}.zs-root .zs-widget-label{font-size:.8rem;color:var(--zs-text-light);margin-top:3px}.zs-root .zs-detail{padding:1rem 1.25rem;display:flex;flex-direction:column;height:100%}.zs-root .zs-detail-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;flex-shrink:0}.zs-root .zs-detail-subject{font-size:1.1rem;font-weight:600;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zs-root .zs-detail-actions{display:flex;gap:.4rem}.zs-root .zs-icon-btn{background:rgba(0,0,0,0);color:var(--zs-text-light);padding:5px;border-radius:6px;display:flex;align-items:center;transition:all .15s}.zs-root .zs-icon-btn:hover{background:var(--zs-hover);color:var(--zs-text)}.zs-root .zs-icon-btn.primary{background:var(--zs-input-bg);border:1px solid var(--zs-border);color:var(--zs-text);padding:5px 10px;font-size:12px;font-weight:500;gap:5px}.zs-root .zs-icon-btn.primary:hover{background:var(--zs-success);border-color:var(--zs-success);color:#fff}.zs-root .zs-icon-btn svg{width:14px;height:14px}.zs-root .zs-detail-sender{display:flex;gap:10px;margin-bottom:1rem;flex-shrink:0;align-items:center}.zs-root .zs-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0;font-size:12px}.zs-root .zs-sender-info{flex:1 1}.zs-root .zs-sender-name{font-weight:600;font-size:12px}.zs-root .zs-detail-date,.zs-root .zs-sender-meta{font-size:10px;color:var(--zs-text-light)}.zs-root .zs-detail-body-wrapper{flex:1 1;background:var(--zs-pane-one);border:1px solid var(--zs-border);border-radius:8px;min-height:0;overflow:hidden;display:flex;flex-direction:column}.zs-root .zs-detail-body{flex:1 1;padding:1rem;overflow-y:auto;background-color:var(--zs-pane-one)!important;color:var(--zs-text)!important;color-scheme:dark!important;font-size:12px;line-height:1.5;-webkit-user-select:text;user-select:text;cursor:text}.zs-root .zs-detail-body *{color:inherit!important;background-color:rgba(0,0,0,0)!important;background-image:none!important;border-color:var(--zs-border)!important;text-shadow:none!important}.zs-root .zs-detail-body a{color:var(--zs-btn-hover)!important;text-decoration:underline}.zs-root .zs-detail-body blockquote{border-left:3px solid var(--zs-text-light)!important;padding-left:.8em;margin:.8em 0;font-style:italic;color:var(--zs-text-light)!important}.zs-root .zs-detail-body code,.zs-root .zs-detail-body pre{background-color:var(--zs-bg)!important;border:1px solid var(--zs-border)!important;border-radius:4px;padding:.5em;font-family:monospace;font-size:.9em;overflow-x:auto}.zs-root .zs-detail-body hr{border:none;border-top:1px solid var(--zs-border)!important;margin:1.2em 0}.zs-root .zs-detail-body img{max-width:100%;height:auto;display:block;margin:.8em 0;border-radius:4px;opacity:.9}.zs-root .zs-detail-body p{margin-bottom:.6em}.zs-root .zs-detail-body ::selection{background-color:var(--zs-active-bg);color:#fff}.zs-root .zs-compose{position:absolute;top:30px;right:15px;width:380px;height:310px;background:var(--zs-modal);border:1px solid var(--zs-border);border-radius:8px;box-shadow:0 10px 30px var(--zs-shadow);display:flex;flex-direction:column;z-index:100;transform:scale(.95) translateY(20px);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.zs-root .zs-compose.active{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}.zs-root .zs-compose-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--zs-pane-one);border-bottom:1px solid var(--zs-border);border-radius:8px 8px 0 0}.zs-root .zs-compose-title{font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zs-root .zs-compose-controls{display:flex;gap:4px}.zs-root .zs-compose-controls button{color:var(--zs-text-light);padding:2px;border-radius:4px;display:flex}.zs-root .zs-compose-controls button:hover{background:var(--zs-hover);color:var(--zs-text)}.zs-root .zs-compose-controls svg{width:12px;height:12px}.zs-root .zs-compose-fields{padding:6px 10px;border-bottom:1px solid var(--zs-border);display:flex;flex-direction:column;gap:4px}.zs-root .zs-compose-row{display:flex;align-items:center;gap:8px}.zs-root .zs-compose-row label{font-size:11px;color:var(--zs-text-light);min-width:40px}.zs-root .zs-compose-row input{flex:1 1;background:rgba(0,0,0,0);border:none;color:var(--zs-text);font-size:11px;outline:none}.zs-root .zs-compose-editor{flex:1 1;padding:8px;overflow-y:auto;color:var(--zs-text);font-size:11px;line-height:1.4;outline:none;background:var(--zs-input-bg);margin:8px;border-radius:6px;border:1px solid var(--zs-input-border)}.zs-root .zs-compose-editor:focus{border-color:var(--zs-accent)}.zs-root .zs-compose-footer{padding:6px 10px;border-top:1px solid var(--zs-border);display:flex;justify-content:flex-end;gap:6px}.zs-root .zs-btn{background:var(--zs-btn);color:#fff;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:500;display:flex;align-items:center;gap:5px;transition:background .2s}.zs-root .zs-btn:hover{background:var(--zs-btn-hover)}.zs-root .zs-btn svg{width:12px;height:12px}.zs-root .zs-toast{position:absolute;bottom:50px;left:15px;width:250px;background:var(--zs-pane-one);border:1px solid var(--zs-border);border-radius:8px;padding:10px;box-shadow:0 8px 24px -4px var(--zs-shadow);display:flex;align-items:center;gap:8px;z-index:200;transform:translateX(calc(-100% - 30px));opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.21,1.02,.73,1),opacity .4s ease}.zs-root .zs-toast.active{transform:translateX(0);opacity:1;pointer-events:auto}.zs-root .zs-toast-icon{color:var(--zs-success);flex-shrink:0}.zs-root .zs-toast-icon svg{width:16px;height:16px}.zs-root .zs-toast-msg{font-size:11px;font-weight:500;flex:1 1}.zs-root .zs-toast:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--zs-success);border-radius:0 0 8px 8px;animation:zs-progress 2s linear forwards}@keyframes zs-progress{0%{width:100%}to{width:0}}.zs-root .zs-demo-nav{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(26,35,50,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--zs-border);border-radius:24px;padding:4px 10px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px var(--zs-shadow);z-index:300}.zs-root .zs-nav-btn{color:var(--zs-text-light);padding:3px;border-radius:50%;display:flex;transition:all .2s}.zs-root .zs-nav-btn:hover:not(:disabled){background:var(--zs-hover);color:var(--zs-text)}.zs-root .zs-nav-btn:disabled{opacity:.3;cursor:not-allowed}.zs-root .zs-nav-btn svg{width:13px;height:13px}.zs-root .zs-dots{display:flex;gap:5px}.zs-root .zs-dot{width:6px;height:6px;border-radius:50%;background:var(--zs-input-border);border:none;cursor:pointer;transition:all .2s;padding:0}.zs-root .zs-dot.active{background:var(--zs-accent);width:18px;border-radius:4px}.zh-root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--player-height:88px;--sidebar-width:250px;--header-height:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:all 0.25s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 2px 8px rgba(0,0,0,0.15);--shadow-md:0 4px 16px rgba(0,0,0,0.25);--shadow-lg:0 12px 32px rgba(0,0,0,0.4);width:100%;height:100%;max-width:1400px;max-height:900px;position:relative;overflow:hidden;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;font-size:14px;background-color:var(--bg-base);color:var(--text-primary)}.zh-root:not([data-theme]),.zh-root[data-theme=midnight]{--primary:#ff8a00;--primary-foreground:#1a1a1a;--primary-hover:#ffac4d;--primary-subtle:rgba(255,138,0,0.12);--primary-glow:rgba(255,138,0,0.35);--bg-base:#101010;--bg-surface:#181818;--bg-subtle:#202020;--bg-hover:#282828;--bg-active:#3a2512;--bg-overlay:rgba(16,16,16,0.88);--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--text-tertiary:#606060;--border:#282828;--border-subtle:#1f1f1f;--destructive:#f43f5e;--success:#22c55e}.zh-root[data-theme=onyx-gold]{--primary:#ffd700;--primary-foreground:#000000;--primary-hover:#ffea70;--primary-subtle:rgba(255,215,0,0.12);--primary-glow:rgba(255,215,0,0.35);--bg-base:#000000;--bg-surface:#0a0a0a;--bg-subtle:#121212;--bg-hover:#1e1e1e;--bg-active:#332b00;--bg-overlay:rgba(0,0,0,0.9);--text-primary:#f8f8f8;--text-secondary:#c0c0c0;--text-tertiary:#707070;--border:#222222;--border-subtle:#141414;--destructive:#ff3333;--success:#22c55e}.zh-root[data-theme=sakura]{--primary:#c2417a;--primary-foreground:#ffffff;--primary-hover:#a8305f;--primary-subtle:rgba(194,65,122,0.12);--primary-glow:rgba(194,65,122,0.25);--bg-base:#f3e4ec;--bg-surface:#f8eef3;--bg-subtle:#ecd5e0;--bg-hover:#e0bdd0;--bg-active:#d4a0be;--bg-overlay:rgba(243,228,236,0.9);--text-primary:#3d0f28;--text-secondary:#6b2a4a;--text-tertiary:#966080;--border:#dbb8cb;--border-subtle:#e8ced9;--destructive:#b91c3e;--success:#16a34a}.zh-root[data-theme=neon-cyberpunk]{--primary:#0ff0fc;--primary-foreground:#000000;--primary-hover:#58f5ff;--primary-subtle:rgba(15,240,252,0.15);--primary-glow:rgba(15,240,252,0.4);--bg-base:#090014;--bg-surface:#150024;--bg-subtle:#220038;--bg-hover:#2d004d;--bg-active:#3d0066;--bg-overlay:rgba(9,0,20,0.9);--text-primary:#ffffff;--text-secondary:#d1b3ff;--text-tertiary:#9d7bb0;--border:#3d0066;--border-subtle:#2d004d;--destructive:#ff0055;--success:#00ff88}.zh-root[data-theme=azure-midnight]{--primary:#00e5ff;--primary-foreground:#000000;--primary-hover:#52efff;--primary-subtle:rgba(0,229,255,0.15);--primary-glow:rgba(0,229,255,0.35);--bg-base:#05080f;--bg-surface:#0a101f;--bg-subtle:#111b33;--bg-hover:#1c2b4d;--bg-active:#003366;--bg-overlay:rgba(5,8,15,0.9);--text-primary:#e0f7fa;--text-secondary:#80deea;--text-tertiary:#4dd0e1;--border:#1c2b4d;--border-subtle:#0f1624;--destructive:#ff5252;--success:#22c55e}.zh-root *,.zh-root :after,.zh-root :before{box-sizing:border-box;margin:0;padding:0}.zh-root button{cursor:pointer;border:none;background:rgba(0,0,0,0)}.zh-root button,.zh-root input{font:inherit;color:inherit}.zh-root ::-webkit-scrollbar{width:6px;height:6px}.zh-root ::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.zh-root ::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--border)}.zh-root ::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.zh-root .app-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr var(--player-height);grid-template-areas:"sidebar main" "player player";height:100%;width:100%;position:relative}.zh-root .demo-bar{position:absolute;top:10px;right:16px;z-index:500;background:rgba(20,20,22,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.15);padding:5px 14px;gap:10px;box-shadow:var(--shadow-lg);font-size:.8rem}.zh-root .demo-bar,.zh-root .demo-bar__badge{border-radius:var(--radius-full);display:flex;align-items:center}.zh-root .demo-bar__badge{gap:6px;background:var(--primary);color:var(--primary-foreground);font-weight:700;padding:3px 10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.zh-root .demo-bar__badge img{width:14px;height:14px;object-fit:contain}.zh-root .demo-bar__status{color:var(--text-primary);font-weight:600;font-size:.78rem}.zh-root .demo-bar__btn{background:hsla(0,0%,100%,.1);padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;transition:var(--transition-fast)}.zh-root .demo-bar__btn:hover{background:var(--primary);color:var(--primary-foreground)}.zh-root .sidebar{grid-area:sidebar;background-color:var(--bg-subtle);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem .75rem;gap:.85rem;overflow-y:auto;z-index:10}.zh-root .sidebar__brand{display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.zh-root .sidebar__logo-img{width:32px;height:32px;border-radius:8px;object-fit:contain;box-shadow:0 4px 12px var(--primary-glow)}.zh-root .sidebar__title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.zh-root .sidebar__nav{display:flex;flex-direction:column;gap:3px}.zh-root .sidebar__item{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;transition:var(--transition-fast);text-decoration:none;width:100%;text-align:left;font-size:.88rem}.zh-root .sidebar__item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.zh-root .sidebar__item.active{background-color:var(--primary);color:var(--primary-foreground);font-weight:600}.zh-root .sidebar__item svg{width:18px;height:18px;flex-shrink:0}.zh-root .sidebar__section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:.5rem .75rem .25rem;display:flex;justify-content:space-between;align-items:center}.zh-root .server-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;gap:.4rem;margin-top:auto}.zh-root .server-card__header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600}.zh-root .server-card__status{display:flex;align-items:center;gap:6px;color:var(--success);font-size:.7rem}.zh-root .server-card__dot{width:6px;height:6px;border-radius:50%;background-color:var(--success);box-shadow:0 0 6px var(--success)}.zh-root .server-card__address{font-size:.72rem;font-family:var(--font-mono);color:var(--text-tertiary)}.zh-root .main-content{grid-area:main;display:flex;flex-direction:column;background-color:var(--bg-surface);overflow:hidden;position:relative}.zh-root .main-header{height:var(--header-height);border-bottom:1px solid var(--border);background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;z-index:5}.zh-root .breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.zh-root .breadcrumbs,.zh-root .breadcrumbs button{color:var(--text-secondary)}.zh-root .breadcrumbs button:hover{color:var(--primary)}.zh-root .breadcrumbs .active{color:var(--text-primary);font-weight:600}.zh-root .header-actions{display:flex;align-items:center;gap:.75rem}.zh-root .search-input-wrap{position:relative;display:flex;align-items:center}.zh-root .search-input-wrap input{background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);padding:.4rem 1rem .4rem 2.2rem;font-size:.82rem;width:200px;transition:var(--transition-fast)}.zh-root .search-input-wrap input:focus{border-color:var(--primary);width:260px;outline:none}.zh-root .search-input-wrap svg{position:absolute;left:10px;color:var(--text-tertiary);width:14px;height:14px}.zh-root .view-container{flex:1 1;overflow-y:auto;position:relative;display:flex;flex-direction:column}.zh-root .entity-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:linear-gradient(to bottom,var(--bg-subtle),var(--bg-surface));border-bottom:1px solid var(--border)}.zh-root .entity-header__art{width:110px;height:110px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);object-fit:cover;background:var(--bg-subtle)}.zh-root .entity-header__info{display:flex;flex-direction:column;gap:.25rem}.zh-root .entity-header__type{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-tertiary)}.zh-root .entity-header__title{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1.1}.zh-root .entity-header__subtitle{font-size:.95rem;color:var(--text-secondary)}.zh-root .album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;padding:1.5rem 2rem}.zh-root .album-card{display:flex;flex-direction:column;gap:.6rem;cursor:pointer;transition:var(--transition-fast)}.zh-root .album-card:hover .album-card__art{transform:translateY(-4px);box-shadow:var(--shadow-md)}.zh-root .album-card__art{width:100%;aspect-ratio:1/1;border-radius:var(--radius-md);background-color:var(--bg-subtle);box-shadow:var(--shadow-sm);object-fit:cover;transition:var(--transition-fast)}.zh-root .album-card__title{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zh-root .album-card__artist{font-size:.78rem;color:var(--text-tertiary)}.zh-root .browser-columns{display:grid;grid-template-columns:1fr 1fr 1fr;height:150px;border-bottom:1px solid var(--border);flex-shrink:0}.zh-root .browser-col{display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}.zh-root .browser-col:last-child{border-right:none}.zh-root .browser-col__title{padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle)}.zh-root .browser-col__list{flex:1 1;overflow-y:auto;padding:4px}.zh-root .browser-col__item{padding:4px 8px;font-size:12px;border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary);transition:var(--transition-fast)}.zh-root .browser-col__item:hover{background:var(--bg-hover);color:var(--text-primary)}.zh-root .browser-col__item.active{background:var(--primary);color:var(--primary-foreground);font-weight:600}.zh-root .track-list{width:100%;border-collapse:collapse;text-align:left}.zh-root .track-list th{position:sticky;top:0;background-color:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text-tertiary);font-size:.75rem;font-weight:600;padding:.6rem 1rem;z-index:2}.zh-root .track-list tr{border-bottom:1px solid var(--border-subtle);transition:var(--transition-fast);cursor:pointer}.zh-root .track-list tr:hover{background-color:var(--bg-hover)}.zh-root .track-list tr.playing{background-color:var(--primary-subtle);color:var(--primary)}.zh-root .track-list td{padding:.65rem 1rem;vertical-align:middle;color:var(--text-secondary);font-size:.85rem}.zh-root .track-list td.title-col{color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:.75rem}.zh-root .track-list .track-art{width:36px;height:36px;border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0}.zh-root .track-list .title-stack{display:flex;flex-direction:column}.zh-root .track-list .title-stack__sub{font-size:.75rem;color:var(--text-tertiary);font-weight:400}.zh-root .track-list .heart-icon{color:var(--text-tertiary);cursor:pointer;transition:color .2s}.zh-root .track-list .heart-icon:hover{color:var(--primary)}.zh-root .track-list .heart-icon.active{color:var(--primary);fill:currentColor}.zh-root .sound-bars{display:inline-flex;align-items:flex-end;gap:2px;width:14px;height:14px;color:var(--primary)}.zh-root .sound-bars span{display:block;width:2.5px;height:100%;background-color:currentColor;border-radius:1px;animation:soundWave 1.2s ease-in-out infinite both;transform-origin:bottom}.zh-root .sound-bars span:first-child{animation-delay:-1.1s}.zh-root .sound-bars span:nth-child(2){animation-delay:-.8s}.zh-root .sound-bars span:nth-child(3){animation-delay:-.5s}.zh-root .sound-bars span:nth-child(4){animation-delay:-.2s}@keyframes soundWave{0%,40%,to{transform:scaleY(.2)}20%{transform:scaleY(1)}}.zh-root .badge-source{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;padding:2px 6px;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-tertiary)}.zh-root .badge-source--downloaded{background:rgba(34,197,94,.15);color:var(--success);font-weight:600}.zh-root .badge-source--remote{background:var(--primary-subtle);color:var(--primary)}.zh-root .download-progress-bar{width:70px;height:5px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.zh-root .download-progress-fill{height:100%;background:var(--primary);width:0;transition:width .2s linear}.zh-root .player-bar{grid-area:player;background-color:var(--bg-surface);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1.8fr 1fr;align-items:center;padding:0 1.5rem;gap:1.5rem;z-index:20}.zh-root .player-bar__track-info{display:flex;align-items:center;gap:.85rem;cursor:pointer;min-width:0}.zh-root .player-bar__art{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-sm);flex-shrink:0}.zh-root .player-bar__text{min-width:0;display:flex;flex-direction:column;gap:2px}.zh-root .player-bar__title{font-weight:600;font-size:.9rem}.zh-root .player-bar__artist,.zh-root .player-bar__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zh-root .player-bar__artist{font-size:.78rem;color:var(--text-secondary)}.zh-root .player-bar__controls{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.zh-root .player-bar__buttons{display:flex;align-items:center;gap:1rem}.zh-root .player-btn{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);transition:var(--transition-fast)}.zh-root .player-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.zh-root .player-btn.active{color:var(--primary)}.zh-root .player-btn--play{background-color:var(--primary);color:var(--primary-foreground);width:38px;height:38px}.zh-root .player-btn--play:hover{transform:scale(1.06);background-color:var(--primary-hover);color:var(--primary-foreground)}.zh-root .player-bar__seeker{display:flex;align-items:center;gap:.75rem;width:100%;max-width:520px;font-size:.72rem;color:var(--text-tertiary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.zh-root .slider-track{flex:1 1;height:4px;background-color:var(--bg-subtle);border-radius:var(--radius-full);position:relative;cursor:pointer}.zh-root .slider-fill{height:100%;background-color:var(--primary);border-radius:var(--radius-full);width:35%}.zh-root .player-bar__right{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.zh-root .now-playing-modal{position:absolute;inset:0;background-color:var(--bg-base);z-index:600;display:flex;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.zh-root .now-playing-modal.open{transform:translateY(0)}.zh-root .now-playing__visualizer-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.45;mix-blend-mode:screen}.zh-root .now-playing__main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;gap:1.25rem;z-index:10;position:relative}.zh-root .now-playing__close-btn{position:absolute;top:1.25rem;left:1.25rem;background:var(--bg-subtle);border:1px solid var(--border);width:38px;height:38px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer}.zh-root .now-playing__close-btn:hover{background:var(--bg-hover)}.zh-root .now-playing__art{width:240px;height:240px;border-radius:var(--radius-lg);box-shadow:0 20px 50px rgba(0,0,0,.5);object-fit:cover}.zh-root .now-playing__title{font-size:1.6rem;font-weight:700;text-align:center}.zh-root .now-playing__artist{font-size:1rem;color:var(--text-secondary);text-align:center}.zh-root .now-playing__seeker{width:100%;max-width:440px}.zh-root .now-playing__sidebar{width:340px;background-color:var(--bg-subtle);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:10}.zh-root .sidebar-tabs{display:flex;padding:.85rem;gap:.5rem;border-bottom:1px solid var(--border)}.zh-root .sidebar-tab-btn{flex:1 1;padding:.5rem;border-radius:var(--radius-sm);font-weight:600;color:var(--text-secondary);text-align:center;font-size:.82rem}.zh-root .sidebar-tab-btn.active{background-color:var(--bg-hover);color:var(--text-primary)}.zh-root .lyrics-container{flex:1 1;overflow-y:auto;padding:1.5rem 1rem;text-align:center;display:flex;flex-direction:column;gap:1.1rem;mask-image:linear-gradient(transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(transparent,black 15%,black 85%,transparent)}.zh-root .lyric-line{font-size:1.1rem;font-weight:600;color:var(--text-tertiary);transition:all .3s ease;cursor:pointer}.zh-root .lyric-line.active{color:var(--primary);font-size:1.3rem;font-weight:800;transform:scale(1.05);text-shadow:0 0 12px var(--primary-glow)}.zh-root .modal-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:700;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:var(--transition-fast)}.zh-root .modal-overlay.open{opacity:1;pointer-events:auto}.zh-root .modal-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(580px,90%);max-height:82%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.zh-root .modal-card__header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1rem}.zh-root .modal-card__body{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.zh-root .cmd-palette{width:min(500px,90%);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.zh-root .cmd-input{width:100%;padding:1rem 1.25rem;background:rgba(0,0,0,0);border:none;border-bottom:1px solid var(--border);font-size:.95rem;outline:none;color:var(--text-primary)}.zh-root .cmd-list{max-height:280px;overflow-y:auto;padding:.5rem 0}.zh-root .cmd-item{padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.88rem;color:var(--text-secondary)}.zh-root .cmd-item.active,.zh-root .cmd-item:hover{background-color:var(--bg-hover);color:var(--primary)}.zh-root .toast-container{position:absolute;bottom:calc(var(--player-height) + .85rem);right:1.25rem;z-index:800;display:flex;flex-direction:column;gap:.5rem}.zh-root .toast{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-left:4px solid var(--primary);padding:.65rem 1.1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:.82rem;font-weight:500;animation:toastIn .25s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.zh-root .eq-canvas{width:100%;height:110px;background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border)}.zp-root{--bg-main:#0d1117;--bg-offset:#161b22;--surface:#161b22;--surface-raised:#1c232c;--primary:#10b981;--primary-rgb:16,185,129;--up:#3ddc84;--up-rgb:61,220,132;--down:#f85149;--down-rgb:248,81,73;--pending:#d29922;--pending-rgb:210,153,34;--paused:#6e7681;--text-primary:#f0f6fc;--text-secondary:#c9d1d9;--text-muted:#6e7681;--border:#30363d;--border-subtle:#21262d;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;width:100%;height:100%;max-width:1400px;max-height:900px;position:relative;overflow:hidden;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background-color:#080b10;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.zp-root *,.zp-root :after,.zp-root :before{box-sizing:border-box;margin:0;padding:0}.zp-root button{font:inherit;color:inherit;cursor:pointer;border:none;background:rgba(0,0,0,0)}.zp-root .demo-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.zp-root .browser-window{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -10px rgba(0,0,0,.6);display:flex;flex-direction:column;flex:1 1;min-height:0}.zp-root .chrome-bar{background:var(--bg-offset);border-bottom:1px solid var(--border-subtle);padding:10px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0}.zp-root .dots{display:flex;gap:6px}.zp-root .dot{width:10px;height:10px;border-radius:50%}.zp-root .dot.r{background:#f85149}.zp-root .dot.y{background:#d29922}.zp-root .dot.g{background:#3ddc84}.zp-root .address-bar{background:rgba(0,0,0,.35);padding:5px 14px;border-radius:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);flex:1 1;display:flex;align-items:center;gap:8px}.zp-root .address-bar svg{color:var(--primary);width:14px;height:14px}.zp-root .badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);padding:3px 8px;border-radius:4px;color:var(--primary);background:rgba(var(--primary-rgb),.1)}.zp-root .app-shell{display:flex;flex:1 1;overflow:hidden;position:relative}.zp-root .rail{width:60px;background:rgba(0,0,0,.25);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding-top:16px;gap:10px;flex-shrink:0}.zp-root .rail-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.zp-root .rail-icon:hover{color:var(--text-primary);background:hsla(0,0%,100%,.05)}.zp-root .rail-icon.active{background:rgba(var(--primary-rgb),.15);color:var(--primary)}.zp-root .rail-logo{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),#059669);border-radius:10px;margin-bottom:14px;display:grid;place-items:center;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.zp-root .rail-logo svg{stroke:#05191a;width:22px;height:22px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.zp-root .main-content{flex:1 1;position:relative;overflow:hidden;background:var(--bg-main)}.zp-root .pane{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;transform:translateY(10px);overflow-y:auto;padding:24px;display:flex;flex-direction:column}.zp-root .pane.active{opacity:1;pointer-events:auto;transform:none}.zp-root .status-bar{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap;flex-shrink:0}.zp-root .stat-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 20px;display:flex;align-items:center;gap:10px;min-width:120px}.zp-root .stat-val{font-weight:800;font-size:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.zp-root .stat-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.zp-root .c-up{color:var(--up)}.zp-root .c-down{color:var(--down)}.zp-root .c-pend{color:var(--pending)}.zp-root .endpoint-list{display:flex;flex-direction:column;gap:12px;flex:1 1;overflow-y:auto}.zp-root .ep-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--up);border-radius:8px;padding:14px 18px;display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:center;transition:border-color .3s,background .3s;cursor:pointer}.zp-root .ep-card:hover{border-color:rgba(var(--primary-rgb),.4)}.zp-root .ep-card.down{border-left-color:var(--down);background:rgba(var(--down-rgb),.05)}.zp-root .ep-card.degraded{border-left-color:var(--pending);background:rgba(var(--pending-rgb),.05)}.zp-root .ep-info{display:flex;flex-direction:column;gap:6px}.zp-root .ep-header{display:flex;align-items:center;gap:10px}.zp-root .pill{font-size:10px;font-weight:700;letter-spacing:.07em;padding:3px 8px;border-radius:4px;text-transform:uppercase}.zp-root .pill.up{background:rgba(var(--up-rgb),.15);color:var(--up)}.zp-root .pill.down{background:rgba(var(--down-rgb),.15);color:var(--down)}.zp-root .pill.degraded{background:rgba(var(--pending-rgb),.15);color:var(--pending)}.zp-root .ep-name{font-weight:700;font-size:15px}.zp-root .ep-url{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.zp-root .ep-metrics{display:flex;gap:20px;margin-top:4px;font-size:13px;color:var(--text-secondary)}.zp-root .metric b{color:var(--text-primary);font-weight:600;margin-left:4px}.zp-root .sparkline{display:flex;align-items:flex-end;gap:3px;height:36px}.zp-root .bar{flex:1 1;background:var(--up);border-radius:2px 2px 0 0;transform-origin:bottom;transition:height .3s ease}.zp-root .bar.down{background:var(--down);height:100%!important}.zp-root .bar.degraded{background:var(--pending)}.zp-root .alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.zp-root .alert-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:12px;opacity:.4;transition:all .3s}.zp-root .alert-card.sent{opacity:1;border-color:var(--up);box-shadow:0 4px 20px rgba(var(--up-rgb),.15)}.zp-root .alert-head{display:flex;align-items:center;gap:12px}.zp-root .alert-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center}.zp-root .alert-status{font-size:12px;font-weight:700;margin-left:auto;text-transform:uppercase}.zp-root .incident-panel{max-width:760px;margin:0 auto;width:100%}.zp-root .inc-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.zp-root .inc-badge{padding:4px 12px;border-radius:99px;font-size:12px;font-weight:700;text-transform:uppercase}.zp-root .inc-badge.ongoing{background:rgba(var(--down-rgb),.15);color:var(--down);border:1px solid rgba(var(--down-rgb),.3)}.zp-root .inc-badge.resolved{background:rgba(var(--up-rgb),.15);color:var(--up);border:1px solid rgba(var(--up-rgb),.3)}.zp-root .timeline{border-left:2px solid var(--border);margin-left:8px;padding-left:28px;display:flex;flex-direction:column;gap:24px}.zp-root .tl-item{position:relative;opacity:0;transform:translateX(-10px);transition:all .4s}.zp-root .tl-item.visible{opacity:1;transform:none}.zp-root .tl-dot{position:absolute;left:-34px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--text-muted)}.zp-root .tl-item.critical .tl-dot{border-color:var(--down);background:var(--down);box-shadow:0 0 10px var(--down)}.zp-root .tl-item.success .tl-dot{border-color:var(--up);background:var(--up);box-shadow:0 0 10px var(--up)}.zp-root .tl-time{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:4px}.zp-root .tl-msg{font-size:14px;line-height:1.5;background:var(--surface);padding:12px 16px;border-radius:8px;border:1px solid var(--border-subtle)}.zp-root .status-page{text-align:center;max-width:680px;margin:0 auto;width:100%}.zp-root .sp-banner{padding:18px;border-radius:10px;margin-bottom:28px;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px}.zp-root .sp-banner.ok{background:rgba(var(--up-rgb),.12);color:var(--up);border:1px solid rgba(var(--up-rgb),.3)}.zp-root .sp-list{text-align:left;display:flex;flex-direction:column;gap:10px}.zp-root .sp-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--surface);border-radius:8px;border:1px solid var(--border);border-left:4px solid var(--up)}.zp-root .demo-controls{margin-top:14px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0}.zp-root .btn{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.zp-root .btn:hover{border-color:var(--primary);color:var(--primary)}.zp-root .btn.primary{border-color:rgba(var(--primary-rgb),.5);background:rgba(var(--primary-rgb),.1)}.zp-root .progress-rail{flex:1 1;height:5px;background:var(--border-subtle);border-radius:3px;position:relative;overflow:hidden}.zp-root .progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--primary);width:0;transition:width .1s linear}.zp-root .caption-box{margin-top:12px;font-size:14px;line-height:1.5;color:var(--text-secondary);flex-shrink:0}.zp-root .caption-chip{display:inline-block;background:rgba(var(--primary-rgb),.15);color:var(--primary);font-size:11px;font-weight:700;padding:2px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.08em;margin-right:10px;vertical-align:middle}.account-page{animation:fadeIn .4s ease-out;padding-bottom:4rem}.account-page h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,rgba(255,255,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.account-page .subtitle{color:rgb(var(--secondary-text-rgb));margin-bottom:2rem}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.account-card{background:rgba(var(--card-bg-rgb),.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--border-rgb),.5);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-color-rgb),.3),transparent)}.account-card:hover{border-color:rgba(var(--accent-color-rgb),.3);box-shadow:0 8px 32px rgba(0,0,0,.2);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.card-header .icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.1),rgba(var(--accent-secondary-rgb),.1));display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--accent-color-rgb),.2)}.card-header .icon-wrapper i{font-size:1.25rem;color:var(--accent-color)}.card-header h2{font-size:1.25rem;font-weight:600;color:rgb(var(--foreground-rgb));margin:0}.card-header p{font-size:.875rem;color:rgb(var(--secondary-text-rgb));margin:0}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:rgb(var(--secondary-text-rgb));transition:color .2s}.form-group:focus-within label{color:var(--accent-color)}.form-group .input-wrapper{position:relative;display:flex;align-items:center}.form-group .input-wrapper i{position:absolute;left:1rem;color:rgba(var(--secondary-text-rgb),.5);font-size:1rem;pointer-events:none;transition:color .2s}.form-group .input-wrapper input{width:100%;background:rgba(0,0,0,.2);border:1px solid rgba(var(--border-rgb),.5);border-radius:8px;padding:.75rem 1rem .75rem 2.75rem;color:rgb(var(--foreground-rgb));font-family:inherit;font-size:.95rem;transition:all .2s}.form-group .input-wrapper input::placeholder{color:rgba(var(--secondary-text-rgb),.3)}.form-group .input-wrapper input:focus{outline:none;border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05);box-shadow:0 0 0 4px rgba(var(--accent-color-rgb),.1)}.form-group .input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.form-group .input-wrapper:focus-within i{color:var(--accent-color)}.btn-primary{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;box-shadow:0 4px 12px rgba(var(--gradient-color-2-rgb,250,112,94),.25)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--gradient-color-2-rgb,250,112,94),.35);filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.profile-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px dashed rgba(var(--border-rgb),.5)}.profile-info .avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-info .info h3{font-size:1.1rem;margin-bottom:.25rem;color:rgb(var(--foreground-rgb))}.profile-info .info p{color:rgb(var(--secondary-text-rgb));font-size:.9rem;display:flex;align-items:center;gap:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.live-indicator{display:inline-block;width:8px;height:8px;background:#4caf50;border-radius:50%;box-shadow:0 0 6px rgba(76,175,80,.5);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.telemetry-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.telemetry-error-state svg{color:rgba(var(--foreground-rgb),.25)}.telemetry-error-state h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.telemetry-error-state p{font-size:.9rem;color:rgba(var(--foreground-rgb),.5);margin:0}.telemetry-error-state .dashboard-btn{margin-top:.5rem}.telemetry-header-actions{display:flex;align-items:center;gap:.75rem}.telemetry-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1.25rem}@media(max-width:1200px){.telemetry-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.telemetry-stats-grid{grid-template-columns:repeat(2,1fr)}}.telemetry-stat-card{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:12px;padding:.75rem .875rem;display:flex;flex-direction:column;gap:.35rem;transition:all .2s ease}.telemetry-stat-card:hover{background:rgba(var(--foreground-rgb),.05);border-color:rgba(var(--foreground-rgb),.12);transform:translateY(-1px)}.telemetry-stat-card .stat-header{display:flex;align-items:center;justify-content:space-between}.telemetry-stat-card .stat-title{font-size:.725rem;font-weight:500;color:rgba(var(--foreground-rgb),.55);text-transform:uppercase;letter-spacing:.04em}.telemetry-stat-card .stat-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.telemetry-stat-card .stat-icon svg{width:15px;height:15px}.telemetry-stat-card .stat-icon.stat-icon-primary{background:linear-gradient(135deg,rgba(243,178,138,.15),rgba(250,112,94,.1));border:1px solid rgba(243,178,138,.2);color:var(--gradient-color-1)}.telemetry-stat-card .stat-icon.stat-icon-success{background:linear-gradient(135deg,rgba(76,175,80,.15),rgba(76,175,80,.08));border:1px solid rgba(76,175,80,.2);color:#4caf50}.telemetry-stat-card .stat-icon.stat-icon-accent{background:linear-gradient(135deg,rgba(255,152,0,.15),rgba(255,152,0,.08));border:1px solid rgba(255,152,0,.2);color:#ff9800}.telemetry-stat-card .stat-icon.stat-icon-warning{background:linear-gradient(135deg,rgba(255,193,7,.15),rgba(255,193,7,.08));border:1px solid rgba(255,193,7,.2);color:#ffc107}.telemetry-stat-card .stat-icon.stat-icon-danger{background:linear-gradient(135deg,rgba(244,67,54,.15),rgba(244,67,54,.08));border:1px solid rgba(244,67,54,.2);color:#f44336}.telemetry-stat-card .stat-icon.stat-icon-info{background:linear-gradient(135deg,rgba(33,150,243,.15),rgba(33,150,243,.08));border:1px solid rgba(33,150,243,.2);color:#2196f3}.telemetry-stat-card .stat-icon.stat-icon-muted{background:linear-gradient(135deg,rgba(158,158,158,.15),rgba(158,158,158,.08));border:1px solid rgba(158,158,158,.2);color:#9e9e9e}.telemetry-stat-card .stat-value{font-size:1.35rem;font-weight:700;color:#fff;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.telemetry-stat-card .stat-trend{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600}.telemetry-stat-card .stat-trend.positive{color:#4caf50}.telemetry-stat-card .stat-trend.negative{color:#f44336}.telemetry-stat-card .stat-trend svg{width:14px;height:14px}.telemetry-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:900px){.telemetry-charts-grid{grid-template-columns:1fr}}.telemetry-chart-card{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;overflow:hidden}.telemetry-chart-card .chart-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.06)}.telemetry-chart-card .chart-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0}.telemetry-chart-card .chart-header .chart-subtitle{font-size:.75rem;color:rgba(var(--foreground-rgb),.45)}.telemetry-chart-card .chart-body{padding:1.25rem 1rem 1.25rem .5rem;height:320px}.chart-tooltip{background:rgba(20,20,20,.96);border:1px solid rgba(var(--foreground-rgb),.12);border-radius:10px;padding:.65rem .85rem;box-shadow:0 8px 24px rgba(0,0,0,.4);font-family:var(--font-open-sans);min-width:120px;max-width:260px}.chart-tooltip-label{font-size:.8rem;font-weight:600;color:#fff;margin-bottom:.4rem;word-wrap:break-word;overflow-wrap:anywhere}.chart-tooltip-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:rgba(var(--foreground-rgb),.85)}.chart-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip-key{color:rgba(var(--foreground-rgb),.7);flex:1 1}.chart-tooltip-value{font-weight:700;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.telemetry-form-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--foreground-rgb),.55);margin-bottom:.45rem}.telemetry-form-input{width:100%;padding:.7rem .9rem;background:rgba(var(--foreground-rgb),.04);border:1px solid rgba(var(--foreground-rgb),.1);border-radius:10px;color:rgb(var(--foreground-rgb));font-size:.9rem;font-family:var(--font-open-sans);outline:none;transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box}.telemetry-form-input::placeholder{color:rgba(var(--foreground-rgb),.3)}.telemetry-form-input:hover{border-color:rgba(var(--foreground-rgb),.18)}.telemetry-form-input:focus{border-color:var(--gradient-color-1);background:rgba(var(--foreground-rgb),.06);box-shadow:0 0 0 3px rgba(243,178,138,.12)}.telemetry-key-display{background:rgba(0,0,0,.4);border:1px solid rgba(76,175,80,.25);border-radius:10px;padding:.85rem 1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem;color:#4caf50;word-break:break-all;overflow-wrap:anywhere}.telemetry-keys-section{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;overflow:hidden;margin-bottom:2rem}.telemetry-keys-section .keys-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.06)}.telemetry-keys-section .keys-header .header-left{display:flex;align-items:center;gap:.75rem}.telemetry-keys-section .keys-header .header-left .icon-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));display:flex;align-items:center;justify-content:center;color:#fff}.telemetry-keys-section .keys-header .header-left .icon-box svg{width:20px;height:20px}.telemetry-keys-section .keys-header .header-left h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.telemetry-keys-section .keys-table{width:100%;border-collapse:collapse}.telemetry-keys-section .keys-table th{padding:.875rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--foreground-rgb),.4);background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.06)}.telemetry-keys-section .keys-table td{padding:1rem 1.25rem;font-size:.9rem;color:rgba(var(--foreground-rgb),.8);border-bottom:1px solid rgba(var(--foreground-rgb),.04)}.telemetry-keys-section .keys-table tbody tr{transition:background .15s ease}.telemetry-keys-section .keys-table tbody tr:hover{background:rgba(var(--foreground-rgb),.04)}.telemetry-keys-section .keys-table tbody tr:last-child td{border-bottom:none}.telemetry-keys-section .keys-table .key-name{font-weight:600;color:#fff}.telemetry-keys-section .keys-table .key-prefix{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem;color:rgba(var(--foreground-rgb),.6);background:rgba(var(--foreground-rgb),.05);padding:.25rem .5rem;border-radius:4px}.telemetry-keys-section .keys-table .key-date{font-size:.85rem;color:rgba(var(--foreground-rgb),.5)}.telemetry-keys-section .keys-table .key-actions{display:flex;gap:.5rem}.telemetry-keys-section .keys-empty{padding:3rem 1.5rem;text-align:center}.telemetry-keys-section .keys-empty p{color:rgba(var(--foreground-rgb),.5);font-size:.9rem;margin:0}.telemetry-events-section{background:rgba(var(--foreground-rgb),.03);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:16px;overflow:hidden}.telemetry-events-section .events-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.06);flex-wrap:wrap}.telemetry-events-section .events-header .events-header-left{display:flex;align-items:center;gap:.75rem}.telemetry-events-section .events-header .events-header-left .icon-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(160,147,245,.15),rgba(160,147,245,.1));border:1px solid rgba(160,147,245,.2);display:flex;align-items:center;justify-content:center;color:#a093f5}.telemetry-events-section .events-header .events-header-left .icon-box svg{width:20px;height:20px}.telemetry-events-section .events-header .events-header-left h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.telemetry-events-section .events-header .events-header-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.telemetry-events-section .events-count-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;background:rgba(var(--foreground-rgb),.06);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:6px;color:rgba(var(--foreground-rgb),.5)}.telemetry-events-section .events-table-wrapper{overflow-x:auto}.telemetry-events-section .events-empty{padding:3rem 1.5rem;text-align:center}.telemetry-events-section .events-empty .events-empty-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.telemetry-events-section .events-empty .events-empty-content svg{color:rgba(var(--foreground-rgb),.15)}.telemetry-events-section .events-empty .events-empty-content p{color:rgba(var(--foreground-rgb),.4);font-size:.9rem;margin:0}.telemetry-events-section .events-empty .events-empty-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;font-size:.8rem;color:rgba(var(--foreground-rgb),.4)}.telemetry-events-section .events-empty .events-empty-filters .filter-tag{padding:.2rem .5rem;background:rgba(var(--gradient-color-1-rgb,255,140,66),.1);border:1px solid rgba(var(--gradient-color-1-rgb,255,140,66),.2);border-radius:4px;color:var(--gradient-color-1,#f3b28a);font-size:.75rem}.telemetry-events-section .events-table{width:100%;border-collapse:collapse}.telemetry-events-section .events-table th{padding:.875rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--foreground-rgb),.4);background:rgba(var(--foreground-rgb),.02);border-bottom:1px solid rgba(var(--foreground-rgb),.06);position:sticky;top:0;z-index:2}.telemetry-events-section .events-table td{padding:1rem 1.25rem;font-size:.9rem;color:rgba(var(--foreground-rgb),.8);border-bottom:1px solid rgba(var(--foreground-rgb),.04)}.telemetry-events-section .events-table tbody tr{transition:background .15s ease}.telemetry-events-section .events-table tbody tr:hover{background:rgba(var(--foreground-rgb),.04)}.telemetry-events-section .events-table tbody tr:last-child td{border-bottom:none}.telemetry-events-section .events-table tbody tr.grouped-row{background:rgba(var(--gradient-color-1-rgb,255,140,66),.02)}.telemetry-events-section .events-table tbody tr.grouped-row:hover{background:rgba(var(--gradient-color-1-rgb,255,140,66),.05)}.telemetry-events-section .events-table .skeleton-row td{padding:.875rem 1.25rem}.telemetry-events-section .events-table .event-time{font-size:.85rem;color:rgba(var(--foreground-rgb),.5);white-space:nowrap}.telemetry-events-section .events-table .event-time-cell{display:flex;align-items:center;gap:.4rem}.telemetry-events-section .events-table .event-time-cell svg{color:rgba(var(--foreground-rgb),.3);flex-shrink:0}.telemetry-events-section .events-table .event-type{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.telemetry-events-section .events-table .event-type.error{background:rgba(244,67,54,.15);color:#f44336}.telemetry-events-section .events-table .event-type.usage{background:rgba(33,150,243,.15);color:#2196f3}.telemetry-events-section .events-table .event-type.performance{background:rgba(255,193,7,.15);color:#ffc107}.telemetry-events-section .events-table .event-type.lifecycle{background:rgba(76,175,80,.15);color:#4caf50}.telemetry-events-section .events-table .event-type.info{background:rgba(var(--foreground-rgb),.1);color:rgba(var(--foreground-rgb),.7)}.telemetry-events-section .events-table .event-name-cell{display:flex;align-items:center;gap:.5rem}.telemetry-events-section .events-table .event-name-cell .event-name{font-weight:600;color:#fff}.telemetry-events-section .events-table .event-name-cell .event-group-count{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .4rem;background:rgba(var(--gradient-color-1-rgb,255,140,66),.12);border:1px solid rgba(var(--gradient-color-1-rgb,255,140,66),.2);border-radius:4px;font-size:.7rem;font-weight:600;color:var(--gradient-color-1,#f3b28a);white-space:nowrap}.telemetry-events-section .events-table .event-app-id{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem;color:rgba(var(--foreground-rgb),.6)}.telemetry-events-section .events-table .event-version{font-size:.85rem;color:rgba(var(--foreground-rgb),.5)}.telemetry-search-box{display:flex;align-items:center;gap:.4rem;background:rgba(var(--foreground-rgb),.04);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:8px;padding:.35rem .6rem;min-width:160px;transition:border-color .2s}.telemetry-search-box:focus-within{border-color:var(--gradient-color-1)}.telemetry-search-box svg{color:rgba(var(--foreground-rgb),.35);flex-shrink:0}.telemetry-search-box input{border:none;background:rgba(0,0,0,0);outline:none;color:rgb(var(--foreground-rgb));font-size:.8rem;width:100%;min-width:0}.telemetry-search-box input::placeholder{color:rgba(var(--foreground-rgb),.3)}.telemetry-search-box .telemetry-search-clear{display:flex;align-items:center;justify-content:center;background:rgba(var(--foreground-rgb),.08);border:none;border-radius:4px;padding:.2rem;color:rgba(var(--foreground-rgb),.5);cursor:pointer;transition:all .15s}.telemetry-search-box .telemetry-search-clear:hover{background:rgba(var(--foreground-rgb),.12);color:rgb(var(--foreground-rgb))}.telemetry-filter-select{display:flex;align-items:center;gap:.35rem;background:rgba(var(--foreground-rgb),.04);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:8px;padding:.35rem .6rem;transition:border-color .2s}.telemetry-filter-select:focus-within{border-color:var(--gradient-color-1)}.telemetry-filter-select svg{color:rgba(var(--foreground-rgb),.35);flex-shrink:0}.telemetry-filter-select select{border:none;background:rgba(0,0,0,0);outline:none;color:rgb(var(--foreground-rgb));font-size:.8rem;cursor:pointer;appearance:none;padding-right:.5rem}.telemetry-filter-select select option{background:rgb(var(--background-rgb));color:rgb(var(--foreground-rgb))}.skeleton{background:linear-gradient(90deg,rgba(var(--foreground-rgb),.04) 25%,rgba(var(--foreground-rgb),.08) 50%,rgba(var(--foreground-rgb),.04) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton.skeleton-text{height:14px;width:80%}.skeleton.skeleton-text.short{width:50%}.skeleton.skeleton-badge{height:22px;width:60px;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.events-load-more{display:flex;justify-content:center;padding:1.25rem;border-top:1px solid rgba(var(--foreground-rgb),.04)}.events-load-more .events-load-more-loading{display:flex;align-items:center;gap:.5rem;color:rgba(var(--foreground-rgb),.4);font-size:.85rem}.events-load-more .events-load-more-loading .spinner{animation:spin 1s linear infinite;color:var(--gradient-color-1)}.events-end{text-align:center;padding:1rem;font-size:.8rem;color:rgba(var(--foreground-rgb),.25);border-top:1px solid rgba(var(--foreground-rgb),.04)}@keyframes spin{to{transform:rotate(1turn)}}.telemetry-key-created{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.2);border-radius:10px}.telemetry-key-created .key-value{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem;color:#4caf50;word-break:break-all}.telemetry-key-created .copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:rgba(76,175,80,.15);color:#4caf50;border:none;cursor:pointer;transition:all .15s ease}.telemetry-key-created .copy-btn:hover{background:rgba(76,175,80,.25);color:#fff}.telemetry-key-created .copy-btn svg{width:16px;height:16px}.telemetry-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .875rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.telemetry-action-btn.create{background:linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2));color:#000}.telemetry-action-btn.create:hover{opacity:.9;transform:translateY(-1px)}.telemetry-action-btn.create:disabled{opacity:.5;cursor:not-allowed;transform:none}.telemetry-action-btn.revoke{background:rgba(0,0,0,0);color:#f44336;border:1px solid rgba(244,67,54,.2)}.telemetry-action-btn.revoke:hover{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.4)}.telemetry-action-btn.revoke:disabled{opacity:.5;cursor:not-allowed}.telemetry-action-btn svg{width:14px;height:14px}@media(max-width:768px){.telemetry-events-section .events-table,.telemetry-keys-section .keys-table{display:block;overflow-x:auto}.telemetry-stat-card{padding:1.25rem}.telemetry-stat-card .stat-value{font-size:1.75rem}}.telemetry-events-section .events-table tbody tr.clickable{cursor:pointer;transition:background .15s ease,border-color .15s ease}.telemetry-events-section .events-table tbody tr.clickable:hover{background:rgba(var(--foreground-rgb),.06)}.telemetry-events-section .events-table tbody tr.clickable:hover .payload-badge{background:rgba(var(--gradient-color-1-rgb,255,140,66),.2);border-color:rgba(var(--gradient-color-1-rgb,255,140,66),.4)}.telemetry-events-section .event-payload-cell{min-width:100px}.telemetry-events-section .payload-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:rgba(var(--foreground-rgb),.08);border:1px solid rgba(var(--foreground-rgb),.12);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--gradient-color-1,#f3b28a);cursor:pointer;transition:all .2s ease}.telemetry-events-section .payload-badge svg{width:13px;height:13px}.telemetry-events-section .no-payload{color:rgba(var(--foreground-rgb),.3);font-size:.85rem}.event-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:eventModalFadeIn .2s ease-out}@keyframes eventModalFadeIn{0%{opacity:0}to{opacity:1}}.event-modal{background:rgb(var(--background-rgb));border:1px solid rgba(var(--foreground-rgb),.12);border-radius:16px;width:100%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.6);animation:eventModalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes eventModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.event-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.08);background:rgba(var(--foreground-rgb),.02);flex-shrink:0}.event-modal-header .event-modal-title{display:flex;align-items:center;gap:.75rem}.event-modal-header .event-modal-title svg{color:var(--gradient-color-1)}.event-modal-header .event-modal-title h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.event-modal-header .event-modal-title .event-modal-group-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:rgba(var(--gradient-color-1-rgb,255,140,66),.12);border:1px solid rgba(var(--gradient-color-1-rgb,255,140,66),.2);border-radius:6px;font-size:.7rem;font-weight:600;color:var(--gradient-color-1,#f3b28a)}.event-modal-header .event-modal-actions{display:flex;align-items:center;gap:.5rem}.event-modal-header .event-modal-copy{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:rgba(var(--foreground-rgb),.06);border:1px solid rgba(var(--foreground-rgb),.1);border-radius:8px;color:rgba(var(--foreground-rgb),.8);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.event-modal-header .event-modal-copy:hover{background:rgba(var(--foreground-rgb),.1);color:#fff}.event-modal-header .event-modal-copy svg{width:14px;height:14px}.event-modal-header .event-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:8px;color:rgba(var(--foreground-rgb),.6);cursor:pointer;transition:all .2s ease}.event-modal-header .event-modal-close:hover{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.3);color:#f44336}.event-modal-meta{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.06);background:rgba(var(--foreground-rgb),.01);flex-shrink:0}.event-modal-meta .meta-item{display:flex;align-items:center;gap:.5rem}.event-modal-meta .meta-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--foreground-rgb),.4)}.event-modal-meta .meta-value{font-size:.85rem;color:rgba(var(--foreground-rgb),.9)}.event-modal-meta .meta-value.mono{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8rem}.event-modal-body{flex:1 1;overflow:hidden;padding:0}.json-viewer{height:100%;max-height:calc(85vh - 160px);overflow:auto;background:#0d0d0d;margin:0;padding:1.25rem}.json-viewer pre{margin:0;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:#e0e0e0}.json-viewer .json-key{color:#9cdcfe}.json-viewer .json-string{color:#ce9178}.json-viewer .json-number{color:#b5cea8}.json-viewer .json-boolean{color:#569cd6}.json-viewer .json-null{color:#569cd6;font-style:italic}@media(max-width:600px){.event-modal{max-height:90vh;border-radius:12px}.event-modal-header{padding:1rem}.event-modal-header .event-modal-title h3{font-size:1rem}.event-modal-meta{padding:.75rem 1rem;gap:.75rem}.json-viewer{padding:1rem}.json-viewer pre{font-size:.75rem}}@media(max-width:768px){.telemetry-events-section .events-header{flex-direction:column;align-items:flex-start}.telemetry-events-section .events-header .events-header-right{width:100%}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:2000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:380px}.toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:rgb(var(--background-rgb));border:1px solid rgba(var(--foreground-rgb),.1);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.4);pointer-events:auto;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast .toast-icon{flex-shrink:0;display:flex}.toast .toast-message{flex:1 1;font-size:.85rem;font-weight:500;color:#fff;line-height:1.4}.toast .toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:rgba(0,0,0,0);color:rgba(var(--foreground-rgb),.4);border-radius:4px;cursor:pointer;transition:all .15s}.toast .toast-close:hover{background:rgba(var(--foreground-rgb),.1);color:#fff}.toast.toast-success{border-color:rgba(76,175,80,.25)}.toast.toast-success .toast-icon{color:#4caf50}.toast.toast-error{border-color:rgba(244,67,54,.25)}.toast.toast-error .toast-icon{color:#f44336}.toast.toast-info{border-color:rgba(33,150,243,.25)}.toast.toast-info .toast-icon{color:#2196f3}.toast.toast-warning{border-color:rgba(255,193,7,.25)}.toast.toast-warning .toast-icon{color:#ffc107}.confirm-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:confirmFadeIn .15s ease-out}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:rgb(var(--background-rgb));border:1px solid rgba(var(--foreground-rgb),.12);border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.6);animation:confirmSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--foreground-rgb),.06)}.confirm-modal-header .confirm-modal-title{display:flex;align-items:center;gap:.75rem}.confirm-modal-header .confirm-modal-title h3{font-size:1.05rem;font-weight:600;color:#fff;margin:0}.confirm-modal-header .confirm-modal-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.confirm-modal-header .confirm-modal-icon.danger{background:rgba(244,67,54,.15);color:#f44336}.confirm-modal-header .confirm-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--foreground-rgb),.08);border-radius:8px;color:rgba(var(--foreground-rgb),.6);cursor:pointer;transition:all .2s}.confirm-modal-header .confirm-modal-close:hover{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.3);color:#f44336}.confirm-modal-body{padding:1.25rem 1.5rem}.confirm-modal-body p{font-size:.9rem;color:rgba(var(--foreground-rgb),.7);margin:0;line-height:1.5}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(var(--foreground-rgb),.06);background:rgba(var(--foreground-rgb),.01)}