@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:pageFadeIn .25s ease-out forwards;opacity:0;transform:translateY(8px);will-change:transform,opacity}.btn-press{transition:transform .1s ease-out;will-change:transform}.btn-press:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn-press:hover:not(:disabled){transform:translateY(-1px)}}.ant-btn:not(.ant-btn-disabled):not(:disabled),.ant-dropdown-trigger.ant-btn{transition:transform .1s ease-out;will-change:transform}.ant-btn:not(.ant-btn-disabled):not(:disabled):active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.ant-btn:not(.ant-btn-disabled):not(:disabled):hover{transform:translateY(-1px)}}.ant-card.ant-card-hoverable{transition:transform .1s ease-out;will-change:transform}@media (hover:hover) and (pointer:fine){.ant-card.ant-card-hoverable:hover{transform:translateY(-1px)}}.ant-card.ant-card-hoverable:active{transform:scale(.99)}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton{background:#f0f0f0;border-radius:6px;min-height:12px;overflow:hidden;position:relative;will-change:opacity}.skeleton:after{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff8c 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);will-change:transform}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-slide-in{animation:toastSlideIn .3s ease-out forwards;will-change:transform,opacity}.toast-slide-out{animation:toastSlideOut .2s ease-out forwards;will-change:transform,opacity}@keyframes countPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.count-pop{animation:countPop .3s ease-out;display:inline-block;will-change:transform}@keyframes lowStockPulse{50%{opacity:.5;transform:scale(1.5)}}.low-stock-pulse{display:inline-block;padding-left:14px;position:relative}.low-stock-pulse:before{animation:lowStockPulse 1.5s ease-in-out infinite;background:#ff4d4f;border-radius:50%;content:"";height:8px;left:0;margin-top:-4px;opacity:1;position:absolute;top:50%;transform:scale(1);width:8px;will-change:transform,opacity}@keyframes cartIconBounce{0%,to{transform:scale(1)}40%{transform:scale(1.15)}60%{transform:scale(.95)}}.cart-icon-bounce{animation:cartIconBounce .4s ease-out;will-change:transform}@keyframes cartRowAdded{0%{opacity:.92;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.cart-item-added{animation:cartRowAdded .3s ease-out;will-change:transform,opacity}@keyframes emptyStateFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-fade{animation:emptyStateFade .4s ease-out forwards;will-change:transform,opacity}@keyframes emptyIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-icon-float{animation:emptyIconFloat 3s ease-in-out infinite;display:inline-block;will-change:transform}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalSlidePop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ant-modal-root .ant-modal-mask{animation:modalOverlayFade .2s ease-out forwards;will-change:opacity}.ant-modal-root .ant-modal-content{animation:modalSlidePop .25s ease-out forwards;will-change:transform,opacity}@keyframes listStaggerIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.list-stagger .ant-table-tbody>tr.ant-table-row{animation:listStaggerIn .3s ease-out forwards;opacity:0;will-change:transform,opacity}.list-stagger .ant-table-tbody>tr.ant-table-row:first-child{animation-delay:0ms}.list-stagger .ant-table-tbody>tr.ant-table-row:nth-child(2){animation-delay:50ms}.list-stagger .ant-table-tbody>tr.ant-table-row:nth-child(3){animation-delay:.1s}.list-stagger .ant-table-tbody>tr.ant-table-row:nth-child(4){animation-delay:.15s}.list-stagger .ant-table-tbody>tr.ant-table-row:nth-child(5),.list-stagger .ant-table-tbody>tr.ant-table-row:nth-child(n+6){animation-delay:.2s}.page-loader-skeleton{align-items:stretch;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:0 auto;max-width:400px;min-height:280px;padding:24px}.page-loader-skeleton .skeleton{height:14px}.page-loader-skeleton .skeleton-lg{height:28px;max-width:60%}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;padding:0}#root,body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{scrollbar-color:#5898d4 #f0f0f0;scrollbar-width:thin}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb{background:#5898d4;border:2px solid #f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#d0ebff}.landing-page *{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.landing-page .anticon{display:inline-block;font-style:normal;line-height:1;margin-right:6px;vertical-align:middle}.landing-page .feature-tag .anticon,.landing-page .installment-points .anticon,.landing-page .pricing-features .anticon{margin-right:8px}body.landing-page-active,html.landing-page-active{height:auto!important;max-height:none!important;overflow:auto!important}#root.landing-page-active{height:auto!important;min-height:100vh;overflow:visible!important}.landing-page{background-color:#fff;color:#1f2937;color:var(--dark);line-height:1.6;min-height:100vh;position:relative;width:100%}.landing-page .container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.landing-page header{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.landing-page .header-container{align-items:center;display:flex;justify-content:space-between;padding:15px 0}.landing-page .logo{align-items:center;display:flex;gap:10px}.landing-page .logo h1{background:linear-gradient(90deg,#2563eb,#10b981);background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:28px;font-weight:700}.landing-page .logo-tagline{color:#6b7280;color:var(--gray);font-size:14px;margin-top:-5px}.landing-page nav ul{display:flex;gap:25px;list-style:none}.landing-page nav a{color:#1f2937;color:var(--dark);font-weight:500;text-decoration:none;transition:color .3s}.landing-page nav a:hover{color:#2563eb;color:var(--primary)}.landing-page .header-buttons{align-items:center;display:flex;gap:15px}.landing-page .btn{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s}.landing-page .btn-primary{background-color:#2563eb;background-color:var(--primary);color:#fff}.landing-page .btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.landing-page .btn-installment{background-color:#8b5cf6;background-color:var(--installment);color:#fff}.landing-page .btn-installment:hover{background-color:#7c3aed;transform:translateY(-2px)}.landing-page .btn-outline{background-color:initial;border:2px solid #2563eb;border:2px solid var(--primary);color:#2563eb;color:var(--primary)}.landing-page .btn-outline:hover{background-color:#2563eb;background-color:var(--primary);color:#fff}.landing-page .btn-success{background-color:#059669;background-color:var(--success);color:#fff}.landing-page .btn-success:hover{background-color:#047857;transform:translateY(-2px)}.landing-page .hero{background:linear-gradient(135deg,#f0f9ff,#f5f3ff);margin-top:80px;overflow:hidden;padding:80px 0;position:relative}.landing-page .hero-container{align-items:center;display:flex;gap:50px}.landing-page .hero-content{flex:1 1}.landing-page .hero h1{color:#1f2937;color:var(--dark);font-size:48px;line-height:1.2;margin-bottom:20px}.landing-page .hero-subtitle{color:#6b7280;color:var(--gray);font-size:20px;margin-bottom:30px}.landing-page .hero-features{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.landing-page .feature-tag{align-items:center;background-color:#fff;border-radius:50px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);display:flex;font-weight:500;gap:8px;padding:8px 16px}.landing-page .feature-tag.installment{background-color:#f5f3ff;border:1px solid #8b5cf6;border:1px solid var(--installment)}.landing-page .feature-tag .anticon{color:#10b981;color:var(--secondary)}.landing-page .feature-tag.installment .anticon{color:#8b5cf6;color:var(--installment)}.landing-page .hero-buttons{display:flex;flex-wrap:wrap;gap:15px}.landing-page .hero-image{display:flex;flex:1 1;justify-content:center;position:relative}.landing-page .dashboard-img{border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--border-radius);max-width:600px;width:100%}.landing-page .dashboard-img,.landing-page .installment-badge{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.landing-page .installment-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--installment),#a78bfa);border-radius:8px;border-radius:var(--border-radius);color:#fff;font-weight:600;padding:10px 20px;position:absolute;right:20px;top:20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.landing-page .social-proof{background-color:#f9fafb;background-color:var(--light);padding:40px 0;text-align:center}.landing-page .social-proof h2{color:#1f2937;color:var(--dark);font-size:28px;margin-bottom:30px}.landing-page .stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:30px}.landing-page .stat-item{text-align:center}.landing-page .stat-number{color:#2563eb;color:var(--primary);display:block;font-size:40px;font-weight:700}.landing-page .stat-label{color:#6b7280;color:var(--gray)}.landing-page .trust-logos{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:20px}.landing-page .trust-logo{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);color:#1f2937;color:var(--dark);font-weight:600;padding:15px 25px}.landing-page .problem-solution{background-color:#fff;padding:80px 0}.landing-page .section-title{color:#1f2937;color:var(--dark);font-size:36px;margin-bottom:50px;text-align:center}.landing-page .problem-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.landing-page .problem-item{background-color:#f9fafb;background-color:var(--light);border-left:5px solid #2563eb;border-left:5px solid var(--primary);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);padding:30px}.landing-page .problem-item.installment{border-left-color:#8b5cf6;border-left-color:var(--installment)}.landing-page .problem-item h3{color:#1f2937;color:var(--dark);font-size:20px;margin-bottom:15px}.landing-page .problem-item p{color:#6b7280;color:var(--gray);margin-bottom:15px}.landing-page .solution{align-items:center;color:#059669;color:var(--success);display:flex;font-weight:600;gap:8px}.landing-page .solution.installment{color:#8b5cf6;color:var(--installment)}.landing-page .features{background-color:#f8fafc;padding:80px 0}.landing-page .feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.landing-page .feature-card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);padding:30px;transition:transform .3s}.landing-page .feature-card.installment{border-top:4px solid #8b5cf6;border-top:4px solid var(--installment)}.landing-page .feature-card:hover{transform:translateY(-5px)}.landing-page .feature-icon{align-items:center;background-color:#dbeafe;border-radius:50%;color:#2563eb;color:var(--primary);display:flex;font-size:24px;height:60px;justify-content:center;margin-bottom:20px;width:60px}.landing-page .feature-icon.installment{background-color:#f5f3ff;color:#8b5cf6;color:var(--installment)}.landing-page .feature-card h3{color:#1f2937;color:var(--dark);font-size:22px;margin-bottom:15px}.landing-page .installment-feature{background:linear-gradient(135deg,#faf5ff,#f0f9ff);padding:80px 0}.landing-page .installment-container{align-items:center;display:flex;gap:50px}.landing-page .installment-content{flex:1 1}.landing-page .installment-content h2{color:#1f2937;color:var(--dark);font-size:36px;margin-bottom:20px}.landing-page .installment-points{list-style:none;margin-top:20px}.landing-page .installment-points li{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:10px 0}.landing-page .installment-points .anticon{color:#8b5cf6;color:var(--installment)}.landing-page .installment-visual{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);flex:1 1;padding:30px}.landing-page .installment-plan{background-color:#faf5ff;border-left:4px solid #8b5cf6;border-left:4px solid var(--installment);border-radius:8px;border-radius:var(--border-radius);margin-bottom:20px;padding:20px}.landing-page .installment-plan h4{color:#8b5cf6;color:var(--installment);margin-bottom:10px}.landing-page .pricing{background-color:#fff;padding:80px 0}.landing-page .pricing-plans{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:50px}.landing-page .pricing-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:transform .3s}.landing-page .pricing-card:hover{transform:translateY(-10px)}.landing-page .pricing-card.popular{border:2px solid #8b5cf6;border:2px solid var(--installment);position:relative}.landing-page .popular-badge{background-color:#8b5cf6;background-color:var(--installment);border-radius:50px;color:#fff;font-size:14px;font-weight:600;left:50%;padding:5px 20px;position:absolute;top:-12px;transform:translateX(-50%)}.landing-page .pricing-header{background-color:#f8fafc;padding:30px;text-align:center}.landing-page .pricing-header h3{color:#1f2937;color:var(--dark);font-size:24px;margin-bottom:10px}.landing-page .price{color:#1f2937;color:var(--dark);font-size:48px;font-weight:700;margin-bottom:5px}.landing-page .price-period{color:#6b7280;color:var(--gray)}.landing-page .pricing-features{padding:30px}.landing-page .pricing-features ul{list-style:none}.landing-page .pricing-features li{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;gap:10px;padding:10px 0}.landing-page .pricing-features .anticon{color:#10b981;color:var(--secondary)}.landing-page .pricing-features li:has(.anticon[class*=calendar]) .anticon{color:#8b5cf6;color:var(--installment)}.landing-page .pricing-cta{padding:0 30px 30px;text-align:center}.landing-page .testimonials{background-color:#f8fafc;padding:80px 0}.landing-page .testimonial-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:50px}.landing-page .testimonial-card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);padding:30px}.landing-page .testimonial-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.landing-page .testimonial-avatar{align-items:center;background-color:#dbeafe;border-radius:50%;color:#2563eb;color:var(--primary);display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.landing-page .testimonial-rating{color:#f59e0b;color:var(--warning)}.landing-page .faq{background-color:#fff;padding:80px 0}.landing-page .faq-container{margin:0 auto;max-width:800px}.landing-page .faq-item{border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--border-radius);margin-bottom:20px;overflow:hidden}.landing-page .faq-question{align-items:center;background-color:#f8fafc;color:#1f2937;color:var(--dark);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:20px}.landing-page .faq-answer{color:#6b7280;color:var(--gray);display:none;padding:20px}.landing-page .faq-item.active .faq-answer{display:block}.landing-page .cta-section{background:linear-gradient(135deg,#8b5cf6,#2563eb);background:linear-gradient(135deg,var(--installment) 0,var(--primary) 100%);color:#fff;padding:80px 0;text-align:center}.landing-page .cta-section h2{font-size:40px;margin-bottom:20px}.landing-page .cta-section p{font-size:20px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.9}.landing-page .cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.landing-page .cta-btn{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);color:#8b5cf6;color:var(--installment);display:inline-block;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s}.landing-page .cta-btn:hover{box-shadow:0 10px 25px #0003;transform:translateY(-3px)}.landing-page .cta-btn.secondary{background-color:initial;border:2px solid #fff;color:#fff}.landing-page footer{background-color:#1f2937;background-color:var(--dark);color:#fff;padding:60px 0 30px}.landing-page .footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.landing-page .footer-column h3{color:#fff;font-size:20px;margin-bottom:20px}.landing-page .footer-column ul{list-style:none}.landing-page .footer-column li{margin-bottom:10px}.landing-page .footer-column a{color:#d1d5db;text-decoration:none;transition:color .3s}.landing-page .footer-column a:hover{color:#fff}.landing-page .payment-methods{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.landing-page .payment-method{background-color:#374151;border-radius:4px;font-size:14px;padding:8px 15px}.landing-page .social-icons{display:flex;gap:15px;margin-top:20px}.landing-page .social-icon{align-items:center;background-color:#374151;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:background-color .3s;width:40px}.landing-page .social-icon:hover{background-color:#8b5cf6;background-color:var(--installment)}.landing-page .copyright{border-top:1px solid #374151;color:#9ca3af;font-size:14px;padding-top:30px;text-align:center}.landing-page .highlight{color:#8b5cf6;color:var(--installment);font-weight:600}.landing-page .pakistan-badge{align-items:center;background-color:#e0f2fe;border-radius:4px;color:#2563eb;color:var(--primary);display:inline-flex;font-size:14px;font-weight:500;gap:5px;padding:4px 10px}@media (max-width:992px){.landing-page .hero-container,.landing-page .installment-container{flex-direction:column}.landing-page .hero h1{font-size:40px}}@media (max-width:768px){.landing-page nav ul{display:none}.landing-page .hero h1{font-size:32px}.landing-page .section-title{font-size:28px}.landing-page .price{font-size:36px}.landing-page .cta-section h2{font-size:32px}.landing-page .stats{gap:20px}.landing-page .stat-number{font-size:32px}}.landing-page #whatsapp{bottom:max(20px,env(safe-area-inset-bottom,0px));position:fixed;right:20px;z-index:1001}.landing-page #whatsapp a{align-items:center;display:flex;justify-content:center;outline:none;text-decoration:none}.landing-page #whatsapp #whatsappMain{align-items:center;background:#25d366;border-radius:50%;box-shadow:0 4px 14px #25d36673,0 2px 8px #00000026;color:#fff;display:flex;height:56px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:56px}.landing-page #whatsapp a:focus-visible #whatsappMain,.landing-page #whatsapp a:hover #whatsappMain{box-shadow:0 6px 18px #25d3668c,0 4px 12px #0003;transform:scale(1.06)}.landing-page #whatsapp a:active #whatsappMain{transform:scale(.98)}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#10b981;--installment:#8b5cf6;--dark:#1f2937;--light:#f9fafb;--gray:#6b7280;--success:#059669;--warning:#f59e0b;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--border-radius:8px}.trial-demo *{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.trial-demo .anticon{display:inline-block;font-style:normal;line-height:1;margin-right:6px;vertical-align:middle}body.trial-demo-active,html.trial-demo-active{height:auto!important;max-height:none!important;overflow:auto!important}#root.trial-demo-active{height:auto!important;min-height:100vh;overflow:visible!important}.trial-demo{background-color:#fff;color:#1f2937;color:var(--dark);line-height:1.6;min-height:100vh;position:relative;width:100%}.trial-demo .container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.trial-demo header{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.trial-demo .header-container{align-items:center;display:flex;justify-content:space-between;padding:15px 0}.trial-demo .logo h1{background:linear-gradient(90deg,#2563eb,#10b981);background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:28px;font-weight:700;text-decoration:none}.trial-demo .logo a{text-decoration:none}.trial-demo nav ul{display:flex;gap:25px;list-style:none}.trial-demo nav a{color:#1f2937;color:var(--dark);font-weight:500;text-decoration:none;transition:color .3s}.trial-demo nav a:hover{color:#2563eb;color:var(--primary)}.trial-demo .header-buttons{align-items:center;display:flex;gap:15px}.trial-demo .btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s}.trial-demo .btn-primary{background-color:#2563eb;background-color:var(--primary);color:#fff}.trial-demo .btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.trial-demo .btn-outline{background-color:initial;border:2px solid #2563eb;border:2px solid var(--primary);color:#2563eb;color:var(--primary)}.trial-demo .btn-outline:hover{background-color:#2563eb;background-color:var(--primary);color:#fff}.trial-demo .hero{background:linear-gradient(135deg,#f0f9ff,#f5f3ff);margin-top:80px;padding:120px 0 80px;text-align:center}.trial-demo .hero-content h1{color:#1f2937;color:var(--dark);font-size:48px;line-height:1.2;margin-bottom:20px}.trial-demo .hero-subtitle{color:#6b7280;color:var(--gray);font-size:20px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px}.trial-demo .hero-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.trial-demo .highlight{color:#8b5cf6;color:var(--installment);font-weight:600}.trial-demo .quick-access{background-color:#fff;padding:80px 0}.trial-demo .section-title{color:#1f2937;color:var(--dark);font-size:36px;margin-bottom:50px;text-align:center}.trial-demo .quick-access-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.trial-demo .quick-access-card{background-color:#f9fafb;background-color:var(--light);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);padding:40px 30px;text-align:center;transition:transform .3s}.trial-demo .quick-access-card:hover{transform:translateY(-5px)}.trial-demo .quick-access-icon{align-items:center;background-color:#2563eb;background-color:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.trial-demo .quick-access-card h3{color:#1f2937;color:var(--dark);font-size:22px;margin-bottom:15px}.trial-demo .quick-access-card p{color:#6b7280;color:var(--gray)}.trial-demo .how-it-works{background-color:#f8fafc;padding:80px 0}.trial-demo .steps-container{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:900px}.trial-demo .step-item{align-items:flex-start;background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);display:flex;gap:30px;padding:30px}.trial-demo .step-number{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--installment));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.trial-demo .step-content h3{color:#1f2937;color:var(--dark);font-size:24px;margin-bottom:10px}.trial-demo .step-content p{color:#6b7280;color:var(--gray);line-height:1.8}.trial-demo .why-choose{background-color:#fff;padding:80px 0}.trial-demo .why-choose-content{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 1fr}.trial-demo .why-choose-text h2{color:#1f2937;color:var(--dark);font-size:36px;margin-bottom:20px}.trial-demo .why-choose-text p{color:#6b7280;color:var(--gray);font-size:16px;line-height:1.8}.trial-demo .why-choose-stats{display:flex;flex-direction:column;gap:30px}.trial-demo .stat-box{background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border-left:4px solid #2563eb;border-left:4px solid var(--primary);border-radius:8px;border-radius:var(--border-radius);padding:5px 15px 20px}.trial-demo .stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.trial-demo .stat-label{color:#1f2937;color:var(--dark);font-size:18px;font-weight:600}.trial-demo .stat-number{color:#2563eb;color:var(--primary);font-size:24px;font-weight:700}.trial-demo .progress-bar-container{background-color:#e5e7eb;border-radius:10px;height:12px;overflow:hidden;position:relative;width:100%}.trial-demo .progress-bar{border-radius:10px;height:100%;position:relative;transition:width 1s ease-in-out}.trial-demo .progress-bar-fill{animation:progressAnimation 1.5s ease-in-out;background:linear-gradient(90deg,#2563eb,#8b5cf6);background:linear-gradient(90deg,var(--primary) 0,var(--installment) 100%);border-radius:10px;height:100%;width:100%}@keyframes progressAnimation{0%{width:0}to{width:100%}}.trial-demo .proven-results{background-color:#f8fafc;padding:80px 0}.trial-demo .proven-results-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.trial-demo .proven-results-image{position:relative}.trial-demo .results-img{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);height:auto;object-fit:cover;width:90%}.trial-demo .proven-results-text{display:flex;flex-direction:column}.trial-demo .proven-results-text .section-title{color:#1f2937;color:var(--dark);font-size:36px;margin-bottom:20px;text-align:left}.trial-demo .section-subtitle{color:#6b7280;color:var(--gray);font-size:16px;margin-bottom:0;text-align:left}.trial-demo .results-cards{display:flex;flex-direction:column;gap:20px}.trial-demo .result-card{background-color:#fff;border-left:4px solid #2563eb;border-left:4px solid var(--primary);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);padding:30px;text-align:left;transition:transform .3s,box-shadow .3s}.trial-demo .result-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.trial-demo .result-card h3{color:#2563eb;color:var(--primary);font-size:22px;font-weight:600;margin-bottom:12px}.trial-demo .result-card p{color:#6b7280;color:var(--gray);line-height:1.8;margin:0}.trial-demo .faq{background-color:#fff;padding:80px 0}.trial-demo .faq-container{margin:0 auto;max-width:800px}.trial-demo .faq-item{border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--border-radius);margin-bottom:20px;overflow:hidden}.trial-demo .faq-question{align-items:center;background-color:#f8fafc;color:#1f2937;color:var(--dark);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:20px;transition:background-color .3s}.trial-demo .faq-question:hover{background-color:#f1f5f9}.trial-demo .faq-answer{color:#6b7280;color:var(--gray);display:none;line-height:1.8;padding:20px}.trial-demo .faq-item.active .faq-answer{display:block}.trial-demo .contact{background-color:#f8fafc;padding:80px 0}.trial-demo .contact-content{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-top:50px}.trial-demo .contact-info{display:flex;flex-direction:column;gap:30px}.trial-demo .contact-item{align-items:flex-start;background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);display:flex;gap:20px;padding:25px}.trial-demo .contact-item .anticon{color:#2563eb;color:var(--primary);font-size:32px;margin-right:0}.trial-demo .contact-item h3{color:#1f2937;color:var(--dark);font-size:18px;margin-bottom:8px}.trial-demo .contact-item p{color:#6b7280;color:var(--gray);margin:0}.trial-demo .contact-form-container{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);padding:40px}.trial-demo .contact-form-container h3{color:#1f2937;color:var(--dark);font-size:24px;margin-bottom:30px}.trial-demo .form-group{margin-bottom:20px}.trial-demo .form-group label{color:#1f2937;color:var(--dark);display:block;font-weight:500;margin-bottom:8px}.trial-demo .form-group input,.trial-demo .form-group textarea{border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--border-radius);font-family:inherit;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.trial-demo .form-group input:focus,.trial-demo .form-group textarea:focus{border-color:#2563eb;border-color:var(--primary);outline:none}.trial-demo .form-group textarea{resize:vertical}.trial-demo footer{background-color:#1f2937;background-color:var(--dark);color:#fff;padding:60px 0 30px}.trial-demo .footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.trial-demo .footer-column h3{color:#fff;font-size:20px;margin-bottom:20px}.trial-demo .footer-column ul{list-style:none}.trial-demo .footer-column li{margin-bottom:10px}.trial-demo .footer-column a{color:#d1d5db;text-decoration:none;transition:color .3s}.trial-demo .footer-column a:hover{color:#fff}.trial-demo .social-icons{display:flex;gap:15px;margin-top:20px}.trial-demo .social-icon{align-items:center;background-color:#374151;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:background-color .3s;width:40px}.trial-demo .social-icon:hover{background-color:#2563eb;background-color:var(--primary)}.trial-demo .copyright{border-top:1px solid #374151;color:#9ca3af;font-size:14px;padding-top:30px;text-align:center}@media (max-width:992px){.trial-demo .contact-content,.trial-demo .proven-results-content,.trial-demo .why-choose-content{grid-template-columns:1fr}.trial-demo .hero-content h1{font-size:40px}.trial-demo .proven-results-text .section-title,.trial-demo .section-subtitle{text-align:center}}@media (max-width:768px){.trial-demo nav ul{display:none}.trial-demo .hero-content h1{font-size:32px}.trial-demo .section-title{font-size:28px}.trial-demo .step-item{flex-direction:column;text-align:center}.trial-demo .step-number{margin:0 auto}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.mb-0{margin-bottom:0}.mr-10{margin-right:10px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.purchase-management-container .ant-card-body{padding:0}.dashboard-management-container .ant-card-body,.dashboard-management-container .ant-card-head{padding:12px}