:root {
    --primary: #c92a2a;
    --primary-hover: #a61e1e;
    --dark: #1d1d1f;
    --bg-color: #f5f5f7;
    --card-bg: #ffffff;
}
body {
    background-color: var(--bg-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--dark);
    -webkit-font-smoothing: antialiased;
}
.reservation-card {
    background: var(--card-bg);
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    padding: 2.5rem;
    border: 1px solid rgba(0,0,0,0.05);
}
h1 { font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.5rem; }
.form-control, .form-select {
    border-radius: 8px; padding: 0.75rem 1rem; border: 1px solid #d2d2d7;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.form-control:focus, .form-select:focus {
    border-color: var(--primary); box-shadow: 0 0 0 3px rgba(201, 42, 42, 0.15);
}
.btn-primary {
    background-color: var(--primary); border: none; border-radius: 8px;
    padding: 0.8rem; font-weight: 600; transition: transform 0.1s, background-color 0.15s;
}
.btn-primary:hover, .btn-primary:focus { background-color: var(--primary-hover); }
.btn-primary:active { transform: scale(0.98); }