*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.welcome-container{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.title{color:#fff;text-shadow:2px 2px 10px #000;margin-bottom:20px;font-size:60px}.subtitle{color:#fff;text-shadow:2px 2px 10px #000;margin-bottom:40px;font-size:24px}.start-button{color:#fff;cursor:pointer;background-color:green;border:none;border-radius:10px;padding:15px 40px;font-size:22px;transition:all .3s}.start-button:hover{background-color:#006400;transform:scale(1.05)}.trolley-container{background-color:#f5f5f5;min-height:100vh;display:flex}.product-section{flex:3;padding:30px}.page-title{margin-bottom:30px}.empty-cart{text-align:center;background-color:#fff;border-radius:10px;padding:60px}.cart-icon{margin-bottom:20px;font-size:80px}.scanner-status{color:green;margin-top:25px;font-weight:700}.summary-section{background-color:#fff;flex:1;min-height:100vh;padding:30px;box-shadow:-2px 0 10px #0000001a}.summary-section h2{margin-bottom:30px}.summary-item{justify-content:space-between;margin-bottom:20px;display:flex}.checkout-button{color:#fff;cursor:pointer;background-color:green;border:none;border-radius:10px;width:100%;padding:15px;font-size:18px}.checkout-button:hover{background-color:#006400}.scanner-box{gap:15px;margin-bottom:25px;display:flex}.barcode-input{border:none;border-radius:10px;outline:none;flex:1;padding:14px 18px;font-size:16px}.scan-button{color:#fff;cursor:pointer;background-color:green;border:none;border-radius:10px;padding:14px 28px;font-size:16px;font-weight:700;transition:all .2s}.scan-button:hover{opacity:.85}.weight-input{text-align:center;border:none;border-radius:8px;outline:none;width:120px;padding:8px 12px}.popup-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-box{text-align:center;background:#fff;border-radius:15px;width:320px;padding:30px}.popup-box h2{color:red;margin-bottom:15px}.popup-button{color:#fff;cursor:pointer;background:red;border:none;border-radius:10px;margin-top:20px;padding:10px 20px}.verified-text{color:#32cd32;font-weight:700}.mismatch-text{color:red;font-weight:700}.quit-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;width:100%;margin-top:15px;padding:14px;font-size:16px;transition:all .2s}.quit-button:hover{transform:scale(1.02)}.product-card{background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex}.product-image img{object-fit:contain;width:120px;height:120px}.product-details{flex:1;margin-left:30px}.product-price{color:green;margin-top:10px;font-size:20px;font-weight:700}.quantity-section{align-items:center;gap:15px;margin-top:20px;display:flex}.quantity-section button{cursor:pointer;background-color:#e0e0e0;border:none;border-radius:5px;width:40px;height:40px;font-size:20px}.quantity-section span{font-size:20px;font-weight:700}.subtotal-section h3{color:green;font-size:24px}.checkout-container{background-color:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.checkout-box{background-color:#fff;border-radius:10px;width:500px;padding:40px;box-shadow:0 0 10px #0000001a}.checkout-title{text-align:center;margin-bottom:30px}.checkout-item{justify-content:space-between;margin-bottom:20px;display:flex}.checkout-summary{margin-top:20px}.summary-row{justify-content:space-between;margin-bottom:15px;font-weight:700;display:flex}.pay-button{color:#fff;cursor:pointer;background-color:green;border:none;border-radius:10px;width:100%;margin-top:30px;padding:15px;font-size:18px}.pay-button:hover{background-color:#006400}.receipt-container{background-color:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.receipt-box{background-color:#fff;border-radius:10px;width:500px;padding:40px;box-shadow:0 0 10px #0000001a}.receipt-title{text-align:center;color:green;margin-bottom:10px}.receipt-subtitle{text-align:center;color:gray;margin-bottom:30px}.receipt-item{justify-content:space-between;margin-bottom:20px;display:flex}.receipt-summary{margin-top:20px}.receipt-row{justify-content:space-between;margin-bottom:15px;font-weight:700;display:flex}.finish-button{color:#fff;cursor:pointer;background-color:green;border:none;border-radius:10px;width:100%;margin-top:30px;padding:15px;font-size:18px}.finish-button:hover{background-color:#006400}.admin-login-container{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.admin-login-box{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;width:350px;padding:40px;box-shadow:0 0 20px #0000001a}.admin-login-box h1{margin-bottom:30px}.admin-input{color:#fff;background:#ffffff1a;border:1px solid #ccc;border-radius:10px;outline:none;width:100%;margin-bottom:20px;padding:12px;font-size:16px}.admin-login-button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:10px;width:100%;padding:12px;font-size:16px}.error-text{color:red;margin-bottom:15px}.admin-input::placeholder{color:#ddd}.dashboard-container{background:#f5f5f5;min-height:100vh;padding:30px}.dashboard-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.dashboard-left{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.dashboard-left h1{font-size:42px}.search-input{background:#fff;border:1px solid #ccc;border-radius:10px;outline:none;width:260px;padding:12px 16px;font-size:15px}.topbar-buttons{gap:15px;display:flex}.add-button,.logout-button{cursor:pointer;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:14px;transition:all .2s}.add-button{background:green}.logout-button{background:red}.add-button:hover,.logout-button:hover{transform:scale(1.05)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px;display:grid}.admin-product-card{text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:20px;transition:all .2s;display:flex;box-shadow:0 0 12px #00000014}.admin-product-card:hover{transform:translateY(-5px)}.admin-product-image{object-fit:contain;width:120px;height:120px;margin-bottom:18px}.admin-product-info{width:100%}.admin-product-card h2{margin-bottom:12px;font-size:22px;line-height:1.3}.admin-product-card p{margin:6px 0;font-size:16px}.card-buttons{justify-content:center;gap:12px;margin-top:18px;display:flex}.edit-button,.delete-button{cursor:pointer;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;transition:all .2s}.edit-button{background:#2563eb}.delete-button{background:#dc2626}.edit-button:hover,.delete-button:hover{transform:scale(1.05)}.no-product-box{text-align:center;background:#fff;border-radius:18px;width:100%;padding:60px;box-shadow:0 0 12px #00000014}.no-product-box h2{margin-bottom:12px;font-size:32px}.no-product-box p{color:gray;font-size:16px}.history-button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:10px;padding:12px 20px;font-size:14px;transition:all .2s}.history-button:hover{transform:scale(1.05)}.add-product-container{background:#f5f5f5;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;display:flex}.add-product-box{background:#fff;border-radius:20px;width:450px;padding:40px;box-shadow:0 0 15px #0000001a}.add-product-box h1{text-align:center;margin-bottom:30px}.scan-camera-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-bottom:20px;padding:14px;font-size:15px}.scanner-container{background:#fff;border-radius:15px;margin-bottom:25px;padding:15px}.submit-button{color:#fff;cursor:pointer;background:green;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px}.edit-product-container{background:#f5f5f5;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.edit-product-box{background:#fff;border-radius:20px;width:450px;padding:40px;box-shadow:0 0 15px #0000001a}.edit-product-box h1{text-align:center;margin-bottom:30px}.product-input{border:1px solid #ccc;border-radius:10px;outline:none;width:100%;margin-bottom:20px;padding:14px;font-size:16px}.update-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px}.history-container{background:#f5f5f5;min-height:100vh;padding:40px}.history-container h1{margin-bottom:35px;font-size:42px}.history-card{background:#fff;border-radius:18px;margin-bottom:25px;padding:25px;box-shadow:0 0 12px #00000014}.history-card h2{color:#2563eb;margin-bottom:20px}.history-items{flex-direction:column;gap:12px;display:flex}.history-item{border-bottom:1px solid #eee;justify-content:space-between;padding-bottom:10px;display:flex}.history-summary{justify-content:space-between;margin-top:20px;font-weight:700;display:flex}.empty-history{text-align:center;background:#fff;border-radius:18px;padding:50px;font-size:24px}.history-topbar{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.back-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 20px;font-size:15px;transition:all .2s}.back-button:hover{transform:scale(1.05)}
