.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #00000014;padding:1.25rem 0;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(14,165,233,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.nav-logo{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.5px;z-index:101}.nav-toggle{display:none;background:none;border:none;color:#0ea5e9;cursor:pointer;padding:.5rem;z-index:101}.nav-menu{display:flex;gap:2.5rem;list-style:none;align-items:center;margin:0}.nav-link{color:#475569;text-decoration:none;transition:all .3s;font-weight:600;font-size:1rem;position:relative;background:none;border:none;cursor:pointer;font-family:inherit}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);transition:width .3s}.nav-link:hover{color:#0ea5e9}.nav-link:hover:after{width:100%}.nav-btn{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;padding:.75rem 1.75rem;border-radius:.625rem;box-shadow:0 4px 12px #0ea5e940;font-weight:600}.nav-btn:after{display:none}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e959;color:#fff}.admin-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b40}.admin-btn:hover{box-shadow:0 6px 16px #f59e0b59}@media (max-width: 768px){.nav-container{padding:0 1.5rem}.nav-logo{font-size:1.5rem}.nav-toggle{display:block}.nav-menu{position:fixed;left:-100%;top:0;flex-direction:column;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100vh;text-align:left;transition:left .3s ease;box-shadow:0 10px 27px #0000001a;padding:5rem 0 2rem;gap:0;align-items:stretch;overflow-y:auto}.nav-menu.active{left:0}.nav-menu li{width:100%}.nav-link{font-size:1.125rem;display:block;padding:1rem 2rem;color:#475569;width:100%;text-align:left}.nav-link:hover{background:#f8fafc;color:#0ea5e9}.nav-link:after{display:none}.nav-btn{display:inline-block;margin:1rem 2rem;text-align:center;width:calc(100% - 4rem)}.nav-dropdown{width:100%}.dropdown-trigger{width:100%;justify-content:space-between;padding:1rem 2rem;color:#475569;display:flex}.dropdown-trigger:hover{background:#f8fafc;color:#0ea5e9}.dropdown-menu{position:static;box-shadow:none;margin-top:0;margin-left:0;margin-right:0;background:#f8fafc;border:none;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;animation:slideDown .3s ease;padding:.5rem 0;border-radius:0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.dropdown-item{padding:.875rem 2rem;color:#475569}.dropdown-item:hover{background:#fff}.dropdown-item.all-plans{color:#0ea5e9}.dropdown-item-name{color:#1e293b}.dropdown-item-desc{color:#64748b}}@media (max-width: 480px){.nav-logo{font-size:1.25rem}.nav-link{font-size:1rem}.nav-btn{padding:.625rem 1.5rem;font-size:.9375rem}}.nav-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit}.dropdown-trigger svg{transition:transform .3s}.dropdown-trigger svg.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:280px;background:#fff;border-radius:.75rem;box-shadow:0 10px 40px #00000026;padding:.5rem;margin-top:.5rem;z-index:1000;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:left;text-decoration:none;color:#1e293b}.dropdown-item:hover{background:linear-gradient(135deg,#e0f2fe,#cffafe)}.dropdown-item.all-plans{font-weight:700;color:#0ea5e9}.dropdown-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.dropdown-item-content{display:flex;flex-direction:column;gap:.25rem}.dropdown-item-name{font-weight:600;color:#1e293b;font-size:.9375rem}.dropdown-item-desc{font-size:.8125rem;color:#64748b}.footer{background:linear-gradient(135deg,#0f0f1e,#1a1a2e);color:#e0e0e0;padding:60px 20px 20px;margin-top:80px;border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section{display:flex;flex-direction:column;gap:15px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#fff;margin-bottom:10px}.footer-logo svg{color:#4f46e5}.footer-description{font-size:14px;line-height:1.6;color:#a0a0a0;margin-bottom:15px}.footer-social{display:flex;gap:15px;margin-top:10px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#4f46e51a;border:1px solid rgba(79,70,229,.3);border-radius:8px;color:#4f46e5;transition:all .3s ease}.social-link:hover{background:#4f46e5;color:#fff;border-color:#4f46e5;transform:translateY(-2px)}.footer-title{font-size:16px;font-weight:600;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.5px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li,.footer-links a{font-size:14px;color:#a0a0a0;text-decoration:none;transition:all .3s ease;display:inline-block}.footer-links a:hover,.footer-links li a:hover{color:#4f46e5;transform:translate(4px)}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#a0a0a0}.contact-item svg{color:#4f46e5;margin-top:2px;flex-shrink:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:20px}.footer-bottom-left{font-size:14px;color:#707070}.footer-bottom-right{display:flex;gap:30px}.footer-bottom-link{font-size:14px;color:#a0a0a0;text-decoration:none;transition:color .3s ease}.footer-bottom-link:hover{color:#4f46e5}@media (max-width: 768px){.footer{padding:40px 20px 20px;margin-top:60px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:15px}.footer-bottom-right{width:100%;gap:20px}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr;gap:25px}.footer-bottom-right{flex-direction:column;gap:15px}.footer-logo{font-size:20px}.footer-title{font-size:14px}}.home{min-height:calc(100vh - 80px)}.hero{background:linear-gradient(135deg,#1e293b,#0f172a);padding:8rem 2rem;position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="2" fill="white" opacity="0.05"/></svg>');animation:float 20s linear infinite}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content h1{font-size:4rem;margin-bottom:2rem;color:#fff;font-weight:800;line-height:1.2}.hero-content p{font-size:1.5rem;color:#ffffffe6;margin-bottom:3rem;font-weight:400;line-height:1.6}.hero-buttons{display:flex;gap:1.5rem}.btn-hero-primary,.btn-hero-secondary{padding:1rem 2rem;border-radius:.75rem;text-decoration:none;font-weight:600;transition:all .3s;font-size:1.0625rem;display:inline-flex;align-items:center;gap:.5rem}.btn-hero-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 10px 25px #0ea5e966}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0ea5e980}.btn-hero-secondary{background:#ffffff26;color:#fff;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-hero-secondary:hover{background:#ffffff40;transform:translateY(-3px)}.hero-image{position:relative}.hero-image img{width:100%;height:auto;border-radius:1.5rem;box-shadow:0 25px 70px #0006;border:4px solid rgba(255,255,255,.1)}.features{padding:5rem 2rem;background:#fff}.features-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.features-content h2{font-size:2.75rem;margin-bottom:2.5rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.features-list{display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;gap:1.5rem;align-items:flex-start}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0ea5e94d}.feature-item h3{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.feature-item p{color:#64748b;line-height:1.6}.features-image img{width:100%;height:auto;border-radius:1rem;box-shadow:0 20px 60px #0ea5e933;border:1px solid #e2e8f0}.cta{background:linear-gradient(135deg,#0ea5e9,#06b6d4);padding:5rem 2rem;text-align:center}.cta h2{font-size:2.75rem;margin-bottom:1rem;color:#fff;font-weight:800}.cta p{font-size:1.375rem;color:#fffffff2;margin-bottom:2.5rem;font-weight:300}.btn-cta{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fff;color:#0ea5e9;text-decoration:none;border-radius:.75rem;font-weight:700;font-size:1.0625rem;transition:all .3s;box-shadow:0 10px 25px #0003}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000004d}.stats{background:#fff;padding:4rem 2rem;box-shadow:0 -4px 6px #00000005}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.stat-card{text-align:center}.stat-number{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:#64748b;font-size:1.125rem;font-weight:500}.testimonials{max-width:1400px;margin:0 auto;padding:5rem 2rem;background:#f8fafc;overflow:hidden}.testimonials h2{text-align:center;font-size:2.75rem;margin-bottom:3.5rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.testimonials-container{display:flex;flex-direction:column;gap:2rem}.testimonials-row{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.testimonials-scroll{display:flex;gap:1.5rem;animation:scroll-left 40s linear infinite}.testimonials-scroll-reverse{animation:scroll-right 40s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.testimonials-scroll:hover,.testimonials-scroll-reverse:hover{animation-play-state:paused}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:all .3s;flex-shrink:0;min-width:400px;max-width:400px}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0ea5e926}.testimonial-stars{font-size:1.25rem;margin-bottom:1.25rem}.testimonial-text{color:#475569;font-size:1.0625rem;line-height:1.7;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-name{color:#1e293b;font-weight:700;margin-bottom:.25rem}.author-role{color:#64748b;font-size:.875rem}.how-it-works{background:#fff;padding:5rem 2rem}.how-it-works h2{text-align:center;font-size:2.75rem;margin-bottom:3.5rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.steps-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.step-card{text-align:center;padding:2rem;position:relative}.step-card:after{content:"→";position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);font-size:2rem;color:#0ea5e9;font-weight:700}.step-card:last-child:after{display:none}.step-icon{width:80px;height:80px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 25px #0ea5e94d}.step-card h3{color:#1e293b;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.step-card p{color:#64748b;line-height:1.6}.supported-games{max-width:1200px;margin:0 auto;padding:5rem 2rem;background:#fff}.supported-games h2{text-align:center;font-size:2.75rem;margin-bottom:1rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.supported-games-subtitle{text-align:center;font-size:1.125rem;color:#64748b;margin-bottom:3.5rem}.categories-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.categories-list{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 640px){.categories-list{grid-template-columns:1fr;gap:1rem}}.category-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;text-decoration:none;transition:all .3s}.category-item:hover{border-color:#0ea5e9;transform:translateY(-5px);box-shadow:0 10px 30px #0ea5e933}.category-icon{width:50px;height:50px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.category-info{display:flex;flex-direction:column;gap:.25rem}.category-name{font-size:1.125rem;font-weight:700;color:#1e293b}.category-desc{font-size:.875rem;color:#64748b}.no-categories{text-align:center;color:#64748b;font-size:1.125rem}.game-card{background:linear-gradient(135deg,#f8fafc,#fff);padding:2.5rem 2rem;border-radius:1.25rem;border:2px solid #e2e8f0;text-align:center;font-size:1.125rem;color:#1e293b;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.game-icon-wrapper{width:70px;height:70px;background:linear-gradient(135deg,#e0f2fe,#cffafe);border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.game-card svg{color:#0ea5e9;transition:all .4s cubic-bezier(.4,0,.2,1)}.game-name{font-size:1.125rem;font-weight:700;color:#1e293b;transition:color .3s}.game-description{font-size:.875rem;color:#64748b;font-weight:400;line-height:1.5;opacity:0;max-height:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.game-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0ea5e933;border-color:#0ea5e9;background:#fff}.game-card:hover:before{transform:scaleX(1)}.game-card:hover .game-icon-wrapper{background:linear-gradient(135deg,#0ea5e9,#06b6d4);transform:scale(1.1) rotate(5deg)}.game-card:hover svg{color:#fff;transform:scale(1.1)}.game-card:hover .game-name{color:#0ea5e9}.game-card:hover .game-description{opacity:1;max-height:100px;margin-top:.5rem}@media (max-width: 768px){.hero{padding:4rem 1.5rem;min-height:auto}.hero-container{grid-template-columns:1fr;gap:2.5rem}.hero-content h1{font-size:2.25rem}.hero-content p{font-size:1.125rem}.hero-buttons{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.hero-image{order:-1}.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.stat-number{font-size:2.5rem}.features{padding:3rem 1.5rem}.features-container{grid-template-columns:1fr;gap:2.5rem}.features-content h2{font-size:2rem}.features-image{order:-1}.feature-item{gap:1rem}.feature-icon{width:48px;height:48px}.testimonials{padding:3rem 1.5rem}.testimonials h2{font-size:2rem}.testimonial-card{min-width:280px;max-width:320px;padding:2rem}.how-it-works{padding:3rem 1.5rem}.how-it-works h2{font-size:2rem}.steps-grid{grid-template-columns:1fr;gap:2rem}.step-card:after{content:"↓";right:50%;top:auto;bottom:-1.5rem;transform:translate(50%)}.step-card:last-child:after{display:none}.step-icon{width:60px;height:60px}.supported-games{padding:3rem 1.5rem}.supported-games h2{font-size:2rem}.games-grid{grid-template-columns:1fr;gap:1.5rem}.game-card{padding:2rem 1.5rem}.game-description{opacity:1;max-height:100px;margin-top:.5rem}.cta{padding:3rem 1.5rem}.cta h2{font-size:2rem}.cta p{font-size:1.125rem}}@media (max-width: 480px){.hero-content h1{font-size:1.875rem}.hero-content p{font-size:1rem}.btn-hero-primary,.btn-hero-secondary{padding:1rem 1.5rem;font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-number{font-size:2rem}.nav-menu{gap:1rem}.nav-link{font-size:.875rem}.nav-btn{padding:.5rem 1rem;font-size:.875rem}.testimonial-card{min-width:260px;max-width:280px;padding:1.5rem}}.pricing{min-height:100vh;background:#fff}.pricing-hero{background:linear-gradient(135deg,#f8fafcd9,#ffffffd9),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920&h=800&fit=crop) center/cover;padding:6rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.pricing-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);animation:rotate 30s linear infinite}.pricing-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.pricing-hero-content h1{font-size:3.75rem;margin-bottom:1.5rem;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;line-height:1.1}.pricing-hero-content p{font-size:1.25rem;color:#64748b;font-weight:400;line-height:1.6}.pricing-features-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:3rem 2rem;max-width:1000px;margin:0 auto 4rem}.feature-banner-item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;transition:all .3s;text-align:center}.feature-banner-item:hover{border-color:#0ea5e9;transform:translateY(-5px);box-shadow:0 10px 30px #0ea5e926}.feature-banner-item svg{color:#0ea5e9;width:32px;height:32px}.feature-banner-item span{color:#1e293b;font-weight:600;font-size:1rem}.category-selector-enhanced{max-width:1200px;margin:0 auto 4rem;padding:0 2rem}.category-selector-enhanced h2{text-align:center;font-size:2.5rem;color:#1e293b;margin-bottom:3rem;font-weight:800}.category-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:.5rem;background:#f8fafc;border-radius:1rem;max-width:800px;margin:0 auto}.category-tab{background:transparent;border:none;border-radius:.75rem;padding:1rem 2rem;cursor:pointer;transition:all .3s;text-align:center;flex:1;min-width:200px}.category-tab:hover{background:#fff}.category-tab.active{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 4px 15px #0ea5e94d}.category-tab.active .category-tab-name,.category-tab.active .category-tab-desc{color:#fff}.category-tab-name{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;display:block}.category-tab-desc{font-size:.875rem;color:#64748b;display:block}.category-info{max-width:1200px;margin:0 auto 3rem;padding:0 2rem;text-align:center}.category-info h2{font-size:2rem;color:#1e293b;margin-bottom:.5rem;font-weight:700}.category-info p{font-size:1.0625rem;color:#64748b}.pricing-grid-enhanced{max-width:1200px;margin:0 auto 5rem;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.pricing-card-enhanced{background:#fff;border:2px solid #e2e8f0;border-radius:1.25rem;padding:2.5rem;position:relative;transition:all .3s;display:flex;flex-direction:column}.pricing-card-enhanced:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0ea5e926;border-color:#0ea5e9}.pricing-card-enhanced.featured{border-color:#0ea5e9;border-width:3px;box-shadow:0 10px 40px #0ea5e933}.featured-badge{position:absolute;top:-12px;right:2rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;padding:.5rem 1.25rem;border-radius:2rem;font-size:.8125rem;font-weight:700;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #0ea5e966}.plan-header{text-align:center;padding-bottom:2rem;border-bottom:2px solid #f1f5f9;margin-bottom:2rem}.plan-header h3{font-size:1.5rem;color:#1e293b;margin-bottom:1.5rem;font-weight:700}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price-currency{font-size:1.5rem;color:#0ea5e9;font-weight:700}.price-amount{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.price-period{font-size:1rem;color:#64748b;font-weight:500}.plan-features{list-style:none;padding:0;margin-bottom:2rem;flex:1}.plan-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#475569;font-size:.9375rem}.plan-features svg{color:#10b981;flex-shrink:0}.plan-features strong{color:#0ea5e9;font-weight:600}.btn-plan-enhanced{display:block;width:100%;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;text-align:center;text-decoration:none;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #0ea5e94d;cursor:pointer}.btn-plan-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.no-plans{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#64748b;font-size:1.125rem}.pricing-faq{max-width:1200px;margin:0 auto 5rem;padding:0 2rem;background:#f8fafc;border-radius:2rem;padding:4rem 2rem}.pricing-faq h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#1e293b;font-weight:800}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.faq-item{background:#fff;padding:2rem;border-radius:1rem;border:2px solid #e2e8f0;transition:all .3s}.faq-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0ea5e91a;border-color:#0ea5e9}.faq-item h3{color:#1e293b;margin-bottom:.75rem;font-weight:700;font-size:1.125rem}.faq-item p{color:#64748b;line-height:1.6;margin:0}@media (max-width: 968px){.pricing-features-banner{grid-template-columns:1fr;gap:1rem}.category-tabs{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;justify-content:flex-start;padding:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-track{background:#e2e8f0;border-radius:2px}.category-tabs::-webkit-scrollbar-thumb{background:#0ea5e9;border-radius:2px}.category-tab{min-width:180px;flex-shrink:0}}@media (max-width: 768px){.pricing-hero{padding:4rem 1.5rem 2.5rem}.pricing-hero-content h1{font-size:2.5rem}.pricing-hero-content p{font-size:1.0625rem}.pricing-features-banner{padding:2rem 1.5rem}.category-selector-enhanced h2{font-size:2rem}.pricing-grid-enhanced{grid-template-columns:1fr}.pricing-card-enhanced.featured{transform:scale(1)}.price-amount{font-size:3rem}.faq-grid{grid-template-columns:1fr}.pricing-faq{padding:3rem 1.5rem}}.checkout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.checkout-modal{background:#fff;border-radius:1.5rem;padding:2.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.checkout-modal h2{font-size:1.875rem;color:#1e293b;margin-bottom:1.5rem;font-weight:800;text-align:center}.checkout-plan-details{background:#f8fafc;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;text-align:center}.checkout-plan-details h3{font-size:1.5rem;color:#1e293b;margin-bottom:1rem;font-weight:700}.checkout-price{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.checkout-plan-details ul{list-style:none;padding:0;margin:0;text-align:left}.checkout-plan-details li{padding:.5rem 0;color:#475569;font-size:.9375rem;border-bottom:1px solid #e2e8f0}.checkout-plan-details li:last-child{border-bottom:none}.checkout-actions{display:flex;gap:1rem;flex-direction:column}.btn-checkout-confirm{width:100%;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0ea5e94d}.checkout-processing{text-align:center;padding:3rem 2rem}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.checkout-processing p{color:#64748b;font-size:1rem;font-weight:500}.payment-details{display:flex;flex-direction:column;gap:1.5rem}.payment-mnemonic{display:flex;flex-direction:column;gap:.75rem;background:#fef3c7;border:2px solid #f59e0b;border-radius:1rem;padding:1.5rem}.payment-mnemonic label{color:#92400e;font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.mnemonic-box{display:flex;gap:.5rem;background:#fff;border:2px solid #fbbf24;border-radius:.75rem;padding:1rem;align-items:center}.mnemonic-box code,.private-key-input{flex:1;font-family:Courier New,monospace;font-size:.875rem;color:#1e293b;word-break:break-word;background:none;padding:0;line-height:1.6}.private-key-input{border:none;outline:none;background:transparent;width:100%;font-family:Courier New,monospace;font-size:.875rem;color:#1e293b;letter-spacing:.5px}.mnemonic-box button{padding:.5rem 1rem;background:#f59e0b;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s;white-space:nowrap}.mnemonic-box button:hover{background:#d97706}.mnemonic-warning{margin:0;color:#92400e;font-weight:600;font-size:.8125rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}.payment-amount{background:#f8fafc;border-radius:1rem;padding:1.5rem;text-align:center}.payment-amount span{display:block;color:#64748b;font-size:.875rem;margin-bottom:.5rem}.payment-amount strong{display:block;font-size:2rem;font-weight:800;color:#0ea5e9;margin-bottom:.5rem}.payment-amount small{display:block;color:#94a3b8;font-size:.8125rem}.payment-address{display:flex;flex-direction:column;gap:.75rem}.payment-address label{color:#475569;font-weight:600;font-size:.9375rem}.address-box{display:flex;gap:.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;align-items:center}.address-box code{flex:1;font-family:Courier New,monospace;font-size:.875rem;color:#1e293b;word-break:break-all;background:none;padding:0}.address-box button{padding:.5rem 1rem;background:#0ea5e9;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s;white-space:nowrap}.address-box button:hover{background:#0284c7}.payment-qr{text-align:center;padding:1rem;background:#f8fafc;border-radius:1rem}.payment-qr img{max-width:200px;height:auto;border-radius:.5rem}.payment-timer{background:#fef3c7;border:2px solid #fbbf24;border-radius:1rem;padding:1.5rem;text-align:center}.payment-timer p{margin:0;color:#92400e;font-weight:600;font-size:.9375rem}.payment-timer p:first-child{font-size:1.125rem;margin-bottom:.5rem}.payment-note{color:#78716c!important;font-weight:500!important;font-size:.875rem!important;margin-top:.5rem!important}@media (max-width: 768px){.checkout-modal{padding:2rem 1.5rem}.checkout-modal h2{font-size:1.5rem}.checkout-price{font-size:2rem}.payment-amount strong{font-size:1.5rem}.address-box{flex-direction:column}.address-box button,.mnemonic-box button{width:100%}.mnemonic-box{flex-direction:column}}.checkout-container{min-height:100vh;background:#f8fafc;padding:2rem}.checkout-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.checkout-header h1{font-size:2rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s}.btn-back:hover{background:#f1f5f9;border-color:#cbd5e1}.checkout-content{max-width:600px;margin:0 auto;background:#fff;border-radius:1.5rem;padding:2.5rem;box-shadow:0 10px 40px #0000001a}.checkout-step{display:flex;flex-direction:column;gap:2rem}.checkout-step h2{font-size:1.875rem;color:#1e293b;margin:0;font-weight:800;text-align:center}.checkout-loading{text-align:center;padding:4rem 2rem}.checkout-loading .spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.checkout-loading p{color:#64748b;font-size:1rem;font-weight:500}.checkout-error{background:#fee2e2;border:2px solid #ef4444;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;color:#991b1b;font-weight:600;text-align:center}.btn-checkout-confirm{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0ea5e94d}.btn-checkout-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.btn-checkout-cancel{width:100%;padding:1rem;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s}.btn-checkout-cancel:hover{border-color:#cbd5e1;background:#f8fafc}@media (max-width: 768px){.checkout-container{padding:1rem}.checkout-content{padding:2rem 1.5rem}.checkout-header h1{font-size:1.5rem}}.billing-periods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.billing-period-card{position:relative;padding:2rem;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.billing-period-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0ea5e926;border-color:#0ea5e9}.billing-period-card.selected{border-color:#0ea5e9;background:linear-gradient(135deg,#0ea5e90d,#06b6d40d);box-shadow:0 10px 30px #0ea5e933}.discount-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.875rem}.period-header{margin-bottom:1.5rem}.period-header h3{font-size:1.25rem;color:#1e293b;margin:0 0 .5rem;font-weight:700}.monthly-price{color:#64748b;font-size:.875rem;margin:0}.period-price{font-size:2.5rem;font-weight:800;color:#0ea5e9;margin-bottom:1rem;line-height:1}.savings-info{color:#10b981;font-size:.875rem;font-weight:600;margin-bottom:1rem}.period-features{flex:1;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:.9rem}.feature-item svg{color:#0ea5e9;flex-shrink:0}.selected-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border-radius:.5rem;font-weight:600;font-size:.875rem}.billing-info{background:#f8fafc;padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem}.billing-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.billing-item:last-child{border-bottom:none}.billing-item span{color:#64748b;font-size:.9rem}.billing-item strong{color:#1e293b;font-weight:600}.btn-primary,.btn-secondary{padding:.875rem 2rem;border:none;border-radius:.625rem;font-weight:600;cursor:pointer;transition:all .3s;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;flex:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e94d}.btn-secondary{background:#fff;color:#0ea5e9;border:2px solid #0ea5e9}.btn-secondary:hover{background:#f0f9ff}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:#f8fafc}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e2e8f0}.dashboard-header h1{font-size:2.5rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.dashboard-header p{color:#64748b;font-size:1.125rem}.header-actions{display:flex;gap:1rem;align-items:center}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#0ea5e9;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000000d}.btn-refresh:hover{background:#0ea5e9;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#ef4444;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000000d}.btn-logout:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.loading-servers{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-servers p{color:#64748b;font-size:1.125rem;margin:0}.loader{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #0ea5e9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-servers{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;border:2px dashed #e2e8f0}.no-servers svg{color:#cbd5e1;margin-bottom:1.5rem}.no-servers h2{color:#1e293b;margin-bottom:.5rem}.no-servers p{color:#64748b;font-size:1.125rem}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.server-card{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s;box-shadow:0 2px 4px #0000000d}.server-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0ea5e926;border-color:#0ea5e9}.server-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.server-icon{width:60px;height:60px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.server-info h3{font-size:1.25rem;color:#1e293b;margin-bottom:.25rem;font-weight:700}.server-id{font-size:.875rem;color:#64748b;font-family:monospace}.server-description{color:#64748b;margin-bottom:1.5rem;min-height:2.5rem;line-height:1.5}.server-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:.5rem}.spec-item{display:flex;flex-direction:column;align-items:center;text-align:center}.spec-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:.25rem}.server-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-edit,.btn-console,.btn-delete,.btn-renew{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-console{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.btn-console:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.btn-edit{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 4px 12px #0ea5e94d}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.btn-renew{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-delete{background:#fee;color:#dc2626;border:2px solid #fecaca;width:44px;height:44px}.btn-delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:1rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e2e8f0}.modal-header h2{font-size:1.75rem;color:#1e293b;font-weight:700}.btn-close{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s}.modal-body{padding:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{font-size:1.25rem;color:#1e293b;margin-bottom:1.5rem;font-weight:700}.form-section h4{font-size:1rem;color:#475569;margin:1.5rem 0 1rem;font-weight:600}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:all .3s;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.btn-save{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0ea5e94d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.btn-warning:hover{box-shadow:0 6px 16px #f59e0b66}.env-vars{background:#f8fafc;padding:1.5rem;border-radius:.75rem;margin-top:1rem;margin-bottom:1rem}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header h1{font-size:2rem}.servers-grid{grid-template-columns:1fr}.server-specs{grid-template-columns:1fr;gap:.75rem}.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:1.5rem}}.invoices-section{margin-bottom:3rem}.invoices-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:#1e293b;margin-bottom:1.5rem}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.invoice-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:2px solid #e2e8f0;transition:all .3s}.invoice-card.pending{border-color:#f59e0b}.invoice-card.approved{border-color:#10b981}.invoice-card.rejected{border-color:#ef4444}.invoice-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.invoice-header h3{font-size:1.125rem;color:#1e293b;margin:0}.invoice-date{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.status-icon.pending{color:#f59e0b}.status-icon.awaiting{color:#3b82f6}.status-icon.approved{color:#10b981}.status-icon.rejected{color:#ef4444}.invoice-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem}.invoice-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.invoice-detail-item span{color:#64748b}.invoice-detail-item strong{color:#1e293b;font-weight:600}.invoice-status{padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600}.invoice-status.pending{background:#fef3c7;color:#92400e}.invoice-status.pending_payment{background:#dbeafe;color:#1e40af}.invoice-status.awaiting_payment{background:#fef3c7;color:#92400e}.invoice-status.paid,.invoice-status.approved{background:#d1fae5;color:#065f46}.invoice-status.rejected,.invoice-status.expired{background:#fee2e2;color:#991b1b}.invoice-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef3c7;color:#92400e;border-radius:.5rem;font-size:.875rem}.invoice-message.awaiting{background:#dbeafe;color:#1e40af;flex-direction:column;align-items:flex-start}.invoice-message.awaiting>div{width:100%}.invoice-message.success{background:#d1fae5;color:#065f46}.invoice-message.error{background:#fee2e2;color:#991b1b}.servers-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:#1e293b;margin-bottom:1.5rem}.server-expiration{margin-left:auto}.expiration-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.expiration-badge.expired{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.expiration-badge.warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a;animation:pulse 2s infinite}.expiration-badge.info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.expiration-badge.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.trial-tag{margin-left:.5rem;padding:.125rem .375rem;background:#8b5cf6;color:#fff;border-radius:.25rem;font-size:.625rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.btn-renew{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.btn-renew:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.server-group{margin-bottom:3rem}.group-title{font-size:1.25rem;color:#1e293b;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0;font-weight:700}@media (max-width: 768px){.server-header{flex-wrap:wrap}.server-expiration{margin-left:0;margin-top:.5rem;width:100%}.expiration-badge{width:100%;justify-content:center}.server-actions{flex-wrap:wrap}.btn-edit,.btn-console,.btn-renew,.btn-delete{min-width:calc(25% - .5rem)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem}.auth-container-new{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%;background:#fff;border-radius:2rem;overflow:hidden;box-shadow:0 20px 60px #00000014;min-height:650px}.auth-card-new{padding:3rem;display:flex;flex-direction:column}.auth-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem;color:#0ea5e9}.auth-logo svg{flex-shrink:0}.auth-logo span{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-content{flex:1;display:flex;flex-direction:column}.auth-header-new{margin-bottom:2rem}.auth-header-new h1{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;line-height:1.2}.auth-header-new p{font-size:1rem;color:#64748b;line-height:1.5}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.875rem 1rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.9375rem;font-weight:500}.auth-form-new{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.form-row-new{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.875rem;font-weight:600;color:#1e293b}.input-group{position:relative;display:flex;align-items:center}.input-group svg{position:absolute;left:1rem;color:#94a3b8;pointer-events:none;z-index:1}.input-group input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:.9375rem;color:#1e293b;background:#f8fafc;transition:all .2s}.input-group input::placeholder{color:#cbd5e1}.input-group input:hover{border-color:#cbd5e1}.input-group input:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 4px #0ea5e91a}.input-group:focus-within svg{color:#0ea5e9}.btn-primary-new{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0ea5e94d}.btn-primary-new:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.btn-primary-new:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary-new{display:flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;background:#fff;color:#0ea5e9;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary-new:hover{border-color:#0ea5e9;background:#f0f9ff}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#64748b;font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider span{padding:0 1rem}.auth-visual{background:linear-gradient(135deg,#0ea5e9,#06b6d4);padding:4rem 3rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%)}.visual-content{position:relative;z-index:1;color:#fff;text-align:center}.visual-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.1)}.visual-content p{font-size:1.125rem;opacity:.95;line-height:1.6;margin-bottom:2rem;text-shadow:0 1px 5px rgba(0,0,0,.1)}.visual-features{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.feature-badge{padding:.5rem 1.25rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}@media (max-width: 968px){.auth-container-new{grid-template-columns:1fr}.auth-visual{display:none}.auth-card-new{padding:2.5rem 2rem}.form-row-new{grid-template-columns:1fr}}@media (max-width: 480px){.auth-page{padding:1rem}.auth-container-new{border-radius:1.5rem}.auth-card-new{padding:2rem 1.5rem}.auth-logo{margin-bottom:2rem}.auth-header-new h1{font-size:1.75rem}}.support-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:#f8fafc}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e2e8f0}.support-header h1{font-size:2.5rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.support-header p{color:#64748b;font-size:1.125rem}.btn-new-ticket{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0ea5e94d}.btn-new-ticket:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.support-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.filter-btn.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.filter-btn:hover:not(.active){border-color:#cbd5e1;background:#f1f5f9}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;min-width:250px}.search-box input{border:none;outline:none;width:100%;font-size:.875rem}.search-box input::placeholder{color:#94a3b8}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.ticket-card{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000000d}.ticket-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0ea5e926;border-color:#0ea5e9}.ticket-card.open{border-left:4px solid #f59e0b}.ticket-card.answered{border-left:4px solid #10b981}.ticket-card.closed{border-left:4px solid #ef4444}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ticket-status{display:flex;align-items:center;gap:.5rem}.status-icon{flex-shrink:0}.status-icon.open{color:#f59e0b}.status-icon.answered{color:#10b981}.status-icon.closed{color:#ef4444}.status-text{font-size:.875rem;font-weight:600;text-transform:capitalize}.ticket-card h3{font-size:1.125rem;color:#1e293b;margin-bottom:.75rem;font-weight:700}.ticket-preview{color:#64748b;font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.ticket-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#94a3b8}.ticket-date{font-weight:500}.ticket-replies{background:#f1f5f9;padding:.25rem .75rem;border-radius:.375rem;font-weight:600}.no-tickets{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;border:2px dashed #e2e8f0}.no-tickets svg{color:#cbd5e1;margin-bottom:1.5rem}.no-tickets h3{color:#1e293b;margin-bottom:.5rem}.no-tickets p{color:#64748b;font-size:1.125rem}.new-ticket-modal,.ticket-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:1.5rem;padding:2.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.modal-header h2{font-size:1.75rem;color:#1e293b;font-weight:700;margin:0}.btn-close{background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s}.btn-close:hover{background:#f1f5f9;color:#1e293b}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:all .3s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.form-group textarea{resize:vertical}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.btn-submit,.btn-cancel{flex:1;padding:1rem;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s}.btn-submit{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 4px 15px #0ea5e94d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.btn-cancel{background:#fff;color:#64748b;border:2px solid #e2e8f0}.btn-cancel:hover{border-color:#cbd5e1;background:#f8fafc}.ticket-conversation{margin-bottom:2rem}.message{margin-bottom:1.5rem;padding:1.5rem;border-radius:1rem}.user-message{background:#f1f5f9;border-left:4px solid #0ea5e9}.admin-message{background:#dbeafe;border-left:4px solid #3b82f6}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem}.message-header strong{color:#1e293b;font-weight:700}.message-header span{color:#64748b}.message-content{color:#475569;line-height:1.6}.reply-section{border-top:2px solid #e2e8f0;padding-top:1.5rem}.reply-section textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;font-family:inherit;resize:vertical;margin-bottom:1rem}.reply-section textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.btn-send-reply{width:100%;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0ea5e94d}.btn-send-reply:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.support-loading{text-align:center;padding:4rem 2rem}.support-loading .spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.support-loading p{color:#64748b;font-size:1rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.support-container{padding:1rem}.support-header{flex-direction:column;align-items:flex-start;gap:1rem}.support-header h1{font-size:2rem}.support-filters{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.tickets-grid{grid-template-columns:1fr}.modal-content{padding:2rem 1.5rem}.modal-actions{flex-direction:column}}.contact-page{min-height:100vh;background:#fff}.contact-hero{background:linear-gradient(135deg,#f8fafcd9,#ffffffd9),url(https://images.unsplash.com/photo-1552664730-d307ca884978?w=1920&h=600&fit=crop) center/cover;padding:6rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.contact-hero-content h1{font-size:3.75rem;margin-bottom:1.5rem;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;line-height:1.1}.contact-hero-subtitle{font-size:1.25rem;color:#64748b;line-height:1.6;max-width:600px;margin:0 auto}.contact-container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;padding:4rem 0}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:2rem}}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.contact-info-card,.contact-faq-card{background:#fff;border-radius:1rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;overflow:hidden}.contact-info-header,.contact-faq-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem;background:#f8fafc}.contact-info-header h3,.contact-faq-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.contact-info-header svg,.contact-faq-header svg{color:#0ea5e9}.contact-info-items{padding:1.5rem}.contact-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #f1f5f9}.contact-info-item:last-child{border-bottom:none;padding-bottom:0}.contact-info-icon{width:40px;height:40px;background:linear-gradient(135deg,#e0f2fe,#cffafe);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info-icon svg{color:#0ea5e9}.contact-info-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1e293b}.contact-info-content p{margin:0;color:#64748b;font-size:.9375rem;line-height:1.5}.contact-faq-items{padding:1.5rem}.contact-faq-item{padding:1rem 0;border-bottom:1px solid #f1f5f9}.contact-faq-item:last-child{border-bottom:none;padding-bottom:0}.contact-faq-item h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1e293b}.contact-faq-item p{margin:0;color:#64748b;font-size:.9375rem;line-height:1.5}.contact-form-section{display:flex;flex-direction:column}.contact-form-card{background:#fff;border-radius:1rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;overflow:hidden}.contact-form-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.contact-form-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1e293b}.contact-form-header p{margin:0;color:#64748b;font-size:.9375rem}.contact-form{padding:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b;font-size:.9375rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:.9375rem;font-family:inherit;transition:all .2s;background:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-textarea{resize:vertical;min-height:120px}.form-status{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-status.success{background:#d1fae5;border:1px solid #a7f3d0}.form-status.error{background:#fee2e2;border:1px solid #fecaca}.form-status-icon{flex-shrink:0}.form-status.success .form-status-icon svg{color:#10b981}.form-status.error .form-status-icon svg{color:#ef4444}.form-status-content{flex:1;font-size:.9375rem;line-height:1.5}.form-status.success .form-status-content{color:#065f46}.form-status.error .form-status-content{color:#7f1d1d}.contact-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.contact-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e940}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.contact-hero{padding:4rem 1rem 3rem}.contact-hero-content h1{font-size:2.5rem}.contact-hero-subtitle{font-size:1.125rem}.contact-container{padding:0 1rem}.contact-content{padding:2rem 0}.contact-info-header,.contact-faq-header,.contact-form-header,.contact-info-items,.contact-faq-items,.contact-form{padding:1.25rem}}@media (max-width: 480px){.contact-hero-content h1{font-size:2rem}.contact-hero-subtitle{font-size:1rem}.contact-info-item{flex-direction:column;gap:.75rem}.contact-info-icon{align-self:flex-start}}.legal-container{min-height:100vh;background-color:#f8f9fa;padding:40px 20px;margin-top:80px}.legal-content{max-width:900px;margin:0 auto;background-color:#fff;padding:50px;border-radius:8px;box-shadow:0 2px 10px #0000001a;line-height:1.8;color:#333}.legal-content h1{font-size:2.5rem;color:#06c;margin-bottom:10px;border-bottom:3px solid #0066cc;padding-bottom:15px}.legal-content .last-updated{font-size:.9rem;color:#666;font-style:italic;margin-bottom:40px}.legal-content section{margin-bottom:30px;page-break-inside:avoid}.legal-content h2{font-size:1.5rem;color:#06c;margin-top:30px;margin-bottom:15px;border-left:4px solid #0066cc;padding-left:15px}.legal-content h3{font-size:1.1rem;color:#333;margin-top:15px;margin-bottom:10px}.legal-content p{margin-bottom:15px;text-align:justify}.legal-content ul{margin-left:30px;margin-bottom:15px}.legal-content li{margin-bottom:8px;line-height:1.6}.legal-content .contact-info{background-color:#f0f4ff;padding:20px;border-radius:5px;border-left:4px solid #0066cc;margin-top:15px}.legal-content .contact-info p{margin-bottom:10px;text-align:left}.legal-content .contact-info strong{color:#06c}@media (max-width: 768px){.legal-container{padding:20px 10px}.legal-content{padding:25px}.legal-content h1{font-size:1.8rem}.legal-content h2{font-size:1.2rem}}.admin-dashboard{display:flex;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);position:relative}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:#fff;color:#1e293b;border:2px solid #e2e8f0;border-radius:.75rem;padding:.875rem;cursor:pointer;box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.mobile-menu-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;border-color:#0ea5e9}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-sidebar{width:280px;background:#fff;padding:2rem 0;position:fixed;height:100vh;overflow-y:auto;box-shadow:2px 0 20px #0000000d;border-right:1px solid #e2e8f0}.admin-sidebar h2{color:#1e293b;padding:0 1.5rem;margin-bottom:2rem;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-to-website{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;margin:0 1rem 2rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:.75rem;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0ea5e94d}.back-to-website:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.admin-nav{display:flex;flex-direction:column;gap:.375rem;padding:0 1rem}.admin-nav-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:none;border:none;color:#64748b;cursor:pointer;transition:all .3s ease;font-size:.9375rem;font-weight:600;border-radius:.625rem;position:relative;overflow:hidden}.admin-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);transform:scaleY(0);transition:transform .3s ease}.admin-nav-item:hover{background:#f8fafc;color:#0ea5e9}.admin-nav-item.active{background:linear-gradient(135deg,#e0f2fe,#cffafe);color:#0369a1}.admin-nav-item.active:before{transform:scaleY(1)}.admin-content{margin-left:280px;flex:1;padding:2.5rem;min-height:100vh}.admin-overview h1{margin-bottom:2.5rem;color:#1e293b;font-size:2.25rem;font-weight:800}.admin-overview .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin-bottom:2.5rem}.admin-overview .stat-card{background:#fff;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.admin-overview .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#06b6d4);opacity:0;transition:opacity .3s ease}.admin-overview .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0ea5e926;border-color:#0ea5e9}.admin-overview .stat-card:hover:before{opacity:1}.admin-overview .stat-card svg{color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe,#cffafe);padding:1rem;border-radius:1rem;box-shadow:0 4px 12px #0ea5e933}.admin-overview .stat-card h3{font-size:.875rem;color:#64748b;margin-bottom:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-overview .stat-number{font-size:2.25rem;font-weight:800;color:#1e293b;margin:0;line-height:1}.management-section{background:#fff;border-radius:1.25rem;padding:2.5rem;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.section-header h1,.section-header h2{color:#1e293b;margin:0;font-weight:800;font-size:2rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-bar{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;margin-bottom:2rem;transition:all .3s ease}.search-bar:focus-within{border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.search-bar svg{color:#64748b;transition:color .3s ease}.search-bar:focus-within svg{color:#0ea5e9}.search-bar input{flex:1;border:none;background:none;outline:none;font-size:1rem;color:#1e293b;font-weight:500}.search-bar input::placeholder{color:#94a3b8}.table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f8fafc}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:1rem;border-top:1px solid #e2e8f0;color:#1e293b}.status-badge{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active,.status-badge.running{background:#d1fae5;color:#065f46}.status-badge.suspended,.status-badge.stopped{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem}.btn-icon{padding:.5rem;background:#f1f5f9;border:none;border-radius:.375rem;cursor:pointer;color:#475569;transition:all .2s}.btn-icon:hover{background:#e2e8f0;color:#1e293b}.btn-icon.btn-danger{color:#ef4444}.btn-icon.btn-danger:hover{background:#fee2e2}.btn-secondary{padding:.75rem 1.5rem;background:#e2e8f0;color:#475569;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#cbd5e1}.pricing-management{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.categories-section,.plans-section{background:#f8fafc;padding:1.5rem;border-radius:.75rem}.categories-list{display:flex;flex-direction:column;gap:1rem}.category-card{background:#fff;padding:1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:center}.category-card:hover{border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.category-card.selected{border-color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe,#cffafe)}.category-card h3{color:#1e293b;margin-bottom:.25rem;font-size:1.125rem}.category-card p{color:#64748b;font-size:.875rem;margin:0}.plan-form{background:#fff;padding:2rem;border-radius:.75rem;margin-bottom:2rem;border:2px solid #0ea5e9}.plan-form h3{color:#1e293b;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.form-group input{padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#0ea5e9}.form-actions{display:flex;gap:1rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.plan-card{background:#fff;padding:2rem;border-radius:.75rem;border:2px solid #e2e8f0;transition:all .3s}.plan-card:hover{border-color:#0ea5e9;transform:translateY(-5px);box-shadow:0 10px 25px #0ea5e926}.plan-card h3{color:#1e293b;margin-bottom:1rem}.plan-price{font-size:2rem;font-weight:800;color:#0ea5e9;margin-bottom:1.5rem}.plan-features{list-style:none;padding:0;margin-bottom:1.5rem}.plan-features li{padding:.5rem 0;color:#64748b;border-bottom:1px solid #e2e8f0}.plan-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width: 768px){.admin-sidebar{width:200px}.admin-content{margin-left:200px}.pricing-management{grid-template-columns:1fr}}.section-subtitle{color:#64748b;font-size:1rem;margin-top:.5rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.user-card{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s}.user-card:hover{border-color:#0ea5e9;transform:translateY(-3px);box-shadow:0 8px 20px #0ea5e926}.user-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;position:relative}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-info h3{font-size:1.125rem;color:#1e293b;margin-bottom:.25rem;font-weight:700}.user-email{font-size:.875rem;color:#64748b;margin:0}.admin-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.user-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:.25rem}.detail-value{font-size:.875rem;color:#1e293b;font-weight:500}.status-badge.enabled{background:#d1fae5;color:#065f46}.status-badge.disabled{background:#fee2e2;color:#991b1b}.user-actions{display:flex;gap:.75rem}.user-actions .btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#fee;color:#dc2626;border:2px solid #fecaca;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.user-actions .btn-delete:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#dc2626}.user-actions .btn-delete:disabled{opacity:.5;cursor:not-allowed}.no-data{text-align:center;padding:3rem;color:#64748b}.pricing-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;min-height:600px}.categories-panel,.plans-panel{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8fafc;border-bottom:2px solid #e2e8f0}.panel-header h2{font-size:1.25rem;color:#1e293b;margin:0}.btn-add{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0ea5e94d}.btn-add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.btn-add:active:not(:disabled){transform:translateY(0)}.btn-add:disabled{opacity:.5;cursor:not-allowed}.categories-list{padding:1rem;max-height:calc(100vh - 250px);overflow-y:auto}.category-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:flex-start}.category-item:hover{border-color:#0ea5e9;background:#fff}.category-item.active{border-color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe,#cffafe);box-shadow:0 4px 12px #0ea5e933}.category-content{flex:1}.category-content h3{font-size:1rem;color:#1e293b;margin-bottom:.25rem;font-weight:700}.category-content p{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.plan-count{display:inline-block;font-size:.75rem;color:#0ea5e9;background:#fff;padding:.25rem .5rem;border-radius:.25rem;font-weight:600}.category-actions{display:flex;gap:.25rem;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.empty-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-state p{margin-bottom:1.5rem;font-size:1.125rem}.plans-panel .plans-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-height:calc(100vh - 250px);overflow-y:auto}.plans-panel .plan-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s}.plans-panel .plan-card:hover{border-color:#0ea5e9;background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #0ea5e926}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.plan-header h3{font-size:1.125rem;color:#1e293b;margin:0;font-weight:700}.plan-specs{list-style:none;padding:0;margin-bottom:1rem}.plan-specs li{padding:.5rem 0;color:#475569;font-size:.875rem;border-bottom:1px solid #e2e8f0}.plan-specs li:last-child{border-bottom:none}.plan-specs strong{color:#1e293b;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:1.25rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;border-bottom:2px solid #e2e8f0}.modal-header h2{font-size:1.75rem;color:#1e293b;margin:0;font-weight:800}.btn-close{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:.625rem;border-radius:.625rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.modal-body{padding:2.5rem}.modal-body .form-group{margin-bottom:1.75rem}.modal-body .form-group label{display:block;font-size:.9375rem;font-weight:700;color:#475569;margin-bottom:.625rem}.modal-body .form-group input,.modal-body .form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:all .3s ease;font-family:inherit}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.modal-body .form-group textarea{resize:vertical;min-height:100px}.btn-save{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:.875rem;font-weight:700;font-size:1.0625rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0ea5e94d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.btn-save:active{transform:translateY(0)}@media (max-width: 1024px){.pricing-layout{grid-template-columns:1fr}.categories-panel{max-height:400px}.users-grid{grid-template-columns:1fr}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.admin-sidebar{position:fixed;left:-300px;top:0;bottom:0;width:280px;z-index:1000;transition:left .3s ease;box-shadow:none}.admin-sidebar.mobile-open{left:0;box-shadow:8px 0 32px #0003}.mobile-menu-overlay{display:block}.admin-content{margin-left:0;width:100%;padding:5.5rem 1.5rem 2rem}}@media (max-width: 768px){.user-details,.plans-panel .plans-grid{grid-template-columns:1fr}}.modal-small{max-width:500px}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-top:2rem}.server-card-admin{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:1.75rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.server-card-admin:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#06b6d4);opacity:0;transition:opacity .3s}.server-card-admin:hover:before{opacity:1}.server-card-admin:hover{border-color:#0ea5e9;transform:translateY(-6px);box-shadow:0 12px 32px #0ea5e926}.server-card-admin.suspended{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.server-card-admin.suspended:before{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.server-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;position:relative}.server-icon{width:52px;height:52px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:.875rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0ea5e94d}.server-card-admin.suspended .server-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf244d}.server-info{flex:1;min-width:0}.server-info h3{font-size:1.125rem;color:#1e293b;margin-bottom:.375rem;font-weight:700;line-height:1.3;word-break:break-word}.server-id{font-size:.75rem;color:#64748b;margin:0;font-family:Courier New,monospace;background:#f1f5f9;padding:.25rem .5rem;border-radius:.3125rem;display:inline-block}.suspended-badge{position:absolute;top:-.5rem;right:-.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.375rem .875rem;border-radius:.5rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #fbbf2466}.server-description{color:#64748b;font-size:.875rem;margin-bottom:1.25rem;line-height:1.5;min-height:2.625em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.server-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:1.25rem;padding:0;background:transparent;border-radius:0;border:none}.spec-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.375rem;padding:.875rem;position:relative}.spec-item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:#e2e8f0}.spec-label{font-size:.6875rem;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.spec-value{font-size:1.125rem;color:#0ea5e9;font-weight:700}.server-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.btn-action{display:flex;align-items:center;justify-content:center;padding:.75rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:40px;width:100%}.btn-action svg{flex-shrink:0;width:18px;height:18px}.btn-action.btn-edit{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 2px 8px #0ea5e94d}.btn-action.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0ea5e973}.btn-action.btn-settings{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.btn-action.btn-settings:hover{transform:translateY(-2px);box-shadow:0 4px 14px #8b5cf673}.btn-action.btn-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:2px solid #fbbf24}.btn-action.btn-warning:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 14px #fbbf2466}.btn-action.btn-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981}.btn-action.btn-success:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 14px #10b98166}.btn-action.btn-delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:2px solid #fecaca}.btn-action.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 14px #dc262666}@media (max-width: 1200px){.servers-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width: 768px){.servers-grid{grid-template-columns:1fr;gap:1.5rem}.server-card-admin{padding:1.5rem}.server-specs{gap:0;padding:0}.server-actions-grid{grid-template-columns:repeat(4,1fr);gap:.625rem}.btn-action{padding:.75rem;min-height:40px}.btn-action svg{width:16px;height:16px}.spec-value{font-size:1rem}}@media (max-width: 480px){.server-header{flex-direction:column;align-items:flex-start}.server-icon{width:48px;height:48px}.server-specs{grid-template-columns:1fr}.spec-item:not(:last-child):after{display:none}.server-actions-grid{grid-template-columns:repeat(2,1fr)}}.admin-overview h1{margin-bottom:2rem;color:#1e293b;font-size:2rem}.admin-overview h2{font-size:1.5rem;color:#1e293b;margin-bottom:1.5rem;font-weight:700}.stat-subtitle{font-size:.875rem;color:#64748b;font-weight:500}.overview-section{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000000d;border:1px solid #e2e8f0}.nodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.node-stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s}.node-stat-card:hover{border-color:#0ea5e9;transform:translateY(-3px);box-shadow:0 8px 20px #0ea5e926}.node-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.node-header svg{color:#0ea5e9}.node-header h3{font-size:1.125rem;color:#1e293b;margin:0;font-weight:700}.node-id{font-size:.875rem;color:#64748b;margin:0;font-family:monospace}.node-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.node-stat-item{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.875rem;font-weight:500}.node-stat-item svg{color:#0ea5e9}.usage-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#06b6d4);transition:width .3s}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse}.users-table thead{background:#f8fafc}.users-table th{padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.users-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#1e293b}.users-table tbody tr:hover{background:#f8fafc}.user-id{font-family:monospace;color:#0ea5e9;font-weight:600}.username{font-weight:600}.email{color:#64748b;font-size:.875rem}.server-count{font-weight:700;color:#0ea5e9;font-size:1.125rem}.role-badge{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.role-badge.user{background:#e0f2fe;color:#0369a1}.activity-log{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0;transition:all .3s}.activity-item:hover{background:#fff;border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e91a}.activity-icon{width:40px;height:40px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-content{flex:1}.activity-action{font-weight:700;color:#1e293b;margin:0 0 .25rem;font-size:1rem}.activity-details{color:#64748b;margin:0 0 .25rem;font-size:.875rem}.activity-details strong{color:#0ea5e9;font-weight:600}.activity-time{color:#94a3b8;font-size:.75rem;margin:0}@media (max-width: 1024px){.nodes-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-overview .stats-grid{grid-template-columns:1fr}.users-table{font-size:.875rem}.users-table th,.users-table td{padding:.75rem .5rem}.user-details,.plans-panel .plans-grid{grid-template-columns:1fr}.admin-content{padding:5rem 1rem 1.5rem}.management-section{padding:1.5rem}.section-header h1{font-size:1.5rem}.mobile-menu-toggle{top:.75rem;left:.75rem}}.container{max-width:1200px;margin:0 auto;padding:2rem;background:#f8fafc;min-height:100vh}h1{margin-bottom:2rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:2.5rem}h2{margin:1.5rem 0 1rem;color:#1e293b;font-weight:700}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;padding:.875rem 2rem;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 4px 12px #0ea5e94d;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e966}.btn-primary:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #ef44444d;transition:all .3s}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.form{background:#fff;padding:2.5rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.form h2{background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.form input,.form select{width:100%;padding:.875rem;margin-bottom:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.5rem;color:#1e293b;font-size:1rem;transition:all .2s}.form input:focus,.form select:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.form input[readonly]{background:#e2e8f0;cursor:not-allowed}.servers{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.server-card{background:#fff;padding:2rem;border-radius:1rem;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;transition:all .3s}.server-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0ea5e926}.server-card h3{background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-weight:700}.server-card p{margin-bottom:.5rem;color:#475569;font-weight:500}.server-card button{margin-top:1rem}.env-vars{margin:1.5rem 0;padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:2px solid #e2e8f0}.env-vars h3{background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.env-vars label{display:block;margin-bottom:.375rem;color:#475569;font-size:.9375rem;font-weight:600}.env-vars input{margin-bottom:1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#f8fafc;color:#1e293b}