.landingpage{box-sizing:border-box;background:#33cee2;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.landingpage .bgImage{box-sizing:border-box;background:url(/assets/login-BrjdTize.avif) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 12px;display:flex;overflow:hidden}.landingpage .bgImage .container{box-sizing:border-box;background:linear-gradient(90deg,#03e8fe14,#d1939308);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:24px;width:100%;max-width:1100px;padding:28px;display:flex;box-shadow:0 12px 40px #0206170f}.landingpage .bgImage .container .left,.landingpage .bgImage .container .right{box-sizing:border-box}.landingpage .bgImage .container .left{flex-direction:column;flex:420px;justify-content:center;gap:18px;min-width:280px;display:flex}.landingpage .bgImage .container .left h1{text-align:center;color:#eef7fb;text-shadow:1px 1px 10px #0f9df0d0;margin:0;font-size:clamp(22px,4vw,40px);line-height:1.05}.landingpage .bgImage .container .left h1 span.lead{color:#0a191ed9;margin-top:6px;font-size:clamp(14px,2.2vw,18px);display:block}.landingpage .bgImage .container .left .formbox{background:linear-gradient(#c1f0f1e6,#11bce7e6);border:1px solid #1a8cf72e;border-radius:16px;justify-content:center;align-self:center;width:min(520px,92%);padding:18px;display:flex;box-shadow:0 6px 20px #0101011f}.landingpage .bgImage .container .left .formbox form{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.landingpage .bgImage .container .left .formbox form input,.landingpage .bgImage .container .left .formbox form select,.landingpage .bgImage .container .left .formbox form textarea,.landingpage .bgImage .container .left .formbox form button{box-sizing:border-box;padding:12px 14px;font-size:1rem}.landingpage .bgImage .container .left .formbox form input,.landingpage .bgImage .container .left .formbox form select,.landingpage .bgImage .container .left .formbox form textarea{background:0 0;border:none;border-bottom:3px solid #11d0e9f2;border-radius:6px;outline:none;width:90%;transition:all .18s}.landingpage .bgImage .container .left .formbox form input:focus,.landingpage .bgImage .container .left .formbox form select:focus,.landingpage .bgImage .container .left .formbox form textarea:focus{border-bottom-color:#00b9d2;transform:translateY(-2px);box-shadow:0 6px 18px #5ecad82e}.landingpage .bgImage .container .left .formbox form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00eaff,#00b7d4);border:none;border-radius:10px;width:40%;min-width:140px;margin-top:8px;padding:10px 14px;transition:transform .18s,box-shadow .18s}.landingpage .bgImage .container .left .formbox form button:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00b7d424}.landingpage .bgImage .container .right{flex:0 420px;justify-content:center;align-items:center;min-width:260px;padding:8px;display:flex}.landingpage .bgImage .container .right .promo-card{background:linear-gradient(#fffffff2,#fafafae6);border-radius:12px;width:100%;max-width:360px;padding:12px;box-shadow:0 10px 30px #0206170f}@media (max-width:900px){.landingpage .bgImage .container{gap:16px;padding:20px}.landingpage .bgImage .container .left,.landingpage .bgImage .container .right{flex:100%;min-width:0}.landingpage .bgImage .container .left .formbox form input,.landingpage .bgImage .container .left .formbox form select,.landingpage .bgImage .container .left .formbox form textarea{width:96%}.landingpage .bgImage .container .left .formbox form button{width:60%;min-width:0}}@media (max-width:480px){.landingpage{background:#50d4e5;padding:12px}.landingpage .bgImage{min-height:auto;padding:16px}.landingpage .bgImage .container{background:linear-gradient(90deg,#03e8fe0f,#d1939305);padding:14px}.landingpage .bgImage .container .left .formbox form input,.landingpage .bgImage .container .left .formbox form select,.landingpage .bgImage .container .left .formbox form textarea{width:100%;padding:14px 16px;font-size:1rem}.landingpage .bgImage .container .left .formbox form button{width:100%;padding:12px}.landingpage .bgImage .container .left h1{text-align:center;font-size:22px}.landingpage .bgImage .container .right{display:none}}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}.page{margin-top:20px;padding:20px;font-size:24px;font-weight:700}.navbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 2vw;display:flex;position:fixed;top:0;left:0}.logo{align-items:center;display:flex}.logo img{width:100px;height:7vh;display:flex}.links{width:50%}.links ul{justify-content:flex-end;gap:40px;list-style:none;display:flex}.links ul li a{color:#fff;padding:5px 10px;font-size:18px;font-weight:500;text-decoration:none;transition:all .3s}.links ul li a:hover{color:orange}@media screen and (max-width:768px){.navbar{height:30px}.logo{width:0%}.logo img{width:0}.links{width:60%}.links ul{gap:20px}.links ul li a{padding:2px;font-size:16px}}@media screen and (max-width:500px){.navbar{flex-direction:column;height:auto;margin-top:-50px;padding:10px 0}.logo{justify-content:center;width:100%}.links{width:100%;margin-top:8px}.links ul{justify-content:center;gap:20px}.links ul li a{font-size:15px}}body{margin:0;padding:0}.home{box-sizing:border-box;width:100%;height:100vh;display:relative;background:url(https://static.vecteezy.com/system/resources/thumbnails/024/689/018/small/digital-wallet-wallet-in-smartphone-icon-made-with-currency-symbols-mobile-banking-e-commerce-finance-banner-dollar-euro-yen-and-pound-icons-background-with-currency-signs-illustration-vector.jpg) 50%/100vw 100vh no-repeat;left:0}.overlay{background:#0009;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.home-content{text-align:center;color:#fff}.home-content h1{letter-spacing:2px;text-shadow:1px 1px 10px #0f9df0d0;font-family:cursive;font-size:60px;font-weight:800}.app-buttons{justify-content:center;gap:20px;margin-top:30px;display:flex}.im{width:191px;height:63px;padding:8px;transition:transform .3s}.im:hover{transform:scale(1.1)}.about-section{color:#fff;box-sizing:border-box;background-color:#111;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 20px;display:flex}.about-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;max-width:1100px;display:flex}.about-text{flex:400px}.about-text h2{margin-bottom:20px;font-family:cursive;font-size:40px}.about-text p{color:#ddd;margin-bottom:20px;font-size:18px;line-height:1.6}.learn-more-btn{color:#fff;cursor:pointer;background-color:#e63946;border:none;border-radius:25px;width:100px;height:60px;padding:12px 30px;font-size:16px;transition:background .3s}.learn-more-btn:hover{background-color:#c71c2f;transform:scale(1.1)}.about-image img{border-radius:20px;width:450px;height:auto;box-shadow:0 4px 15px #ffffff1a}.home-extra{text-align:center;background:#f8f8f8;width:100%;padding:40px 20px}.home-extra h2{color:#222;margin-bottom:10px;font-size:28px}.home-extra p{color:#555;max-width:700px;margin:0 auto 30px;font-size:16px;line-height:1.6}.features{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.feature-card{background:#fff;border-radius:10px;padding:15px 25px;font-size:18px;box-shadow:0 4px 10px #0000001a}.products{background:#87e1f1;width:100%;padding:40px 0;font-family:sans-serif}.products .heading{text-align:center;color:#fff;text-shadow:0 0 10px #2ba1f0,0 0 20px #1590c9;margin-top:80px;margin-bottom:25px;font-family:Montserrat,sans-serif;font-size:38px;font-weight:900}.products .container{flex-wrap:wrap;justify-content:space-between;gap:2px;display:flex}.products .container .card{background:#fff;border-radius:12px;width:250px;margin:20px;padding:15px;transition:all .3s;box-shadow:0 4px 12px #0000001a}.products .container .card:hover{transform:translateY(-5px)}.products .container .card .category{color:#832020;margin-bottom:8px;font-size:12px}.products .container .card .image img{border-radius:10px;width:100%;height:280px}.products .container .card .title{margin:10px 0;font-size:10px;font-weight:600}.products .container .card .box{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.products .container .card .rating{align-items:center;gap:6px;font-size:16px;font-weight:500;display:flex}.products .container .card .rating span:first-child{color:#f39c12;background-color:#ebf787;border-radius:6px;padding:2px}.products .container .card .rating span:last-child{color:#666;font-size:14px}.products .container .card .price{color:#2ecc71;font-size:18px;font-weight:700}.products .container .card .btns{justify-content:space-between;margin-top:10px;display:flex}.products .container .card .btns button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px 10px;font-size:14px;transition:all .3s}.products .container .card .btns button:first-child{color:#fff;background:#ff4d4d;margin-right:8px}.products .container .card .btns button:first-child:hover{background:#e60000}.products .container .card .btns button:nth-child(2){color:#fff;background:#0084ff}.products .container .card .btns button:nth-child(2):hover{background:#005fcc}@media screen and (max-width:600px){.products{justify-content:center;padding-left:50px}.products .container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));width:95%}.products .container .card .image img{height:200px}.products .container .card .title{font-size:14px}.products .container .card .price{font-size:16px}}.cartitem{color:#0f1720;box-sizing:border-box;background:linear-gradient(135deg,#58dfe4,#e3e3e3);width:100%;height:100vh;margin:0 auto;padding:2.5rem 1rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.cartitem h1{text-align:center;color:#00b7d4;text-shadow:0 0 6px #00b7d41f;margin:80px 0 1.5rem;font-size:clamp(1.6rem,4vw,2.4rem)}.cartitem .container{background:#c2edf3;border:1px solid #1a8cf7;border-radius:12px;justify-content:center;width:min(1100px,96%);margin-left:5%;padding:1rem;overflow:hidden;box-shadow:0 8px 30px #0206170f}.cartitem .container .table-wrap{width:100%;overflow-x:auto}.cartitem .container table{border-collapse:collapse;width:100%;min-width:680px}.cartitem .container thead{background:linear-gradient(90deg,#00eaff0f,#00b7d40a)}.cartitem .container thead th{text-align:left;color:#084c57;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #03e8fe1f;padding:12px 14px;font-size:.95rem;font-weight:700}.cartitem .container tbody tr{transition:background .18s,transform .18s}.cartitem .container tbody tr:hover{background:#00b7d408;transform:translateY(-2px)}.cartitem .container tbody tr td{vertical-align:middle;color:#102027;vertical-align:middle;border-bottom:1px solid #0f17200a;padding:12px 10px;font-size:.95rem}.cartitem .container tbody tr td img{object-fit:cover;border-radius:8px;width:72px;height:72px}.cartitem .container tbody tr td button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#00eaff,#00b7d4);border:none;border-radius:8px;padding:.45rem .8rem;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-block}@media (max-width:720px){.cartitem .container .table-wrap{overflow-x:visible}.cartitem .container table{min-width:100%}.cartitem .container thead{display:none}.cartitem .container tbody tr{background:linear-gradient(#00eaff08,#00b7d405);border:1px solid #03e8fe0f;border-radius:10px;margin:.6rem 0;padding:.8rem;display:block;box-shadow:0 6px 18px #0206170a}.cartitem .container tbody tr td{border:none;align-items:center;gap:.8rem;padding:8px 6px;display:flex}.cartitem .container tbody tr td.img-cell{flex:0 0 80px}.cartitem .container tbody tr td.details{flex-direction:column;flex:auto;gap:6px;display:flex}.cartitem .container tbody tr td.actions{flex:none}.cartitem .container tbody tr img{border-radius:8px;width:80px;height:80px}.cartitem .container tbody tr button{width:100%;padding:.6rem .75rem}}@media (max-width:380px){.cartitem .container .container,.cartitem .container tbody tr{padding:.6rem}.cartitem .container td.img-cell{flex:0 0 64px}.cartitem .container img{width:64px;height:64px}.cartitem .container h1{font-size:1.6rem}}.viewcard{background:linear-gradient(135deg,#58dfe4,#e3e3e3);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;display:flex}.viewcard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#71e2c6e6;border-radius:22px;width:85%;max-width:1000px;margin-top:50px;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000026}.viewcard-card:hover{transform:translateY(-5px)}.viewcard-left{background:#c7dfdb;justify-content:center;align-items:center;width:50%;padding:40px;display:flex}.viewcard-left img{object-fit:contain;width:50%;height:auto}.viewcard-right{flex-direction:column;justify-content:center;width:50%;padding:40px;display:flex}.viewcard-right h1{margin-bottom:15px;font-size:32px;font-weight:700}.viewcard-price{color:#ff4d4d;font-size:28px;font-weight:700}.viewcard-btn,.arrow{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;margin-top:25px;padding:14px 0;font-size:18px}.desc{margin-top:15px;font-size:medium;font-weight:2}@media (max-width:750px){.viewcard-card{flex-direction:column}.viewcard-left,.viewcard-right{width:100%}.viewcard-right{text-align:center}}@media (max-width:900px){.viewcard-card{flex-direction:column;max-width:720px}.viewcard-left,.viewcard-right{width:100%;padding:22px}.viewcard-left{padding-top:28px;padding-bottom:8px}.viewcard-left img{max-width:80%}.viewcard-right h1{font-size:24px}.viewcard-price{font-size:22px}.viewcard-actions{justify-content:center}.viewcard-btn,.arrow{min-width:120px}}@media (max-width:420px){.viewcard{padding:18px}.viewcard-right h1{font-size:20px}.viewcard-left img{max-width:92%;height:auto}.viewcard-btn,.arrow{width:100%;min-width:unset}.viewcard-actions{flex-direction:column;gap:10px}}:root{--bg-hero:linear-gradient(135deg,#0b3a57 0%,#073851 100%);--accent:#00b7d4;--accent-dark:#0093b0;--muted:#6b7280;--card-bg:#fff;--input-bg:#ffffff08}.addproducts{background:var(--bg-hero);box-sizing:border-box;color:#fff;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:40px 16px;display:flex}.addproducts h1{text-align:center;color:#fff;text-shadow:0 0 10px #2ba1f059,0 0 20px #1590c92e;margin-top:48px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.addproducts .container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border-radius:14px;justify-content:center;align-items:center;width:100%;max-width:720px;min-height:60vh;margin:32px auto;padding:22px;display:flex;box-shadow:0 10px 30px #02061759}.addproducts .inputs{text-align:left;width:100%;max-width:560px;display:block}.addproducts .inputs input,.addproducts .inputs select,.addproducts .inputs textarea{box-sizing:border-box;color:#fff;background:0 0;border:none;border-radius:8px;outline:none;width:100%;margin:10px 0;padding:14px 12px;font-size:1rem;transition:box-shadow .18s,border-color .18s,transform .12s}.addproducts .inputs input,.addproducts .inputs select{background:0 0;border-bottom:2px solid #ffffff1f;border-radius:0;padding-left:0;padding-right:0}.addproducts .inputs input::placeholder,.addproducts .inputs textarea::placeholder{color:#ffffffa6}.addproducts .inputs input:focus,.addproducts .inputs select:focus,.addproducts .inputs textarea:focus{border-bottom-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #00b7d40f}.addproducts .inputs .inline-row{gap:10px;display:flex}.addproducts .inputs .inline-row input{flex:1}.addproducts .inputs select:focus{color:#089ee4}.addproducts .inputs select{color:#e9ecee}.addproducts .inputs .add{color:#082229;cursor:pointer;background:linear-gradient(90deg,#cfeff6,#eaf8fb);border:none;border-radius:12px;margin:18px 0 6px;padding:12px 18px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-block;box-shadow:0 8px 18px #02061714}.addproducts .inputs .add:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0206171f}.addproducts .inputs .add:active{opacity:.98;transform:translateY(-1px)}@media (max-width:760px){.addproducts .container{min-height:auto;margin:18px 12px;padding:18px}.addproducts .inputs{max-width:100%}.addproducts .inputs .add{text-align:center;width:100%}}