@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-sea-light:#f0f9ff;--bg-sea-medium:#e0f2fe;--bg-sea-dark:#bae6fd;--primary-navy:#1e3a8a;--primary-blue:#2563eb;--primary-sky:#0ea5e9;--primary-teal:#06b6d4;--accent-coral:#fb7185;--text-dark:#0f172a;--text-medium:#334155;--text-muted:#64748b;--text-light:#f8fafc;--glass-bg:#ffffffbf;--glass-bg-dark:#1e3a8ad9;--glass-border:#fff6;--glass-border-dark:#ffffff1a;--shadow-premium:0 10px 30px -10px #0ea5e926;--shadow-premium-hover:0 20px 40px -15px #0ea5e940;--shadow-inset:inset 0 2px 4px 0 #ffffff0f;--font-main:"Outfit", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-sea-light);color:var(--text-dark);background-image:radial-gradient(at 0 0,#e0f2fe80 0,#0000 50%),radial-gradient(at 100% 100%,#bae6fd4d 0,#0000 50%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-sea-light)}::-webkit-scrollbar-thumb{background:var(--primary-sky);border:2px solid var(--bg-sea-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}header{z-index:100;width:100%;transition:var(--transition-smooth);padding:1.25rem 0;position:fixed;top:0;left:0}header.bg-white\/80{background-color:var(--glass-bg);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #00000008}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo-link{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-img{object-fit:cover;border:2px solid var(--primary-sky);width:45px;height:45px;transition:var(--transition-smooth);background-color:#fff;border-radius:50%}.logo-link:hover .logo-img{transform:rotate(10deg)scale(1.05)}.logo-text{color:var(--primary-navy);letter-spacing:-.5px;font-size:1.4rem;font-weight:800}.nav-menu{align-items:center;gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-medium);transition:var(--transition-smooth);padding:.25rem 0;font-size:.95rem;font-weight:600;text-decoration:none;position:relative}.nav-link:after{content:"";background-color:var(--primary-sky);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--primary-blue)}.nav-link:hover:after{width:100%}.btn-nav-contact{background-color:var(--primary-navy);color:#fff;transition:var(--transition-smooth);border-radius:50px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 4px 15px #1e3a8a33}.btn-nav-contact:hover{background-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.nav-social-wrapper{position:relative}.nav-social-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-sea-dark);width:170px;box-shadow:var(--shadow-premium-hover);opacity:0;visibility:hidden;transition:var(--transition-smooth);z-index:150;background-color:#fffffff2;border-radius:14px;padding:.5rem 0;list-style:none;position:absolute;top:100%;right:0;transform:translateY(15px)}.nav-social-wrapper:hover .nav-social-dropdown{opacity:1;visibility:visible;transform:translateY(6px)}.nav-social-dropdown li{width:100%}.nav-social-dropdown a{color:var(--text-medium);transition:var(--transition-smooth);padding:.65rem 1.2rem;font-size:.85rem;font-weight:600;text-decoration:none;display:block}.nav-social-dropdown a:hover{background-color:var(--bg-sea-medium);color:var(--primary-blue)}#mobile-menu-btn{cursor:pointer;color:var(--primary-navy);background:0 0;border:none;display:none}#mobile-menu{border-bottom:1px solid var(--bg-sea-medium);background-color:#fffffffa;width:100%;padding:1.5rem;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 25px #0000000d}#bubble-container{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.animation-float{opacity:0;animation-name:riseAndSway;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes riseAndSway{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-110vh) translateX(var(--sway-x,30px));opacity:0}}.hero{background-color:#0000;padding:9rem 0 5rem;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.hero-content{z-index:10;position:relative}.badge-since{background-color:var(--bg-sea-dark);color:var(--primary-navy);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #bae6fd4d}.hero-title{color:var(--primary-navy);margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg, var(--primary-blue), var(--primary-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-medium);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.btn-hero-primary{background:linear-gradient(135deg, var(--primary-blue), var(--primary-sky));color:#fff;transition:var(--transition-smooth);border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 8px 25px #0ea5e94d}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0ea5e973}.btn-hero-secondary{color:var(--primary-navy);border:2px solid var(--bg-sea-dark);transition:var(--transition-smooth);background-color:#fff;border-radius:50px;padding:1rem 2rem;font-weight:700;text-decoration:none}.btn-hero-secondary:hover{background-color:var(--bg-sea-medium);transform:translateY(-3px)}.hero-media{justify-content:center;align-items:center;display:flex;position:relative}.banner-wrapper{width:100%;transition:var(--transition-smooth);border:4px solid #fff;border-radius:24px;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 20px 50px #0ea5e933}.banner-wrapper:hover{transform:rotate(0)scale(1.02);box-shadow:0 25px 60px #0ea5e94d}.hero-banner-img{width:100%;height:auto;display:block}.floating-decor{pointer-events:none;animation:6s ease-in-out infinite alternate float-slow;position:absolute}.decor-whale{width:80px;animation-duration:8s;top:-40px;right:-20px}.decor-dolphin{width:100px;animation-duration:5s;bottom:-30px;left:-30px}@keyframes float-slow{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-15px)rotate(5deg)}}.wave-divider{width:100%;height:auto;fill:var(--bg-sea-medium);display:block}.wave-divider-reverse{margin-top:-2px;transform:scaleY(-1)}section{padding:6rem 0;position:relative}.bg-sea-medium-section{background-color:var(--bg-sea-medium);background-image:linear-gradient(180deg, var(--bg-sea-medium) 0%, var(--bg-sea-light) 100%)}.section-header{text-align:center;margin-bottom:4rem}.section-title{color:var(--primary-navy);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-title span{background:linear-gradient(135deg, var(--primary-blue), var(--primary-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-subtitle{color:var(--text-medium);max-width:600px;margin:0 auto;font-size:1rem}.search-filter-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);background-color:#fff9;border-radius:20px;flex-direction:column;gap:1.5rem;margin-bottom:3rem;padding:1.5rem;display:flex}.search-input-wrapper{width:100%;position:relative}#search-apps{border:1px solid var(--bg-sea-dark);width:100%;font-family:var(--font-main);transition:var(--transition-smooth);color:var(--text-dark);background-color:#fff;border-radius:12px;padding:1rem 1.5rem;font-size:1rem}#search-apps:focus{border-color:var(--primary-sky);outline:none;box-shadow:0 0 0 3px #0ea5e926}.filter-group{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.filter-btn{border:1px solid var(--bg-sea-dark);color:var(--text-medium);cursor:pointer;transition:var(--transition-smooth);background-color:#fff;border-radius:50px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600}.filter-btn:hover{background-color:var(--bg-sea-medium);color:var(--primary-navy);border-color:var(--primary-sky)}.filter-btn.active{background-color:var(--primary-sky);color:#fff;border-color:var(--primary-sky);box-shadow:0 4px 12px #0ea5e940}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.app-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border-radius:24px;flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.app-card:hover{box-shadow:var(--shadow-premium-hover);border-color:#0ea5e966;transform:translateY(-8px)}.app-card-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.app-icon-box{background-color:var(--bg-sea-medium);transition:var(--transition-smooth);border-radius:16px;justify-content:center;align-items:center;padding:.75rem;display:flex}.app-card:hover .app-icon-box{transform:scale(1.1)}.app-title{color:var(--primary-navy);font-size:1.25rem;font-weight:700}.app-category-badge{background-color:var(--bg-sea-dark);color:var(--primary-navy);text-transform:uppercase;border-radius:50px;margin-top:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.app-desc{color:var(--text-medium);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.plan-select-wrapper{margin-bottom:1.5rem}.label-select{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.plan-select{border:1px solid var(--bg-sea-dark);width:100%;color:var(--text-medium);font-family:var(--font-main);cursor:pointer;transition:var(--transition-smooth);background-color:#fff;border-radius:12px;padding:.8rem 1rem;font-size:.9rem}.plan-select:focus{border-color:var(--primary-sky);outline:none}.features-list{flex-direction:column;gap:.6rem;margin-bottom:2rem;list-style:none;display:flex}.features-list li{color:var(--text-medium);align-items:flex-start;gap:.6rem;font-size:.85rem;display:flex}.features-list svg{color:var(--primary-sky);flex-shrink:0;margin-top:.15rem}.price-container{border-top:1px solid var(--bg-sea-medium);align-items:baseline;gap:.3rem;margin-bottom:1.5rem;padding-top:1.25rem;display:flex}.price-value{color:var(--primary-navy);font-size:2rem;font-weight:800}.price-duration{color:var(--text-muted);font-size:.85rem}.btn-buy{background:linear-gradient(135deg, var(--primary-blue), var(--primary-sky));color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0ea5e933}.btn-buy:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e959}.btn-buy:active{transform:translateY(0)}.joki-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border-radius:24px;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.joki-card:hover{box-shadow:var(--shadow-premium-hover);border-color:#0ea5e966;transform:translateY(-8px)}.joki-header{background:linear-gradient(135deg, var(--primary-navy), var(--primary-blue));color:#fff;padding:1.75rem;position:relative;overflow:hidden}.joki-header:before{content:"";background-image:radial-gradient(circle at 100% 0,#06b6d433 0%,#0000 70%);position:absolute;inset:0}.joki-title{z-index:10;margin-bottom:.5rem;font-size:1.35rem;font-weight:800;position:relative}.joki-desc{color:var(--text-medium);z-index:10;font-size:.85rem;line-height:1.5;position:relative}.joki-body{padding:1.75rem}.ranks-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:1rem;font-size:.75rem;font-weight:700}.ranks-list{flex-direction:column;gap:.5rem;max-height:250px;padding-right:.5rem;display:flex;overflow-y:auto}.ranks-list::-webkit-scrollbar{width:5px}.ranks-list::-webkit-scrollbar-track{background:#00000005}.ranks-list::-webkit-scrollbar-thumb{background:var(--bg-sea-dark);border-radius:3px}.rank-row{background-color:var(--bg-sea-light);transition:var(--transition-smooth);border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.rank-row:hover{background-color:var(--bg-sea-medium);transform:translate(2px)}.rank-name{color:var(--text-medium);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.rank-dot{background-color:var(--primary-sky);border-radius:50%;width:6px;height:6px}.rank-price{color:var(--primary-navy);font-size:.85rem;font-weight:700}.rank-unit{color:var(--text-muted);font-size:.7rem;font-weight:400}.joki-footer{padding:0 1.75rem 1.75rem}.btn-joki-order{background-color:var(--text-dark);color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:14px;padding:.9rem;font-weight:700}.btn-joki-order:hover{background-color:var(--primary-navy);transform:translateY(-2px)}.testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.testi-card{border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);background:#ffffffa6;border-radius:20px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 20px #00000005}.testi-card:hover{box-shadow:var(--shadow-premium-hover);background-color:#ffffffd9;border-color:#0ea5e933;transform:translateY(-5px)}.testi-img-wrapper{aspect-ratio:4/3;background-color:var(--bg-sea-medium);border:1px solid var(--bg-sea-dark);border-radius:12px;position:relative;overflow:hidden}.testi-img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.testi-card:hover .testi-img{transform:scale(1.05)}.testi-overlay{opacity:0;transition:var(--transition-smooth);background-color:#0f172a66;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.testi-card:hover .testi-overlay{opacity:1}.btn-zoom{color:var(--text-dark);background-color:#fff;border-radius:8px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 4px 10px #0000001a}.testi-rating{color:#fbbf24;gap:2px;display:flex}.testi-name{color:var(--primary-navy);font-size:.95rem;font-weight:700}.testi-text{color:var(--text-medium);font-size:.8rem;font-style:italic;line-height:1.5}#lightbox{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172ae6;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}#lightbox.flex{display:flex}.lightbox-content{flex-direction:column;align-items:center;max-width:90%;max-height:90vh;display:flex;position:relative}#lightbox-img{object-fit:contain;border:3px solid #fff;border-radius:12px;max-width:100%;max-height:80vh;box-shadow:0 25px 50px -12px #00000080}#lightbox-close{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:2rem;position:absolute;top:-40px;right:0}#lightbox-close:hover{color:var(--accent-coral);transform:scale(1.1)}.cta{background:linear-gradient(135deg, var(--primary-navy) 0%, var(--primary-blue) 100%);color:#fff;padding:7rem 0;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 15% 15%,#06b6d426 0%,#0000 50%),radial-gradient(circle at 85% 85%,#0ea5e926 0%,#0000 50%);position:absolute;inset:0}.cta-box{text-align:center;z-index:10;max-width:700px;margin:0 auto;position:relative}.cta-title{margin-bottom:1.25rem;font-size:2.75rem;font-weight:800}.cta-desc{color:var(--bg-sea-light);opacity:.9;margin-bottom:2.5rem;font-size:1.1rem}.cta-socials{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn-cta-wa{color:#fff;transition:var(--transition-smooth);background-color:#25d366;border-radius:50px;align-items:center;gap:.75rem;padding:1.1rem 2.25rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 25px #25d3664d}.btn-cta-wa:hover{background-color:#128c7e;transform:translateY(-3px);box-shadow:0 15px 35px #25d36673}.btn-cta-ig{color:#fff;transition:var(--transition-smooth);background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:50px;align-items:center;gap:.75rem;padding:1.1rem 2.25rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 25px #dc274340}.btn-cta-ig:hover{transform:translateY(-3px);box-shadow:0 15px 35px #dc274366}footer{color:#94a3b8;background-color:#0b1329;border-top:1px solid #ffffff0d;padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-info h3{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:800}.footer-info p{font-size:.9rem;line-height:1.7}.footer-links h4{color:#fff;margin-bottom:1.25rem;font-size:1rem;font-weight:700}.footer-links ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links a{color:#94a3b8;transition:var(--transition-smooth);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:var(--primary-sky);padding-left:4px}.footer-bottom{text-align:center;border-top:1px solid #ffffff0d;padding-top:2rem;font-size:.8rem}@media (max-width:968px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:4rem}.hero-content{order:1}.hero-media{order:2;max-width:500px;margin:0 auto}.hero-title{font-size:2.75rem}.hero-cta{justify-content:center}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){header{padding:1rem 0}.nav-menu{display:none}#mobile-menu-btn{display:block}#mobile-menu.hidden{display:none}#mobile-menu:not(.hidden){flex-direction:column;gap:1rem;display:flex}.section-title,.cta-title{font-size:2rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.search-filter-bar{padding:1rem}.filter-group{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}}.whatsapp-float{color:#fff;z-index:999;width:60px;height:60px;transition:var(--transition-smooth);background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;animation:2s infinite pulse-wa;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #25d36666}.whatsapp-float:hover{background-color:#128c7e;transform:scale(1.1)rotate(5deg);box-shadow:0 8px 25px #25d36699}.whatsapp-float svg{fill:currentColor;width:32px;height:32px}@keyframes pulse-wa{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.login-wrapper{background-color:var(--bg-sea-light);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);width:100%;max-width:420px;box-shadow:var(--shadow-premium-hover);text-align:center;border-radius:24px;padding:2.5rem}.login-logo{margin-bottom:2rem}.login-logo-img{border:3px solid var(--primary-sky);background-color:#fff;border-radius:50%;width:70px;height:70px;margin-bottom:1rem}.login-logo h2{color:var(--primary-navy);margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.login-logo p{color:var(--text-muted);font-size:.9rem;font-weight:600}.login-error{color:#e11d48;text-align:left;background-color:#fb718526;border:1px solid #fb71854d;border-radius:12px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.login-form{text-align:left}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--bg-sea-dark);width:100%;font-family:var(--font-main);color:var(--text-dark);transition:var(--transition-smooth);background-color:#fff;border-radius:12px;padding:.85rem 1.25rem;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-sky);outline:none;box-shadow:0 0 0 3px #0ea5e926}.btn-login{background:linear-gradient(135deg, var(--primary-blue), var(--primary-sky));color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:14px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;box-shadow:0 4px 15px #0ea5e933}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e959}.btn-login:disabled{opacity:.6;cursor:not-allowed}.back-home-link{color:var(--text-muted);transition:var(--transition-smooth);margin-top:2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.back-home-link:hover{color:var(--primary-blue)}.admin-dashboard-container{background-color:var(--bg-sea-light);flex-direction:column;min-height:100vh;display:flex}.admin-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:90;background-color:#ffffffd9;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000005}.admin-header-logo{align-items:center;gap:.75rem;display:flex}.admin-header-logo img{border:2px solid var(--primary-sky);background-color:#fff;border-radius:50%;width:42px;height:42px}.admin-header-logo h1{color:var(--primary-navy);font-size:1.15rem;font-weight:800;line-height:1}.admin-header-logo span{color:var(--text-muted);font-size:.75rem;font-weight:600}.admin-header-profile{align-items:center;gap:1rem;display:flex}.admin-user-email{color:var(--text-medium);font-size:.9rem;font-weight:600}.btn-admin-logout{color:#e11d48;cursor:pointer;transition:var(--transition-smooth);background-color:#0000;border:1.5px solid #e11d484d;border-radius:50px;padding:.45rem 1rem;font-size:.85rem;font-weight:700}.btn-admin-logout:hover{color:#fff;background-color:#e11d48;border-color:#e11d48;box-shadow:0 4px 12px #e11d4833}.admin-main{flex:1;display:flex}.admin-sidebar{border-right:1px solid var(--glass-border);background-color:#fff9;flex-direction:column;gap:.5rem;width:250px;padding:2rem 1rem;display:flex}.admin-side-btn{text-align:left;width:100%;font-family:var(--font-main);color:var(--text-medium);cursor:pointer;transition:var(--transition-smooth);background-color:#0000;border:none;border-radius:12px;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700}.admin-side-btn:hover{background-color:var(--bg-sea-medium);color:var(--primary-navy)}.admin-side-btn.active{background-color:var(--primary-navy);color:#fff;box-shadow:0 4px 15px #1e3a8a26}.btn-view-site{border:1.5px solid var(--primary-sky);color:var(--primary-navy);text-align:center;margin-top:auto;text-decoration:none}.btn-view-site:hover{background-color:var(--primary-sky);color:#fff}.admin-content-box{flex:1;padding:2.5rem}.admin-spinner{border:4px solid var(--bg-sea-dark);border-top-color:var(--primary-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-content-loading{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-weight:600;display:flex}.admin-tab-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-tab-header h2{color:var(--primary-navy);font-size:1.6rem;font-weight:800}.btn-admin-add{background:linear-gradient(135deg, var(--primary-blue), var(--primary-sky));color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;box-shadow:0 4px 12px #2563eb33}.btn-admin-add:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2563eb59}.admin-table-wrapper{border:1px solid var(--bg-sea-dark);box-shadow:var(--shadow-premium);background:#fff;border-radius:16px;overflow:hidden}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{background-color:var(--bg-sea-medium);color:var(--primary-navy);border-bottom:1px solid var(--bg-sea-dark);padding:1.2rem 1.5rem;font-size:.9rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--bg-sea-light);color:var(--text-medium);vertical-align:middle;padding:1.2rem 1.5rem;font-size:.9rem}.admin-table tr:last-child td{border-bottom:none}.admin-table-icon{background-color:var(--bg-sea-medium);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.admin-table-icon img{object-fit:cover;width:100%;height:100%}.admin-badge-cat{background-color:var(--bg-sea-light);color:var(--primary-sky);text-transform:uppercase;border-radius:50px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.admin-table-actions{gap:.5rem;display:flex}.btn-admin-table-edit{color:var(--primary-blue);cursor:pointer;transition:var(--transition-smooth);background-color:#2563eb1a;border:1.5px solid #2563eb33;border-radius:8px;padding:.35rem .85rem;font-weight:700}.btn-admin-table-edit:hover{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.btn-admin-table-delete{color:#e11d48;cursor:pointer;transition:var(--transition-smooth);background-color:#e11d481a;border:1.5px solid #e11d4833;border-radius:8px;padding:.35rem .85rem;font-weight:700}.btn-admin-table-delete:hover{color:#fff;background-color:#e11d48;border-color:#e11d48}.admin-testi-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.admin-testi-card{border:1px solid var(--bg-sea-dark);box-shadow:var(--shadow-premium);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.admin-testi-card img{object-fit:cover;border-bottom:1px solid var(--bg-sea-light);width:100%;height:180px}.admin-testi-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.admin-testi-card-body h4{color:var(--primary-navy);margin-bottom:.5rem;font-size:1rem;font-weight:700}.admin-testi-card-body p{color:var(--text-medium);flex:1;margin-bottom:1.25rem;font-size:.8rem;line-height:1.5}.btn-admin-card-delete{color:#e11d48;cursor:pointer;width:100%;transition:var(--transition-smooth);background-color:#e11d481a;border:1.5px solid #e11d4833;border-radius:10px;padding:.5rem;font-size:.85rem;font-weight:700}.btn-admin-card-delete:hover{color:#fff;background-color:#e11d48;border-color:#e11d48}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#0f172a80;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-modal{border:1px solid var(--bg-sea-dark);background-color:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:750px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.admin-modal-header{border-bottom:1px solid var(--bg-sea-medium);z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.admin-modal-header h3{color:var(--primary-navy);font-size:1.3rem;font-weight:800}.btn-admin-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:.5}.btn-admin-modal-close:hover{color:#e11d48}.admin-modal-form{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.form-group-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.admin-modal-section{border-top:2px dashed var(--bg-sea-medium);margin-top:.5rem;padding-top:1.5rem}.admin-modal-section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.admin-modal-section-header h4{color:var(--primary-navy);text-transform:uppercase;font-size:1rem;font-weight:800}.btn-admin-add-plan{background-color:var(--bg-sea-medium);color:var(--primary-navy);border:1px solid var(--bg-sea-dark);cursor:pointer;transition:var(--transition-smooth);border-radius:50px;padding:.4rem 1rem;font-size:.8rem;font-weight:700}.btn-admin-add-plan:hover{background-color:var(--primary-navy);color:#fff;border-color:var(--primary-navy)}.admin-plans-list{flex-direction:column;gap:1.5rem;display:flex}.admin-plan-row{background-color:var(--bg-sea-light);border:1px solid var(--bg-sea-dark);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.plan-row-inputs{flex-wrap:wrap;gap:.75rem;display:flex}.plan-row-inputs input,.plan-row-inputs select{padding:.65rem 1rem;font-size:.85rem}.plan-row-features textarea{width:100%;padding:.65rem 1rem;font-size:.85rem}.btn-remove-plan{color:#e11d48;cursor:pointer;background-color:#0000;border:none;align-self:flex-end;font-size:.8rem;font-weight:700}.btn-remove-plan:hover{text-decoration:underline}.admin-modal-footer{border-top:1px solid var(--bg-sea-medium);justify-content:flex-end;gap:1rem;padding-top:1.5rem;display:flex}.btn-admin-modal-cancel{border:1px solid var(--bg-sea-dark);color:var(--text-medium);cursor:pointer;transition:var(--transition-smooth);background-color:#fff;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600}.btn-admin-modal-cancel:hover{background-color:var(--bg-sea-light)}.btn-admin-modal-save{background:linear-gradient(135deg, var(--primary-blue), var(--primary-sky));color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;box-shadow:0 4px 12px #2563eb33}.btn-admin-modal-save:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb59}@media (max-width:900px){.admin-main{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--glass-border);flex-direction:row;width:100%;padding:1rem;overflow-x:auto}.admin-side-btn{white-space:nowrap;width:auto}.btn-view-site{margin-top:0}}.admin-finance-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.finance-card{box-shadow:var(--shadow-premium);border:1px solid var(--bg-sea-dark);transition:var(--transition-smooth);background:#fff;border-radius:16px;padding:1.75rem}.finance-card:hover{box-shadow:var(--shadow-premium-hover);transform:translateY(-4px)}.finance-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.95rem;font-weight:700}.finance-card p{margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.finance-card span{color:var(--text-muted);font-size:.75rem;font-weight:500;display:block}.card-modal{border-left:5px solid #ef4444}.card-modal p{color:#ef4444}.card-jual{border-left:5px solid #22c55e}.card-jual p{color:#22c55e}.card-laba{background:linear-gradient(90deg,#fff,#f0fdfa);border-left:5px solid #0d9488}.card-laba p{color:#0d9488}.omset-chart-card svg rect:hover{fill:#0ea5e90a}.omset-chart-card svg path{transition:var(--transition-smooth)}.omset-chart-card svg circle{transition:r .2s cubic-bezier(.175,.885,.32,1.275)}