:root{--primary:#0b2b66;--accent:#c9a227;--soft:#f5f7fb;--ink:#182234}
body{background:var(--soft);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hero{background:linear-gradient(135deg,var(--primary),#071936);color:white;padding:34px 0;border-bottom:5px solid var(--accent)}
.brand-logo{max-height:82px;max-width:260px;object-fit:contain;background:white;border-radius:10px;padding:10px}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-primary:hover{filter:brightness(.92);background:var(--primary);border-color:var(--primary)}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}
.card{border:0;border-radius:10px;box-shadow:0 8px 24px rgba(10,30,70,.08)}
.stage{max-width:520px;margin:0 auto 22px;background:var(--primary);color:#fff;border-radius:12px;padding:14px 18px;text-align:center;font-weight:800;box-shadow:0 10px 24px rgba(11,43,102,.18)}
.horseshoe-map{display:grid;grid-template-columns:minmax(90px,1fr) minmax(220px,2.4fr) minmax(90px,1fr);grid-template-areas:"left center right" "back back back";gap:16px 36px;max-width:760px;margin:auto;align-items:start}
.seat-side{display:grid;grid-template-columns:repeat(2,minmax(54px,1fr));gap:9px}
.left-side{grid-area:left}
.right-side{grid-area:right}
.horseshoe-center{grid-area:center;min-height:520px;border:2px dashed #d9e2f5;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#8793a8;background:linear-gradient(180deg,#fff,rgba(245,247,251,.8))}
.center-label{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}
.back-row{grid-area:back;display:grid;grid-template-columns:repeat(4,minmax(62px,86px));gap:10px;justify-content:center;margin-top:6px}
.seat{border:0;border-radius:10px;min-height:48px;font-weight:700;background:#dbe7ff;color:#0b2b66}
.seat.available:hover{outline:3px solid var(--accent)}
.seat.selected{background:var(--accent);color:#111}
.seat.paid,.seat.reserved,.seat.blocked{background:#d7d7d7;color:#777;cursor:not-allowed}
.seat.pending{background:#ffe4a3;color:#6c4b00}
.seat-spacer{visibility:hidden}
.admin-shell{min-height:100vh}
.sidebar{background:#071936;color:white}
.sidebar a{display:block;color:#d8e4ff;text-decoration:none;padding:11px 16px;border-radius:8px;margin-bottom:4px}
.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.11);color:white}
.status-badge{font-size:.78rem}
.login-panel{max-width:440px;margin:8vh auto}
.ticket{border:2px dashed var(--primary);background:white;border-radius:14px;padding:24px}
@media(max-width:768px){.horseshoe-map{grid-template-columns:1fr 1fr;grid-template-areas:"left right" "back back";gap:14px}.horseshoe-center{display:none}.seat-side{grid-template-columns:1fr}.back-row{grid-template-columns:repeat(4,1fr)}.seat-spacer{display:none}.hero{padding:24px 0}}