:root{--purple:#7653b2}body{background:#f7f7fa;color:#222;font-family:Tahoma,Arial,sans-serif}.navbar-brand{font-size:1.6rem;font-weight:900;letter-spacing:-1px}.dot{color:var(--purple)}.hero{padding:22px 0}.hero h1{font-weight:800;font-size:clamp(1.7rem,5vw,2.8rem)}.eyebrow{color:var(--purple);font-size:.7rem;letter-spacing:2px}.panel{background:white;border:1px solid #e9e6ef;border-radius:18px;padding:20px;box-shadow:0 8px 30px #1a143108}.map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(8,85px);gap:8px;background:#f4f1f8;padding:12px;border-radius:14px;overflow:auto}.table-item{border:2px solid #e3ddea;background:#fff;border-radius:12px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:.78rem;cursor:pointer}.table-item.active{border-color:var(--purple);background:#f2ebfc}.seat-dots{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.seat-dot{width:8px;height:8px;background:#33aa77;border-radius:50%}.seat-dot.busy{background:#aaa}.legend{display:flex;gap:15px;margin-top:15px;font-size:.8rem}.btn-primary{background:var(--purple);border-color:var(--purple)}.btn-primary:hover{background:#60418e;border-color:#60418e}.seat-button.active{background:var(--purple);color:white}.seat-button:disabled{opacity:.45}@media(max-width:650px){.map{grid-template-rows:repeat(8,75px);gap:4px;padding:5px}.table-item{font-size:.6rem}.seat-dot{width:6px;height:6px}.panel{padding:12px}}