body { font-family: 'Arial', sans-serif; background-color: #f4f7f6; display: flex; justify-content: center; padding-top: 50px; }
.container { background: white; padding: 25px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); width: 350px; }
h2 { text-align: center; color: #333; }
input { width: 100%; padding: 10px; margin: 8px 0; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
button { width: 100%; padding: 10px; background-color: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; }
button:hover { background-color: #218838; }

/* Styled Bill Summary */
.bill-card { margin-top: 20px; padding: 15px; border: 2px dashed #28a745; background-color: #f9fff9; border-radius: 5px; }
.bill-card h3 { margin-top: 0; color: #28a745; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.total-row { font-size: 1.2em; font-weight: bold; color: #ce1126; margin-top: 10px; }