.bg{height:100vh;width:101%;background-image:url(/assets/intro-image-hcwnAshG.webp);background-size:cover;background-position:top center}.logo{width:20%;height:18vh}#start_btn{background-color:#ff0;height:6vh;width:150px;color:#000;font-weight:700;font-size:20px;border-radius:5px;position:relative;left:35%;border:black}.start_btn_container{background-color:#37363698;width:550px;height:400px;border-radius:18px;position:relative;top:35px;left:480px;padding-left:18px;padding-right:30px;padding-top:5px;color:#fbfbfb}#heading{font-size:40px;text-align:center;font-weight:bolder;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}#content{font-size:20px;font-weight:400;font-family:Verdana,Geneva,Tahoma,sans-serif}.admin-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f8f8f8;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:600px;margin:40px auto}.admin-container h2{color:#333;margin-bottom:30px}.admin-form{width:100%;display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:5px;color:#555}.form-group input[type=text],.form-group input[type=time],.form-group input[type=number]{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em;width:100%;box-sizing:border-box;transition:border-color .3s ease}.form-group input[type=text]:focus,.form-group input[type=time]:focus,.form-group input[type=number]:focus{border-color:#007bff;outline:none}.form-group select{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em;width:100%;box-sizing:border-box}.submit-button{background-color:#28a745;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:1.1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-top:20px}.submit-button:hover{background-color:#218838;transform:translateY(-2px)}.link-button{display:inline-block;background-color:#007bff;color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none;font-size:.9em;margin-top:20px;transition:background-color .3s ease}.link-button:hover{background-color:#0056b3}.admin-container{max-width:1200px;margin:auto;padding:20px}.admin-heading{text-align:center;font-size:24px;margin-bottom:30px;color:#333}.item-card{background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000000f;width:250px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease}.item-image{height:180px;width:100%;object-fit:cover}.item-content{padding:12px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.item-title-price{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-title-price h3{font-size:16px;font-weight:600;margin:0;color:#333}.item-title-price .amount{font-size:14px;font-weight:500;color:#555}.item-content p{font-size:14px;color:#666;margin:6px 0 12px}.admin-buttons{display:flex;justify-content:space-between;gap:10px}.edit-button,.delete-button{flex:1;padding:8px 10px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.edit-button{background-color:#007bff;color:#fff}.edit-button:hover{background-color:#0056b3}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#b52b37}.admin-container{padding:20px}.admin-heading{text-align:center;font-size:24px;font-weight:700;margin-bottom:20px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:10px}.item-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s}.item-card:hover{transform:translateY(-5px)}.item-image{width:100%;height:160px;object-fit:cover;border-bottom:1px solid #eee}.item-content{padding:12px}.item-title-price{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.amount{font-weight:700;color:#4caf50}.admin-icons{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.edit-icon{color:#2196f3}.delete-icon{color:#f44336}.logout-container{position:fixed;top:20px;right:20px;z-index:999}.logout-button{padding:10px 16px;font-size:14px;font-weight:500;border:none;border-radius:6px;background-color:#f4cccc;color:#b30000;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s ease-in-out}.logout-button:hover{background-color:#e66e6e;color:#fff;transform:translateY(-1px)}.user-container{padding:20px;max-width:1200px;margin:auto}.search-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.search-filter input{padding:12px 16px;font-size:16px;width:350px;border-radius:8px;border:1px solid #ccc}.search-input{flex:1;max-width:300px}.search-input input{padding:12px 14px;font-size:16px;width:100%;border-radius:8px;border:1px solid #ccc;box-shadow:0 2px 4px #0000000d}.category-filters button{padding:10px 16px;border:none;background-color:#eee;border-radius:14px;cursor:pointer;font-size:15px;font-weight:500;transition:background-color .2s;margin-right:10px}.category-filters button:hover{background-color:#ccc}.item-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.item-card{background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000000f;padding:0;width:250px;display:flex;flex-direction:column;overflow:hidden;height:370px;transition:transform .2s ease}.item-card:hover{transform:scale(1.02)}.item-card img{height:70%;width:100%;object-fit:cover}.item-content{height:30%;padding:8px 12px;display:flex;flex-direction:column;justify-content:space-between}.item-title-price{display:flex;justify-content:space-between;align-items:center}.item-title-price h3{margin:0;font-size:15px;font-weight:600;color:#333}.item-title-price .amount{margin:0;font-size:14px;font-weight:500;color:#555}.item-content p{font-size:13px;color:#666;margin:4px 0}.counter{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px}.counter button{padding:4px 10px;font-size:14px;background-color:#eee;border:none;border-radius:6px;cursor:pointer}.counter button:hover{background-color:#ccc}.cart-button{position:fixed;bottom:20px;right:20px;padding:14px 24px;background-color:#4caf50;color:#fff;border:none;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #0003;z-index:1000}.cart-button:hover{background-color:#45a049}@media screen and (max-width: 992px){.item-card{width:calc(33.33% - 20px)}}@media screen and (max-width: 768px){.item-card{width:calc(50% - 20px)}}@media screen and (max-width: 480px){.item-card{width:100%}}.search-filter input{padding:18px;font-size:16px;width:350px;border-radius:5px;border:1.5px solid #ccc}.cart-container{max-width:800px;margin:auto;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a}.cart-table{width:100%;border-collapse:collapse;margin-bottom:20px}.cart-table th,.cart-table td{border:1px solid #ccc;padding:12px;text-align:center}.cart-table th{background-color:#f4f4f4}.cart-item-image{width:60px;height:60px;object-fit:cover;border-radius:6px}.total-amount{text-align:right;font-size:18px;font-weight:700;margin-top:10px}.button-group{display:flex;justify-content:space-between;margin-top:20px}.generate-bill-button,.cancel-button{padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.generate-bill-button{background-color:#4caf50;color:#fff}.generate-bill-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#da190b}.edit-container{display:flex;justify-content:center;align-items:center;min-height:50vh;padding:2rem;background-color:#f0f0f0}.wholecontainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:auto}.edit-item-card{display:flex;flex-direction:column;align-items:center;border:1px solid #ccc;padding:2rem;border-radius:12px;max-width:400px;width:100%;background-color:#fff;box-shadow:0 4px 10px #0000001a}.edit-item-image{width:100%;max-width:300px;height:auto;object-fit:cover;border-radius:8px;margin-bottom:1rem}.edit-item-content{width:100%}.edit-input{width:100%;padding:10px;margin:8px 0;font-size:16px;border:1px solid #aaa;border-radius:5px}.edit-icon-buttons{display:flex;justify-content:space-around;margin-top:1rem}.icon{cursor:pointer;width:20px;height:20px}.tick-icon{color:#28a745}.delete-icon{color:#dc3545}.login-container{max-width:400px;margin:100px auto;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 0 15px #0000001a;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-container h2{margin-bottom:25px;color:#333}.login-container input{width:90%;padding:8px;margin-bottom:12px;border:1px solid #ccc;border-radius:6px;font-size:18px}.login-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.login{display:flex;justify-content:center;gap:20px;margin-top:20px}.login-buttons{display:flex;gap:20px}.login-buttons button{padding:12px 30px;font-size:16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease-in-out;background:linear-gradient(145deg,#e4ecf5,#f0f5fa);color:#333;box-shadow:0 4px 6px #0000001a;min-width:120px;text-align:center}.login-buttons button:hover{background:linear-gradient(145deg,#d0e4f0,#eaf3fb);transform:translateY(-2px);box-shadow:0 6px 10px #00000026}