.body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#89f7fe,#66a6ff);display:flex;align-items:center;justify-content:center;height:100vh}.signup-form{background-color:#fff;padding:40px;border-radius:20px;box-shadow:0 8px 20px #0003;width:350px;display:flex;flex-direction:column;gap:15px}.input-field{padding:12px;border:1px solid #ccc;border-radius:10px;font-size:16px;transition:all .3s ease}.input-field:focus{outline:none;border-color:#fda085;box-shadow:0 0 5px #fda08580}.submit-button{padding:12px;background-color:#66a6ff;border:none;border-radius:10px;font-size:16px;color:#fff;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#3e8efc}.signup-form p{text-align:center;font-size:14px}.link-text{color:#3e8efc;text-decoration:none;font-weight:700}.link-text:hover{text-decoration:underline}.login-form{background-color:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 10px 25px #0003;width:350px;display:flex;flex-direction:column;gap:16px}.login-form h2{text-align:center;margin-bottom:10px;color:#333}.login-input{padding:12px;border:1px solid #ccc;border-radius:10px;font-size:15px;transition:all .3s ease}.login-input:focus{border-color:#66a6ff;outline:none;box-shadow:0 0 6px #66a6ff66}.login-button{padding:12px;background-color:#66a6ff;color:#fff;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:background .3s ease}.login-button:hover{background-color:#3e8efc}.google-button{background-color:#db4437;margin-top:-8px}.google-button:hover{background-color:#c23321}.login-form p{text-align:center;font-size:14px}.login-form a{color:#3e8efc;text-decoration:none;font-weight:700}.login-form a:hover{text-decoration:underline}.logout-button{padding:10px 20px;background-color:#ff5e57;color:#fff;border:none;border-radius:10px;font-size:15px;cursor:pointer;transition:background-color .3s ease}.logout-button:hover{background-color:#e74c3c}.home-container{padding:20px;font-family:Segoe UI,sans-serif}.cart-button{background-color:#1976d2;color:#fff;border:none;padding:10px 16px;font-size:16px;cursor:pointer;margin-bottom:0;border-radius:6px}.cart-button:hover{background-color:#125aa0}.product-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:start}.product-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ddd;border-radius:10px;width:220px;height:350px;padding:16px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease-in-out}.product-card:hover{transform:scale(1.02)}.product-card h4{font-size:15px;font-weight:600;margin-bottom:8px;height:40px;overflow:hidden}.product-card img{height:120px;object-fit:contain;margin-bottom:10px;align-self:center}.product-card p{font-size:15px;font-weight:500;margin-bottom:12px}.add-button{background-color:#43a047;color:#fff;border:none;padding:8px 12px;font-size:14px;cursor:pointer;border-radius:6px;margin-top:auto}.add-button:hover{background-color:#2e7d32}.category-button{background-color:#ffd369;border:none;margin-right:10px;padding:8px 12px;font-size:14px;cursor:pointer;border-radius:6px;transition:background-color .2s ease-in-out}.category-button:hover{background-color:#fcb91c}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#1976d2;padding:12px 24px;color:#fff;box-shadow:0 4px 6px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar-logo{font-size:24px;font-weight:700;color:#fff;text-decoration:none;flex-shrink:0}.navbar-actions{display:flex;align-items:center;gap:12px}.navbar-user{font-size:16px;color:#fff;margin-right:8px}.cart-button,.logout-button{padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cart-button{background-color:#ffd369;color:#1e1e2f}.cart-button:hover{background-color:#ffc107;transform:scale(1.05)}.logout-button{background-color:#ff4d4d;color:#fff}.logout-button:hover{background-color:#ff1a1a}.footer{margin-top:40px;background-color:#f4f4f4;padding:20px;text-align:center;font-size:14px;color:#333;border-top:1px solid #ccc}.cart-container{max-width:900px;margin:40px auto;padding:20px;font-family:Segoe UI,sans-serif;background:#f9f9f9}.cart-title{font-size:28px;text-align:center;margin-bottom:30px;color:#222}.cart-empty{text-align:center;font-size:18px;color:#777}.cart-item-card{display:flex;gap:20px;align-items:center;padding:16px;margin-bottom:20px;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000000d}.cart-item-image{width:100px;height:100px;object-fit:contain;border-radius:6px}.cart-item-details{flex:1}.cart-item-details h4{margin:0 0 6px;font-size:18px;color:#333}.price,.rating,.total-cost{margin:4px 0;color:#555;font-size:16px}.rating{color:#f39c12}.quantity-control{display:flex;align-items:center;gap:10px;margin:10px 0}.quantity-control button{background-color:#007bff;border:none;color:#fff;width:30px;height:30px;font-size:18px;border-radius:5px;cursor:pointer;transition:background .3s ease}.quantity-control button:hover{background-color:#0056b3}.quantity-control span{font-size:16px;font-weight:700;min-width:24px;text-align:center}.buy-button{margin-top:8px;padding:10px 16px;background-color:#28a745;color:#fff;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.buy-button:hover{background-color:#218838}.order-container{max-width:500px;margin:40px auto;padding:20px;border:1px solid #ddd;border-radius:12px;background-color:#fdfdfd;box-shadow:0 4px 12px #0000001a}.order-form{display:flex;flex-direction:column;gap:15px}.order-form input,.order-form textarea,.order-form select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px}.order-form textarea{resize:vertical;min-height:80px}.order-form button{padding:10px;background-color:#007bff;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.order-form button:hover{background-color:#0056b3}.order-success{text-align:center;background-color:#e6ffe6;padding:20px;border:1px solid #a3d8a3;border-radius:10px}.order-summary-container{max-width:600px;margin:50px auto;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;font-family:Segoe UI,sans-serif}.order-summary-title{text-align:center;font-size:28px;margin-bottom:25px;color:#333}.order-summary-details p{font-size:16px;margin:10px 0;color:#444}.order-confirm-msg{margin-top:25px;font-size:18px;color:green;text-align:center}.order-summary-actions{display:flex;justify-content:space-between;margin-top:30px}.order-summary-button{flex:1;margin:0 10px;padding:12px 16px;font-size:16px;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.order-summary-button:hover{background-color:#0056b3}.order-summary-button.confirm{background-color:#28a745}.order-summary-button.confirm:hover{background-color:#1e7e34}.order-error{color:red;text-align:center;margin-top:20px}