body{margin:0;padding:0;background-color:#f3f4f5}.payment-container{flex-direction:column;padding:20px 0}.payment-container,header{display:flex;align-items:center}header{justify-content:space-between;height:50px;width:90%;margin-bottom:20px}.merchant-logo{display:flex;flex:0 0 50px;width:50px;height:50px;border-radius:50%}.merchant-info{display:flex;flex:1 1 auto;text-align:left;flex-direction:column;padding-left:12px}.merchant-info h1{font-size:16px;margin:0}.merchant-info p{font-size:14px;font-weight:400;margin:0}.amount-input{width:90%;margin:20px auto;background-color:#fff;border-radius:10px;height:60px;display:flex;align-items:center;justify-content:space-between}.amount-input label{flex:0 0 80px;text-align:right;color:#a5a5a5}.input-box{display:flex;padding-right:15px;font-size:18px;color:#000;align-items:center}.input-box small{margin-right:4px}.custom-keyboard{position:fixed;left:0;bottom:0;right:0;display:flex}.custom-keyboard .left{flex:0 0 75%;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.custom-keyboard .right{flex:0 0 25%;display:flex;flex-direction:column;gap:1px}.custom-keyboard button{padding:0 15px;font-size:18px;height:60px;line-height:60px;cursor:pointer;background-color:#fff;border:none;outline:none;color:#333;transition:background-color .3s ease}.custom-keyboard .left button:nth-child(10){grid-column:span 2}.custom-keyboard .right button{border-left:1px solid #f3f4f5}.custom-keyboard button:hover{background-color:#d0d0d0}.custom-keyboard button.confirm-payment{grid-column:span 3;color:#fff}.custom-keyboard button.pay-btn{border-top:1px solid #f3f4f5;background-color:green;color:#fff;height:179px;line-height:30px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50}