*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5;min-height:100vh;padding:16px}.container{max-width:400px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.header{background:#007bff;color:#fff;padding:20px;text-align:center}.header h1{font-size:24px;margin-bottom:8px}.header p{font-size:14px;opacity:.9}.table-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.table-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .2s ease;min-height:80px;display:flex;flex-direction:column;justify-content:center}.table-card:active{transform:scale(.98)}.table-card.selected{background:#007bff;color:#fff;border-color:#0056b3}.table-name{font-size:16px;font-weight:600;margin-bottom:4px}.table-amount{font-size:20px;font-weight:700}.item-input{padding:20px;border-top:1px solid #e9ecef}.input-group{display:flex;gap:8px;margin-bottom:16px}.input-field{flex:1;padding:12px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;outline:none}.input-field:focus{border-color:#007bff}.add-btn{background:#28a745;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.add-btn:active{background:#218838}.items-list{max-height:200px;overflow-y:auto;margin-top:16px}.item-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px;margin-bottom:8px}.item-name{font-weight:500}.item-price{color:#28a745;font-weight:600}.remove-btn{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer}.summary{padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.summary-row.total{font-size:18px;font-weight:600;color:#007bff;margin-top:12px;padding-top:12px;border-top:2px solid #e9ecef}.clear-btn{width:100%;background:#6c757d;color:#fff;border:none;padding:12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;margin-top:16px}.clear-btn:active{background:#5a6268}