.app{background:#0b1024;color:#fff;padding:16px;border-radius:20px;width:300px}
.tabs{display:flex;gap:10px;margin-bottom:12px}
.tab{flex:1;padding:10px;border-radius:16px;border:1px solid #2d8cff;background:transparent;color:#fff;font-weight:700}
.tab.active{background:#2d8cff}
input,select{width:100%;padding:8px;margin:6px 0;border-radius:8px;border:1px solid #2d8cff;background:transparent;color:#fff}
.book{margin-top:10px;padding:12px;border:none;border-radius:16px;background:#2d8cff;color:#fff;font-weight:700}
/* Improve number input readability */
input[type="number"] {
  padding-right: 2px; /* space for arrows */
  box-sizing: border-box;
}

/* Chrome, Edge, Safari */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  margin-right: 6px;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}