@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--bg-primary:#0a0a0f;--bg-secondary:#0f0f1a;--bg-card:hsla(0,0%,100%,.04);--bg-card-hover:hsla(0,0%,100%,.07);--border:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.16);--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--gradient-brand:linear-gradient(135deg,#f97316,#a855f7);--gradient-brand-subtle:linear-gradient(135deg,rgba(249,115,22,.15),rgba(168,85,247,.15));--shadow-glow:0 0 40px rgba(249,115,22,.15),0 0 80px rgba(168,85,247,.1);--shadow-card:0 4px 24px rgba(0,0,0,.4);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{top:-20%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(249,115,22,.08) 0,transparent 70%)}body:after,body:before{content:"";position:fixed;pointer-events:none;z-index:0}body:after{bottom:-20%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(168,85,247,.08) 0,transparent 70%)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1440px){.container{max-width:1360px}}h1,h2,h3,h4,h5{font-weight:700;line-height:1.2}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(10,10,15,.8);border-bottom:1px solid var(--border);padding:1rem 0}.navbar-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:900;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.nav-links{display:flex;gap:.75rem}.btn,.nav-links{align-items:center}.btn{display:inline-flex;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;white-space:nowrap;font-family:inherit}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 15px rgba(249,115,22,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 25px rgba(249,115,22,.4)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-hover)}.btn-outline-brand{background:transparent;color:var(--orange-400);border:1px solid rgba(249,115,22,.4)}.btn-outline-brand:hover{background:rgba(249,115,22,.1);border-color:var(--orange-400)}.btn-sm{padding:.375rem .875rem;font-size:.8rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s,background .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.card-glow{box-shadow:var(--shadow-glow);border-color:rgba(249,115,22,.2)}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input{width:100%;background:hsla(0,0%,100%,.05);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-size:.9375rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--orange-500);box-shadow:0 0 0 3px rgba(249,115,22,.15)}.input.error{border-color:#ef4444}.input.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.input-url{padding:1rem 1.5rem;font-size:1rem}.badge,.input-url{border-radius:var(--radius-full)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-pending{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-confirmed{background:rgba(52,211,153,.15);color:#34d399;border:1px solid rgba(52,211,153,.3)}.badge-paid{background:rgba(96,165,250,.15);color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.badge-rejected{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-processing{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge-completed{background:rgba(52,211,153,.15);color:#34d399;border:1px solid rgba(52,211,153,.3)}.badge-failed{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.alert{padding:.875rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;display:flex;align-items:center;gap:.625rem}.alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#fca5a5}.alert-success{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.25);color:#6ee7b7}.alert-info{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.25);color:#93c5fd}.tabs{display:flex;gap:.25rem;background:var(--bg-card);border-radius:var(--radius-full);padding:.25rem;border:1px solid var(--border)}.tab{flex:1 1;padding:.625rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;transition:all .2s;text-align:center}.tab.active{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 10px rgba(249,115,22,.3)}.tab:hover:not(.active){color:var(--text-primary)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}tbody td,thead th{padding:.875rem 1rem}tbody td{font-size:.875rem;border-bottom:1px solid hsla(0,0%,100%,.04);color:var(--text-secondary)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-card-hover)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.stat-value{font-size:1.75rem;font-weight:800}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.hero{min-height:85vh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:4rem 0 6rem}.hero,.hero-badge{align-items:center}.hero-badge{display:inline-flex;gap:.5rem;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);color:var(--orange-400);padding:.375rem 1rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;margin-bottom:2rem;animation:fadeInDown .5s ease}.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp .5s ease .1s both}.hero p{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;animation:fadeInUp .5s ease .2s both}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .5s ease .3s both}.generator-box{background:var(--bg-card);border:1px solid rgba(249,115,22,.2);border-radius:var(--radius-xl);padding:2.5rem;max-width:700px;margin:0 auto;box-shadow:var(--shadow-glow),var(--shadow-card);animation:fadeInUp .5s ease .4s both}.input-row{display:flex;gap:.75rem;flex-wrap:wrap}.input-row .input{flex:1 1;min-width:200px}.result-box{background:rgba(52,211,153,.05);border:1px solid rgba(52,211,153,.2);border-radius:var(--radius-md);padding:1.25rem;margin-top:1.5rem;animation:fadeIn .3s ease}.result-url{font-family:monospace;font-size:.875rem;color:#6ee7b7;word-break:break-all;margin-bottom:.75rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:3rem}.step-card{text-align:center;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all .3s ease;position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;inset:0;background:var(--gradient-brand-subtle);opacity:0;transition:opacity .3s}.step-card:hover:before{opacity:1}.step-card:hover{border-color:rgba(249,115,22,.3);transform:translateY(-4px)}.step-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--gradient-brand);margin:0 auto 1.25rem;font-size:1.75rem;position:relative}.step-icon,.step-number{display:flex;align-items:center;justify-content:center}.step-number{position:absolute;top:-6px;right:-6px;width:22px;height:22px;background:#fff;color:var(--gray-900);border-radius:50%;font-size:.7rem;font-weight:800}.step-card h3{font-size:1.1rem;margin-bottom:.5rem;position:relative}.step-card p{font-size:.875rem;color:var(--text-secondary);position:relative}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem;animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:460px;box-shadow:0 25px 50px rgba(0,0,0,.5);animation:slideUp .3s ease}.modal-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;grid-gap:0;gap:0}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);padding:2rem 1rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{font-size:1.25rem;font-weight:900;padding:0 .75rem 2rem;display:block;text-decoration:none}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:transparent;font-family:inherit;width:100%;text-align:left}.sidebar-link:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-link.active{background:rgba(249,115,22,.12);color:var(--orange-400)}.dashboard-content{padding:2rem;overflow-y:auto}.page-title{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(15,15,26,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:.5rem 0 env(safe-area-inset-bottom,.5rem)}.mobile-nav-items{display:flex;align-items:stretch}.mobile-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;border:none;background:transparent;color:var(--text-muted);font-size:.65rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;text-decoration:none}.mobile-nav-item span:first-child{font-size:1.35rem;line-height:1}.mobile-nav-item.active{color:var(--orange-400)}.mobile-nav-item:hover{color:var(--text-primary)}.mobile-top-bar{display:none;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:rgba(10,10,15,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease infinite}.animate-in{animation:fadeInUp .4s ease both}.spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.divider{height:1px;background:var(--border);margin:1.5rem 0}.copy-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem .875rem;background:rgba(52,211,153,.15);border:1px solid rgba(52,211,153,.3);color:#34d399;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.copy-btn.copied,.copy-btn:hover{background:rgba(52,211,153,.25)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}@media (max-width:768px){.dashboard-layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-bottom-nav{display:block}.mobile-top-bar{display:flex}.dashboard-content{padding:1rem 1rem 5rem}.generator-box{padding:1.25rem}.input-row{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-wrapper{border-radius:var(--radius-md)}table{min-width:560px}.hero{padding:3rem 0 4rem}.hero-cta{flex-direction:column;align-items:center}.steps-grid{grid-template-columns:1fr}.result-box .btn{width:100%;justify-content:center}.modal{padding:1.5rem}.page-title{font-size:1.25rem;margin-bottom:1rem}.nav-links .btn-ghost,.nav-links .landing-nav-btn-ghost{display:none}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.card,.generator-box{padding:1rem}.hero h1{font-size:2rem}.btn-lg{padding:.75rem 1.5rem;font-size:.9rem}.mobile-nav-item span:last-child{font-size:.6rem}}.landing-page-wrapper{background:linear-gradient(135deg,#e0f2fe,#fff7ed 35%,#faf5ff 70%,#ecfdf5)!important;min-height:100vh;color:#1e1b4b;position:relative;z-index:1}@media (max-width:1024px){.landing-page-wrapper{background-size:cover}}.landing-page-wrapper .logo{background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.3);border-bottom:1px solid hsla(0,0%,100%,.2);padding:1rem 0}.landing-nav-btn-ghost{background:hsla(0,0%,100%,.6);color:#4f46e5;border:1px solid hsla(0,0%,100%,.6)}.landing-nav-btn-ghost:hover{background:hsla(0,0%,100%,.9);color:#4338ca;border-color:hsla(0,0%,100%,.9)}.landing-nav-btn-primary{background:linear-gradient(135deg,#f97316,#e879f9);color:#fff;box-shadow:0 4px 15px rgba(249,115,22,.2)}.landing-nav-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 25px rgba(249,115,22,.3)}.glass-calculator-card{background:hsla(0,0%,100%,.45)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.45)!important;border-radius:var(--radius-xl);padding:2.5rem;max-width:720px;width:100%;margin:0 auto;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.02)}.glass-calculator-card>*{position:relative;z-index:2}.feature-outer-card{background-image:url(/backgound_dashboard.png);background-size:100% 100%!important;background-position:50%;background-repeat:no-repeat;border-radius:var(--radius-xl);padding:3rem 6.5rem;max-width:800px;width:100%;margin:0 auto;box-shadow:0 20px 40px rgba(0,0,0,.04);overflow:hidden}.feature-inner-card,.feature-outer-card{position:relative;border:1px solid hsla(0,0%,100%,.6)}.feature-inner-card{background:hsla(0,0%,100%,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-lg);padding:2rem;z-index:2;box-shadow:0 8px 32px rgba(31,38,135,.02)}@media (max-width:768px){.feature-outer-card{padding:1.5rem!important}}.glass-calculator-input{width:100%;background:hsla(0,0%,100%,.8)!important;border:1px solid hsla(0,0%,100%,.7)!important;border-radius:var(--radius-full)!important;padding:1rem 1.5rem!important;color:#1e1b4b!important;font-size:1.125rem!important;font-weight:600!important;outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.glass-calculator-input:focus{background:#fff!important;border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.2),inset 0 2px 4px rgba(0,0,0,.02)!important}.glass-subcard-orange{background:linear-gradient(135deg,hsla(32,98%,83%,.5),hsla(31,97%,72%,.2));box-shadow:0 4px 15px rgba(249,115,22,.05)}.glass-subcard-orange,.glass-subcard-purple{border:1px solid hsla(0,0%,100%,.6);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.glass-subcard-purple{background:linear-gradient(135deg,rgba(233,213,255,.5),rgba(216,180,254,.2));box-shadow:0 4px 15px rgba(168,85,247,.05)}.progress-track{width:100%;height:8px;background:hsla(0,0%,100%,.4);border-radius:var(--radius-full);margin-top:.75rem;overflow:hidden;border:1px solid hsla(0,0%,100%,.5)}.progress-bar{height:100%;background:linear-gradient(90deg,#f97316,#d946ef);border-radius:var(--radius-full)}.hero-content{position:relative;left:-10%;max-width:55%}@media (max-width:768px){.hero-section{background-position:70%!important;height:auto!important;min-height:500px!important;max-height:none!important;padding:3rem 0!important}.hero-content{left:0!important;max-width:100%!important;text-align:center!important;background:hsla(0,0%,100%,.75)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;padding:2rem 1.5rem!important;border-radius:var(--radius-xl)!important;border:1px solid hsla(0,0%,100%,.8)!important;box-shadow:0 10px 25px rgba(0,0,0,.02)!important}}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.dotted-bg{background-image:radial-gradient(rgba(0,0,0,.05) 1.2px,transparent 0);background-size:24px 24px;background-position:50%;background-color:#fafbfc}.marquee-container{overflow:hidden;width:100%;max-width:440px;margin-bottom:2.5rem;display:flex;position:relative;mask-image:linear-gradient(90deg,transparent,#fff 15%,#fff 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#fff 15%,#fff 85%,transparent)}.marquee-track{display:flex;animation:marquee-scroll 18s linear infinite}.marquee-group{display:flex;gap:.75rem;padding-right:.75rem;flex-shrink:0}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.badge-hover{transition:all .3s cubic-bezier(.16,1,.3,1)!important}.badge-hover:hover{transform:scale(1.02)!important;border-color:var(--orange-300)!important;box-shadow:0 10px 20px rgba(249,115,22,.06)!important;cursor:default}.login-page-wrapper{padding:3rem 1.5rem}.login-title{font-size:2.25rem}.login-card{padding:2.5rem;width:100%;max-width:440px;border-radius:24px;background-color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05)}@media (max-width:640px){.login-page-wrapper{padding:2rem 1rem}.login-title{font-size:1.75rem!important}.login-card{padding:1.75rem 1.25rem}}.login-card .input{background-color:#f8fafc;border-color:#e2e8f0;color:#0f172a}.login-card .input::placeholder{color:#94a3b8}.login-card .input:focus{background-color:#fff;border-color:var(--orange-400);box-shadow:0 0 0 3px rgba(249,115,22,.15)}.login-card .input-label{color:#475569}.login-card .alert-error{background-color:#fef2f2;border-color:#fecaca;color:#ef4444}