body { font-family: Arial; padding: 20px; }
table { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
th, td { border: 1px solid #ccc; padding: 8px; text-align: center; }
th { background-color: #f0f0f0; }
input[type='number'] { width: 60px; }
.total-row { font-weight: bold; background-color: #f9f9f9; }
button { padding: 10px 15px; font-size: 16px; margin-right: 5px; }
.popup {
  display: none; position: fixed; top: 10%; left: 50%; transform: translateX(-50%);
  background: #fff; border: 1px solid #ccc; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3); z-index: 9999;
  width: 90%; max-width: 600px;
}
#orderText { width: 100%; height: 300px; }