body{margin:0;font-family:Arial,Helvetica,sans-serif}.login-page{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-container,.verify-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;display:flex}.login-logo{object-fit:contain;width:100px;height:100px;margin-bottom:10px}.login-title{text-align:center;color:#fff;margin:10px 0 0;font-size:18px;font-weight:600}.login-description{text-align:center;color:#fff;margin-top:8px;margin-bottom:0;font-size:15px;line-height:22px}.email-input-container{width:100%;margin-top:20px;padding-left:30px;padding-right:30px}.email-input{color:#000;text-align:center;background:#fff;border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:12px;font-size:16px;transition:border-color .2s,box-shadow .2s}.email-input:focus{border-color:#039749;box-shadow:0 0 0 3px #03974926}.email-input::placeholder{color:#666}.error-text{color:#ff6b6b;text-align:center;margin-top:8px;margin-bottom:0;font-size:14px}.send-otp-button{color:#fff;text-align:center;cursor:pointer;background-color:#039749;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:40%;min-width:140px;margin-top:30px;padding:12px 20px;font-size:16px;font-weight:600;transition:opacity .2s,transform .2s;display:flex}.send-otp-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.send-otp-button:disabled{opacity:.6;cursor:not-allowed}.verify-container{text-align:center}.wrong-email-button{color:#b6e9ce;cursor:pointer;background:0 0;border:none;margin-top:5px;font-size:15px;font-weight:700}.wrong-email-button:hover{text-decoration:underline}.otp-container{justify-content:center;gap:8px;margin-top:20px;display:flex}.otp-input{text-align:center;color:#000;background-color:#fff;border:2px solid #000;border-radius:8px;outline:none;width:40px;height:50px;font-size:20px;transition:border-color .2s,transform .2s,box-shadow .2s}.otp-input:focus{border-color:#039749;transform:translateY(-2px);box-shadow:0 0 0 3px #03974933}.otp-input:disabled{opacity:.7}.resend-button{color:#b6e9ce;cursor:pointer;background:0 0;border:none;margin-top:60px;font-size:15px}.resend-button:hover:not(:disabled){text-decoration:underline}.resend-button:disabled{cursor:not-allowed;opacity:.6}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner.large{border-width:3px;border-color:#039749 #03974940 #03974940;width:32px;height:32px}.otp-loading{color:#fff;flex-direction:column;align-items:center;gap:8px;margin-top:24px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.alert-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-alert{text-align:center;background:#fff;border-radius:10px;width:90%;max-width:350px;padding:25px;box-shadow:0 10px 40px #0000004d}.custom-alert h3{color:#222;margin-top:0}.custom-alert p{color:#555;line-height:1.5}.custom-alert button{color:#fff;cursor:pointer;background:#039749;border:none;border-radius:5px;margin-top:15px;padding:10px 25px}@media (width<=600px){.login-page{padding:15px}.email-input-container{padding-left:15px;padding-right:15px}.send-otp-button{width:60%}.otp-container{gap:5px}.otp-input{width:38px;height:48px;font-size:18px}}@media (width<=380px){.otp-container{gap:3px}.otp-input{width:34px;height:45px}}.calculator-page{background:#fff;min-height:100vh;padding:15px 0 80px}.calculator-content{width:91%;max-width:1000px;margin:0 auto}.calculator-header{border-radius:10px 10px 0 0;width:100%;overflow:hidden}.calculator-header img{width:100%;height:auto;display:block}.disclaimer{background:#fff;border:1px solid #ccc;margin:16px 0;padding:14px 16px}.disclaimer p{text-align:justify;margin:0;font-size:16px;line-height:1.8}.disclaimer strong{color:#006400}.selection-card{background:#eaf1ea;border:1px solid #ccc;margin-bottom:16px;padding:20px}.selection-card label,.calculation-card>label{margin-bottom:8px;font-weight:700;display:block}.products-label{margin-top:20px}.primary-button{color:#fff;cursor:pointer;background:green;border:none;border-radius:8px;width:100%;padding:13px 20px;font-size:16px;font-weight:600;transition:opacity .2s,transform .2s}.primary-button:hover{opacity:.9;transform:translateY(-1px)}.add-button{margin-top:18px}.products-card{background:#ffffffd9;border:1px solid #b9c3cf;margin-bottom:16px;padding:20px}.product-table-header,.product-row{grid-template-columns:1.4fr 1.4fr 1fr;align-items:start;gap:15px;display:grid}.product-table-header{border-bottom:1px solid #b9c3cf;padding-bottom:14px;font-size:14px;font-weight:700}.product-row{border-bottom:1px solid #e3e7eb;padding:20px 0;line-height:1.5}.product-name{word-break:break-word}.quantity-section{flex-direction:column;align-items:center;display:flex}.quantity-controls{justify-content:center;align-items:center;gap:10px;display:flex}.quantity-controls button{color:#fff;cursor:pointer;background:#6c7883;border:none;border-radius:5px;width:30px;height:30px;font-size:17px;font-weight:700}.quantity-controls span{background:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:30px;min-height:30px;display:flex}.remove-button{color:#003cff;cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:14px}.remove-button:hover{text-decoration:underline}.calculate-total-button{color:#fff;cursor:pointer;background:#6c7883;border:none;border-radius:8px;width:100%;margin-top:15px;padding:14px 25px;font-size:15px;font-weight:700}.calculation-card{background:#eaf1ea;border:1px solid #b9c3cf;margin-bottom:16px;padding:20px}.calculate-button{margin-top:18px}.final-calculation{margin-top:22px}.divider{background:#7fb78a;height:1px;margin:14px 0}.final-header,.final-row{grid-template-columns:1.25fr 1.25fr .9fr 1fr;gap:10px;display:grid}.final-header{font-size:13px;font-weight:700}.final-header>div:not(:first-child){text-align:center}.final-row{padding:10px 0;font-size:13px;line-height:1.5}.center{text-align:center}.total-row{grid-template-columns:1.8fr 1fr;margin-bottom:10px;font-size:15px;display:grid}.customer-input-section{margin-top:18px}.customer-input-section label{margin-bottom:8px;font-weight:700;display:block}.required{color:red;margin-left:3px}.customer-input-section input{background:#fff;border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:12px;font-size:15px}.customer-input-section input:focus{border-color:green;box-shadow:0 0 0 3px #0080001f}.action-buttons{gap:5px;margin-top:20px;display:flex}.action-buttons button{color:#fff;cursor:pointer;background:green;border:none;border-radius:8px;flex:1;padding:13px;font-size:15px;font-weight:700}.action-buttons button:hover{opacity:.9}.calculator-footer{background:#0d7a3a;border-radius:0 0 10px 10px;width:100%;overflow:hidden}.calculator-footer img{object-fit:contain;width:100%;height:auto;max-height:180px;display:block}.home-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.spinner{border:4px solid #ddd;border-top-color:green;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spinnerAnimation}@keyframes spinnerAnimation{to{transform:rotate(360deg)}}.home-error{color:#d32f2f;justify-content:center;align-items:center;min-height:100vh;font-size:17px;display:flex}.alert-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.alert-box{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:25px;box-shadow:0 10px 40px #0000004d}.alert-box p{margin-top:0;line-height:1.6}.alert-box button{color:#fff;cursor:pointer;background:green;border:none;border-radius:7px;min-width:120px;margin-top:15px;padding:11px 20px;font-weight:700}@media (width<=768px){.calculator-content{width:95%}.product-table-header,.product-row{grid-template-columns:1.5fr 1.2fr 1fr;gap:8px;font-size:13px}.final-header,.final-row{font-size:12px}}@media (width<=550px){.calculator-page{padding-top:8px}.calculator-content{width:96%}.calculator-header,.calculator-footer{height:80px}.disclaimer p{font-size:14px;line-height:1.7}.selection-card,.products-card,.calculation-card{padding:14px}.product-table-header,.product-row{grid-template-columns:1.3fr 1.1fr .9fr;gap:5px;font-size:11px}.product-row{padding:15px 0}.quantity-controls{gap:4px}.quantity-controls button{width:25px;height:27px;font-size:14px}.quantity-controls span{min-width:25px;min-height:27px;font-size:13px}.remove-button{font-size:11px}.final-header,.final-row{grid-template-columns:1.2fr 1.1fr .8fr .9fr;gap:4px;font-size:10px}.total-row{font-size:14px}.action-buttons button{padding:12px 5px;font-size:13px}}button,input{font-family:inherit}.history-page{background:#fff;min-height:100vh}.history-header{color:#fff;background:#039749;justify-content:center;align-items:center;padding:18px 20px;display:flex}.history-header h1{margin:0;font-size:22px;font-weight:600}.history-content{width:91%;max-width:1000px;margin:0 auto;padding:10px 0 100px}.history-search-wrap{align-items:center;gap:10px;margin:5px 0 10px;display:flex;position:relative}.search-icon{z-index:1;pointer-events:none;font-size:18px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.history-search{color:#000;background:#fff;border:1px solid #e5e7eb;border-radius:20px;outline:none;flex:1;height:45px;padding:0 15px 0 42px;font-size:15px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #00000014}.history-search:focus{border-color:#039749;box-shadow:0 0 0 3px #0397491f}.refresh-button{color:#fff;cursor:pointer;background:#039749;border:none;border-radius:8px;min-width:110px;height:43px;padding:0 15px;font-size:14px;font-weight:600}.refresh-button:hover:not(:disabled){opacity:.9}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.history-list-header{color:#039749;justify-content:space-between;align-items:center;margin:10px 2px 8px;font-size:14px;font-weight:600;display:flex}.history-count{color:#64748b;font-size:13px}.history-card{text-align:left;cursor:pointer;background:#eaf1ea;border:1px solid #b9c3cf;border-radius:5px;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.history-card:hover{border-color:#039749;transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.history-left{flex:1;min-width:0;padding-right:10px}.history-right{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;display:flex}.customer-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:17px;font-weight:700;overflow:hidden}.history-volume{color:#475569;font-size:14px;font-weight:600}.history-amount{color:#059669;letter-spacing:.2px;font-size:18px;font-weight:800}.history-date{color:#64748b;margin-top:6px;font-size:12px;font-weight:500}.history-error-box{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:12px}.history-error-box p{color:#991b1b;margin:0 0 8px}.history-error-box button{color:#fff;cursor:pointer;background:#991b1b;border:none;border-radius:6px;padding:7px 14px;font-weight:600}.history-empty{color:#6b7280;justify-content:center;align-items:center;min-height:250px;font-size:15px;display:flex}.history-loading{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.history-loading p{color:#475569;margin-top:10px}.history-spinner{border:4px solid #ddd;border-top-color:#039749;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite historySpin}@keyframes historySpin{to{transform:rotate(360deg)}}@media (width<=600px){.history-content{width:94%}.history-search-wrap{gap:6px}.refresh-button{min-width:85px;padding:0 10px;font-size:12px}.customer-name{font-size:15px}.history-volume{font-size:12px}.history-amount{font-size:16px}.history-card{padding:12px}}@media (width<=420px){.history-search-wrap{flex-wrap:wrap}.history-search{flex-basis:100%;width:100%}.refresh-button{width:100%}.search-icon{top:22px}}.history-details-page{background:#fff;min-height:100vh}.details-header{color:#fff;background:#039749;grid-template-columns:50px 1fr 50px;align-items:center;min-height:60px;padding:0 15px;display:grid}.details-header h1{text-align:center;margin:0;font-size:20px;font-weight:600}.details-icon-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.details-icon-button:hover:not(:disabled){background:#ffffff26}.details-icon-button:disabled{opacity:.5;cursor:not-allowed}.details-content{width:91%;max-width:1000px;margin:0 auto;padding:10px 0 100px}.details-tools{justify-content:flex-end;margin:10px 0;display:flex}.details-refresh{color:#fff;cursor:pointer;background:#039749;border:none;border-radius:7px;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:600;display:flex}.details-refresh:disabled{opacity:.6;cursor:not-allowed}.invoice-card{background:#eaf1ea;border:1px solid #b9c3cf;border-radius:5px;margin-top:10px;padding:18px}.invoice-info{margin-bottom:18px}.invoice-info label{color:#1c2430;margin-bottom:7px;font-size:15px;font-weight:700;display:block}.invoice-info label:not(:first-child){margin-top:14px}.invoice-value{color:#1c2430;background:#f8f8f8;border:1px solid #ccc;border-radius:8px;align-items:center;width:100%;min-height:44px;padding:11px 12px;font-size:15px;display:flex}.invoice-divider{background:#7fb78a;height:1px;margin:14px 0}.invoice-table-header,.invoice-product-row{grid-template-columns:1.25fr 1.25fr .9fr 1fr;align-items:start;gap:10px;display:grid}.invoice-table-header{color:#1c2430;font-size:13px;font-weight:700}.invoice-table-header>div:not(:first-child){text-align:center}.invoice-product-row{color:#1c2430;padding:10px 0;font-size:13px;line-height:1.6}.invoice-product-row>div:not(:first-child){text-align:center}.invoice-total-row{grid-template-columns:1.8fr 1fr;gap:10px;margin-bottom:10px;font-size:15px;display:grid}.details-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-top:15px;padding:15px}.details-error p{margin:0 0 10px}.details-error button{color:#fff;cursor:pointer;background:#991b1b;border:none;border-radius:6px;padding:8px 14px;font-weight:600}.details-empty{text-align:center;color:#5f6b7a;padding:30px;font-size:14px}.details-loader{background:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex}.details-spinner{border:4px solid #ddd;border-top-color:#039749;border-radius:50%;width:42px;height:42px;animation:.7s linear infinite detailsSpin}.details-small-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite detailsSpin}.refreshing-icon{animation:.8s linear infinite detailsSpin}@keyframes detailsSpin{to{transform:rotate(360deg)}}.details-alert-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.details-alert{text-align:center;background:#fff;border-radius:10px;width:100%;max-width:400px;padding:25px;box-shadow:0 10px 40px #0000004d}.details-alert p{color:#1c2430;margin-top:0;line-height:1.6}.details-alert button{color:#fff;cursor:pointer;background:#039749;border:none;border-radius:7px;min-width:120px;margin-top:10px;padding:10px 20px;font-weight:700}@media (width<=768px){.details-content{width:95%}.invoice-table-header,.invoice-product-row{gap:6px;font-size:12px}}@media (width<=550px){.details-content{width:96%}.details-header{grid-template-columns:45px 1fr 45px}.details-header h1{font-size:18px}.invoice-card{padding:13px}.invoice-table-header,.invoice-product-row{grid-template-columns:1.2fr 1.1fr .8fr .9fr;gap:4px;font-size:10px}.invoice-total-row{font-size:14px}}*{box-sizing:border-box}body{color:#1c2430;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}button{font-family:inherit}.setting-page{background:#fff;min-height:100vh}.setting-header{color:#fff;background:#039749;justify-content:center;align-items:center;min-height:60px;padding:0 20px;display:flex}.setting-header h1{margin:0;font-size:21px;font-weight:600}.setting-content{width:90%;max-width:900px;margin:0 auto;padding:15px 0 100px}.setting-tools{justify-content:flex-end;margin-bottom:12px;display:flex}.setting-refresh-button{color:#fff;cursor:pointer;background:#039749;border:none;border-radius:7px;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:600;display:flex}.setting-refresh-button:disabled{opacity:.6;cursor:not-allowed}.setting-refreshing-icon{animation:.8s linear infinite settingSpin}.setting-section-card{width:100%;margin-bottom:15px}.setting-card-light{background:#fff;border:1px solid #f1f5f9;border-radius:12px;width:100%;padding:14px;box-shadow:0 2px 10px #0000000f}.setting-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.setting-summary-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.setting-plan-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:5px;display:flex}.setting-label{color:#64748b;margin-bottom:5px;font-size:13px}.setting-value{color:#1c2430;word-break:break-word;font-size:15px;font-weight:600}.setting-expiry{text-align:right}.package-badge{border-radius:20px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-block}.package-active{color:#0b8f3e;background:#e6f4ea}.package-expired{color:#d32f2f;background:#fdeaea}.payment-instruction{text-align:center;width:100%;margin:25px auto 15px}.payment-instruction p{color:#039749;margin:0;font-size:16px;font-weight:700;line-height:1.6}.whatsapp-button{color:#039749;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:35px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:background .2s,transform .2s;display:flex}.whatsapp-button:hover{background:#0397490f;transform:translateY(-1px)}.upi-image-wrapper{justify-content:center;width:100%;margin-top:15px;display:flex}.upi-image{object-fit:contain;background:#fff;border:1px solid #b9c3cf;width:100%;max-width:500px;height:370px}.logout-wrapper{width:100%;margin:25px auto}.logout-button{color:#fff;cursor:pointer;background:#039749;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:16px;font-weight:700;transition:opacity .2s,transform .2s;display:flex}.logout-button:hover{opacity:.9;transform:translateY(-1px)}.setting-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:15px;padding:12px}.setting-error p{margin:0 0 8px}.setting-error button{color:#fff;cursor:pointer;background:#991b1b;border:none;border-radius:5px;padding:7px 12px;font-weight:600}.setting-loading{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.setting-loading p{margin-top:10px}.setting-spinner{border:4px solid #ddd;border-top-color:#039749;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite settingSpin}@keyframes settingSpin{to{transform:rotate(360deg)}}@media (width<=768px){.setting-content{width:94%}.upi-image{height:340px}}@media (width<=550px){.setting-content{width:94%}.setting-header{min-height:56px}.setting-header h1{font-size:19px}.setting-card-light{padding:12px}.setting-row,.setting-summary-row,.setting-plan-row{gap:10px}.setting-value,.payment-instruction p{font-size:14px}.whatsapp-button{gap:20px;font-size:14px}.upi-image{height:320px}}@media (width<=380px){.setting-plan-row{flex-direction:column;align-items:flex-start}.setting-expiry{text-align:left}.whatsapp-button{gap:12px}.upi-image{height:280px}}.bottom-nav{z-index:999999;background:#f8f9ff;border:1px solid #e9ecf5;border-radius:40px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:700px;height:68px;padding:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000002e}.bottom-nav-item{color:#151823;border-radius:30px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:55px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.bottom-nav-item-active{color:#039749;background:#e7e9f0}.bottom-nav-item:hover{background:#eef0f5}.main-layout{min-height:100vh}.main-layout{background:#fff;min-height:100vh}.main-layout-content{min-height:100vh;padding-bottom:95px}