* { box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:#f6f7fb; margin:0; padding:20px; }
.container { max-width:720px; margin:0 auto; background:#fff; padding:20px; border-radius:8px; box-shadow:0 4px 14px rgba(20,20,40,0.06); }
h1{margin:0 0 18px; font-size:20px}
form { display:flex; flex-direction:column; gap:10px }
label { font-size:13px; color:#333 }
input, select, button { padding:10px; font-size:16px; border-radius:6px; border:1px solid #e6e9ef }
button { background:#2563eb; color:#fff; border:none; cursor:pointer }
button:disabled { opacity:0.6; cursor:default }
.status{margin-top:12px;padding:10px;border-radius:6px}
.status.hidden{display:none}
.status.loading{background:#fff7e6;color:#7a5b00;border:1px solid #f5e6c6}
.status.error{background:#ffe6e6;color:#7a0000;border:1px solid #f1c6c6}
.passenger-row { display: flex; gap: 8px; margin-bottom: 8px; align-items: center; }
.passenger-row input { flex: 1; }
.delete-btn { padding: 8px 12px; background: #dc2626; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; }
.delete-btn:hover { background: #b91c1c; }
@media (max-width:520px){ .container{padding:14px} input,select,button{font-size:15px} }