@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap";:root{--gray-1:oklch(98.5% 0 0);--gray-2:oklch(97% 0 0);--gray-3:oklch(92.2% 0 0);--gray-4:oklch(87% 0 0);--gray-6:oklch(55.6% 0 0);--gray-7:oklch(43.9% 0 0);--gray-8:oklch(37.1% 0 0);--gray-10:oklch(26.9% 0 0);--gray-12:oklch(14.5% 0 0);--bubbly-cream:#ebeae1;--bubbly-yellow:#f4b95f;--bubbly-green:#2a5c43;--bubbly-green-dark:#1f4532;--bubbly-blue:#8dbeea;--bubbly-orange:#ee9d6a;--bubbly-mint:#9cd1b2}.font-bubbly{font-family:Fredoka,sans-serif;font-weight:700}.font-body{font-family:Nunito,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;background:var(--bubbly-cream);height:100%;color:var(--gray-10);font-family:Nunito,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}[x-cloak]{display:none}h1,h2,h3,h4,h5,h6{color:var(--gray-12)}.header{max-width:1200px;margin:auto;padding:0 30px}.header-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{cursor:pointer;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.logo-icon>div:first-child{background:var(--bubbly-green);border-radius:50%;width:26px;height:34px;transition:transform .3s;position:absolute;transform:rotate(-12deg)}.logo-icon>div:nth-child(2){background:var(--bubbly-yellow);opacity:.8;mix-blend-mode:multiply;border-radius:50%;width:26px;height:34px;position:absolute;transform:rotate(45deg)translate(4px,4px)}.logo-icon>span{z-index:10;color:#fff;margin-left:-2px;font-family:Fredoka,sans-serif;font-size:22px;font-weight:700;position:relative}.logo-text{letter-spacing:1px;color:var(--gray-12);margin-left:4px;font-size:18px;font-weight:800}.header-nav{align-items:center;gap:32px;display:flex}.header-nav a{color:var(--gray-7);font-size:14px;font-weight:600;transition:color .2s}.header-nav a:hover{color:var(--gray-12)}.header-actions{align-items:center;gap:16px;display:flex}@media (width<=768px){.header-nav,.header-actions{display:none}}.btn-secondary{color:var(--gray-12);border:1px solid var(--gray-4);cursor:pointer;background:#fff;border-radius:9999px;padding:10px 20px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.btn-secondary:hover{border-color:var(--gray-6)}.btn-primary{background:var(--bubbly-green);color:var(--bubbly-yellow);cursor:pointer;border:none;border-radius:9999px;padding:10px 20px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary:hover{background:var(--bubbly-green-dark)}.main-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;padding:32px;display:flex;overflow-x:hidden}@media (width<=768px){.main-container{padding:20px 12px}}.hero{max-width:800px;padding:60px 0}.hero h1{letter-spacing:-1px;color:var(--bubbly-green);margin-bottom:20px;font-family:Fredoka,sans-serif;font-size:56px;font-weight:700;line-height:1.05}.hero p{color:var(--gray-7);max-width:540px;font-size:20px}.hero-buttons{gap:16px;margin-top:32px;display:flex}.btn-hero-primary{background:var(--bubbly-green);color:var(--bubbly-yellow);border-radius:9999px;padding:14px 28px;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 14px #2a5c434d}.btn-hero-primary:hover{background:var(--bubbly-green-dark);transform:translateY(-2px)}.btn-hero-secondary{color:var(--gray-12);border:2px solid var(--gray-3);background:#fff;border-radius:9999px;padding:14px 28px;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-hero-secondary:hover{border-color:var(--gray-6)}.bento-grid{grid-template-columns:repeat(12,1fr);gap:24px;margin-top:40px;display:grid}.bento-left{flex-direction:column;grid-column:span 7;gap:24px;display:flex}.bento-right{flex-direction:column;grid-column:span 5;gap:24px;display:flex}.bento-card{border-radius:40px;padding:32px 48px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px)}.card-cream{background:#fff;min-height:340px}.card-yellow{background:var(--bubbly-yellow);min-height:280px}.card-blue{background:var(--bubbly-blue);min-height:300px}.card-orange{background:var(--bubbly-orange);min-height:320px}.card-mint{background:var(--bubbly-mint);min-height:260px}.feature-cards{border-top:1px solid var(--gray-3);grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;padding-top:60px;display:grid}.feature-card{border:1px solid var(--gray-3);background:#fff;border-radius:24px;padding:28px 32px;transition:all .2s}.feature-card:hover{background:var(--bubbly-cream);border-color:var(--gray-4)}.feature-card h3{color:var(--gray-12);margin-bottom:12px;font-size:20px;font-weight:700}.feature-card p{color:var(--gray-7);font-size:15px;line-height:1.6}.form-container{flex-direction:column;justify-content:center;max-width:400px;margin:auto;display:flex}.form-container h1{letter-spacing:-.5px;margin:5px 0;font-size:32px}.form-container p{color:var(--gray-6);margin-bottom:48px;font-size:18px}form{flex-direction:column;gap:24px;display:flex}label{color:var(--gray-12);margin-bottom:4px;font-size:14px;font-weight:500;display:block}input,textarea,button{width:100%;font:inherit;border-radius:4px}input,textarea{color:var(--gray-12)}input{border:1px solid var(--gray-4);background-color:#fff;height:40px;padding:0 16px}input[data-invalid=true],textarea[data-invalid=true]{border-color:#fb2c36}input[data-invalid=true]+div,textarea[data-invalid=true]+div{color:#fb2c36;margin-top:2px;font-size:14px;font-weight:500}button{background:var(--gray-12);color:#fff;border:none;padding:10px;font-weight:500}button:hover{background:var(--gray-10)}.alert{border:1px solid var(--gray-3);background:#fff;border-radius:10px;min-width:380px;padding:12px 16px;font-size:14px;font-weight:500;animation:.2s cubic-bezier(.39,.575,.565,1) both scale-up;position:relative}.alert-destructive{color:#fb2c36;background:#fb2c361a;border-color:#fb2c36}.alert-success{color:#00a63e;background:#00a63e1a;border-color:#00a63e}.flash-container{flex-direction:column;align-items:center;display:flex;position:fixed;top:80px;left:0;right:0}@keyframes scale-up{0%{transform:scale(.7)}to{transform:scale(1)}}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 160px);display:flex}.auth-card{background:#fff;border-radius:32px;width:100%;max-width:420px;padding:48px;box-shadow:0 4px 24px #0000000f}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{margin-bottom:8px;font-size:32px}.auth-header p{color:var(--gray-6);font-size:15px}.auth-social{margin-bottom:24px}.btn-google{border:1px solid var(--gray-4);width:100%;color:var(--gray-12);background:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-google:hover{border-color:var(--bubbly-green);background:var(--gray-1)}.auth-divider{color:var(--gray-6);align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--gray-3);flex:1;height:1px}.btn-secondary-full{border:1px solid var(--gray-4);width:100%;color:var(--gray-12);cursor:pointer;background:#fff;border-radius:9999px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.btn-secondary-full:hover{border-color:var(--bubbly-green)}.btn-primary-full{background:var(--bubbly-green);width:100%;color:var(--bubbly-yellow);cursor:pointer;border:none;border-radius:9999px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary-full:hover{background:var(--bubbly-green-dark)}.btn-back{color:var(--gray-6);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:0;font-size:14px}.btn-back:hover{color:var(--gray-12)}.form-group input{border:2px solid var(--gray-3);border-radius:12px;width:100%;margin-bottom:16px;padding:16px;font-size:16px;transition:border-color .2s}.form-group input:focus{border-color:var(--bubbly-green);outline:none}.auth-footer{text-align:center;color:var(--gray-6);margin-top:24px;font-size:14px}.auth-link{color:var(--bubbly-green);font-weight:600}.auth-link-btn{color:var(--bubbly-green);font-weight:600;font-size:inherit;cursor:pointer;background:0 0;border:none;text-decoration:underline}.order-page{max-width:800px;margin:24px auto;padding:0 16px}.order-card{border:1px solid var(--gray-3);background:#fff;border-radius:12px;overflow:hidden}.order-merchant-header{border-bottom:1px solid var(--gray-3);align-items:center;gap:15px;padding:20px;display:flex}.order-merchant-avatar{background:var(--gray-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:600;display:flex}.order-product-details{padding:24px 20px}.order-product-details h1{margin-bottom:8px;font-size:24px}.order-product-details p{color:var(--gray-7);margin-bottom:24px;font-size:16px}.order-price-box{border:2px solid var(--gray-12);text-align:center;background:var(--gray-1);border-radius:12px;padding:24px 20px}.order-price-label{color:var(--gray-7);margin-bottom:4px;font-size:13px}.order-price{color:var(--gray-12);margin-bottom:16px;font-size:40px;font-weight:800}.order-footer{background:var(--gray-1);border-top:1px solid var(--gray-3);color:var(--gray-6);text-align:center;padding:16px 20px;font-size:13px}.order-footer code{background:var(--gray-2);word-break:break-all;border-radius:4px;padding:2px 6px;font-size:11px}.order-product-details h2{margin-bottom:2px;font-size:18px}.order-product-details>p{color:var(--gray-6);font-size:14px}.order-price-box .btn-purchase{background:var(--gray-12);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:opacity .2s}.order-price-box .btn-purchase:hover{opacity:.9}.order-price-box .btn-purchase:disabled{opacity:.7;cursor:not-allowed}.order-price-box .btn-signup{background:var(--gray-12);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:600}.order-price-box .login-link{color:#4285f4;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-weight:600}.order-owner-box{background:var(--gray-2);border:1px dashed var(--gray-8);border-radius:10px;padding:20px}.order-owner-box p:first-child{margin-bottom:10px;font-size:18px;font-weight:600}.order-owner-box p:last-child{color:var(--gray-11);font-size:14px}.order-auth-buttons{flex-direction:column;gap:10px;display:flex}.order-auth-buttons p{color:var(--gray-6);font-size:13px}@media (width<=480px){.order-page{margin:16px auto;padding:0 12px}.order-merchant-header{gap:12px;padding:16px}.order-merchant-avatar{width:42px;height:42px;font-size:18px}.order-product-details{padding:20px 16px}.order-product-details h1{font-size:20px}.order-product-details p{margin-bottom:20px;font-size:14px}.order-price-box{padding:20px 16px}.order-price{margin-bottom:12px;font-size:32px}.order-footer{padding:14px 16px}}.mobile-menu-btn{background:var(--bubbly-green);cursor:pointer;width:44px;height:44px;color:var(--bubbly-yellow);border:none;border-radius:14px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:none;box-shadow:0 4px 10px #2a5c4333}.mobile-menu-btn:active{transform:scale(.9)}.mobile-menu-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.mobile-menu{background:var(--bubbly-cream);z-index:1000;flex-direction:column;width:320px;padding:0;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #2a5c431a}.mobile-menu-header{border-bottom:2px solid var(--gray-3);background:#fff;justify-content:space-between;align-items:center;padding:24px;display:flex}.mobile-menu-links{flex-direction:column;flex:1;gap:8px;padding:24px;display:flex;overflow-y:auto}.mobile-menu-links a{color:var(--gray-12);border:none;border-radius:16px;padding:16px;font-size:18px;font-weight:700;transition:all .2s}.mobile-menu-links a:hover{color:var(--bubbly-green);background:#fff;transform:translate(4px)}.mobile-menu-links .btn-secondary,.mobile-menu-links .btn-primary{text-align:center;margin-top:8px;padding:16px;font-size:16px}@media (width<=768px){.mobile-menu-btn{display:flex}.mobile-menu-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:999;background:#2a5c431a;transition:opacity .3s;display:block;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu{transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translate(100%)}.mobile-menu-overlay.open .mobile-menu{transform:translate(0)}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:24px;display:grid}.stats-card{border:1px solid var(--gray-3);background:#fff;border-radius:20px;padding:20px;transition:transform .2s}.stats-card:hover{transform:translateY(-2px)}.stats-card .label{color:var(--gray-6);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.stats-card .value{color:var(--gray-12);font-family:Fredoka,sans-serif;font-size:24px;font-weight:800}.dashboard-content-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}@media (width<=480px){.dashboard-content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.card-surface{border:1px solid var(--gray-3);background:#fff;border-radius:24px;padding:24px;box-shadow:0 4px 12px #00000008}.card-surface h2{color:var(--bubbly-green);margin-bottom:16px;font-family:Fredoka,sans-serif;font-size:18px;font-weight:700}.history-item{background:var(--gray-1);border:1px solid var(--gray-3);box-sizing:border-box;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.tabs-container{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:8px;width:100%;padding-bottom:12px;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}@media (width<=640px){.history-item{flex-direction:column;align-items:flex-start;padding:12px}.history-item>div{width:100%}.history-item>div:last-child{border-top:1px solid var(--gray-2);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.card-surface{border-radius:16px;padding:16px 12px!important}}.analytics-main-grid{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px;display:grid}.analytics-bottom-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.analytics-main-grid,.analytics-bottom-grid{grid-template-columns:1fr}}@media (width<=480px){.stats-card-small{padding:12px!important}.stats-card-small p:last-child{font-size:18px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}#nprogress{pointer-events:none}#nprogress .bar{background:var(--bubbly-green);z-index:1031;width:100%;height:3px;position:fixed;top:0;left:0}#nprogress .peg{width:100px;height:100%;box-shadow:0 0 10px var(--bubbly-green), 0 0 5px var(--bubbly-green);opacity:1;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px)}@keyframes skeleton-pulse{0%{background-color:var(--gray-2)}50%{background-color:var(--gray-3)}to{background-color:var(--gray-2)}}.skeleton{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}