h1{text-align:center;color:#333}button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}button:hover{background-color:#0056b3}input[type=text]{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}ul{list-style-type:none;padding:0}li{background-color:#fff;margin:5px 0;padding:10px;border-radius:5px;cursor:pointer}li:hover{background-color:#e9ecef}body{margin:0;padding:0;font-family:Arial,sans-serif;min-height:100vh}.billing-system{text-align:center;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.billing-system header{display:flex;justify-content:center;align-items:center;margin:20px 0}.billing-system header .logo{width:20%}.main-container{width:80%;padding:50px;border-radius:10px;border:2px solid black}.main-container .name{width:100%;margin-bottom:10px;display:flex;justify-content:space-between}.main-container .name input{width:20%;border:2px solid black}.search-section{width:100%;position:relative}.search-section input{box-sizing:border-box;width:inherit;padding:10px}.suggestion-list{max-height:190px;overflow-y:scroll;background:#fff;border:2px solid #ddd;border-radius:10px;width:100%;margin:0;padding:10px;box-sizing:border-box;text-align:left;position:absolute;z-index:10}.suggestion-item{padding:10px;cursor:pointer}.suggestion-item.active{background-color:#f0f0f0;font-weight:700;color:#007bff}.suggestion-list::-webkit-scrollbar{width:10px;border-radius:10px}.suggestion-list::-webkit-scrollbar-track{background:#f1f1f1}.suggestion-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.add-section{margin-top:20px;border-radius:5px;padding:5px 20px;background-color:#888;display:flex;justify-content:space-between;align-items:center}.add-section>div{display:flex;justify-content:space-between}.add-section>div input{width:50px;margin-right:10px;border:none;background-color:#e6e6e6;padding:10px;text-align:center;border-radius:5px}.cart-section{margin-top:20px}.cart-section table{width:100%;border:2px solid black;border-radius:20px;border-collapse:collapse}.cart-section table thead td{padding:20px 10px;background-color:#ddd}.cart-section table td{padding:10px}.cart-section table td button{scale:1;background-color:red}.cart-section table td button>*{font-size:1.5rem}.cart-section table td button:active{scale:.9}.empty-cart{font-size:16px;color:#888}.main-container hr{margin-top:40px}.summary{margin-top:20px;font-size:16px;display:flex;justify-content:end}.summary table tr td{font-size:large}.summary table tr td input{border:1px solid black;padding:5px;text-align:right;border-radius:5px}.summary table tr td:nth-child(1){text-align:left}.print-section{margin-top:30px}.print-button{width:10vw;padding:10px 30px;font-size:18px;background-color:#007bff;color:#fff;border:none;cursor:pointer;border-radius:5px}.print-button:hover{background-color:#0056b3;transition-property:all;transition-duration:50ms;transition-timing-function:ease-in-out}.print-button:active{scale:.95}@media print{img{display:block!important;max-width:100%}}