*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,sans-serif;margin:0;padding:1rem;background:#0b1020;color:#eef2ff}h1{margin-top:0}.container{max-width:1100px;margin:0 auto}.controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}button{padding:.6rem .9rem;border-radius:12px;border:none;background:#5468ff;color:#fff;cursor:pointer;box-shadow:0 8px 20px #5468ff4d}button.secondary{background:#1f2747}button:disabled{opacity:.6;cursor:not-allowed}input[type=number]{padding:.6rem;border-radius:10px;border:1px solid #334;background:#121836;color:#eef2ff;width:6rem}.grid{border-radius:16px;overflow:hidden;border:1px solid #233}.floor{display:grid;grid-template-columns:120px repeat(10,1fr);gap:2px}.floor.ten{grid-template-columns:120px repeat(7,1fr)}.floor-label{padding:.5rem;background:#0f1533;border-bottom:1px solid #233}.room{padding:.5rem;text-align:center;background:#11183a;border:1px solid #1e2549}.room.available{background:#0e2d2b}.room.booked{background:#3a0f0f}.room.selected{outline:3px solid #ffd166;background:#1f2b5f}.legend{display:flex;gap:1rem;margin-top:.5rem}.badge{display:inline-flex;align-items:center;gap:.4rem}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.swatch.available{background:#0e2d2b}.swatch.booked{background:#3a0f0f}.swatch.selected{background:#1f2b5f;border:2px solid #ffd166}.panel{background:#0f1533;border:1px solid #233;padding:1rem;border-radius:16px;margin-bottom:1rem}.footer{opacity:.8;font-size:.9rem;margin-top:1rem}