:root{color:#17211f;background:#f6f3ed;font-family:Inter,system-ui,sans-serif}.page{place-items:center;min-height:100vh;padding:32px;display:grid}.card{background:#fff;border-radius:24px;width:min(760px,100%);padding:36px;box-shadow:0 20px 60px #00000014}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#64736d;font-size:12px}h1{margin:0 0 8px;font-size:44px}h2{margin:0 0 8px;font-size:20px}.muted{color:#64736d;margin-bottom:28px}.small{margin:0 0 12px;font-size:14px}form{gap:16px;display:grid}label{gap:7px;font-weight:700;display:grid}input,textarea{font:inherit;border:1px solid #d7ddd8;border-radius:12px;padding:12px 14px}textarea{min-height:96px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.paymentBox{background:#fbfaf7;border:1px solid #d7ddd8;border-radius:18px;padding:18px}#card-container{margin-top:12px}.warning{color:#8a4b00;background:#fff5df;border-radius:12px;padding:10px 12px}button{cursor:pointer;color:#fff;background:#17211f;border:0;border-radius:14px;padding:14px 18px;font-weight:800}button:disabled{opacity:.55;cursor:not-allowed}.message{background:#eef7ee;border-radius:12px;margin-top:16px;padding:12px 14px}@media (width<=700px){.grid{grid-template-columns:1fr}h1{font-size:34px}}.seatButton{color:#222;cursor:pointer;background:#fff;border:2px solid #ddd;transition:all .15s}.seatButton:hover{border-color:#999;transform:translateY(-1px)}.seatButton.selected span,.seatButton.selected strong{color:#fff}.seatButton.bar{border-style:dashed}.seatButton.selected.bar{background:#6f42c1;border-color:#6f42c1}.seatButton.blocked span,.seatButton.blocked strong{color:#fff}.seatButton.assignedHere{color:#fff;background:#f59e0b;border-color:#f59e0b}.seatButton.assignedHere span,.seatButton.assignedHere strong{color:#fff}.floorPlan{grid-template-columns:1fr 120px;align-items:start;gap:20px;margin-top:12px;display:grid}.floorMainLine{flex-wrap:wrap;gap:8px;display:flex}.floorRightSide{flex-direction:column;gap:8px;display:flex}.barSection{grid-column:1/-1;margin-top:16px}.barSeats{flex-wrap:wrap;gap:8px;display:flex}.statusFilters{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.seatButton.free{color:#14532d;background:#dcfce7;border-color:#16a34a}.seatButton.reserved{color:#78350f;background:#fef3c7;border-color:#f59e0b}.seatButton.seated{color:#1e3a8a;background:#dbeafe;border-color:#2563eb}.seatButton.blocked{color:#7f1d1d;cursor:not-allowed;opacity:.9;background:#fee2e2;border-color:#dc2626}.seatButton.selected{color:#fff;background:#16a34a;border-color:#15803d}.seatButton.selected strong,.seatButton.selected span{color:#fff}.searchBox{margin:16px 0}.searchBox input{width:100%;max-width:420px}.adminActions{z-index:10;position:relative}.adminActions button{pointer-events:auto}.editReservationBox{z-index:1;margin-top:16px;position:relative}.reservationList{flex-direction:column;gap:28px;display:flex}.reservationCard{border:2px solid #e5e7eb;border-radius:18px;margin-bottom:24px;padding:28px}.reservationCard+.reservationCard{margin-top:16px}.reservationHeader{border-bottom:1px solid #e5e7eb;margin-bottom:18px;padding-bottom:14px}.reservationDetails{margin-bottom:20px}.tableSelector{border-top:1px dashed #d1d5db;margin-top:20px;padding-top:18px}.adminActions{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:18px}.statusBadge.booked{color:#14532d;background:#dcfce7}.statusBadge.assigned{color:#78350f;background:#fef3c7}.statusBadge.seated{color:#1e3a8a;background:#dbeafe}.statusBadge.cancelled{color:#374151;background:#e5e7eb}.statusBadge.noShow{color:#7f1d1d;background:#fee2e2}.statusBadge.completed{color:#4c1d95;background:#ede9fe}.filterButton.booked{color:#14532d;background:#dcfce7}.filterButton.unassigned{color:#78350f;background:#fef3c7}.filterButton.seated{color:#1e3a8a;background:#dbeafe}.filterButton.cancelled{color:#7f1d1d;background:#fee2e2}.filterButton.noShow{color:#374151;background:#e5e7eb}.filterButton.all{color:#fff;background:#111827}.depositStatus{border-radius:999px;padding:3px 8px;font-size:.8rem;font-weight:700;display:inline-block}.depositStatus.refunded{color:#14532d;background:#dcfce7}.depositStatus.used{color:#1e3a8a;background:#dbeafe}.depositStatus.held{color:#78350f;background:#fef3c7}.cardContainer{background:#fff;border:1px solid #d1d5db;border-radius:12px;min-height:48px;margin-top:12px;padding:14px}.paymentSection{margin-top:24px}
